@layers-app/shared 0.1.5 → 0.2.1

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/AppsSection.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,+CA8CvB,CAAC"}

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

@@ -0,0 +1,52 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { matchPath as m } from "react-router-dom";
+import { More01Icon as d } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as h } from "@hugeicons/react";
+import { ScrollArea as f, Stack as u, Menu as e } from "@mantine/core";
+import { useAppContainerDataStore as S } from "../../hooks/useAppContainerDataStore.js";
+import { appContainerStore as g } from "../../hooks/useAppContainerStore.js";
+import { AppSidebarButton as n } from "../AppSidebarButton.js";
+import { MoreMenu as w } from "../menus/MoreMenu.js";
+const y = () => {
+  const { t: p } = l("appContainer"), { hiddenTools: a } = g.useStore(), { tools: i, publicMode: c } = S();
+  return /* @__PURE__ */ r(
+    f,
+    {
+      w: "var(--apps-sidebar-width)",
+      style: { borderTop: "1px solid var(--app-shell-border)" },
+      py: 8,
+      children: /* @__PURE__ */ t(u, { gap: "sm", align: "center", children: [
+        i?.filter((o) => !a.includes(o.id))?.map((o) => {
+          const s = !!m(
+            { path: o.path, end: !1 },
+            window.location.pathname
+          );
+          return /* @__PURE__ */ r(
+            n,
+            {
+              title: o.name,
+              icon: o.icon(),
+              active: s,
+              onClick: o.onClick
+            },
+            o.id
+          );
+        }),
+        !c && i.length > 1 && /* @__PURE__ */ t(e, { position: "right", closeOnItemClick: !1, children: [
+          /* @__PURE__ */ r(e.Target, { children: /* @__PURE__ */ r(
+            n,
+            {
+              title: p("more"),
+              icon: /* @__PURE__ */ r(h, { icon: d, size: 20 })
+            }
+          ) }),
+          /* @__PURE__ */ r(e.Dropdown, { miw: 240, children: /* @__PURE__ */ r(w, {}) })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  y as AppsSection
+};

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

@@ -1,4 +1,5 @@
 export declare const AppsSidebar: ({ trashMenu, onInviteClick, }: {
     trashMenu: React.ReactNode;
     onInviteClick?: () => void;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppsSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppsSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/AppsSidebar.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,GAAI,+BAGzB;IACD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,4CAQA,CAAC"}

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

@@ -0,0 +1,16 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { Stack as e } from "@mantine/core";
+import { AppsSection as i } from "./AppsSection.js";
+import { TopSection as m } from "./TopSection.js";
+import { UserSection as s } from "./UserSection.js";
+const b = ({
+  trashMenu: r,
+  onInviteClick: p
+}) => /* @__PURE__ */ t(e, { gap: 0, justify: "space-between", pt: 8, pb: 8, h: "100%", children: [
+  /* @__PURE__ */ o(m, {}),
+  /* @__PURE__ */ o(i, {}),
+  /* @__PURE__ */ o(s, { trashMenu: r, onInviteClick: p })
+] });
+export {
+  b as AppsSidebar
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/TopSection.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,+CAsDtB,CAAC"}

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.d.ts

@@ -2,3 +2,4 @@ export declare const UserSection: ({ trashMenu, onInviteClick, }: {
     trashMenu: React.ReactNode;
     onInviteClick?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,WAAW,GAAI,+BAGzB;IACD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,4CA2EA,CAAC"}

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

@@ -0,0 +1,80 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useTranslation as g } 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 s, Menu as e, 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 p } 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 } = g("appContainer"), { user: l, isAnonym: n, userMenuItems: a, publicMode: f } = A(), d = !n && !f && l.role !== "mG", m = !n && c;
+  return /* @__PURE__ */ i(
+    s,
+    {
+      style: { borderTop: "1px solid var(--app-shell-border)" },
+      flex: 1,
+      pt: 8,
+      gap: 16,
+      align: "center",
+      children: [
+        /* @__PURE__ */ i(
+          s,
+          {
+            justify: !d && !m ? "end" : "space-between",
+            gap: 8,
+            flex: 1,
+            children: [
+              d && /* @__PURE__ */ i(e, { position: "right", offset: 6, width: 360, children: [
+                /* @__PURE__ */ o(e.Target, { children: /* @__PURE__ */ o(
+                  p,
+                  {
+                    title: r("trash"),
+                    icon: /* @__PURE__ */ o(t, { icon: w, size: 20 })
+                  }
+                ) }),
+                /* @__PURE__ */ o(e.Dropdown, { children: h })
+              ] }),
+              /* @__PURE__ */ i(s, { gap: 8, children: [
+                m && /* @__PURE__ */ o(
+                  p,
+                  {
+                    title: r("invite"),
+                    icon: /* @__PURE__ */ o(t, { icon: I, size: 20 }),
+                    onClick: c
+                  }
+                ),
+                /* @__PURE__ */ i(e, { position: "right-end", offset: 6, width: 260, children: [
+                  /* @__PURE__ */ o(e.Target, { children: /* @__PURE__ */ o(
+                    p,
+                    {
+                      title: r("help"),
+                      icon: /* @__PURE__ */ o(t, { icon: b, size: 20 })
+                    }
+                  ) }),
+                  /* @__PURE__ */ o(e.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,5 @@ 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;
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;CACF;AAED,eAAO,MAAM,MAAM,GAAI,cAAc,iBAAiB,4CAOrD,CAAC"}

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/{Main.d.ts → components/Main.d.ts}

@@ -1,2 +1,3 @@
 import { PropsWithChildren } from 'react';
 export declare const Main: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Main.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/Main.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,IAAI,GAAI,cAAc,iBAAiB,4CAYnD,CAAC"}

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/MobileNavbar.d.ts

@@ -1,2 +1,3 @@
 import { PropsWithChildren } from 'react';
 export declare const MobileNavbar: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MobileNavbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavbar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/MobileNavbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAuB1C,eAAO,MAAM,YAAY,GAAI,cAAc,iBAAiB,4CAiH3D,CAAC"}

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

@@ -1,3 +1,4 @@
 import { PropsWithChildren } from 'react';
 declare const NavbarContent: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export default NavbarContent;
+//# sourceMappingURL=NavbarContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/NavbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,aAAa,GAAI,cAAc,iBAAiB,4CAMrD,CAAC;AAEF,eAAe,aAAa,CAAC"}

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.d.ts

@@ -1,2 +1,3 @@
 import { PropsWithChildren } from 'react';
 export declare const RightSidebar: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RightSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/RightSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1C,eAAO,MAAM,YAAY,GAAI,cAAc,iBAAiB,4CAuB3D,CAAC"}

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

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

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

@@ -1,3 +1,4 @@
 export declare const SidebarToggleButton: ({ forOpen }: {
     forOpen?: boolean;
 }) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SidebarToggleButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/SidebarToggleButton.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB,GAAI,aAAa;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,mDAkBrE,CAAC"}

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.d.ts

@@ -4,3 +4,4 @@ export declare const SlideAnimation: ({ children, show, width, position, }: {
     width: string;
     position: "left" | "right";
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SlideAnimation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideAnimation.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/SlideAnimation.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,GAAI,sCAK5B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B,4CAqCA,CAAC"}

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,8 @@
 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 {};
+//# sourceMappingURL=ToolSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/ToolSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAsBtE,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CA4HlD,CAAC"}