@layers-app/shared 0.1.5 → 0.2.0

package/dist/components/AppContainer/components/AppsSidebar/TopSection.js

@@ -0,0 +1,67 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import { Search01Icon as m, Notification02Icon as l } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as c } from "@hugeicons/react";
+import { Stack as f, ActionIcon as d, Tooltip as h, Menu as t } from "@mantine/core";
+import { isFeature as u } from "../../../../helpers/feature.js";
+import { openSearchModal as w } from "../../../../store/searchModal.js";
+import { Notification as k } from "../../../Notification/Notification.js";
+import { WorkspaceAvatar as v } from "../../../WorkspaceAvatar/WorkspaceAvatar.js";
+import { WorkspaceMenu as g } from "../../../WorkspaceMenu/WorkspaceMenu.js";
+import { useAppContainerDataStore as b } from "../../hooks/useAppContainerDataStore.js";
+import { AppSidebarButton as p } from "../AppSidebarButton.js";
+const W = () => {
+  const { t: e } = s("appContainer"), { workspaceMenu: i, isAnonym: r, publicMode: n } = b();
+  return /* @__PURE__ */ a(f, { gap: 8, align: "center", pb: 8, children: [
+    /* @__PURE__ */ o(
+      g,
+      {
+        ...i,
+        isAnonym: r,
+        publicMode: n,
+        children: /* @__PURE__ */ o(
+          d,
+          {
+            size: "lg",
+            variant: "transparent",
+            style: { overflow: "visible" },
+            children: /* @__PURE__ */ o(
+              h,
+              {
+                label: i.active?.workspaceName,
+                disabled: !i.active?.workspaceName,
+                openDelay: 400,
+                position: "right",
+                withArrow: !0,
+                children: /* @__PURE__ */ o(v, { workspace: i.active, size: 36 })
+              }
+            )
+          }
+        )
+      }
+    ),
+    !r && !n && /* @__PURE__ */ o(
+      p,
+      {
+        title: e("search"),
+        icon: /* @__PURE__ */ o(c, { icon: m, size: 20 }),
+        onClick: () => {
+          w();
+        }
+      }
+    ),
+    u() && !r && /* @__PURE__ */ a(t, { position: "right-start", children: [
+      /* @__PURE__ */ o(t.Target, { children: /* @__PURE__ */ o(
+        p,
+        {
+          title: e("activity"),
+          icon: /* @__PURE__ */ o(c, { icon: l, size: 20 })
+        }
+      ) }),
+      /* @__PURE__ */ o(t.Dropdown, { px: 4, py: 0, w: 440, children: /* @__PURE__ */ o(k, {}) })
+    ] })
+  ] });
+};
+export {
+  W as TopSection
+};

package/dist/components/AppContainer/components/AppsSidebar/UserSection.js

