@layers-app/shared 0.4.1 → 0.4.3

package/dist/components/MusicPlayerBar/hooks/useWaveform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWaveform.d.ts","sourceRoot":"","sources":["../../../../src/components/MusicPlayerBar/hooks/useWaveform.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,wBAAgB,WAAW,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,aAAa,CA0BrE"}

package/dist/components/MusicPlayerBar/hooks/useWaveform.js

@@ -0,0 +1,28 @@
+import { useRef as f, useState as m, useEffect as R, useMemo as A } from "react";
+import { DEFAULT_BAR_COUNT as _, MIN_BAR_COUNT as a, MAX_BAR_COUNT as h, BAR_GAP as l, BAR_STEP as B } from "../constants.js";
+import { buildHeights as M } from "../helpers.js";
+function b(e) {
+  const o = f(null), [t, s] = m(_);
+  R(() => {
+    const r = o.current;
+    if (!r) return;
+    const n = new ResizeObserver(([u]) => {
+      const i = u.contentRect.width;
+      s(
+        Math.max(
+          a,
+          Math.min(h, Math.floor((i + l) / B))
+        )
+      );
+    });
+    return n.observe(r), () => n.disconnect();
+  }, []);
+  const c = A(
+    () => M(t, e),
+    [t, e]
+  );
+  return { clipRef: o, barCount: t, heights: c };
+}
+export {
+  b as useWaveform
+};

package/dist/components/MusicPlayerBar/index.d.ts

