@layers-app/shared 0.3.8 → 0.4.0

package/dist/components/AnimatedFigurePage/AnimatedFigurePage.module.css.js

@@ -1,4 +1,4 @@
-const e = "_page_188hj_3", g = "_figureContainer_188hj_16", _ = "_figure_188hj_16", a = "_figureA_188hj_29", r = "_figureB_188hj_33", n = "_grainOverlay_188hj_115", i = "_badgeWrap_188hj_127", t = "_badge0_188hj_155", d = "_badge1_188hj_160", o = "_badge2_188hj_169", b = "_badge3_188hj_178", s = {
+const e = "_page_qm43p_5", g = "_figureContainer_qm43p_31", _ = "_figure_qm43p_31", a = "_figureA_qm43p_57", r = "_figureB_qm43p_65", n = "_grainOverlay_qm43p_229", i = "_badgeWrap_qm43p_253", p = "_badge0_qm43p_309", t = "_badge1_qm43p_319", d = "_badge2_qm43p_337", o = "_badge3_qm43p_355", b = {
   page: e,
   figureContainer: g,
   figure: _,
@@ -6,18 +6,18 @@ const e = "_page_188hj_3", g = "_figureContainer_188hj_16", _ = "_figure_188hj_1
   figureB: r,
   grainOverlay: n,
   badgeWrap: i,
-  badge0: t,
-  badge1: d,
-  badge2: o,
-  badge3: b
+  badge0: p,
+  badge1: t,
+  badge2: d,
+  badge3: o
 };
 export {
-  t as badge0,
-  d as badge1,
-  o as badge2,
-  b as badge3,
+  p as badge0,
+  t as badge1,
+  d as badge2,
+  o as badge3,
   i as badgeWrap,
-  s as default,
+  b as default,
   _ as figure,
   a as figureA,
   r as figureB,

package/dist/components/AnimatedFigurePage/useParallax.d.ts

@@ -1,6 +1,6 @@
 export declare const useParallax: () => {
-    pageRef: import("react").RefObject<HTMLDivElement | null>;
-    badgeRefs: import("react").RefObject<(HTMLSpanElement | null)[]>;
+    pageRef: import("react").RefObject<HTMLDivElement>;
+    badgeRefs: import("react").MutableRefObject<(HTMLSpanElement | null)[]>;
     handleMouseMove: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
 //# sourceMappingURL=useParallax.d.ts.map

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

@@ -1,4 +1,4 @@
-const t = "_toolTitleInput_103nq_19", n = "_appSidebarButton_103nq_34", o = "_slideContainer_103nq_55", e = "_slideContent_103nq_61", i = "_main_103nq_76", l = "_floatingMeetSlot_103nq_85", a = {
+const t = "_toolTitleInput_7pu9q_37", n = "_appSidebarButton_7pu9q_67", o = "_slideContainer_7pu9q_109", e = "_slideContent_7pu9q_121", i = "_main_7pu9q_151", l = "_floatingMeetSlot_7pu9q_169", a = {
   toolTitleInput: t,
   appSidebarButton: n,
   slideContainer: o,

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

@@ -1,13 +1,10 @@
 import { MouseEventHandler } from 'react';
-import React from 'react';
 type AppSidebarButtonProps = {
-    ref?: React.Ref<HTMLDivElement>;
     title?: string | null;
     icon: React.ReactNode;
     active?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;
-    'data-cy'?: string;
 };
-export declare const AppSidebarButton: ({ title, icon, active, onClick, "data-cy": dataCy, ref, }: AppSidebarButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AppSidebarButton: import("react").ForwardRefExoticComponent<AppSidebarButtonProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=AppSidebarButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/AppSidebarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,qBAAqB,GAAG;IAC3B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,2DAO9B,qBAAqB,4CAmCvB,CAAC"}
+{"version":3,"file":"AppSidebarButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/AppSidebarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAMtD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,kHAqC3B,CAAC"}

package/dist/components/AppContainer/components/AppSidebarButton.js

@@ -1,24 +1,17 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { Stack as p, ActionIcon as s, Text as d } from "@mantine/core";
-import l from "../AppContainer.module.css.js";
-const f = ({
-  title: t,
-  icon: r,
-  active: e,
-  onClick: c,
-  "data-cy": o,
-  ref: n
-}) => /* @__PURE__ */ i(
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { Stack as p, ActionIcon as s, Text as l } from "@mantine/core";
+import d from "../AppContainer.module.css.js";
+const h = n(({ title: r, icon: a, active: e, onClick: o }, c) => /* @__PURE__ */ i(
   p,
   {
-    ref: n,
-    className: l.appSidebarButton,
+    ref: c,
+    className: d.appSidebarButton,
     gap: 0,
     align: "center",
-    onClick: c,
-    "data-cy": o,
+    onClick: o,
     children: [
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ t(
         s,
         {
           size: "lg",
@@ -26,11 +19,11 @@ const f = ({
           color: "gray",
           "data-button": !0,
           "data-active": e,
-          children: r
+          children: a
         }
       ),
-      t && /* @__PURE__ */ a(
-        d,
+      r && /* @__PURE__ */ t(
+        l,
         {
           fz: 10,
           fw: 500,
@@ -40,12 +33,12 @@ const f = ({
           truncate: !0,
           ta: "center",
           w: "var(--apps-sidebar-width)",
-          children: t
+          children: r
         }
       )
     ]
   }
-);
+));
 export {
-  f as AppSidebarButton
+  h as AppSidebarButton
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/AppsSection.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,GAAI,4BAGzB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CA4DA,CAAC"}
+{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/AppsSection.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,GAAI,4BAGzB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CA2DA,CAAC"}

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

@@ -1,9 +1,9 @@
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import { useTranslation as f } from "react-i18next";
 import { matchPath as b } from "react-router-dom";
 import { More01Icon as g } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as v } from "@hugeicons/react";
-import { ScrollArea as w, Stack as S, Tooltip as l, Menu as e } from "@mantine/core";
+import { HugeiconsIcon as w } from "@hugeicons/react";
+import { ScrollArea as S, Stack as v, Tooltip as a, Menu as e } from "@mantine/core";
 import { useAppContainerDataStore as A } from "../../hooks/useAppContainerDataStore.js";
 import { appContainerStore as C } from "../../hooks/useAppContainerStore.js";
 import { AppSidebarButton as p } from "../AppSidebarButton.js";
@@ -12,50 +12,49 @@ const F = ({
   showMore: s = !0,
   showBorders: c = !0
 }) => {
-  const { t: n } = f("appContainer"), { hiddenTools: d } = C.useStore(), { tools: t, publicMode: m, navbarDisplayFormat: h } = A(), r = h === "iconsAndLabels";
-  return /* @__PURE__ */ i(
-    w,
+  const { t: n } = f("appContainer"), { hiddenTools: m } = C.useStore(), { tools: t, publicMode: d, navbarDisplayFormat: h } = A(), r = h === "iconsAndLabels";
+  return /* @__PURE__ */ o(
+    S,
     {
       w: "var(--apps-sidebar-width)",
       style: {
         borderTop: c ? "1px solid var(--app-shell-border)" : void 0
       },
       py: 8,
-      children: /* @__PURE__ */ a(S, { gap: 8, align: "center", children: [
-        t?.filter((o) => !d.includes(o.id))?.map((o) => {
+      children: /* @__PURE__ */ l(v, { gap: 8, align: "center", children: [
+        t?.filter((i) => !m.includes(i.id))?.map((i) => {
           const u = !!b(
-            { path: o.path, end: !1 },
+            { path: i.path, end: !1 },
             window.location.pathname
           );
-          return /* @__PURE__ */ i(
-            l,
+          return /* @__PURE__ */ o(
+            a,
             {
-              label: o.name,
+              label: i.name,
               position: "right",
               disabled: r,
-              children: /* @__PURE__ */ i(
+              children: /* @__PURE__ */ o(
                 p,
                 {
-                  "data-cy": `nav-tool-${o.id}`,
-                  title: r ? o.name : null,
-                  icon: o.icon(),
+                  title: r ? i.name : null,
+                  icon: i.icon(),
                   active: u,
-                  onClick: o.onClick
+                  onClick: i.onClick
                 }
               )
             },
-            o.id
+            i.id
           );
         }),
-        s && !m && t.length > 1 && /* @__PURE__ */ a(e, { position: "right", closeOnItemClick: !1, children: [
-          /* @__PURE__ */ i(e.Target, { children: /* @__PURE__ */ i(l, { label: n("more"), position: "right", disabled: r, children: /* @__PURE__ */ i(
+        s && !d && t.length > 1 && /* @__PURE__ */ l(e, { position: "right", closeOnItemClick: !1, children: [
+          /* @__PURE__ */ o(e.Target, { children: /* @__PURE__ */ o(a, { label: n("more"), position: "right", disabled: r, children: /* @__PURE__ */ o(
             p,
             {
               title: r ? n("more") : null,
-              icon: /* @__PURE__ */ i(v, { icon: g, size: 20 })
+              icon: /* @__PURE__ */ o(w, { icon: g, size: 20 })
             }
           ) }) }),
-          /* @__PURE__ */ i(e.Dropdown, { miw: 240, children: /* @__PURE__ */ i(M, {}) })
+          /* @__PURE__ */ o(e.Dropdown, { miw: 240, children: /* @__PURE__ */ o(M, {}) })
         ] })
       ] })
     }

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

@@ -1 +1 @@
-{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,WAAW,GAAI,4CAIzB;IACD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CAyGA,CAAC"}
+{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AAyBA,eAAO,MAAM,WAAW,GAAI,4CAIzB;IACD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CA2KA,CAAC"}

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

@@ -1,98 +1,141 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useTranslation as v } from "react-i18next";
-import { Link as x } from "react-router-dom";
-import { Delete03Icon as A, UserAdd02Icon as D, HelpCircleIcon as z } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as p } from "@hugeicons/react";
-import { Stack as a, Menu as r, Tooltip as t, ActionIcon as C } from "@mantine/core";
-import { IconUserCircle as S } from "@tabler/icons-react";
-import { usePlatform as U } from "../../../../hooks/usePlatform.js";
-import { useTrashModalStore as y, openTrashModal as L, closeTrashModal as j } from "../../../../store/trashModal.js";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { useTranslation as D } from "react-i18next";
+import { Link as E } from "react-router-dom";
+import { Delete03Icon as x, UserAdd02Icon as A, HelpCircleIcon as L, Wifi01Icon as M, WifiDisconnected04Icon as U } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as s } from "@hugeicons/react";
+import { Stack as d, Menu as r, Tooltip as l, Box as C, ActionIcon as F } from "@mantine/core";
+import { IconUserCircle as R } from "@tabler/icons-react";
+import { usePlatform as k } from "../../../../hooks/usePlatform.js";
+import { useTrashModalStore as z, openTrashModal as j, closeTrashModal as G } from "../../../../store/trashModal.js";
 import { useAppContainerDataStore as H } from "../../hooks/useAppContainerDataStore.js";
 import { AppSidebarButton as c } from "../AppSidebarButton.js";
-import { HelpMenu as k } from "../menus/HelpMenu/HelpMenu.js";
-import { MenuUserDropdown as B } from "../menus/UserMenu/MenuUserDropdown.js";
-const X = ({
-  trashMenu: d,
-  onInviteClick: h,
-  showBorders: g = !0
+import { HelpMenu as K } from "../menus/HelpMenu/HelpMenu.js";
+import { MenuUserDropdown as Y } from "../menus/UserMenu/MenuUserDropdown.js";
+const no = ({
+  trashMenu: h,
+  onInviteClick: m,
+  showBorders: T = !0
 }) => {
-  const { t: e } = v("appContainer"), b = U(), { user: m, isAnonym: l, userMenuItems: w, publicMode: T, navbarDisplayFormat: I } = H(), M = y((s) => s.opened), f = !l && !T && m.role !== "mG" && d, u = !l && b.has("inviteUsers") && h, i = I === "iconsAndLabels";
-  return /* @__PURE__ */ n(
-    a,
+  const { t: i } = D("appContainer"), f = k(), {
+    user: g,
+    isAnonym: p,
+    userMenuItems: v,
+    publicMode: S,
+    navbarDisplayFormat: N,
+    onSyncClick: u,
+    syncState: w
+  } = H(), O = z((e) => e.opened), y = !p && !S && g.role !== "mG" && h, b = !p && f.has("inviteUsers") && m, n = N === "iconsAndLabels";
+  return /* @__PURE__ */ t(
+    d,
     {
       style: {
-        borderTop: g ? "1px solid var(--app-shell-border)" : void 0
+        borderTop: T ? "1px solid var(--app-shell-border)" : void 0
       },
       flex: 1,
       pt: 8,
       gap: 16,
       align: "center",
       children: [
-        /* @__PURE__ */ n(
-          a,
+        /* @__PURE__ */ t(
+          d,
           {
-            justify: !f && !u ? "end" : "space-between",
+            justify: !y && !b ? "end" : "space-between",
             gap: 8,
             flex: 1,
             children: [
-              f && /* @__PURE__ */ n(
+              y && /* @__PURE__ */ t(
                 r,
                 {
                   position: "right",
                   offset: 6,
                   width: 360,
-                  opened: M,
-                  onChange: (s) => {
-                    s ? L() : j();
+                  opened: O,
+                  onChange: (e) => {
+                    e ? j() : G();
                   },
                   children: [
                     /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(
-                      t,
+                      l,
                       {
-                        label: e("trash"),
+                        label: i("trash"),
                         position: "right",
-                        disabled: i,
+                        disabled: n,
                         children: /* @__PURE__ */ o(
                           c,
                           {
-                            title: i ? e("trash") : null,
-                            icon: /* @__PURE__ */ o(p, { icon: A, size: 20 })
+                            title: n ? i("trash") : null,
+                            icon: /* @__PURE__ */ o(s, { icon: x, size: 20 })
                           }
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ o(r.Dropdown, { children: d })
+                    /* @__PURE__ */ o(r.Dropdown, { children: h })
                   ]
                 }
               ),
-              /* @__PURE__ */ n(a, { gap: 8, children: [
-                u && /* @__PURE__ */ o(t, { label: e("invite"), position: "right", disabled: i, children: /* @__PURE__ */ o(
+              /* @__PURE__ */ t(d, { gap: 8, children: [
+                b && /* @__PURE__ */ o(l, { label: i("invite"), position: "right", disabled: n, children: /* @__PURE__ */ o(
                   c,
                   {
-                    title: i ? e("invite") : null,
-                    icon: /* @__PURE__ */ o(p, { icon: D, size: 20 }),
-                    onClick: h
+                    title: n ? i("invite") : null,
+                    icon: /* @__PURE__ */ o(s, { icon: A, size: 20 }),
+                    onClick: m
                   }
                 ) }),
-                /* @__PURE__ */ n(r, { position: "right-end", offset: 6, width: 260, children: [
-                  /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(t, { label: e("help"), position: "right", disabled: i, children: /* @__PURE__ */ o(
+                /* @__PURE__ */ t(r, { position: "right-end", offset: 6, width: 260, children: [
+                  /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(l, { label: i("help"), position: "right", disabled: n, children: /* @__PURE__ */ o(
                     c,
                     {
-                      title: i ? e("help") : null,
-                      icon: /* @__PURE__ */ o(p, { icon: z, size: 20 })
+                      title: n ? i("help") : null,
+                      icon: /* @__PURE__ */ o(s, { icon: L, size: 20 })
                     }
                   ) }) }),
-                  /* @__PURE__ */ o(r.Dropdown, { children: /* @__PURE__ */ o(k, {}) })
-                ] })
+                  /* @__PURE__ */ o(r.Dropdown, { children: /* @__PURE__ */ o(K, {}) })
+                ] }),
+                f.isDesktop && u && (() => {
+                  const e = (w || "").toUpperCase(), a = e === "SYNCED" || e === "OK", I = a ? "var(--mantine-color-green-6)" : e === "SYNCING" ? "var(--mantine-color-blue-6)" : e === "ERROR" || e === "CONFLICT" || e === "OFFLINE" ? "var(--mantine-color-red-6)" : e === "ATTENTION" ? "var(--mantine-color-orange-6)" : "var(--mantine-color-yellow-6)";
+                  return /* @__PURE__ */ o(l, { label: i(a ? "sync.tooltipSynced" : e === "SYNCING" ? "sync.tooltipSyncing" : e === "OFFLINE" ? "sync.tooltipOffline" : e === "ERROR" ? "sync.tooltipError" : e === "CONFLICT" ? "sync.tooltipConflict" : e === "ATTENTION" ? "sync.tooltipAttention" : e === "QUEUED" ? "sync.tooltipQueued" : "sync.tooltipSyncing"), position: "right", children: /* @__PURE__ */ o(
+                    c,
+                    {
+                      title: "Sync",
+                      icon: /* @__PURE__ */ t(C, { pos: "relative", display: "inline-flex", children: [
+                        /* @__PURE__ */ o(
+                          s,
+                          {
+                            icon: a ? M : U,
+                            size: 20,
+                            color: I
+                          }
+                        ),
+                        /* @__PURE__ */ o(
+                          C,
+                          {
+                            pos: "absolute",
+                            bottom: -2,
+                            right: -2,
+                            w: 8,
+                            h: 8,
+                            style: {
+                              borderRadius: "50%",
+                              border: "2px solid var(--app-shell-bg)",
+                              backgroundColor: I
+                            }
+                          }
+                        )
+                      ] }),
+                      onClick: u
+                    }
+                  ) });
+                })()
               ] })
             ]
           }
         ),
-        l ? /* @__PURE__ */ o(x, { to: "/login", children: /* @__PURE__ */ o(t, { label: "Log in", position: "right", children: /* @__PURE__ */ o(C, { size: "lg", variant: "light", children: /* @__PURE__ */ o(S, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
-          B,
+        p ? /* @__PURE__ */ o(E, { to: "/login", children: /* @__PURE__ */ o(l, { label: "Log in", position: "right", children: /* @__PURE__ */ o(F, { size: "lg", variant: "light", children: /* @__PURE__ */ o(R, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
+          Y,
           {
-            user: m,
-            menuItems: w,
+            user: g,
+            menuItems: v,
             position: "right-end"
           }
         )
@@ -101,5 +144,5 @@ const X = ({
   );
 };
 export {
-  X as UserSection
+  no as UserSection
 };

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

@@ -1,4 +1,4 @@
-const t = "_dot_h8jhb_1", o = "_line_h8jhb_9", e = {
+const t = "_dot_w7tk6_1", o = "_line_w7tk6_17", e = {
   dot: t,
   line: o
 };

package/dist/components/AppShell/AppShell.module.css.js

@@ -1,6 +1,6 @@
-const e = "_root_9zlef_1", t = "_header_9zlef_9", o = "_section_9zlef_20", _ = "_leftSidebar_9zlef_28", n = "_rightSidebar_9zlef_36", r = "_main_9zlef_44", i = "_workContent_9zlef_52", a = {
-  root: e,
-  header: t,
+const t = "_root_10w7v_1", e = "_header_10w7v_17", o = "_section_10w7v_39", _ = "_leftSidebar_10w7v_55", n = "_rightSidebar_10w7v_71", r = "_main_10w7v_87", i = "_workContent_10w7v_103", a = {
+  root: t,
+  header: e,
   section: o,
   leftSidebar: _,
   rightSidebar: n,
@@ -9,11 +9,11 @@ const e = "_root_9zlef_1", t = "_header_9zlef_9", o = "_section_9zlef_20", _ = "
 };
 export {
   a as default,
-  t as header,
+  e as header,
   _ as leftSidebar,
   r as main,
   n as rightSidebar,
-  e as root,
+  t as root,
   o as section,
   i as workContent
 };

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

@@ -1,12 +1,10 @@
-import React from 'react';
 import { TransformWrapper } from 'react-zoom-pan-pinch';
 import { IFileResponse } from '../../../types/files';
 interface IProps {
-    ref?: any;
     onTransformed?: React.ComponentProps<typeof TransformWrapper>['onTransformed'];
     isActive: boolean;
     attachment: IFileResponse;
 }
-export declare const GallerySlide: React.MemoExoticComponent<({ onTransformed, attachment, isActive, ref }: IProps) => import("react/jsx-runtime").JSX.Element>;
+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

@@ -1 +1 @@
-{"version":3,"file":"GallerySlide.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/GallerySlide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAsB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI5E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAWrD,UAAU,MAAM;IACd,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,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,2EACwB,MAAM,6CAiGtD,CAAC"}
+{"version":3,"file":"GallerySlide.d.ts","sourceRoot":"","sources":["../../../../src/components/AttachmentsGalleryModal/components/GallerySlide.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI5E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAUrD,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"}