@layers-app/shared 0.1.5 → 0.2.1

package/dist/components/NoData/NoData.js

@@ -0,0 +1,103 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { Stack as h, Box as p, Flex as j, Title as x, Text as y, Group as F, Button as M } from "@mantine/core";
+import R from "../../assets/svg/alertMan.svg.js";
+import k from "../../assets/svg/noData/404.svg.js";
+import w from "../../assets/svg/noData/500.svg.js";
+import T from "../../assets/svg/noData/empty.svg.js";
+import E from "../../assets/svg/noData/folder.svg.js";
+import I from "../../assets/svg/noData/noAccess.svg.js";
+import A from "../../assets/svg/noData/noAnswers.svg.js";
+import C from "../../assets/svg/noData/noCloud.svg.js";
+import G from "../../assets/svg/noData/noComments.svg.js";
+import b from "../../assets/svg/noData/noData.svg.js";
+import D from "../../assets/svg/noData/noFlows.svg.js";
+import B from "../../assets/svg/noData/noForms.svg.js";
+import P from "../../assets/svg/noData/noGroups.svg.js";
+import W from "../../assets/svg/noData/noImage.svg.js";
+import z from "../../assets/svg/noData/noMembers.svg.js";
+import _ from "../../assets/svg/noData/noNotifications.svg.js";
+import q from "../../assets/svg/noData/noResults.svg.js";
+import H from "../../assets/svg/noData/noSearchResults.svg.js";
+import J from "../../assets/svg/noData/noTaskResults.svg.js";
+import K from "../../assets/svg/noData/noTasks.svg.js";
+import L from "../../assets/svg/noData/noWorkspaces.svg.js";
+import O from "../../assets/svg/noData/trash.svg.js";
+import Q from "../../assets/svg/notSuccessMan.svg.js";
+import U from "../../assets/svg/successMan.svg.js";
+import c from "./NoData.module.css.js";
+const V = (m) => new RegExp("(\\p{Emoji_Presentation}|\\p{Emoji}\\uFE0F)", "u").test(m), X = {
+  empty: T,
+  noAccess: I,
+  trash: O,
+  noImage: W,
+  noResults: q,
+  noComments: G,
+  noData: b,
+  emptyFolder: E,
+  noTaskResults: J,
+  noSearchResults: H,
+  noMembers: z,
+  noGroups: P,
+  noNotifications: _,
+  noWorkspaces: L,
+  paymentSuccess: U,
+  notSuccessMan: Q,
+  noAnswers: A,
+  alertMan: R,
+  noFlows: D,
+  noTasks: K,
+  noCloud: C,
+  noForms: B,
+  404: k,
+  500: w
+}, Ro = ({
+  title: m,
+  titleProps: e,
+  description: s,
+  descriptionProps: f,
+  buttons: n,
+  illustration: r,
+  size: t = 145,
+  width: g,
+  height: S,
+  showDots: l = !0,
+  ...v
+}) => {
+  const i = r && typeof r == "string" && V(r), a = r && !i ? X[r] : null;
+  return /* @__PURE__ */ d(
+    h,
+    {
+      gap: "sm",
+      justify: "center",
+      flex: 1,
+      align: "center",
+      pos: "relative",
+      style: {
+        zIndex: 3
+      },
+      ...v,
+      children: [
+        l && /* @__PURE__ */ o(p, { className: c.bgPattern, children: /* @__PURE__ */ o(p, { className: c.bgGradient }) }),
+        r && /* @__PURE__ */ o(
+          j,
+          {
+            justify: "center",
+            style: {
+              height: S || t,
+              width: g || t,
+              fontSize: t
+            },
+            children: i ? /* @__PURE__ */ o("span", { children: r }) : a && /* @__PURE__ */ o(a, {})
+          }
+        ),
+        m && /* @__PURE__ */ o(x, { order: 2, ta: "center", mt: 0, maw: 450, ...e, children: m }),
+        s && /* @__PURE__ */ o(y, { fz: "md", ta: "center", c: "dimmed", maw: 400, ...f, children: s }),
+        n?.length ? /* @__PURE__ */ o(F, { gap: "xs", justify: "center", children: n.map((u, N) => /* @__PURE__ */ o(M, { variant: "filled", ...u }, N)) }) : null
+      ]
+    }
+  );
+};
+export {
+  Ro as NoData,
+  X as illustrationMap
+};

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

@@ -0,0 +1,7 @@
+const t = "_bgPattern_oa9x0_1", a = {
+  bgPattern: t
+};
+export {
+  t as bgPattern,
+  a as default
+};