@@ -0,0 +1,80 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { Link as u } from "react-router-dom";
+import { Delete03Icon as w, UserAdd02Icon as I, HelpCircleIcon as b } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as t } from "@hugeicons/react";
+import { Stack as p, Menu as i, Tooltip as x, ActionIcon as T } from "@mantine/core";
+import { IconUserCircle as z } from "@tabler/icons-react";
+import { useAppContainerDataStore as A } from "../../hooks/useAppContainerDataStore.js";
+import { AppSidebarButton as s } from "../AppSidebarButton.js";
+import { HelpMenu as D } from "../menus/HelpMenu/HelpMenu.js";
+import { MenuUserDropdown as M } from "../menus/UserMenu/MenuUserDropdown.js";
+const q = ({
+  trashMenu: h,
+  onInviteClick: c
+}) => {
+  const { t: r } = f("appContainer"), { user: l, isAnonym: n, userMenuItems: a, publicMode: g } = A(), d = !n && !g && l.role !== "mG", m = !n && c;
+  return /* @__PURE__ */ e(
+    p,
+    {
+      style: { borderTop: "1px solid var(--app-shell-border)" },
+      flex: 1,
+      pt: 8,
+      gap: 16,
+      align: "center",
+      children: [
+        /* @__PURE__ */ e(
+          p,
+          {
+            justify: !d && !m ? "end" : "space-between",
+            gap: 8,
+            flex: 1,
+            children: [
+              d && /* @__PURE__ */ e(i, { position: "right", width: 360, children: [
+                /* @__PURE__ */ o(i.Target, { children: /* @__PURE__ */ o(
+                  s,
+                  {
+                    title: r("trash"),
+                    icon: /* @__PURE__ */ o(t, { icon: w, size: 20 })
+                  }
+                ) }),
+                /* @__PURE__ */ o(i.Dropdown, { children: h })
+              ] }),
+              /* @__PURE__ */ e(p, { gap: 8, children: [
+                m && /* @__PURE__ */ o(
+                  s,
+                  {
+                    title: r("invite"),
+                    icon: /* @__PURE__ */ o(t, { icon: I, size: 20 }),
+                    onClick: c
+                  }
+                ),
+                /* @__PURE__ */ e(i, { position: "right-end", width: 260, children: [
+                  /* @__PURE__ */ o(i.Target, { children: /* @__PURE__ */ o(
+                    s,
+                    {
+                      title: r("help"),
+                      icon: /* @__PURE__ */ o(t, { icon: b, size: 20 })
+                    }
+                  ) }),
+                  /* @__PURE__ */ o(i.Dropdown, { children: /* @__PURE__ */ o(D, {}) })
+                ] })
+              ] })
+            ]
+          }
+        ),
+        n ? /* @__PURE__ */ o(u, { to: "/login", children: /* @__PURE__ */ o(x, { label: "Log in", position: "right", children: /* @__PURE__ */ o(T, { size: "lg", variant: "light", children: /* @__PURE__ */ o(z, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
+          M,
+          {
+            user: l,
+            menuItems: a,
+            position: "right-end"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  q as UserSection
+};

package/dist/components/AppContainer/{Header.d.ts → components/Header.d.ts}

@@ -5,4 +5,4 @@ declare global {
         preSignMode?: boolean;
     }
 }
-export declare const Header: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Header: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/Header.js

@@ -0,0 +1,9 @@
+import { jsxs as e, Fragment as o, jsx as t } from "react/jsx-runtime";
+import { SidebarToggleButton as n } from "./SidebarToggleButton.js";
+const p = ({ children: r }) => /* @__PURE__ */ e(o, { children: [
+  /* @__PURE__ */ t(n, { forOpen: !0 }),
+  r
+] });
+export {
+  p as Header
+};

package/dist/components/AppContainer/components/Main.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { appContainerStore as e } from "../hooks/useAppContainerStore.js";
+import n from "../AppContainer.module.css.js";
+const p = ({ children: o }) => {
+  const r = e.useStore((a) => a.showToolbar);
+  return /* @__PURE__ */ t(
+    "main",
+    {
+      className: n.main,
+      "data-tool-sidebar-opened": r,
+      "data-app-container": !0,
+      children: o
+    }
+  );
+};
+export {
+  p as Main
+};

package/dist/components/AppContainer/components/NavbarContent.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ScrollArea as t, Box as l } from "@mantine/core";
+const s = ({ children: o }) => /* @__PURE__ */ r(t, { flex: 1, scrollbars: "y", mih: 0, type: "scroll", children: /* @__PURE__ */ r(l, { w: "var(--toolbar-width)", children: o }) });
+export {
+  s as default
+};

package/dist/components/AppContainer/components/RightSidebar.js

@@ -0,0 +1,30 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { AppShell as a } from "../../AppShell/AppShell.js";
+import { NavbarResizer as p } from "../../NavbarResizer/NavbarResizer.js";
+import { appContainerStore as t } from "../hooks/useAppContainerStore.js";
+import { SlideAnimation as n } from "./SlideAnimation.js";
+const l = ({ children: o }) => {
+  const { showRightbar: i, rightbarWidth: h } = t.useStore();
+  return /* @__PURE__ */ r(
+    n,
+    {
+      show: i,
+      width: "var(--rightbar-width)",
+      position: "right",
+      children: /* @__PURE__ */ e(a.RightSidebar, { pos: "relative", children: [
+        i && /* @__PURE__ */ r(
+          p,
+          {
+            position: "right",
+            width: h,
+            onChange: t.api.setRightbarWidth
+          }
+        ),
+        o
+      ] })
+    }
+  );
+};
+export {
+  l as RightSidebar
+};

package/dist/components/AppContainer/components/SidebarToggleButton.js

@@ -0,0 +1,27 @@
+import { jsx as r } from "react/jsx-runtime";
+import { SidebarLeft01Icon as i, SidebarRight01Icon as n } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as c } from "@hugeicons/react";
+import { ActionIcon as a } from "@mantine/core";
+import { appContainerStore as t } from "../hooks/useAppContainerStore.js";
+const g = ({ forOpen: e }) => {
+  const { showToolbar: o } = t.useStore();
+  return e && o ? null : /* @__PURE__ */ r(
+    a,
+    {
+      variant: "subtle",
+      size: "md",
+      color: "gray",
+      onClick: t.api.toggleToolbar,
+      children: /* @__PURE__ */ r(
+        c,
+        {
+          icon: o ? i : n,
+          size: 20
+        }
+      )
+    }
+  );
+};
+export {
+  g as SidebarToggleButton
+};

package/dist/components/AppContainer/components/SlideAnimation.js

@@ -0,0 +1,43 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useIsFirstRender as a } from "@mantine/hooks";
+import { AnimatePresence as m, motion as d } from "framer-motion";
+import t from "../AppContainer.module.css.js";
+const u = ({
+  children: n,
+  show: s,
+  width: e,
+  position: r
+}) => {
+  const o = a();
+  return /* @__PURE__ */ i(m, { children: s && /* @__PURE__ */ i(
+    d.div,
+    {
+      className: t.slideContainer,
+      initial: o ? !1 : {
+        width: 0
+      },
+      animate: {
+        width: e
+      },
+      exit: {
+        width: 0
+      },
+      transition: {
+        duration: 0.2,
+        ease: "easeInOut"
+      },
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: t.slideContent,
+          style: { width: e },
+          "data-position": r,
+          children: n
+        }
+      )
+    }
+  ) });
+};
+export {
+  u as SlideAnimation
+};

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

@@ -1,3 +1,7 @@
 import { PropsWithChildren } from 'react';
-import { AppContainerProps } from '../types';
-export declare const ToolSidebar: (props: PropsWithChildren<Pick<AppContainerProps, "navbarTitle" | "onTitleChange">>) => import("react/jsx-runtime").JSX.Element;
+interface ToolSidebarProps extends PropsWithChildren {
+    navbarTitle?: string;
+    onTitleChange?: (title: string) => void;
+}
+export declare const ToolSidebar: (props: ToolSidebarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AppContainer/components/ToolSidebar.js

@@ -0,0 +1,84 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useRef as C, useEffect as h, useMemo as S } from "react";
+import { useTranslation as x } from "react-i18next";
+import { useNavigate as I, useParams as N, useLocation as A, matchPath as L } from "react-router-dom";
+import { ActionIcon as y, Title as z, TextInput as B } from "@mantine/core";
+import { useField as P } from "@mantine/form";
+import { IconArrowLeft as R } from "@tabler/icons-react";
+import { AppShell as d } from "../../AppShell/AppShell.js";
+import { NavbarResizer as V } from "../../NavbarResizer/NavbarResizer.js";
+import { useAppContainerDataStore as W } from "../hooks/useAppContainerDataStore.js";
+import { appContainerStore as u } from "../hooks/useAppContainerStore.js";
+import { SidebarToggleButton as j } from "./SidebarToggleButton.js";
+import { SlideAnimation as k } from "./SlideAnimation.js";
+import i from "../AppContainer.module.css.js";
+const Z = (f) => {
+  const { t: T } = x("appContainer"), { children: g, navbarTitle: e, onTitleChange: r } = f, b = I(), { showToolbar: a, toolbarWidth: v } = u.useStore(), { formId: w } = N(), l = C(r);
+  h(() => {
+    l.current = r;
+  }, [r]);
+  const s = P({
+    initialValue: e || "",
+    onValueChange: (o) => {
+      l.current?.(o);
+    }
+  });
+  h(() => {
+    s.setValue(e || "");
+  }, [e]);
+  const m = A(), p = W((o) => o.tools), n = S(() => p.find((o) => !!L({ path: o.path, end: !1 }, m.pathname)), [m.pathname, p]);
+  return /* @__PURE__ */ t(
+    k,
+    {
+      show: a,
+      width: "var(--toolbar-width)",
+      position: "left",
+      children: /* @__PURE__ */ c(d.LeftSidebar, { pos: "relative", children: [
+        a && /* @__PURE__ */ t(
+          V,
+          {
+            position: "left",
+            width: v,
+            onChange: u.api.setToolbarWidth
+          }
+        ),
+        /* @__PURE__ */ c(d.Header, { pl: 16, pr: 14, children: [
+          n?.withBackButton && w && n.name && /* @__PURE__ */ t(
+            y,
+            {
+              onClick: () => b(n?.path),
+              variant: "subtle",
+              size: "md",
+              color: "gray",
+              children: /* @__PURE__ */ t(R, { size: 20 })
+            }
+          ),
+          /* @__PURE__ */ t(z, { order: 4, component: "div", className: i.toolTitle, children: r ? /* @__PURE__ */ t(
+            B,
+            {
+              ...s.getInputProps(),
+              placeholder: T("noName"),
+              maxLength: 50,
+              minLength: 1,
+              unstyled: !0,
+              classNames: {
+                input: i.toolTitleInput
+              },
+              styles: {
+                root: {
+                  width: "100%",
+                  flex: 1
+                }
+              }
+            }
+          ) : /* @__PURE__ */ t("span", { className: i.toolTitleText, children: e }) }),
+          /* @__PURE__ */ t(j, {})
+        ] }),
+        g
+      ] })
+    }
+  );
+};
+export {
+  Z as ToolSidebar
+};

package/dist/components/AppContainer/components/ToolbarNewButton.js

@@ -0,0 +1,28 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Add01Icon as r } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as n } from "@hugeicons/react";
+import { Button as e } from "@mantine/core";
+const c = ({
+  children: o,
+  ...i
+}) => /* @__PURE__ */ t(
+  e,
+  {
+    px: 8,
+    leftSection: /* @__PURE__ */ t(n, { icon: r, size: 16 }),
+    justify: "flex-start",
+    variant: "filled",
+    size: "sm",
+    fullWidth: !0,
+    styles: {
+      section: {
+        marginInlineEnd: 8
+      }
+    },
+    ...i,
+    children: o
+  }
+);
+export {
+  c as ToolbarNewButton
+};

package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.js

@@ -0,0 +1,122 @@
+import { jsxs as o, jsx as e, Fragment as d } from "react/jsx-runtime";
+import { useTranslation as g } from "react-i18next";
+import { DiscountTag02Icon as f, CustomerSupportIcon as u, Layers01Icon as S, BookOpen01Icon as I, LicenseIcon as b } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as n } from "@hugeicons/react";
+import { useAppContainerDataStore as v } from "../../../hooks/useAppContainerDataStore.js";
+import { Stack as k, Button as s, Menu as i, Text as w } from "@mantine/core";
+import y from "../../../../../assets/svg/discord-icon.svg.js";
+import D from "../../../../../assets/svg/telegram-icon.svg.js";
+import { WhatsNew as z } from "./WhatsNew.js";
+const P = () => {
+  const { t } = g("helpMenu"), {
+    showMessenger: r,
+    showNewMessage: a,
+    version: m,
+    updatedAt: l,
+    privacyPolicyLink: p,
+    userAgreementLink: h,
+    whatsNewItems: c
+  } = v();
+  return /* @__PURE__ */ o(k, { gap: 6, p: 4, children: [
+    /* @__PURE__ */ e(
+      s,
+      {
+        component: "a",
+        href: "https://t.me/layers_app",
+        target: "_blank",
+        bg: "blue.5",
+        leftSection: /* @__PURE__ */ e(D, { width: 16, height: 16 }),
+        c: "white",
+        size: "sm",
+        justify: "flex-start",
+        children: t("joinTelegram")
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        component: "a",
+        href: "https://discord.gg/mEd2PbchRD",
+        target: "_blank",
+        bg: "indigo.5",
+        leftSection: /* @__PURE__ */ e(y, { width: 16, height: 16 }),
+        c: "white",
+        size: "sm",
+        justify: "flex-start",
+        children: t("joinDiscord")
+      }
+    ),
+    /* @__PURE__ */ e(i.Divider, {}),
+    /* @__PURE__ */ e(
+      i.Item,
+      {
+        onClick: () => {
+          r(), a(t("contactSalesMessage"));
+        },
+        leftSection: /* @__PURE__ */ e(n, { icon: f, size: 16 }),
+        children: t("contactSales")
+      }
+    ),
+    /* @__PURE__ */ e(
+      i.Item,
+      {
+        onClick: r,
+        leftSection: /* @__PURE__ */ e(n, { icon: u, size: 16 }),
+        children: t("getSupport")
+      }
+    ),
+    /* @__PURE__ */ e(i.Divider, {}),
+    /* @__PURE__ */ e(
+      i.Item,
+      {
+        leftSection: /* @__PURE__ */ e(n, { icon: S, size: 16 }),
+        component: "a",
+        href: "https://layers.md/",
+        target: "_blank",
+        children: t("aboutLayers")
+      }
+    ),
+    /* @__PURE__ */ e(
+      i.Item,
+      {
+        variant: "outline",
+        component: "a",
+        target: "_blank",
+        href: h,
+        leftSection: /* @__PURE__ */ e(n, { icon: I, size: 16 }),
+        children: t("userAgreement")
+      }
+    ),
+    /* @__PURE__ */ e(
+      i.Item,
+      {
+        variant: "outline",
+        component: "a",
+        target: "_blank",
+        href: p,
+        leftSection: /* @__PURE__ */ e(n, { icon: b, size: 16 }),
+        children: t("termsAndPrivacy")
+      }
+    ),
+    /* @__PURE__ */ e(i.Divider, {}),
+    !!c?.length && /* @__PURE__ */ o(d, { children: [
+      /* @__PURE__ */ e(z, { items: c }),
+      /* @__PURE__ */ e(i.Divider, {})
+    ] }),
+    /* @__PURE__ */ o(w, { size: "xs", c: "dimmed", children: [
+      t("updated"),
+      " ",
+      l,
+      /* @__PURE__ */ e("br", {}),
+      "Layers v",
+      m,
+      /* @__PURE__ */ e("br", {}),
+      "© ",
+      (/* @__PURE__ */ new Date()).getFullYear(),
+      " Layers Web Application"
+    ] })
+  ] });
+};
+export {
+  P as HelpMenu
+};

package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.module.css.js

@@ -0,0 +1,9 @@
+const t = "_dot_1x557_1", o = "_line_1x557_9", e = {
+  dot: t,
+  line: o
+};
+export {
+  e as default,
+  t as dot,
+  o as line
+};

package/dist/components/AppContainer/components/menus/HelpMenu/WhatsNew.js

@@ -0,0 +1,58 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { LinkSquare02Icon as d } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as u } from "@hugeicons/react";
+import { Stack as s, Menu as a, Title as g, Flex as f, Button as y } from "@mantine/core";
+import o from "./HelpMenu.module.css.js";
+const L = ({ items: r }) => {
+  const { t } = p("helpMenu");
+  return /* @__PURE__ */ n(s, { gap: 12, children: [
+    /* @__PURE__ */ n(s, { gap: 0, children: [
+      /* @__PURE__ */ e(a.Label, { children: /* @__PURE__ */ e(g, { order: 6, component: "span", c: "var(--mantine-color-bright)", children: t("whatsNew") }) }),
+      r?.map((i, l, c) => {
+        const h = l === 0, m = l === c.length - 1;
+        return /* @__PURE__ */ e(
+          a.Item,
+          {
+            px: 12,
+            py: 0,
+            h: 35,
+            component: "a",
+            href: i.link,
+            target: "_blank",
+            styles: {
+              itemLabel: {
+                height: "100%"
+              }
+            },
+            children: /* @__PURE__ */ n(f, { gap: 10, h: "100%", children: [
+              /* @__PURE__ */ e(v, { isFirst: h, isLast: m }),
+              i.title
+            ] })
+          },
+          i.title
+        );
+      })
+    ] }),
+    /* @__PURE__ */ e(
+      y,
+      {
+        rightSection: /* @__PURE__ */ e(u, { icon: d, size: "1em" }),
+        variant: "default",
+        size: "xs",
+        fullWidth: !0,
+        children: t("showMore")
+      }
+    )
+  ] });
+}, v = ({
+  isFirst: r,
+  isLast: t
+}) => /* @__PURE__ */ n(s, { gap: 4, h: "100%", align: "center", children: [
+  /* @__PURE__ */ e("div", { className: o.line, style: { opacity: r ? 0 : 1 } }),
+  /* @__PURE__ */ e("div", { className: o.dot }),
+  /* @__PURE__ */ e("div", { className: o.line, style: { opacity: t ? 0 : 1 } })
+] });
+export {
+  L as WhatsNew
+};

package/dist/components/AppContainer/components/menus/MoreMenu.js

@@ -0,0 +1,42 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Link as c } from "react-router-dom";
+import { PinIcon as m } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as p } from "@hugeicons/react";
+import { useAppContainerDataStore as a } from "../../hooks/useAppContainerDataStore.js";
+import { Stack as s, Menu as l, ActionIcon as d } from "@mantine/core";
+import { IconPinFilled as f } from "@tabler/icons-react";
+import { appContainerStore as n } from "../../hooks/useAppContainerStore.js";
+const y = () => {
+  const e = n.useStore((o) => o.hiddenTools), t = a((o) => o.tools);
+  return /* @__PURE__ */ i(s, { gap: 2, children: t?.map((o) => /* @__PURE__ */ i(
+    l.Item,
+    {
+      component: c,
+      to: o.path,
+      leftSection: o.icon({ size: 16 }),
+      rightSection: /* @__PURE__ */ i(
+        d,
+        {
+          size: "sm",
+          color: "gray",
+          variant: "subtle",
+          onClick: (r) => {
+            r.preventDefault(), r.stopPropagation(), n.api.toggleToolVisibility(o.id);
+          },
+          children: e.includes(o.id) ? /* @__PURE__ */ i(p, { icon: m, size: 16 }) : /* @__PURE__ */ i(
+            f,
+            {
+              size: 16,
+              color: "var(--mantine-primary-color-filled)"
+            }
+          )
+        }
+      ),
+      children: o.name
+    },
+    o.id
+  )) });
+};
+export {
+  y as MoreMenu
+};

package/dist/components/AppContainer/components/menus/UserMenu/MenuUserDropdown.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { appMode } from '../../../../..';
+import { appMode } from '../../../../../helpers/isAppMode';
 import { FloatingPosition } from '@mantine/core';
 export type MenuUser = {
     id: string;