@layers-app/shared 0.2.6 → 0.2.8-test

package/dist/components/NavMenu/components/NavMenuItem.js

@@ -1,100 +1,116 @@
-import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { memo as m, useRef as k, useEffect as O, useMemo as y } from "react";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { memo as f, useRef as k, useEffect as O, useMemo as v } from "react";
 import { useTranslation as g } from "react-i18next";
 import { NavLink as E } from "react-router-dom";
-import { MoreHorizontalIcon as I, ArrowRight01Icon as M } from "@hugeicons/core-free-icons";
+import { MoreHorizontalIcon as M, ArrowRight01Icon as P } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as C } from "@hugeicons/react";
-import { Flex as h, Loader as N, Text as w, FocusTrap as P, Tooltip as b, Center as R } from "@mantine/core";
-import { useForm as j } from "@mantine/form";
-import { useClickOutside as z } from "@mantine/hooks";
-import { useAsyncStatus as A } from "../../../hooks/useAsyncStatus.js";
-import { useMenu as D } from "../../../hooks/useMenu.js";
-import { appContainerStore as T } from "../../AppContainer/hooks/useAppContainerStore.js";
-import { EmojiPicker as F } from "../../EmojiPicker/EmojiPicker.js";
-import { EntityIcon as x } from "../../EntityIcon.js";
-import { NavMenu as L } from "../NavMenu.js";
-import { useNavMenuStore as f } from "../store.js";
+import { Flex as h, Loader as I, Text as N, FocusTrap as R, Tooltip as w, Center as j } from "@mantine/core";
+import { useForm as z } from "@mantine/form";
+import { useClickOutside as A } from "@mantine/hooks";
+import { useAsyncStatus as D } from "../../../hooks/useAsyncStatus.js";
+import { useMenu as T } from "../../../hooks/useMenu.js";
+import { appContainerStore as F } from "../../AppContainer/hooks/useAppContainerStore.js";
+import { EmojiPicker as L } from "../../EmojiPicker/EmojiPicker.js";
+import { EntityIcon as b } from "../../EntityIcon.js";
+import { NavMenu as $ } from "../NavMenu.js";
+import { useNavMenuStore as m } from "../store.js";
 import { NavMenuActionIcon as B } from "./NavMenuActionIcon.js";
 import s from "../NavMenu.module.css.js";