package/dist/components/NotFound/NoFound.d.ts

@@ -2,3 +2,4 @@ import { NoDataProps } from '../NoData/NoData';
 export declare const NotFound: ({ title, description, buttons, closeAction, ...props }: NoDataProps & {
     closeAction?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NoFound.d.ts.map

package/dist/components/NotFound/NoFound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoFound.d.ts","sourceRoot":"","sources":["../../../src/components/NotFound/NoFound.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAU,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,QAAQ,GAAI,wDAMtB,WAAW,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,4CAsD5C,CAAC"}

package/dist/components/NotFound/NoFound.js

@@ -0,0 +1,65 @@
+import { jsxs as r, Fragment as a, jsx as t } from "react/jsx-runtime";
+import { Helmet as d } from "react-helmet";
+import { useTranslation as f } from "react-i18next";
+import { useNavigate as h } from "react-router-dom";
+import { Stack as p, CloseButton as u } from "@mantine/core";
+import { IconChevronLeft as g, IconHome2 as v } from "@tabler/icons-react";
+import { useMenu as k } from "../../hooks/useMenu.js";
+import { NoData as x } from "../NoData/NoData.js";
+const B = ({
+  title: n,
+  description: l,
+  buttons: s,
+  closeAction: i,
+  ...m
+}) => {
+  const { t: e } = f(), o = h(), { isMobile: c } = k();
+  return /* @__PURE__ */ r(a, { children: [
+    /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t("title", { children: "404 " }) }),
+    /* @__PURE__ */ r(p, { mih: "100dvh", gap: "sm", justify: "center", flex: 1, align: "center", children: [
+      /* @__PURE__ */ t(
+        x,
+        {
+          ...m,
+          title: n || e("404.title"),
+          flex: "0,0,0",
+          h: "60dvh",
+          w: c ? 500 : "70%",
+          width: 330,
+          height: 160,
+          titleProps: { mt: 40 },
+          description: l || e("404.description"),
+          illustration: "404",
+          buttons: s || [
+            {
+              size: "md",
+              variant: "subtle",
+              leftSection: /* @__PURE__ */ t(g, { size: 18 }),
+              onClick: () => o(-1),
+              children: e("404.goBack")
+            },
+            {
+              size: "md",
+              variant: "filled",
+              leftSection: /* @__PURE__ */ t(v, { size: 18 }),
+              onClick: () => o("/"),
+              children: e("404.goHome")
+            }
+          ]
+        }
+      ),
+      i && /* @__PURE__ */ t(
+        u,
+        {
+          pos: "absolute",
+          top: 16,
+          right: 16,
+          onClick: i
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  B as NotFound
+};

package/dist/components/NotPublicPanel/NotPublicPanel.d.ts

@@ -8,3 +8,4 @@ type Props = {
 };
 export declare const NotPublicPanel: ({ entityData, handlePublish, isPublishing, PreviewComponent, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=NotPublicPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotPublicPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotPublicPanel/NotPublicPanel.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,IAAI,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,gEAK5B,KAAK,4CAyCP,CAAC"}

package/dist/components/NotPublicPanel/NotPublicPanel.js

@@ -0,0 +1,53 @@
+import { jsxs as l, Fragment as t, jsx as i } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
+import { Title as n, Button as m } from "@mantine/core";
+import e from "./NotPublicPanel.module.css.js";
+const N = ({
+  entityData: s,
+  handlePublish: o,
+  isPublishing: d = !1,
+  PreviewComponent: r
+}) => {
+  const { t: a } = c();
+  return /* @__PURE__ */ l(t, { children: [
+    /* @__PURE__ */ i("div", { className: e.previewBoxTitle, children: /* @__PURE__ */ i(n, { order: 4, children: a("publish") }) }),
+    /* @__PURE__ */ l("div", { className: e.previewBox, children: [
+      /* @__PURE__ */ l("div", { className: e.previewContainer, children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            style: s.type === "FORM" ? { minHeight: "22px" } : void 0,
+            className: e.previewHeader,
+            children: [
+              /* @__PURE__ */ i("div", { className: e.headerDot }),
+              /* @__PURE__ */ i("div", { className: e.headerDot }),
+              /* @__PURE__ */ i("div", { className: e.headerDot })
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            style: s.type === "FORM" ? { minHeight: "500px" } : void 0,
+            className: e.previewContent,
+            children: r ? /* @__PURE__ */ i(r, { data: s }) : null
+          }
+        )
+      ] }),
+      " ",
+      /* @__PURE__ */ i(
+        m,
+        {
+          fullWidth: !0,
+          onClick: o,
+          loading: d,
+          className: `${e.pulseSlow} ${e.processing}`,
+          children: a("publishToWeb")
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  N as NotPublicPanel
+};

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

@@ -0,0 +1,19 @@
+const e = "_previewBoxTitle_1xmos_1", o = "_previewBox_1xmos_1", r = "_previewContainer_1xmos_45", t = "_previewHeader_1xmos_58", i = "_headerDot_1xmos_70", s = "_previewContent_1xmos_80", n = "_processing_1xmos_103", _ = {
+  previewBoxTitle: e,
+  previewBox: o,
+  previewContainer: r,
+  previewHeader: t,
+  headerDot: i,
+  previewContent: s,
+  processing: n
+};
+export {
+  _ as default,
+  i as headerDot,
+  o as previewBox,
+  e as previewBoxTitle,
+  r as previewContainer,
+  s as previewContent,
+  t as previewHeader,
+  n as processing
+};

package/dist/components/Notification/Notification.d.ts

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

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

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

package/dist/components/Notification/Notification.js

@@ -0,0 +1,117 @@
+import { jsxs as i, Fragment as A, jsx as e } from "react/jsx-runtime";
+import { useState as D, useRef as w, useCallback as g, useEffect as y } from "react";
+import { useTranslation as N } from "react-i18next";
+import { useNavigate as E } from "react-router-dom";
+import { Flex as a, Text as l, Box as k, Button as b, Divider as v, Group as d } from "@mantine/core";
+import { IconArrowsSort as F } from "@tabler/icons-react";
+import { useAppContainerActionsStore as j } from "../AppContainer/hooks/useAppContainerActionsStore.js";
+import { useAppContainerDataStore as S } from "../AppContainer/hooks/useAppContainerDataStore.js";
+import { CustomKBD as C } from "../CustomKBD/index.js";
+import { NoData as B } from "../NoData/NoData.js";
+import I from "./NotificationCard.js";
+import K from "./Notification.module.css.js";
+const J = () => {
+  const { t: r } = N("appContainer"), h = E(), { notifications: n } = S(), { readNotificationsFunc: p } = j(), [s, c] = D(null), u = w([]), x = w(null), m = g(
+    async (t) => {
+      if (!n?.length) return;
+      const o = `/invitation/${n[t].link}`;
+      p({
+        messageIds: [n[t].id],
+        markAll: !1,
+        action: 1
+      }), h(o);
+    },
+    [h, n, p]
+  ), f = g(
+    (t) => {
+      t.key === "ArrowDown" ? (t.preventDefault(), c(
+        (o) => o === null ? 0 : Math.min(o + 1, n?.length - 1)
+      )) : t.key === "ArrowUp" ? (t.preventDefault(), c(
+        (o) => o === null ? n?.length - 1 : Math.max(o - 1, 0)
+      )) : t.key === "Enter" && s !== null && n?.length && m(s);
+    },
+    [s, m, n?.length]
+  );
+  return y(() => (window.addEventListener("keydown", f), () => {
+    c(null), window.removeEventListener("keydown", f);
+  }), [f]), y(() => {
+    const t = u.current[s ?? -1];
+    t && t.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    });
+  }, [s]), /* @__PURE__ */ i(A, { children: [
+    /* @__PURE__ */ i(a, { p: "sm", justify: "space-between", children: [
+      /* @__PURE__ */ i(a, { children: [
+        /* @__PURE__ */ e(l, { fz: "sm", children: r("notification") }),
+        /* @__PURE__ */ e(k, { className: K.headerCounter, children: /* @__PURE__ */ e(l, { fz: "xs", children: n?.length < 100 ? n?.length : "99+" }) })
+      ] }),
+      /* @__PURE__ */ e(b, { h: 22, variant: "transparent", size: "xs", children: /* @__PURE__ */ e(l, { h: 22, fz: "md", children: r("showAll") }) })
+    ] }),
+    /* @__PURE__ */ e(v, {}),
+    /* @__PURE__ */ e(
+      d,
+      {
+        mah: 280,
+        ref: x,
+        style: {
+          overflowY: "auto"
+        },
+        gap: 0,
+        children: n ? n?.map((t, o) => /* @__PURE__ */ e(
+          k,
+          {
+            onClick: () => m(o),
+            style: {
+              overflow: "hidden"
+            },
+            children: /* @__PURE__ */ e(
+              I,
+              {
+                isFocused: o === s,
+                notification: t,
+                ref: (z) => u.current[o] = z
+              }
+            )
+          },
+          t.id
+        )) : /* @__PURE__ */ e(
+          B,
+          {
+            py: "md",
+            size: 140,
+            my: 20,
+            illustration: "noNotifications",
+            descriptionProps: { maw: 300 },
+            description: r("emptyNotifyDescription")
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(v, {}),
+    /* @__PURE__ */ i(a, { bottom: 0, p: "sm", justify: "space-between", children: [
+      /* @__PURE__ */ i(a, { gap: 24, children: [
+        /* @__PURE__ */ i(d, { gap: 8, children: [
+          /* @__PURE__ */ e(
+            C,
+            {
+              miw: 26,
+              w: 26,
+              bbw: 4,
+              value: /* @__PURE__ */ e(F, { stroke: 1.5, width: 16, height: 16 })
+            }
+          ),
+          /* @__PURE__ */ e(l, { fz: "sm", fw: 400, children: r("choose") })
+        ] }),
+        /* @__PURE__ */ i(d, { gap: 8, children: [
+          /* @__PURE__ */ e(C, { miw: 45, w: 45, bbw: 4, value: "Enter" }),
+          /* @__PURE__ */ e(l, { fz: "sm", fw: 400, children: r("open") })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(b, { h: 22, variant: "transparent", size: "xs", children: /* @__PURE__ */ e(l, { h: 22, fz: "md", children: r("closeAll") }) })
+    ] })
+  ] });
+};
+export {
+  J as Notification
+};

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

@@ -0,0 +1,7 @@
+const e = "_headerCounter_1kh0c_1", t = {
+  headerCounter: e
+};
+export {
+  t as default,
+  e as headerCounter
+};

package/dist/components/Notification/NotificationCard.d.ts

@@ -3,5 +3,6 @@ interface NotificationCardProps {
     isFocused: boolean;
     notification: UserNotifications;
 }
-declare const NotificationCard: import('react').ForwardRefExoticComponent<NotificationCardProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const NotificationCard: import("react").ForwardRefExoticComponent<NotificationCardProps & import("react").RefAttributes<HTMLDivElement>>;
 export default NotificationCard;
+//# sourceMappingURL=NotificationCard.d.ts.map

package/dist/components/Notification/NotificationCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCard.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AAE/F,UAAU,qBAAqB;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,iBAAiB,CAAC;CACjC;AAED,QAAA,MAAM,gBAAgB,kHAkFrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/Notification/NotificationCard.js

@@ -0,0 +1,92 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { useTranslation as g } from "react-i18next";
+import { Flex as a, Text as l, Tooltip as x } from "@mantine/core";
+import { IconFileText as h, IconCheckbox as u, IconX as y } from "@tabler/icons-react";
+const b = p(
+  ({ isFocused: o, notification: e }, n) => {
+    const { i18n: s } = g("appContainer"), i = (d) => {
+      const m = s.language === "ru" ? "ru-RU" : "en-US";
+      return d.toLocaleDateString(m, {
+        day: "numeric",
+        month: "long",
+        year: "numeric"
+      });
+    }, c = new Date(e.createdAt), f = i(c);
+    return /* @__PURE__ */ t(
+      a,
+      {
+        ref: n,
+        px: 8,
+        w: "100%",
+        py: "sm",
+        justify: "flex-start",
+        style: {
+          backgroundColor: o ? "#f0f0f0" : "transparent",
+          cursor: "pointer",
+          borderRadius: "4px"
+        },
+        children: [
+          /* @__PURE__ */ t(a, { w: 274, justify: "flex-start", children: [
+            /* @__PURE__ */ r(
+              h,
+              {
+                size: 20,
+                color: "gray",
+                style: { alignSelf: "flex-start" }
+              }
+            ),
+            /* @__PURE__ */ r(l, { fz: 16, style: { alignSelf: "flex-start" }, children: e.pageIcon === "DefaultIcon" ? /* @__PURE__ */ r(u, { size: 20, color: "gray" }) : e.pageIcon }),
+            /* @__PURE__ */ t(a, { direction: "column", gap: 0, w: 200, children: [
+              /* @__PURE__ */ r(
+                x,
+                {
+                  disabled: e.description.length < 40,
+                  label: e.description,
+                  children: /* @__PURE__ */ r(
+                    l,
+                    {
+                      fz: "sm",
+                      style: {
+                        alignSelf: "flex-start",
+                        lineHeight: "16px"
+                      },
+                      lineClamp: 2,
+                      children: e.description
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                l,
+                {
+                  c: "dimmed",
+                  fz: "sm",
+                  h: "16",
+                  style: { alignSelf: "flex-start" },
+                  children: [
+                    " ",
+                    e.pageName
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ r(l, { c: "dimmed", fz: "sm", w: 98, style: { alignSelf: "flex-start" }, children: f }),
+          /* @__PURE__ */ r(
+            y,
+            {
+              width: 12,
+              height: 12,
+              color: "gray",
+              style: { alignSelf: "flex-start", marginTop: "5px" }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  b as default
+};

package/dist/components/OnBoarding/OnBoardingPage.d.ts

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

package/dist/components/OnBoarding/OnBoardingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnBoardingPage.d.ts","sourceRoot":"","sources":["../../../src/components/OnBoarding/OnBoardingPage.tsx"],"names":[],"mappings":"AA+DA,eAAO,MAAM,cAAc,+CAuB1B,CAAC"}

package/dist/components/OnBoarding/OnBoardingPage.js

@@ -0,0 +1,80 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { AppShell as e, Group as s, Image as n, Flex as m } from "@mantine/core";
+import d from "../../assets/svg/layers-logo-full.svg.js";
+import { useOnboardingState as c } from "../../store/onboarding.js";
+import l from "./ProjectBoard.js";
+import f from "./StepsNavBar.js";
+import h from "./steps/AddTasks/AddTasksNav.js";
+import a from "./steps/AddTasks/TasksListBoard.js";
+import S from "./steps/CreateFirstProject.js";
+import v from "./steps/DefineStatuses/DefineStatusesNav.js";
+import b from "./steps/DefineStatuses/StatusesListBoard.js";
+import g from "./steps/DifferentLayouts/DifferentLayoutsBoard.js";
+import u from "./steps/DifferentLayouts/DifferentLayoutsNav.js";
+import B from "./steps/InviteUsers/BoardModal.js";
+import N from "./steps/InviteUsers/InviteUsers.js";
+import j from "./steps/SelectCategory/SelectCategoryNav.js";
+import x from "./steps/StartedStep.js";
+import i from "./styles.module.css.js";
+const p = [
+  {
+    step: 0,
+    navSection: /* @__PURE__ */ r(x, {}),
+    board: null
+  },
+  {
+    step: 1,
+    navSection: /* @__PURE__ */ r(S, {}),
+    board: null
+  },
+  {
+    step: 2,
+    navSection: /* @__PURE__ */ r(N, {}),
+    board: /* @__PURE__ */ r(B, {})
+  },
+  // {
+  //   step: 3,
+  //   navSection: <AddMembers />,
+  //   board: <BoardModal />,
+  // },
+  {
+    step: 3,
+    navSection: /* @__PURE__ */ r(h, {}),
+    board: /* @__PURE__ */ r(a, {})
+  },
+  {
+    step: 4,
+    navSection: /* @__PURE__ */ r(j, {}),
+    board: /* @__PURE__ */ r(a, {})
+  },
+  {
+    step: 5,
+    navSection: /* @__PURE__ */ r(v, {}),
+    board: /* @__PURE__ */ r(b, {})
+  },
+  {
+    step: 6,
+    navSection: /* @__PURE__ */ r(u, {}),
+    board: /* @__PURE__ */ r(g, {})
+  }
+], E = () => {
+  const { step: o } = c();
+  return /* @__PURE__ */ t(
+    e,
+    {
+      header: { height: 60 },
+      className: i.appShell,
+      withBorder: !1,
+      children: [
+        /* @__PURE__ */ r(e.Header, { className: i.appShellHeader, children: /* @__PURE__ */ r(s, { h: "100%", p: "md", children: /* @__PURE__ */ r(n, { src: d }) }) }),
+        /* @__PURE__ */ r(e.Main, { h: "calc(100vh - 60px)", pl: 12, pt: 66, pb: 12, children: /* @__PURE__ */ t(m, { wrap: "nowrap", h: "100%", children: [
+          /* @__PURE__ */ r(f, { children: p[o].navSection }),
+          o !== 0 && /* @__PURE__ */ r(l, { children: p[o].board })
+        ] }) })
+      ]
+    }
+  );
+};
+export {
+  E as OnBoardingPage
+};

package/dist/components/OnBoarding/ProjectBoard.d.ts

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

package/dist/components/OnBoarding/ProjectBoard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectBoard.d.ts","sourceRoot":"","sources":["../../../src/components/OnBoarding/ProjectBoard.tsx"],"names":[],"mappings":"AAoDA,QAAA,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAiIhE,CAAC;AAEF,eAAe,YAAY,CAAC"}