@layers-app/shared 0.2.3 → 0.2.4

package/dist/components/AppContainer/AppContainer.d.ts

@@ -5,7 +5,7 @@ declare global {
         preSignMode?: boolean;
     }
 }
-export declare const AppContainer: (({ header, content, toolbar, navbarTitle, footer, onTitleChange, trashMenu, rightbar, onInviteClick, showAppsSidebar, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const AppContainer: (({ header, content, toolbar, navbarTitle, footer, onTitleChange, trashMenu, rightbar, onInviteClick, showAppsSidebar, headerBorderless, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
     NavbarContent: ({ children }: import("react").PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
     NewButton: ({ children, ...props }: import("@mantine/core").PolymorphicComponentProps<"button", import("@mantine/core").ButtonProps>) => import("react/jsx-runtime").JSX.Element;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAqED,eAAO,MAAM,YAAY,4HAxDtB,iBAAiB;;;CA2DlB,CAAC"}
+{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAyED,eAAO,MAAM,YAAY,8IA3DtB,iBAAiB;;;CA8DlB,CAAC"}

package/dist/components/AppContainer/AppContainer.js

@@ -1,42 +1,50 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { useEffect as C } from "react";
-import { useMantineColorScheme as y, Stack as A, Flex as j } from "@mantine/core";
+import { useEffect as y } from "react";
+import { useMantineColorScheme as v, Stack as A, Flex as j } from "@mantine/core";
 import { useQueryParam as k } from "../../hooks/useNumberQueryParam.js";
 import { AppShell as e } from "../AppShell/AppShell.js";
-import { AppsSidebar as v } from "./components/AppsSidebar/AppsSidebar.js";
+import { AppsSidebar as B } from "./components/AppsSidebar/AppsSidebar.js";
 import { Header as H } from "./components/Header.js";
 import { Main as N } from "./components/Main.js";
 import T from "./components/NavbarContent.js";
 import { RightSidebar as W } from "./components/RightSidebar.js";
-import { ToolSidebar as B } from "./components/ToolSidebar.js";
-import { ToolbarNewButton as M } from "./components/ToolbarNewButton.js";
-import { appContainerStore as P } from "./hooks/useAppContainerStore.js";
-const $ = ({
+import { ToolSidebar as M } from "./components/ToolSidebar.js";
+import { ToolbarNewButton as P } from "./components/ToolbarNewButton.js";
+import { appContainerStore as $ } from "./hooks/useAppContainerStore.js";
+const E = ({
   header: h,
   content: l,
   toolbar: i,
-  navbarTitle: c,
+  navbarTitle: d,
   footer: n,
-  onTitleChange: d,
-  trashMenu: s,
+  onTitleChange: s,
+  trashMenu: c,
   rightbar: m,
   onInviteClick: f,
-  showAppsSidebar: u = !0
+  showAppsSidebar: b = !0,
+  headerBorderless: u = !1
 }) => {
-  const { toolbarWidth: S, rightbarWidth: b, layout: a } = P.useStore(), { setColorScheme: p } = y(), t = k("theme");
-  C(() => {
+  const { toolbarWidth: S, rightbarWidth: x, layout: a } = $.useStore(), { setColorScheme: p } = v(), t = k("theme");
+  y(() => {
     (t === "dark" || t === "light") && p(t);
   }, [t, p]);
-  const x = {
+  const w = {
     "--toolbar-width": `${S}px`,
-    "--rightbar-width": `${b}px`
-  }, w = a !== "nothing", g = a === "default" && i;
-  return /* @__PURE__ */ o(e, { style: x, children: [
-    u && /* @__PURE__ */ r(e.Section, { w: "var(--apps-sidebar-width)", children: /* @__PURE__ */ r(v, { onInviteClick: f, trashMenu: s }) }),
+    "--rightbar-width": `${x}px`
+  }, g = a !== "nothing", C = a === "default" && i;
+  return /* @__PURE__ */ o(e, { style: w, children: [
+    b && /* @__PURE__ */ r(e.Section, { w: "var(--apps-sidebar-width)", children: /* @__PURE__ */ r(B, { onInviteClick: f, trashMenu: c }) }),
     /* @__PURE__ */ o(e.Section, { flex: 1, display: "flex", pos: "relative", children: [
-      g && /* @__PURE__ */ r(B, { onTitleChange: d, navbarTitle: c, children: i }),
+      C && /* @__PURE__ */ r(M, { onTitleChange: s, navbarTitle: d, children: i }),
       /* @__PURE__ */ o(A, { mih: 0, gap: 0, h: "100%", flex: 2, miw: 0, children: [
-        w && /* @__PURE__ */ r(e.Header, { px: "sm", children: /* @__PURE__ */ r(H, { children: h }) }),
+        g && /* @__PURE__ */ r(
+          e.Header,
+          {
+            px: "sm",
+            style: u ? { borderBottom: "none" } : void 0,
+            children: /* @__PURE__ */ r(H, { children: h })
+          }
+        ),
         /* @__PURE__ */ o(j, { mih: 0, gap: 0, h: "100%", children: [
           /* @__PURE__ */ r(e.WorkContent, { children: /* @__PURE__ */ o(N, { children: [
             l,
@@ -47,10 +55,10 @@ const $ = ({
       ] })
     ] })
   ] });
-}, L = Object.assign($, {
+}, U = Object.assign(E, {
   NavbarContent: T,
-  NewButton: M
+  NewButton: P
 });
 export {
-  L as AppContainer
+  U as AppContainer
 };

package/dist/components/AppContainer/hooks/useAppContainerStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAppContainerStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAU,MAAM,SAAS,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA+GjE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;iCA9CI,OAAO;iCAIP,MAAM;kCAIL,MAAM;mCAKL,MAAM;4BASb,kBAAkB;0BAIpB,MAAM;;CAoByB,CAAC"}
+{"version":3,"file":"useAppContainerStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAU,MAAM,SAAS,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAyHjE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;iCA9CI,OAAO;iCAIP,MAAM;kCAIL,MAAM;mCAKL,MAAM;4BASb,kBAAkB;0BAIpB,MAAM;;CAoByB,CAAC"}

package/dist/components/AppContainer/hooks/useAppContainerStore.js

@@ -1,13 +1,13 @@
 import { create as l } from "zustand";
 import { persist as n, createJSONStorage as g } from "zustand/middleware";
-import { DEFAULT_COLOR_SCHEME as r, isValidColorScheme as b } from "../../../constants.js";
-const i = 338, c = () => {
+import { DEFAULT_COLOR_SCHEME as i, isValidColorScheme as b } from "../../../constants.js";
+const r = 338, d = () => typeof window > "u" ? !0 : !window.matchMedia("(max-width: 992px)").matches, c = () => {
   const o = l(
     n(
       () => ({
         layout: "default",
-        showToolbar: !0,
-        theme: r,
+        showToolbar: d(),
+        theme: i,
         hiddenTools: [],
         toolbarWidth: 280,
         isTourPassed: !1,
@@ -19,10 +19,13 @@ const i = 338, c = () => {
         version: 3,
         storage: g(() => localStorage),
         migrate: (e) => {
-          const s = typeof e?.theme == "string" && b(e.theme) ? e.theme : r;
+          const s = typeof e?.theme == "string" && b(e.theme) ? e.theme : i;
           return {
             ...e,
-            rightbarWidth: Math.max(e?.rightbarWidth || 0, i),
+            rightbarWidth: Math.max(
+              e?.rightbarWidth || 0,
+              r
+            ),
             theme: s
           };
         }
@@ -51,7 +54,7 @@ const i = 338, c = () => {
     o.setState({ toolbarWidth: t });
   },
   setRightbarWidth: (t) => {
-    const a = Math.max(t, i);
+    const a = Math.max(t, r);
     o.setState({ rightbarWidth: a });
   },
   toggleToolVisibility: (t) => {
@@ -66,7 +69,7 @@ const i = 338, c = () => {
   setTheme: (t) => {
     o.setState({ theme: t });
   }
-}), M = c();
+}), I = c();
 export {
-  M as appContainerStore
+  I as appContainerStore
 };

package/dist/components/AppContainer/types.d.ts

@@ -15,6 +15,7 @@ export type ToolDef = {
 };
 export type AppContainerProps = {
     showAppsSidebar?: boolean;
+    headerBorderless?: boolean;
     content?: ReactNode;
     toolbar?: ReactNode;
     rightbar?: ReactNode;

package/dist/components/AppContainer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EACL,QAAQ,EACR,iBAAiB,EAClB,MAAM,8CAA8C,CAAC;AAEtD,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,aAAa,EAAE,kBAAkB,CAAC;IAClC,IAAI,EAAE,QAAQ,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,qBAAqB,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EACL,QAAQ,EACR,iBAAiB,EAClB,MAAM,8CAA8C,CAAC;AAEtD,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,aAAa,EAAE,kBAAkB,CAAC;IAClC,IAAI,EAAE,QAAQ,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,qBAAqB,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC"}

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

package/dist/components/EmojiPicker/EmojiPanel.js

@@ -1,23 +1,23 @@
-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 T from "./EmojiPicker.module.css.js";
-const he = [
+const pe = [
   { 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: _ }) },
@@ -25,18 +25,18 @@ const he = [
   { 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 }) }
-], Re = ({
+], Ee = ({
   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), [D, E] = 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));
       }
@@ -50,11 +50,11 @@ const he = [
           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 +67,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));
       }
     },
     [a]
-  ), D = ae((e) => {
+  ), j = 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 +110,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 +127,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 +148,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 +163,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 +172,9 @@ const he = [
         style: {
           overflowY: "auto"
         },
-        ref: I,
+        ref: z,
         onScroll: $,
-        children: C ? /* @__PURE__ */ v("div", { children: [
+        children: w ? /* @__PURE__ */ y(v, { flex: 1, justify: "center", align: "stretch", children: [
           !J && /* @__PURE__ */ t(
             F,
             {
@@ -186,18 +186,19 @@ 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(
+          D.length ? /* @__PURE__ */ t(N, { cols: 10, spacing: 0, children: D.map((e) => /* @__PURE__ */ t(
             "div",
             {
               className: T.item,
               "data-icon": e,
-              onClick: D,
+              onClick: j,
               children: e
             },
             e
-          )) }) : /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(
-            de,
+          )) }) : /* @__PURE__ */ t(x, { flex: 1, justify: "center", align: "stretch", children: /* @__PURE__ */ t(
+            ue,
             {
+              showDots: !1,
               size: 100,
               description: m?.searchNoResults,
               descriptionProps: {
@@ -205,7 +206,7 @@ const he = [
               }
             }
           ) })
-        ] }) : Q.map((e) => /* @__PURE__ */ v(
+        ] }) : Q.map((e) => /* @__PURE__ */ y(
           "div",
           {
             ref: (o) => {
@@ -229,7 +230,7 @@ const he = [
                 {
                   className: T.item,
                   "data-icon": o.e,
-                  onClick: D,
+                  onClick: j,
                   children: o.e
                 },
                 o.e
@@ -241,7 +242,7 @@ const he = [
       }
     ) }),
     /* @__PURE__ */ t(
-      j,
+      x,
       {
         style: {
           borderTop: "1px solid var(--tab-border-color)"
@@ -249,15 +250,15 @@ const he = [
         justify: "space-between",
         h: "56px",
         px: 8,
-        children: he.map((e) => /* @__PURE__ */ t(
+        children: pe.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
@@ -267,5 +268,5 @@ const he = [
   ] });
 };
 export {
-  Re as EmojiPanel
+  Ee as EmojiPanel
 };

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,6CAsSF,CAAC"}
+{"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"}