-const re = m(({ item: e, ignoreDepth: a }) => {
-  const { useStore: r } = f(), i = r((t) => t.editId === e.id);
-  return /* @__PURE__ */ n(S, { depth: a ? void 0 : e.depth, children: i ? /* @__PURE__ */ n(H, { item: e }) : /* @__PURE__ */ n(V, { item: e }) });
-}), V = m(({ item: e }) => {
-  const { api: a, useStore: r } = f(), i = r((o) => o.props.onClick), { isMobile: t } = D(), { t: l } = g("appContainer"), d = () => {
-    i ? i(e) : e.hasChildren && a.toggleOpened(e);
-  }, c = e.data?.isReadOnly, p = e.href ? /* @__PURE__ */ n(
-    E,
-    {
-      to: e.href,
-      className: s.item,
-      "data-active": e.active,
-      "data-has-children": e.hasChildren,
-      "data-read-only": c,
-      onClick: c ? void 0 : () => {
-        t && !e.hasChildren && T.api.closeToolbar();
-      },
-      children: /* @__PURE__ */ n(v, { item: e })
-    }
-  ) : /* @__PURE__ */ n(
-    "div",
-    {
-      className: s.item,
-      "data-active": e.active,
-      "data-has-children": e.hasChildren,
-      "data-read-only": c,
-      onClick: c ? void 0 : d,
-      children: /* @__PURE__ */ n(v, { item: e })
-    }
-  );
-  return c ? /* @__PURE__ */ n(b, { label: l("readOnlyAccess"), position: "right", withArrow: !0, children: p }) : p;
-}), v = m(({ item: e }) => {
-  const { t: a } = g(), { useStore: r, api: i } = f(), t = r((o) => o.opened.includes(e.id)), l = r((o) => o.loading[e.id]), d = y(
-    () => ({ ...e.data, isOpen: t }),
-    [t, e.data]
-  ), c = e.data?.isReadOnly, p = c ? 0.3 : void 0;
+const se = f(
+  ({ item: e, ignoreDepth: i, disableToggleOnClick: a }) => {
+    const { useStore: r } = m(), o = r((c) => c.editId === e.id);
+    return /* @__PURE__ */ t(
+      x,
+      {
+        depth: i ? void 0 : e.depth,
+        testId: e.testId,
+        children: o ? /* @__PURE__ */ t(H, { item: e }) : /* @__PURE__ */ t(V, { item: e, disableToggleOnClick: a })
+      }
+    );
+  }
+), V = f(
+  ({
+    item: e,
+    disableToggleOnClick: i
+  }) => {
+    const { api: a, useStore: r } = m(), o = r((S) => S.props.onClick), { isMobile: c } = T(), { t: l } = g("appContainer"), p = () => {
+      i || (o ? o(e) : e.hasChildren && a.toggleOpened(e));
+    }, d = e.data?.isReadOnly, n = e.href ? /* @__PURE__ */ t(
+      E,
+      {
+        to: e.href,
+        className: s.item,
+        "data-active": e.active,
+        "data-has-children": e.hasChildren,
+        "data-read-only": d,
+        onClick: d ? void 0 : () => {
+          c && !e.hasChildren && F.api.closeToolbar();
+        },
+        children: /* @__PURE__ */ t(y, { item: e })
+      }
+    ) : /* @__PURE__ */ t(
+      "div",
+      {
+        className: s.item,
+        "data-active": e.active,
+        "data-has-children": e.hasChildren,
+        "data-read-only": d,
+        onClick: d ? void 0 : p,
+        children: /* @__PURE__ */ t(y, { item: e })
+      }
+    );
+    return d ? /* @__PURE__ */ t(w, { label: l("readOnlyAccess"), position: "right", withArrow: !0, children: n }) : n;
+  }
+), y = f(({ item: e }) => {
+  const { t: i } = g(), { useStore: a, api: r } = m(), o = a((n) => n.opened.includes(e.id)), c = a((n) => n.loading[e.id]), l = v(
+    () => ({ ...e.data, isOpen: o }),
+    [o, e.data]
+  ), p = e.data?.isReadOnly, d = p ? 0.3 : void 0;
   return /* @__PURE__ */ u(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
     /* @__PURE__ */ u(h, { gap: 4, miw: 0, flex: 1, children: [
-      l ? /* @__PURE__ */ n(R, { w: 20, h: 20, children: /* @__PURE__ */ n(N, { size: 16 }) }) : e.hasChildren && !c && /* @__PURE__ */ n(
+      c ? /* @__PURE__ */ t(j, { w: 20, h: 20, children: /* @__PURE__ */ t(I, { size: 16 }) }) : e.hasChildren && !p && /* @__PURE__ */ t(
         B,
         {
           className: s.chevron,
-          onClick: (o) => {
-            o.preventDefault(), o.stopPropagation(), i.toggleOpened(e);
+          "data-cy": e.testId ? `${e.testId}-expand` : void 0,
+          onClick: (n) => {
+            n.preventDefault(), n.stopPropagation(), r.toggleOpened(e);
           },
-          children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ t(
             C,
             {
-              icon: M,
+              icon: P,
               size: 16,
               style: {
-                transform: `rotate(${t ? 90 : 0}deg)`,
+                transform: `rotate(${o ? 90 : 0}deg)`,
                 transition: "transform 0.1s ease-in-out"
               }
             }
           )
         }
       ),
-      /* @__PURE__ */ n("div", { className: s.icon, style: { opacity: p }, children: /* @__PURE__ */ n(x, { item: d }) }),
-      /* @__PURE__ */ n(
-        b,
+      /* @__PURE__ */ t("div", { className: s.icon, style: { opacity: d }, children: /* @__PURE__ */ t(b, { item: l }) }),
+      /* @__PURE__ */ t(
+        w,
         {
           disabled: e.title.length < 25,
-          label: e.title || a("noName"),
+          label: e.title || i("noName"),
           openDelay: 400,
-          children: /* @__PURE__ */ n(
-            w,
+          children: /* @__PURE__ */ t(
+            N,
             {
               flex: 1,
               truncate: !0,
-              style: { opacity: e.title ? p ?? 1 : 0.5 },
+              style: { opacity: e.title ? d ?? 1 : 0.5 },
               size: "sm",
               fw: 500,
               miw: 0,
               c: "var(--mantine-color-text)",
-              onDoubleClick: (o) => {
-                r.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (o.preventDefault(), o.stopPropagation(), i.startEditing(e.id));
+              "data-cy": e.testId ? `${e.testId}-title` : void 0,
+              onDoubleClick: (n) => {
+                a.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (n.preventDefault(), n.stopPropagation(), r.startEditing(e.id));
               },
-              children: e.title || a("noName")
+              children: e.title || i("noName")
             }
           )
         }
@@ -102,38 +118,38 @@ const re = m(({ item: e, ignoreDepth: a }) => {
     ] }),
     e.rightSection
   ] });
-}), H = m(({ item: e }) => {
-  const { api: a, useStore: r } = f(), i = k(null), t = j({
+}), H = f(({ item: e }) => {
+  const { api: i, useStore: a } = m(), r = k(null), o = z({
     initialValues: {
       name: e.title,
       icon: e.data?.icon || ""
     }
-  }), l = (o) => {
-    a.handleEdit({
+  }), c = (n) => {
+    i.handleEdit({
       id: e.id,
-      name: o.name ?? "",
-      icon: o.icon ?? ""
-    }), a.stopEditing();
-  }, d = z(() => {
-    l(t.getValues());
+      name: n.name ?? "",
+      icon: n.icon ?? ""
+    }), i.stopEditing();
+  }, l = A(() => {
+    c(o.getValues());
   });
   O(() => {
-    i.current && i.current.select();
+    r.current && r.current.select();
   }, []);
-  const c = y(
+  const p = v(
     () => ["SPRINT", "PROJECT"].includes(e.data?.type || ""),
     [e.data?.type]
-  ), p = r((o) => o.opened.includes(e.id));
-  return /* @__PURE__ */ n(
+  ), d = a((n) => n.opened.includes(e.id));
+  return /* @__PURE__ */ t(
     "form",
     {
-      onSubmit: t.onSubmit(l),
+      onSubmit: o.onSubmit(c),
       className: s.item,
-      ref: d,
+      ref: l,
       "data-editing": !0,
       children: /* @__PURE__ */ u(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
-        /* @__PURE__ */ n("div", { className: s.icon, children: /* @__PURE__ */ n(
-          F,
+        /* @__PURE__ */ t("div", { className: s.icon, children: /* @__PURE__ */ t(
+          L,
           {
             showIcons: !0,
             showColors: !0,
@@ -141,62 +157,68 @@ const re = m(({ item: e, ignoreDepth: a }) => {
             popoverProps: {
               floatingStrategy: "fixed"
             },
-            value: t.values.icon,
-            onChange: (o) => t.setFieldValue("icon", o),
-            children: /* @__PURE__ */ n(L.ActionIcon, { disabled: c, children: /* @__PURE__ */ n(
-              x,
+            value: o.values.icon,
+            onChange: (n) => o.setFieldValue("icon", n),
+            children: /* @__PURE__ */ t($.ActionIcon, { disabled: p, children: /* @__PURE__ */ t(
+              b,
               {
-                item: { ...e.data, isOpen: p, icon: t.values.icon }
+                item: { ...e.data, isOpen: d, icon: o.values.icon }
               }
             ) })
           }
         ) }),
-        /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(
+        /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
           "input",
           {
-            ref: i,
+            ref: r,
             className: s.editInput,
-            ...t.getInputProps("name"),
+            "data-cy": e.testId ? `${e.testId}-rename-input` : void 0,
+            ...o.getInputProps("name"),
             maxLength: 255,
-            onFocus: (o) => o.target.select()
+            onFocus: (n) => n.target.select()
           }
         ) })
       ] })
     }
   );
-}), S = m(
-  ({ depth: e = 0, children: a }) => /* @__PURE__ */ u(
+}), x = f(
+  ({
+    depth: e = 0,
+    children: i,
+    testId: a
+  }) => /* @__PURE__ */ u(
     "div",
     {
       className: s.itemContainer,
+      "data-cy": a,
       style: {
         "--depth": e
       },
       children: [
-        Array.from({ length: e }).map((r, i) => /* @__PURE__ */ n("div", { className: s.depthBox }, i)),
-        a
+        Array.from({ length: e }).map((r, o) => /* @__PURE__ */ t("div", { className: s.depthBox }, o)),
+        i
       ]
     }
   )
-), se = ({
+), ce = ({
   depth: e,
-  itemId: a,
-  currentChildrenCount: r
+  itemId: i,
+  currentChildrenCount: a
 }) => {
-  const { t: i } = g("appContainer"), { api: t } = f(), { isLoading: l, onSubmit: d } = A();
-  return /* @__PURE__ */ n(S, { depth: e, children: /* @__PURE__ */ n(
+  const { t: r } = g("appContainer"), { api: o } = m(), { isLoading: c, onSubmit: l } = D();
+  return /* @__PURE__ */ t(x, { depth: e, children: /* @__PURE__ */ t(
     "div",
     {
       className: s.item,
-      onClick: () => d(() => t.loadMore({ itemId: a, currentChildrenCount: r })),
-      children: /* @__PURE__ */ n(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ u(h, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
-        /* @__PURE__ */ n("div", { className: s.icon, children: l ? /* @__PURE__ */ n(N, { size: 16 }) : /* @__PURE__ */ n(C, { icon: I, size: 16 }) }),
-        /* @__PURE__ */ n(w, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: i("loadMore") })
+      onClick: () => l(() => o.loadMore({ itemId: i, currentChildrenCount: a })),
+      children: /* @__PURE__ */ t(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ u(h, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
+        /* @__PURE__ */ t("div", { className: s.icon, children: c ? /* @__PURE__ */ t(I, { size: 16 }) : /* @__PURE__ */ t(C, { icon: M, size: 16 }) }),
+        /* @__PURE__ */ t(N, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: r("loadMore") })
       ] }) })
     }
   ) });
 };
 export {
-  re as NavMenuItem,
-  se as NavMenuLoadMore
+  se as NavMenuItem,
+  ce as NavMenuLoadMore
 };

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

@@ -19,6 +19,7 @@ export type NavMenuItemDef<DATA = NavMenuItemData> = {
     order?: number;
     data?: DATA;
     isDisabledEditByDoubleClick?: boolean;
+    testId?: string;
 };
 export type ExpandNavMenuItemDef<DATA = NavMenuItemData> = NavMenuItemDef<DATA> & {
     depth: number;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CAEtB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,IAAI,GAAG,eAAe,IACrD,cAAc,CAAC,IAAI,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IAC3D,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,IAAI,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpB,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,IAAI,GAAG,eAAe,IACrD,cAAc,CAAC,IAAI,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IAC3D,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,IAAI,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpB,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC"}

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

@@ -1,7 +1,7 @@
-const e = "_resizer_hdrhk_1", r = {
+const e = "_resizer_1qg2p_1", s = {
   resizer: e
 };
 export {
-  r as default,
+  s as default,
   e as resizer
 };

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

@@ -1,19 +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", _ = {
+const e = "_previewBoxTitle_p1noi_1", o = "_previewBox_p1noi_1", i = "_previewContainer_p1noi_89", n = "_previewHeader_p1noi_115", r = "_headerDot_p1noi_139", p = "_previewContent_p1noi_159", t = "_processing_p1noi_205", _ = {
   previewBoxTitle: e,
   previewBox: o,
-  previewContainer: r,
-  previewHeader: t,
-  headerDot: i,
-  previewContent: s,
-  processing: n
+  previewContainer: i,
+  previewHeader: n,
+  headerDot: r,
+  previewContent: p,
+  processing: t
 };
 export {
   _ as default,
-  i as headerDot,
+  r as headerDot,
   o as previewBox,
   e as previewBoxTitle,
-  r as previewContainer,
-  s as previewContent,
-  t as previewHeader,
-  n as processing
+  i as previewContainer,
+  p as previewContent,
+  n as previewHeader,
+  t as processing
 };

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

@@ -1,4 +1,4 @@
-const e = "_headerCounter_1kh0c_1", t = {
+const e = "_headerCounter_10kmq_1", t = {
   headerCounter: e
 };
 export {

package/dist/components/OnBoarding/steps/DifferentLayouts/styles.module.css.js

@@ -1,9 +1,9 @@
-const c = "_column_10zam_1", a = "_card_10zam_6", o = {
+const c = "_column_lzz41_1", l = "_card_lzz41_11", o = {
   column: c,
-  card: a
+  card: l
 };
 export {
-  a as card,
+  l as card,
   c as column,
   o as default
 };

package/dist/components/OnBoarding/steps/styles.module.css.js

@@ -1,17 +1,17 @@
-const o = "_stepperWrapper_op9ph_1", p = "_accordion_op9ph_13", e = "_content_op9ph_17", t = "_item_op9ph_21", c = "_chevron_op9ph_25", n = "_label_op9ph_32", _ = {
-  stepperWrapper: o,
-  accordion: p,
-  content: e,
-  item: t,
+const e = "_stepperWrapper_18rxv_1", r = "_accordion_18rxv_25", t = "_content_18rxv_33", o = "_item_18rxv_41", c = "_chevron_18rxv_49", n = "_label_18rxv_63", _ = {
+  stepperWrapper: e,
+  accordion: r,
+  content: t,
+  item: o,
   chevron: c,
   label: n
 };
 export {
-  p as accordion,
+  r as accordion,
   c as chevron,
-  e as content,
+  t as content,
   _ as default,
-  t as item,
+  o as item,
   n as label,
-  o as stepperWrapper
+  e as stepperWrapper
 };

package/dist/components/OnBoarding/styles.module.css.js

@@ -1,15 +1,15 @@
-const a = "_boardContainer_zk8z5_1", e = "_appShell_zk8z5_10", n = "_navBar_zk8z5_16", t = "_appShellHeader_zk8z5_25", o = "_button_zk8z5_42", _ = {
+const a = "_boardContainer_3kft5_1", t = "_appShell_3kft5_19", e = "_navBar_3kft5_31", n = "_appShellHeader_3kft5_49", o = "_button_3kft5_83", _ = {
   boardContainer: a,
-  appShell: e,
-  navBar: n,
-  appShellHeader: t,
+  appShell: t,
+  navBar: e,
+  appShellHeader: n,
   button: o
 };
 export {
-  e as appShell,
-  t as appShellHeader,
+  t as appShell,
+  n as appShellHeader,
   a as boardContainer,
   o as button,
   _ as default,
-  n as navBar
+  e as navBar
 };

package/dist/components/OnboardingTour/OnboardingTourFooter.d.ts

@@ -0,0 +1,17 @@
+import { type OnboardingTourController } from '@gfazioli/mantine-onboarding-tour';
+export declare const DefaultSingleFooter: ({ controller, label, }: {
+    controller: OnboardingTourController;
+    label: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultMultiFooter: ({ controller, stepIndex, totalSteps, labels, }: {
+    controller: OnboardingTourController;
+    stepIndex: number;
+    totalSteps: number;
+    labels: {
+        stepOf: string;
+        back: string;
+        next: string;
+        done: string;
+    };
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OnboardingTourFooter.d.ts.map

package/dist/components/OnboardingTour/OnboardingTourFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingTourFooter.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/OnboardingTourFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAGlF,eAAO,MAAM,mBAAmB,GAAI,wBAGjC;IACD,UAAU,EAAE,wBAAwB,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,4CAMA,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gDAKhC;IACD,UAAU,EAAE,wBAAwB,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACtE,4CA+BA,CAAC"}

package/dist/components/OnboardingTour/OnboardingTourFooter.js

@@ -0,0 +1,40 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { Group as r, Button as s, Text as u } from "@mantine/core";
+const a = ({
+  controller: e,
+  label: i
+}) => /* @__PURE__ */ t(r, { justify: "flex-end", mt: "md", children: /* @__PURE__ */ t(s, { size: "sm", onClick: () => e.endTour(), children: i }) }), h = ({
+  controller: e,
+  stepIndex: i,
+  totalSteps: d,
+  labels: n
+}) => {
+  const m = i === 0, o = i === d - 1;
+  return /* @__PURE__ */ c(r, { justify: "space-between", mt: "md", children: [
+    /* @__PURE__ */ t(u, { size: "sm", c: "gray.5", children: n.stepOf }),
+    /* @__PURE__ */ c(r, { gap: "xs", children: [
+      !m && /* @__PURE__ */ t(
+        s,
+        {
+          variant: "subtle",
+          color: "gray.5",
+          size: "sm",
+          onClick: () => e.prevStep(),
+          children: n.back
+        }
+      ),
+      /* @__PURE__ */ t(
+        s,
+        {
+          size: "sm",
+          onClick: () => o ? e.endTour() : e.nextStep(),
+          children: o ? n.done : n.next
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  h as DefaultMultiFooter,
+  a as DefaultSingleFooter
+};

package/dist/components/OnboardingTour/OnboardingTourWrapper.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+import { type OnboardingTourProps, type OnboardingTourStep } from '@gfazioli/mantine-onboarding-tour';
+import './OnboardingTourWrapper.css';
+export interface OnboardingTourWrapperProps extends Partial<Omit<OnboardingTourProps, 'tour' | 'started' | 'children'>> {
+    featureKey: string;
+    tour: OnboardingTourStep[];
+    children: ReactNode;
+    onComplete?: () => void;
+    dependsOn?: string;
+    withPopoverMoveAnimation?: boolean;
+}
+export declare const OnboardingTourWrapper: ({ featureKey, tour, children, onComplete, dependsOn, withPopoverMoveAnimation, classNames, focusRevealProps: externalFocusRevealProps, onOnboardingTourEnd: externalOnEnd, onOnboardingTourClose: externalOnClose, onOnboardingTourChange: externalOnChange, onOnboardingTourStart: externalOnStart, ...rest }: OnboardingTourWrapperProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OnboardingTourWrapper.d.ts.map

package/dist/components/OnboardingTour/OnboardingTourWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingTourWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/OnboardingTourWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAGhF,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACxB,MAAM,mCAAmC,CAAC;AAS3C,OAAO,6BAA6B,CAAC;AAErC,MAAM,WAAW,0BACf,SAAQ,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAC3E,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AA+BD,eAAO,MAAM,qBAAqB,GAAI,gTAcnC,0BAA0B,4CAiP5B,CAAC"}