@layers-app/shared 0.2.0 → 0.2.2

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

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

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

@@ -1,2 +1,3 @@
 import { ButtonProps, PolymorphicComponentProps } from '@mantine/core';
 export declare const ToolbarNewButton: ({ children, ...props }: PolymorphicComponentProps<"button", ButtonProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolbarNewButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarNewButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolbarNewButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,WAAW,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE/E,eAAO,MAAM,gBAAgB,GAAI,wBAG9B,yBAAyB,CAAC,QAAQ,EAAE,WAAW,CAAC,4CAmBlD,CAAC"}

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

@@ -1 +1,2 @@
 export declare const HelpMenu: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HelpMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/HelpMenu/HelpMenu.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,QAAQ,+CA2GpB,CAAC"}

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

@@ -2,10 +2,10 @@ 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 { Stack as v, Button as s, Menu as i, Text as k } from "@mantine/core";
+import w from "../../../../../assets/svg/discord-icon.svg.js";
+import y from "../../../../../assets/svg/telegram-icon.svg.js";
+import { useAppContainerDataStore as D } from "../../../hooks/useAppContainerDataStore.js";
 import { WhatsNew as z } from "./WhatsNew.js";
 const P = () => {
   const { t } = g("helpMenu"), {
@@ -16,8 +16,8 @@ const P = () => {
     privacyPolicyLink: p,
     userAgreementLink: h,
     whatsNewItems: c
-  } = v();
-  return /* @__PURE__ */ o(k, { gap: 6, p: 4, children: [
+  } = D();
+  return /* @__PURE__ */ o(v, { gap: 6, p: 4, children: [
     /* @__PURE__ */ e(
       s,
       {
@@ -25,7 +25,7 @@ const P = () => {
         href: "https://t.me/layers_app",
         target: "_blank",
         bg: "blue.5",
-        leftSection: /* @__PURE__ */ e(D, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ e(y, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
@@ -39,7 +39,7 @@ const P = () => {
         href: "https://discord.gg/mEd2PbchRD",
         target: "_blank",
         bg: "indigo.5",
-        leftSection: /* @__PURE__ */ e(y, { width: 16, height: 16 }),
+        leftSection: /* @__PURE__ */ e(w, { width: 16, height: 16 }),
         c: "white",
         size: "sm",
         justify: "flex-start",
@@ -103,7 +103,7 @@ const P = () => {
       /* @__PURE__ */ e(z, { items: c }),
       /* @__PURE__ */ e(i.Divider, {})
     ] }),
-    /* @__PURE__ */ o(w, { size: "xs", c: "dimmed", children: [
+    /* @__PURE__ */ o(k, { size: "xs", c: "dimmed", children: [
       t("updated"),
       " ",
       l,

package/dist/components/AppContainer/components/menus/HelpMenu/WhatsNew.d.ts

@@ -5,3 +5,4 @@ export type WhatsNewProps = {
     }[];
 };
 export declare const WhatsNew: ({ items }: WhatsNewProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WhatsNew.d.ts.map

package/dist/components/AppContainer/components/menus/HelpMenu/WhatsNew.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WhatsNew.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/HelpMenu/WhatsNew.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,EAAE,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,WAAW,aAAa,4CAiDhD,CAAC"}

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

@@ -1 +1,2 @@
 export declare const MoreMenu: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MoreMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoreMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/menus/MoreMenu.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,QAAQ,+CAwCpB,CAAC"}

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

@@ -1,6 +1,6 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { appMode } from '../../../../../helpers/isAppMode';
 import { FloatingPosition } from '@mantine/core';
+import { appMode } from '../../../../../helpers/isAppMode';
 export type MenuUser = {
     id: string;
     avatar: string | null;
@@ -29,3 +29,4 @@ export type MenuUserDropdownProps = PropsWithChildren<{
     user: MenuUser;
 }>;
 export declare const MenuUserDropdown: ({ position, children, user, menuItems, }: MenuUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuUserDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuUserDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/UserMenu/MenuUserDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAGL,gBAAgB,EAIjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAG3D,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;IACpD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB,GAAI,0CAK9B,qBAAqB,4CAyCvB,CAAC"}

package/dist/components/AppContainer/components/menus/UserMenu/MenuUserDropdown.js

@@ -1,14 +1,14 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Menu as t, Stack as l, Flex as h, Text as i, Divider as a } from "@mantine/core";
-import { UserAvatar as d } from "../../../../UserAvatar/index.js";
-const f = ({
-  position: o = "bottom-end",
+import { Menu as t, Stack as l, Flex as h, Text as i, Divider as s } from "@mantine/core";
+import { UserAvatar as o } from "../../../../UserAvatar/index.js";
+const x = ({
+  position: d = "bottom-end",
   children: m,
   user: r,
   menuItems: c
-}) => /* @__PURE__ */ n(t, { keepMounted: !0, position: o, children: [
+}) => /* @__PURE__ */ n(t, { keepMounted: !0, offset: 16, position: d, children: [
   /* @__PURE__ */ e(t.Target, { children: m ?? /* @__PURE__ */ e(
-    d,
+    o,
     {
       user: r,
       size: 36,
@@ -19,7 +19,7 @@ const f = ({
   ) }),
   /* @__PURE__ */ e(t.Dropdown, { w: 264, children: /* @__PURE__ */ n(l, { gap: 2, children: [
     /* @__PURE__ */ n(h, { h: 49, px: "sm", gap: 10, mb: 5, py: 6, children: [
-      /* @__PURE__ */ e(d, { user: r, size: 36 }),
+      /* @__PURE__ */ e(o, { user: r, size: 36 }),
       /* @__PURE__ */ n("div", { style: { flex: 1, minWidth: 0 }, children: [
         /* @__PURE__ */ e(
           i,
@@ -35,10 +35,10 @@ const f = ({
         /* @__PURE__ */ e(i, { lh: "140%", fz: "xs", c: "dimmed", truncate: "end", children: r.email })
       ] })
     ] }),
-    /* @__PURE__ */ e(a, {}),
+    /* @__PURE__ */ e(s, {}),
     c
   ] }) })
 ] });
 export {
-  f as MenuUserDropdown
+  x as MenuUserDropdown
 };

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

@@ -1,2 +1,3 @@
 import { AppContainerActionsStore, AppContainerDataStore } from '../types';
 export declare const useAppContainer: ({ user, workspaceMenu, tools, userMenuItems, notifications, isAnonym, readNotificationsFunc, publicMode, showMessenger, showNewMessage, version, updatedAt, privacyPolicyLink, userAgreementLink, whatsNewItems, }: AppContainerDataStore & AppContainerActionsStore) => void;
+//# sourceMappingURL=useAppContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAppContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAI3E,eAAO,MAAM,eAAe,GAAI,oNAgB7B,qBAAqB,GAAG,wBAAwB,SAsClD,CAAC"}

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

@@ -1,2 +1,3 @@
 import { AppContainerActionsStore } from '../types';
-export declare const useAppContainerActionsStore: import('zustand').UseBoundStore<import('zustand').StoreApi<AppContainerActionsStore>>;
+export declare const useAppContainerActionsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AppContainerActionsStore>>;
+//# sourceMappingURL=useAppContainerActionsStore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAppContainerActionsStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerActionsStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,2BAA2B,uFAIvC,CAAC"}

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

@@ -1,2 +1,3 @@
 import { AppContainerDataStore } from '../types';
-export declare const useAppContainerDataStore: import('zustand').UseBoundStore<import('zustand').StoreApi<AppContainerDataStore>>;
+export declare const useAppContainerDataStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AppContainerDataStore>>;
+//# sourceMappingURL=useAppContainerDataStore.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAppContainerDataStore.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useAppContainerDataStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAM,wBAAwB,oFA8BlC,CAAC"}

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

@@ -5,13 +5,13 @@ export declare const appContainerStore: {
         setState(partial: AppContainerStore | Partial<AppContainerStore> | ((state: AppContainerStore) => AppContainerStore | Partial<AppContainerStore>), replace?: false | undefined): unknown;
         setState(state: AppContainerStore | ((state: AppContainerStore) => AppContainerStore), replace: true): unknown;
         persist: {
-            setOptions: (options: Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>) => void;
+            setOptions: (options: Partial<import("zustand/middleware").PersistOptions<AppContainerStore, AppContainerStore, unknown>>) => void;
             clearStorage: () => void;
             rehydrate: () => Promise<void> | void;
             hasHydrated: () => boolean;
             onHydrate: (fn: (state: AppContainerStore) => void) => () => void;
             onFinishHydration: (fn: (state: AppContainerStore) => void) => () => void;
-            getOptions: () => Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>;
+            getOptions: () => Partial<import("zustand/middleware").PersistOptions<AppContainerStore, AppContainerStore, unknown>>;
         };
     }>;
     api: {
@@ -29,3 +29,4 @@ export declare const appContainerStore: {
         setTheme: (theme: string) => void;
     };
 };
+//# sourceMappingURL=useAppContainerStore.d.ts.map

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

@@ -0,0 +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;AAG1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA4GjE,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,30 +1,32 @@
-import { create as s } from "zustand";
-import { persist as r, createJSONStorage as i } from "zustand/middleware";
-const l = () => {
-  const o = s(
-    r(
+import { create as i } from "zustand";
+import { persist as h, createJSONStorage as l } from "zustand/middleware";
+const s = 338, n = () => {
+  const o = i(
+    h(
       () => ({
         layout: "default",
         showToolbar: !0,
         theme: "indigo",
-        tools: [],
         hiddenTools: [],
         toolbarWidth: 280,
         isTourPassed: !1,
         showRightbar: !1,
-        rightbarWidth: 200
+        rightbarWidth: 338
       }),
       {
         name: "app-menu",
-        storage: i(() => localStorage)
+        // increment version to migrate saved data.
+        version: 2,
+        storage: l(() => localStorage),
+        migrate: (a) => (a?.rightbarWidth < s && (a.rightbarWidth = s), a)
       }
     )
   );
   return {
     useStore: o,
-    api: h(o)
+    api: g(o)
   };
-}, h = (o) => ({
+}, g = (o) => ({
   toggleToolbar: () => {
     o.setState((t) => ({ ...t, showToolbar: !t.showToolbar }));
   },
@@ -42,12 +44,13 @@ const l = () => {
     o.setState({ toolbarWidth: t });
   },
   setRightbarWidth: (t) => {
-    o.setState({ rightbarWidth: t });
+    const e = Math.max(t, s);
+    o.setState({ rightbarWidth: e });
   },
   toggleToolVisibility: (t) => {
     o.setState((e) => ({
       ...e,
-      hiddenTools: e.hiddenTools.includes(t) ? e.hiddenTools.filter((a) => a !== t) : [...e.hiddenTools, t]
+      hiddenTools: e.hiddenTools.includes(t) ? e.hiddenTools.filter((r) => r !== t) : [...e.hiddenTools, t]
     }));
   },
   setLayout: (t) => {
@@ -56,7 +59,7 @@ const l = () => {
   setTheme: (t) => {
     o.setState({ theme: t });
   }
-}), y = l();
+}), A = n();
 export {
-  y as appContainerStore
+  A as appContainerStore
 };

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

@@ -1,2 +1,3 @@
 import { AppContainerLayout } from '../types';
 export declare const useSetAppContainerLayout: (layout?: AppContainerLayout) => void;
+//# sourceMappingURL=useSetAppContainerLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSetAppContainerLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/hooks/useSetAppContainerLayout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C,eAAO,MAAM,wBAAwB,GACnC,SAAQ,kBAA8B,SASvC,CAAC"}

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

@@ -64,3 +64,4 @@ export type AppContainerStore = {
     rightbarWidth: number;
 };
 export {};
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/AppShell/AppShell.d.ts

@@ -10,3 +10,4 @@ export declare const AppShell: (({ children, ...props }: PropsWithChildren<AppSh
     Main: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
     WorkContent: ({ children, ...props }: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
 };
+//# sourceMappingURL=AppShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAqErC,eAAO,MAAM,QAAQ,4BAhClB,iBAAiB,CAAC,aAAa,CAAC;sCAnCM,iBAAiB,CAAC,QAAQ,CAAC;0CAwBvB,iBAAiB,CAAC,QAAQ,CAAC;2CAmB1B,iBAAiB,CAAC,QAAQ,CAAC;sCAnChC,iBAAiB,CAAC,QAAQ,CAAC;qCAQ5B,iBAAiB,CAAC,QAAQ,CAAC;mCAmC7B,iBAAiB,CAAC,QAAQ,CAAC;0CAQpB,iBAAiB,CAAC,QAAQ,CAAC;CAgBtE,CAAC"}

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryContext.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { ReactZoomPanPinchContentRef } from 'react-zoom-pan-pinch';
-import { EmblaCarouselType } from 'embla-carousel';
+import type { EmblaCarouselType } from 'embla-carousel';
 interface AttachmentsGalleryContextValue {
     embla: EmblaCarouselType | null;
     setEmbla: (embla: EmblaCarouselType | null) => void;
@@ -22,3 +22,4 @@ interface AttachmentsGalleryProviderProps {
 }
 export declare const AttachmentsGalleryProvider: ({ children, initialIndex, }: AttachmentsGalleryProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=AttachmentsGalleryContext.d.ts.map

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsGalleryContext.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/AttachmentsGalleryContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,UAAU,8BAA8B;IACtC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,2BAA2B,EAAE,CAAC,CAAC;IACrE,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;CAC9C;AAKD,eAAO,MAAM,4BAA4B,sCAQxC,CAAC;AAEF,UAAU,+BAA+B;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,0BAA0B,GAAI,6BAGxC,+BAA+B,4CA6BjC,CAAC"}

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryModal.d.ts

@@ -5,5 +5,6 @@ interface AttachmentsGalleryModalV2Props {
     attachments?: IFileResponse[];
     initialIndex?: number;
 }
-export declare const AttachmentsGalleryModal: import('react').MemoExoticComponent<({ opened, onOpenChange, attachments, initialIndex, }: AttachmentsGalleryModalV2Props) => import("react/jsx-runtime").JSX.Element>;
+export declare const AttachmentsGalleryModal: import("react").MemoExoticComponent<({ opened, onOpenChange, attachments, initialIndex, }: AttachmentsGalleryModalV2Props) => import("react/jsx-runtime").JSX.Element>;
 export {};
+//# sourceMappingURL=AttachmentsGalleryModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentsGalleryModal.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentsGalleryModal/AttachmentsGalleryModal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAarD,UAAU,8BAA8B;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA8GD,eAAO,MAAM,uBAAuB,6FAM/B,8BAA8B,6CAyBlC,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/ErrorSection.d.ts

@@ -1 +1,2 @@
 export declare const ErrorSection: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorSection.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/ErrorSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSection.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ErrorSection.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,+CASxB,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/GallerySlide.d.ts

@@ -5,5 +5,6 @@ interface IProps {
     isActive: boolean;
     attachment: IFileResponse;
 }
-export declare const GallerySlide: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<IProps & import('react').RefAttributes<HTMLDivElement>>>;
+export declare const GallerySlide: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<HTMLDivElement>>>;
 export {};
+//# sourceMappingURL=GallerySlide.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/GallerySlide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GallerySlide.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/GallerySlide.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAK5E,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AASxD,UAAU,MAAM;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAClC,OAAO,gBAAgB,CACxB,CAAC,eAAe,CAAC,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,aAAa,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,wIAoExB,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/ModalFooter.d.ts

@@ -2,3 +2,4 @@ import { IFileResponse } from '../../../types/files.ts';
 export declare const ModalFooter: ({ attachments, }: {
     attachments?: IFileResponse[];
 }) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ModalFooter.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/ModalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ModalFooter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,eAAO,MAAM,WAAW,GAAI,kBAEzB;IACD,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;CAC/B,mDAeA,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/ModalHeader.d.ts

@@ -3,5 +3,6 @@ interface ModalHeaderProps {
     onClose: () => void;
     attachments?: IFileResponse[];
 }
-export declare const ModalHeader: import('react').MemoExoticComponent<({ onClose, attachments }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ModalHeader: import("react").MemoExoticComponent<({ onClose, attachments }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
+//# sourceMappingURL=ModalHeader.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/ModalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/ModalHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAMxD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,iEACK,gBAAgB,6CAgI5C,CAAC"}

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.d.ts

@@ -6,5 +6,6 @@ type BaseProps = {
     stylesContainer?: React.CSSProperties;
     classNameContainer?: string;
 };
-export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, loader, stylesContainer, classNameContainer, }: BaseProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;
+export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, loader, stylesContainer, classNameContainer, }: BaseProps) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=ShakaPlayer.d.ts.map

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShakaPlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.tsx"],"names":[],"mappings":"AAWA,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,oFAO9B,SAAS,8GAgCX,CAAC"}