@@ -0,0 +1,3 @@
+export { MusicPlayerBar } from './MusicPlayerBar';
+export type { MusicPlayerBarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MusicPlayerBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+export type MusicPlayerBarLabels = {
+    play: string;
+    pause: string;
+    mute: string;
+    unmute: string;
+    playbackSpeed: string;
+    volume: string;
+    waveformSeek: string;
+    timeDisplay: string;
+    download: string;
+    copyLink: string;
+    delete: string;
+    more: string;
+    mobileActionsTitle: string;
+};
+export type MusicPlayerBarProps = Readonly<{
+    src: string;
+    duration?: number;
+    playbackRates?: readonly number[];
+    initialVolume?: number;
+    waveformHeights?: number[];
+    disable?: boolean;
+    showDelete?: boolean;
+    showDownload?: boolean;
+    showCopyLink?: boolean;
+    onDelete?: () => void;
+    onDownload?: () => void;
+    onCopyLink?: () => Promise<void> | void;
+    onCopyError?: () => void;
+    extraActions?: ReactNode;
+}>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MusicPlayerBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC,CAAC"}

package/dist/components/NavbarResizer/NavbarResizer.js

@@ -1,6 +1,6 @@
 import { jsx as h } from "react/jsx-runtime";
 import { memo as b, useState as r } from "react";
-import { useDraggable as x } from "draggable-ui";
+import { useDraggable as x } from "@layers-app/draggable-ui";
 import { clamp as y } from "lodash-es";
 import M from "./NavbarResizer.module.css.js";
 const N = b(

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

@@ -1,4 +1,4 @@
-import { type OnboardingTourController } from '@gfazioli/mantine-onboarding-tour';
+import { type OnboardingTourController } from '@layers-app/onboarding-tour';
 export declare const DefaultSingleFooter: ({ controller, label, }: {
     controller: OnboardingTourController;
     label: string;
@@ -12,6 +12,11 @@ export declare const DefaultMultiFooter: ({ controller, stepIndex, totalSteps, l
         back: string;
         next: string;
         done: string;
+        continue?: string;
     };
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultTourHeader: ({ controller, title, }: {
+    controller: OnboardingTourController;
+    title: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=OnboardingTourFooter.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"OnboardingTourFooter.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/OnboardingTourFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAI5E,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;QACN,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,4CAiCA,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wBAG/B;IACD,UAAU,EAAE,wBAAwB,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,4CAaA,CAAC"}

package/dist/components/OnboardingTour/OnboardingTourFooter.js

@@ -1,40 +1,58 @@
-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,
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Group as r, Button as s, Text as p, ActionIcon as d } from "@mantine/core";
+import { IconX as f } from "@tabler/icons-react";
+const g = ({
+  controller: i,
+  label: t
+}) => /* @__PURE__ */ e(r, { justify: "flex-end", children: /* @__PURE__ */ e(s, { size: "sm", onClick: () => i.endTour(), children: t }) }), k = ({
+  controller: i,
+  stepIndex: t,
+  totalSteps: u,
   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(
+  const c = t === 0, a = t === u - 1, l = c && n.continue ? n.continue : n.next;
+  return /* @__PURE__ */ o(r, { justify: "space-between", children: [
+    /* @__PURE__ */ e(p, { size: "sm", c: "gray.5", children: n.stepOf }),
+    /* @__PURE__ */ o(r, { gap: "xs", children: [
+      !c && /* @__PURE__ */ e(
         s,
         {
           variant: "subtle",
           color: "gray.5",
           size: "sm",
-          onClick: () => e.prevStep(),
+          onClick: () => i.prevStep(),
           children: n.back
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         s,
         {
           size: "sm",
-          onClick: () => o ? e.endTour() : e.nextStep(),
-          children: o ? n.done : n.next
+          onClick: () => a ? i.endTour() : i.nextStep(),
+          children: a ? n.done : l
         }
       )
     ] })
   ] });
-};
+}, y = ({
+  controller: i,
+  title: t
+}) => /* @__PURE__ */ o(r, { justify: "space-between", align: "flex-start", gap: "xs", wrap: "nowrap", children: [
+  /* @__PURE__ */ e("div", { style: { flex: 1 }, children: t }),
+  /* @__PURE__ */ e(
+    d,
+    {
+      variant: "subtle",
+      color: "gray.3",
+      size: "sm",
+      onClick: () => i.skipTour(),
+      "aria-label": "Skip tour",
+      children: /* @__PURE__ */ e(f, { size: 16 })
+    }
+  )
+] });
 export {
-  h as DefaultMultiFooter,
-  a as DefaultSingleFooter
+  k as DefaultMultiFooter,
+  g as DefaultSingleFooter,
+  y as DefaultTourHeader
 };

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

@@ -1,13 +1,12 @@
-import { type ReactNode } from 'react';
-import { type OnboardingTourProps, type OnboardingTourStep } from '@gfazioli/mantine-onboarding-tour';
-import './OnboardingTourWrapper.css';
+import { type MutableRefObject, type ReactNode } from 'react';
+import { type OnboardingTourController, type OnboardingTourProps, type OnboardingTourStep } from '@layers-app/onboarding-tour';
 export interface OnboardingTourWrapperProps extends Partial<Omit<OnboardingTourProps, 'tour' | 'started' | 'children'>> {
     featureKey: string;
     tour: OnboardingTourStep[];
     children: ReactNode;
     onComplete?: () => void;
     dependsOn?: string;
-    withPopoverMoveAnimation?: boolean;
+    controllerRef?: MutableRefObject<OnboardingTourController | null>;
 }
-export declare const OnboardingTourWrapper: ({ featureKey, tour, children, onComplete, dependsOn, withPopoverMoveAnimation, classNames, focusRevealProps: externalFocusRevealProps, onOnboardingTourEnd: externalOnEnd, onOnboardingTourChange: externalOnChange, onOnboardingTourStart: externalOnStart, ...rest }: OnboardingTourWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OnboardingTourWrapper: ({ featureKey, tour, children, onComplete, dependsOn, controllerRef, classNames, focusRevealProps: externalFocusRevealProps, onOnboardingTourEnd: externalOnEnd, onOnboardingTourSkip: 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

@@ -1 +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,EAIL,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,wQAanC,0BAA0B,4CA2O5B,CAAC"}
+{"version":3,"file":"OnboardingTourWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/OnboardingTourWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AAcrC,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,aAAa,CAAC,EAAE,gBAAgB,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAC;CACnE;AA4BD,eAAO,MAAM,qBAAqB,GAAI,oSAcnC,0BAA0B,4CA4J5B,CAAC"}

package/dist/components/OnboardingTour/OnboardingTourWrapper.js

@@ -1,160 +1,128 @@
-import { jsx as u, Fragment as z } from "react/jsx-runtime";
-import { useRef as C, useCallback as I, useMemo as S, useEffect as L } from "react";
-import { useTranslation as q } from "react-i18next";
-import { OnboardingTour as W } from "@gfazioli/mantine-onboarding-tour";
-import { Text as A } from "@mantine/core";
-import { DefaultSingleFooter as M, DefaultMultiFooter as U } from "./OnboardingTourFooter.js";
-import { useOnboardingTour as V } from "./useOnboardingTour.js";
-/* empty css                          */
-const v = "onboarding-tour-popover-dropdown", h = "data-onboarding-tour-active-dropdown", G = (n) => typeof n == "string" ? /* @__PURE__ */ u(A, { fw: 500, size: "md", c: "white", mb: 4, children: n }) : n, H = (n) => typeof n == "string" ? /* @__PURE__ */ u(A, { size: "sm", c: "gray.3", children: n }) : n, ot = ({
-  featureKey: n,
+import { jsx as a, Fragment as E } from "react/jsx-runtime";
+import { useMemo as b, useCallback as m } from "react";
+import { useTranslation as F } from "react-i18next";
+import { OnboardingTour as M } from "@layers-app/onboarding-tour";
+import { Text as v } from "@mantine/core";
+import { DefaultSingleFooter as H, DefaultMultiFooter as N, DefaultTourHeader as W } from "./OnboardingTourFooter.js";
+import { useOnboardingTour as q, getSavedStepIndex as A, saveStepIndex as G } from "./useOnboardingTour.js";
+const J = (o) => typeof o == "string" ? /* @__PURE__ */ a(v, { fw: 500, size: "md", c: "white", mb: 4, children: o }) : o, L = (o) => typeof o == "string" ? /* @__PURE__ */ a(v, { size: "sm", c: "gray.3", children: o }) : o, $ = ({
+  featureKey: o,
   tour: d,
-  children: w,
-  onComplete: P,
-  dependsOn: R,
-  withPopoverMoveAnimation: T = !1,
-  classNames: D = {},
-  focusRevealProps: f,
-  onOnboardingTourEnd: O,
-  onOnboardingTourChange: k,
-  onOnboardingTourStart: N,
-  ...$
+  children: l,
+  onComplete: p,
+  dependsOn: k,
+  controllerRef: s,
+  classNames: x = {},
+  focusRevealProps: c,
+  onOnboardingTourEnd: T,
+  onOnboardingTourSkip: S,
+  onOnboardingTourChange: h,
+  onOnboardingTourStart: O,
+  ...I
 }) => {
-  const { t: l } = q("pages"), { started: b, complete: x } = V(n, { dependsOn: R }), c = C(null), m = C(null), E = I(() => {
-    x(), P?.(), O?.();
-  }, [x, P, O]), F = S(() => {
-    const e = d.length, o = e === 1;
-    return d.map((r, s) => {
-      const a = {
+  const { t: e } = F("pages"), { started: P, complete: u } = q(o, { dependsOn: k }), y = b(
+    () => A(o),
+    [o]
+  ), B = m(
+    (n) => {
+      const i = d.findIndex((r) => r.id === n.id);
+      i >= 0 && G(o, i), h?.(n);
+    },
+    [o, d, h]
+  ), C = m(() => {
+    u(), p?.(), T?.();
+  }, [u, p, T]), D = m(() => {
+    u(), p?.(), S?.();
+  }, [u, p, S]), j = b(() => {
+    const n = d.length, i = n === 1;
+    return d.map((r, w) => {
+      const g = J(r.title), f = {
         ...r,
-        title: G(r.title),
-        content: H(r.content)
+        title: void 0,
+        header: (t) => /* @__PURE__ */ a(
+          W,
+          {
+            controller: t,
+            title: typeof g == "function" ? g(t) : g
+          }
+        ),
+        content: L(r.content)
       };
-      return r.footer === void 0 && (o ? a.footer = (p) => /* @__PURE__ */ u(
-        M,
+      return r.footer === void 0 && (i ? f.footer = (t) => (s && (s.current = t), /* @__PURE__ */ a(
+        H,
         {
-          controller: p,
-          label: l("onboarding.continue")
+          controller: t,
+          label: e("onboarding.continue")
         }
-      ) : a.footer = (p) => /* @__PURE__ */ u(
-        U,
+      )) : f.footer = (t) => (s && (s.current = t), /* @__PURE__ */ a(
+        N,
         {
-          controller: p,
-          stepIndex: s,
-          totalSteps: e,
+          controller: t,
+          stepIndex: w,
+          totalSteps: n,
           labels: {
-            stepOf: l("onboarding.stepOf", {
-              current: s + 1,
-              total: e
+            stepOf: e("onboarding.stepOf", {
+              current: w + 1,
+              total: n
             }),
-            back: l("onboarding.back"),
-            next: l("onboarding.next"),
-            done: l("onboarding.done")
+            back: e("onboarding.back"),
+            next: e("onboarding.next"),
+            done: e("onboarding.done"),
+            continue: e("onboarding.continue")
           }
         }
-      )), a;
+      ))), f;
     });
-  }, [d, l]), B = S(() => {
-    const e = typeof f == "object" ? f : void 0, o = e?.popoverProps ?? {}, r = o.classNames ?? {}, s = o.styles ?? {}, a = [v, r.dropdown].filter(Boolean).join(" ");
+  }, [d, e, s]), z = b(() => {
+    const n = typeof c == "object" ? c : void 0, i = n?.popoverProps ?? {}, r = i.styles ?? {};
     return {
-      ...e,
-      disableTargetInteraction: e?.disableTargetInteraction ?? !0,
-      overlayProps: {
-        blur: 0,
-        ...e?.overlayProps
-      },
+      ...n,
+      disableTargetInteraction: n?.disableTargetInteraction ?? !0,
       popoverProps: {
         position: "bottom",
         offset: 10,
-        transitionProps: {
-          duration: 0,
-          ...o.transitionProps ?? {}
-        },
-        ...o,
-        classNames: {
-          ...r,
-          dropdown: a
-        },
+        ...i,
         styles: {
-          ...s,
+          ...r,
           dropdown: {
             backgroundColor: "var(--mantine-color-dark-7)",
             padding: 16,
             color: "white",
             border: "none",
             width: 300,
-            ...s.dropdown
+            ...r.dropdown
           },
           arrow: {
             backgroundColor: "var(--mantine-color-dark-7)",
             border: "none",
-            ...s.arrow
+            ...r.arrow
           }
         }
       }
     };
-  }, [f]);
-  return L(() => {
-    if (!b || !T) return;
-    let e = 0;
-    const o = document.createElement("style");
-    o.setAttribute("data-onboarding-tour-popover-animation", "true"), o.textContent = `.${v}:not([${h}]) { opacity: 0 !important; pointer-events: none !important; }`, document.head.appendChild(o);
-    const r = (t) => {
-      t.removeAttribute(h), t.style.removeProperty("position"), t.style.removeProperty("top"), t.style.removeProperty("left"), t.style.removeProperty("width"), t.style.removeProperty("transform"), t.style.removeProperty("opacity"), t.style.removeProperty("pointer-events"), t.style.removeProperty("will-change"), t.style.removeProperty("transition");
-    }, s = (t) => {
-      const i = t.getBoundingClientRect();
-      if (i.width === 0 || i.height === 0) return;
-      const g = i.top, y = i.left, _ = m.current?.top ?? g, j = m.current?.left ?? y;
-      c.current && c.current !== t && r(c.current), c.current = t, t.setAttribute(h, "true"), Object.assign(t.style, {
-        position: "fixed",
-        top: `${_}px`,
-        left: `${j}px`,
-        width: `${i.width}px`,
-        transform: "none",
-        opacity: "1",
-        pointerEvents: "auto",
-        willChange: "top, left",
-        transition: "top 260ms cubic-bezier(0.2, 0, 0, 1), left 260ms cubic-bezier(0.2, 0, 0, 1)"
-      }), requestAnimationFrame(() => {
-        t.isConnected && (t.style.top = `${g}px`, t.style.left = `${y}px`);
-      }), m.current = { top: g, left: y };
-    }, a = () => {
-      const t = Array.from(
-        document.querySelectorAll(`.${v}`)
-      ), i = t[t.length - 1];
-      i && s(i);
-    }, p = new MutationObserver(() => {
-      cancelAnimationFrame(e), e = requestAnimationFrame(a);
-    });
-    return a(), p.observe(document.body, { childList: !0, subtree: !0 }), () => {
-      p.disconnect(), cancelAnimationFrame(e), o.remove(), c.current && (r(c.current), c.current = null), m.current = null;
-    };
-  }, [b, T]), d.length === 0 ? /* @__PURE__ */ u(z, { children: w }) : /* @__PURE__ */ u(
-    W,
+  }, [c]);
+  return d.length === 0 ? /* @__PURE__ */ a(E, { children: l }) : /* @__PURE__ */ a(
+    M,
     {
-      tour: F,
-      started: b,
-      onOnboardingTourStart: () => {
-        N?.();
-      },
-      onOnboardingTourChange: (e) => {
-        k?.(e);
-      },
-      onOnboardingTourEnd: E,
+      tour: j,
+      started: P,
+      initialStepIndex: y,
+      onOnboardingTourStart: O,
+      onOnboardingTourChange: B,
+      onOnboardingTourEnd: C,
+      onOnboardingTourSkip: D,
       withPrevButton: !1,
       withNextButton: !1,
       withSkipButton: !1,
       withStepper: !1,
       maw: 300,
-      classNames: {
-        ...D
-      },
-      focusRevealProps: B,
-      ...$,
-      children: w
+      classNames: x,
+      focusRevealProps: z,
+      ...I,
+      children: l
     }
   );
 };
 export {
-  ot as OnboardingTourWrapper
+  $ as OnboardingTourWrapper
 };

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

@@ -1,4 +1,4 @@
 export { OnboardingTourWrapper } from './OnboardingTourWrapper';
 export type { OnboardingTourWrapperProps } from './OnboardingTourWrapper';
-export { useOnboardingTour, isOnboardingCompleted, resetOnboarding, } from './useOnboardingTour';
+export { useOnboardingTour, isOnboardingCompleted, resetOnboarding, getSavedStepIndex, saveStepIndex, clearSavedStep, setOnboardingUserId, } from './useOnboardingTour';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,GAChB,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,mBAAmB,GACpB,MAAM,qBAAqB,CAAC"}

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

@@ -1,5 +1,9 @@
+export declare const setOnboardingUserId: (userId: string | null) => void;
 export declare const isOnboardingCompleted: (featureKey: string) => boolean;
 export declare const resetOnboarding: (featureKey: string) => void;
+export declare const getSavedStepIndex: (featureKey: string) => number | undefined;
+export declare const saveStepIndex: (featureKey: string, stepIndex: number) => void;
+export declare const clearSavedStep: (featureKey: string) => void;
 interface UseOnboardingTourOptions {
     dependsOn?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useOnboardingTour.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/useOnboardingTour.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,qBAAqB,GAAI,YAAY,MAAM,KAAG,OAE1D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,KAAG,IAOpD,CAAC;AAEF,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAC5B,YAAY,MAAM,EAClB,UAAU,wBAAwB,KACjC,uBAwDF,CAAC"}
+{"version":3,"file":"useOnboardingTour.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTour/useOnboardingTour.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,IAE3D,CAAC;AA4CF,eAAO,MAAM,qBAAqB,GAAI,YAAY,MAAM,KAAG,OAE1D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,KAAG,IAUpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,YAAY,MAAM,KAAG,MAAM,GAAG,SAI/D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,YAAY,MAAM,EAAE,WAAW,MAAM,KAAG,IAIrE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,YAAY,MAAM,KAAG,IAInD,CAAC;AAEF,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAC5B,YAAY,MAAM,EAClB,UAAU,wBAAwB,KACjC,uBAyDF,CAAC"}

package/dist/components/OnboardingTour/useOnboardingTour.js

@@ -1,50 +1,79 @@
-import { useState as p, useEffect as w, useCallback as O } from "react";
-const g = "onboarding-completed", a = "onboarding-completed", l = "onboarding-reset", E = () => {
+import { useState as O, useEffect as M, useCallback as b } from "react";
+const m = "onboarding-completed", u = "onboarding-step", E = "onboarding-completed", S = "onboarding-reset";
+let o = null;
+const R = (t) => {
+  o = t;
+}, d = (t) => {
   try {
-    return JSON.parse(localStorage.getItem(g) || "{}");
+    return JSON.parse(localStorage.getItem(t) || "{}");
   } catch {
     return {};
   }
-}, u = (t) => {
-  try {
-    localStorage.setItem(g, JSON.stringify(t));
-  } catch {
-  }
-}, d = (t) => !!E()[t], b = (t) => {
-  const o = E();
-  delete o[t], u(o), window.dispatchEvent(
-    new CustomEvent(l, { detail: t })
+}, g = () => o ? d(m)[o] ?? {} : {}, I = (t) => {
+  if (o)
+    try {
+      const e = d(m);
+      e[o] = t, localStorage.setItem(m, JSON.stringify(e));
+    } catch {
+    }
+}, a = () => o ? d(u)[o] ?? {} : {}, w = (t) => {
+  if (o)
+    try {
+      const e = d(u);
+      e[o] = t, localStorage.setItem(u, JSON.stringify(e));
+    } catch {
+      return;
+    }
+}, c = (t) => !!g()[t], L = (t) => {
+  const e = g();
+  delete e[t], I(e);
+  const n = a();
+  delete n[t], w(n), window.dispatchEvent(
+    new CustomEvent(S, { detail: t })
   );
-}, h = (t, o) => {
-  const { dependsOn: n } = o ?? {}, [r, m] = p(
-    () => d(t)
-  ), [c, s] = p(
-    () => !d(t) && (n ? d(n) : !0)
+}, f = (t) => {
+  const n = a()[t];
+  return typeof n == "number" ? n : void 0;
+}, A = (t, e) => {
+  const n = a();
+  n[t] = e, w(n);
+}, _ = (t) => {
+  const e = a();
+  delete e[t], w(e);
+}, G = (t, e) => {
+  const { dependsOn: n } = e ?? {}, [i, v] = O(
+    () => c(t)
+  ), [p, r] = O(
+    () => !c(t) && (n ? c(n) : !0)
   );
-  w(() => {
-    if (r || !n || c) return;
-    const e = (i) => {
-      i.detail === n && !d(t) && s(!0);
+  M(() => {
+    if (i || !n || p) return;
+    const s = (l) => {
+      l.detail === n && !c(t) && r(!0);
     };
-    return window.addEventListener(a, e), () => window.removeEventListener(a, e);
-  }, [n, r, c, t]), w(() => {
-    const e = (i) => {
-      i.detail === t && (m(!1), s(!0));
+    return window.addEventListener(E, s), () => window.removeEventListener(E, s);
+  }, [n, i, p, t]), M(() => {
+    const s = (l) => {
+      l.detail === t && (v(!1), r(!0));
     };
-    return window.addEventListener(l, e), () => window.removeEventListener(l, e);
+    return window.addEventListener(S, s), () => window.removeEventListener(S, s);
   }, [t]);
-  const v = O(() => {
-    const e = E();
-    e[t] = !0, u(e), m(!0), s(!1), window.dispatchEvent(
-      new CustomEvent(a, { detail: t })
+  const N = b(() => {
+    const s = g();
+    s[t] = !0, I(s), _(t), v(!0), r(!1), window.dispatchEvent(
+      new CustomEvent(E, { detail: t })
     );
-  }, [t]), C = O(() => {
-    s(!0);
+  }, [t]), C = b(() => {
+    r(!0);
   }, []);
-  return { started: c, completed: r, start: C, complete: v };
+  return { started: p, completed: i, start: C, complete: N };
 };
 export {
-  d as isOnboardingCompleted,
-  b as resetOnboarding,
-  h as useOnboardingTour
+  _ as clearSavedStep,
+  f as getSavedStepIndex,
+  c as isOnboardingCompleted,
+  L as resetOnboarding,
+  A as saveStepIndex,
+  R as setOnboardingUserId,
+  G as useOnboardingTour
 };

package/dist/components/UserAvatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,WAAW,eACf,SAAQ,WAAW,EACjB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,GAAI,0CAMxB,eAAe,4CAqCjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UserAvatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,WAAW,eACf,SAAQ,WAAW,EACjB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAmBD,eAAO,MAAM,UAAU,GAAI,0CAMxB,eAAe,4CAuCjB,CAAC"}