@layers-app/shared 0.4.0 → 0.4.1

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

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

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

@@ -7,6 +7,11 @@ declare global {
 }
 export declare const AppContainer: (({ header, content, toolbar, navbarTitle, footer, onTitleChange, trashMenu, rightbar, onInviteClick, showAppsSidebar, headerBorderless, withBg, isBeta, hideHeader, showSearch, showMore, showBorders, showLogo, }: 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;
+    NewButton: import("react").ForwardRefExoticComponent<Omit<import("@mantine/core").ButtonProps & {
+        component?: "button" | undefined;
+    } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "component" | keyof import("@mantine/core").ButtonProps> & {
+        ref?: import("react").Ref<HTMLButtonElement> | undefined;
+        renderRoot?: (props: any) => any;
+    }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
 //# sourceMappingURL=AppContainer.d.ts.map

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":"AAsBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAwGD,eAAO,MAAM,YAAY,uNAnFtB,iBAAiB;;;CAsFlB,CAAC"}
+{"version":3,"file":"AppContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AppContainer/AppContainer.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAwGD,eAAO,MAAM,YAAY,uNAnFtB,iBAAiB;;;;;;;;CAsFlB,CAAC"}

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

@@ -1,10 +1,13 @@
 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: import("react").ForwardRefExoticComponent<AppSidebarButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppSidebarButton: ({ title, icon, active, onClick, "data-cy": dataCy, ref, }: AppSidebarButtonProps) => import("react/jsx-runtime").JSX.Element;
 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,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"}
+{"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"}

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

@@ -1,17 +1,24 @@
-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(
+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(
   p,
   {
-    ref: c,
-    className: d.appSidebarButton,
+    ref: n,
+    className: l.appSidebarButton,
     gap: 0,
     align: "center",
-    onClick: o,
+    onClick: c,
+    "data-cy": o,
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ a(
         s,
         {
           size: "lg",
@@ -19,11 +26,11 @@ const h = n(({ title: r, icon: a, active: e, onClick: o }, c) => /* @__PURE__ */
           color: "gray",
           "data-button": !0,
           "data-active": e,
-          children: a
+          children: r
         }
       ),
-      r && /* @__PURE__ */ t(
-        l,
+      t && /* @__PURE__ */ a(
+        d,
         {
           fz: 10,
           fw: 500,
@@ -33,12 +40,12 @@ const h = n(({ title: r, icon: a, active: e, onClick: o }, c) => /* @__PURE__ */
           truncate: !0,
           ta: "center",
           w: "var(--apps-sidebar-width)",
-          children: r
+          children: t
         }
       )
     ]
   }
-));
+);
 export {
-  h as AppSidebarButton
+  f 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,4CA2DA,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,4CA4DA,CAAC"}

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

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

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

@@ -1,141 +1,98 @@
-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 { 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 { 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 Y } from "../menus/UserMenu/MenuUserDropdown.js";
-const no = ({
-  trashMenu: h,
-  onInviteClick: m,
-  showBorders: T = !0
+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
 }) => {
-  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,
+  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,
     {
       style: {
-        borderTop: T ? "1px solid var(--app-shell-border)" : void 0
+        borderTop: g ? "1px solid var(--app-shell-border)" : void 0
       },
       flex: 1,
       pt: 8,
       gap: 16,
       align: "center",
       children: [
-        /* @__PURE__ */ t(
-          d,
+        /* @__PURE__ */ n(
+          a,
           {
-            justify: !y && !b ? "end" : "space-between",
+            justify: !f && !u ? "end" : "space-between",
             gap: 8,
             flex: 1,
             children: [
-              y && /* @__PURE__ */ t(
+              f && /* @__PURE__ */ n(
                 r,
                 {
                   position: "right",
                   offset: 6,
                   width: 360,
-                  opened: O,
-                  onChange: (e) => {
-                    e ? j() : G();
+                  opened: M,
+                  onChange: (s) => {
+                    s ? L() : j();
                   },
                   children: [
                     /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(
-                      l,
+                      t,
                       {
-                        label: i("trash"),
+                        label: e("trash"),
                         position: "right",
-                        disabled: n,
+                        disabled: i,
                         children: /* @__PURE__ */ o(
                           c,
                           {
-                            title: n ? i("trash") : null,
-                            icon: /* @__PURE__ */ o(s, { icon: x, size: 20 })
+                            title: i ? e("trash") : null,
+                            icon: /* @__PURE__ */ o(p, { icon: A, size: 20 })
                           }
                         )
                       }
                     ) }),
-                    /* @__PURE__ */ o(r.Dropdown, { children: h })
+                    /* @__PURE__ */ o(r.Dropdown, { children: d })
                   ]
                 }
               ),
-              /* @__PURE__ */ t(d, { gap: 8, children: [
-                b && /* @__PURE__ */ o(l, { label: i("invite"), position: "right", disabled: n, children: /* @__PURE__ */ o(
+              /* @__PURE__ */ n(a, { gap: 8, children: [
+                u && /* @__PURE__ */ o(t, { label: e("invite"), position: "right", disabled: i, children: /* @__PURE__ */ o(
                   c,
                   {
-                    title: n ? i("invite") : null,
-                    icon: /* @__PURE__ */ o(s, { icon: A, size: 20 }),
-                    onClick: m
+                    title: i ? e("invite") : null,
+                    icon: /* @__PURE__ */ o(p, { icon: D, size: 20 }),
+                    onClick: h
                   }
                 ) }),
-                /* @__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(
+                /* @__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(
                     c,
                     {
-                      title: n ? i("help") : null,
-                      icon: /* @__PURE__ */ o(s, { icon: L, size: 20 })
+                      title: i ? e("help") : null,
+                      icon: /* @__PURE__ */ o(p, { icon: z, size: 20 })
                     }
                   ) }) }),
-                  /* @__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
-                    }
-                  ) });
-                })()
+                  /* @__PURE__ */ o(r.Dropdown, { children: /* @__PURE__ */ o(k, {}) })
+                ] })
               ] })
             ]
           }
         ),
-        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,
+        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,
           {
-            user: g,
-            menuItems: v,
+            user: m,
+            menuItems: w,
             position: "right-end"
           }
         )
@@ -144,5 +101,5 @@ const no = ({
   );
 };
 export {
-  no as UserSection
+  X as UserSection
 };

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

@@ -1,3 +1,8 @@
-import { ButtonProps, PolymorphicComponentProps } from '@mantine/core';
-export declare const ToolbarNewButton: ({ children, ...props }: PolymorphicComponentProps<"button", ButtonProps>) => import("react/jsx-runtime").JSX.Element;
+import { ButtonProps } from '@mantine/core';
+export declare const ToolbarNewButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps & {
+    component?: "button" | undefined;
+} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "component" | keyof ButtonProps> & {
+    ref?: import("react").Ref<HTMLButtonElement> | undefined;
+    renderRoot?: (props: any) => any;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ToolbarNewButton.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"ToolbarNewButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolbarNewButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAC;AAE/E,eAAO,MAAM,gBAAgB;;;;;6DAuB3B,CAAC"}

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

@@ -1,15 +1,14 @@
-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,
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { Add01Icon as n } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as m } from "@hugeicons/react";
+import { Button as f } from "@mantine/core";
+const s = e(({ children: t, ...r }, i) => /* @__PURE__ */ o(
+  f,
   {
+    ref: i,
     px: 8,
-    leftSection: /* @__PURE__ */ t(n, { icon: r, size: 16 }),
+    leftSection: /* @__PURE__ */ o(m, { icon: n, size: 16 }),
     justify: "flex-start",
     variant: "filled",
     size: "sm",
@@ -19,10 +18,11 @@ const c = ({
         marginInlineEnd: 8
       }
     },
-    ...i,
-    children: o
+    ...r,
+    children: t
   }
-);
+));
+s.displayName = "ToolbarNewButton";
 export {
-  c as ToolbarNewButton
+  s as ToolbarNewButton
 };

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

@@ -1,10 +1,12 @@
+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: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const GallerySlide: React.MemoExoticComponent<({ onTransformed, attachment, isActive, ref }: IProps) => import("react/jsx-runtime").JSX.Element>;
 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":"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"}
+{"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,6CAoGtD,CAAC"}