@layers-app/shared 0.4.8 → 0.4.10

package/dist/node_modules/tabbable/dist/index.esm.js

@@ -0,0 +1,196 @@
+var C = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], h = /* @__PURE__ */ C.join(","), I = typeof Element > "u", d = I ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, v = !I && Element.prototype.getRootNode ? function(i) {
+  var t;
+  return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
+} : function(i) {
+  return i?.ownerDocument;
+}, b = function(t, e) {
+  var r;
+  e === void 0 && (e = !0);
+  var a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = a === "" || a === "true", n = l || e && t && // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  (typeof t.closest == "function" ? t.closest("[inert]") : b(t.parentNode));
+  return n;
+}, E = function(t) {
+  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
+  return r === "" || r === "true";
+}, R = function(t, e, r) {
+  if (b(t))
+    return [];
+  var a = Array.prototype.slice.apply(t.querySelectorAll(h));
+  return e && d.call(t, h) && a.unshift(t), a = a.filter(r), a;
+}, g = function(t, e, r) {
+  for (var a = [], l = Array.from(t); l.length; ) {
+    var n = l.shift();
+    if (!b(n, !1))
+      if (n.tagName === "SLOT") {
+        var c = n.assignedElements(), o = c.length ? c : n.children, u = g(o, !0, r);
+        r.flatten ? a.push.apply(a, u) : a.push({
+          scopeParent: n,
+          candidates: u
+        });
+      } else {
+        var s = d.call(n, h);
+        s && r.filter(n) && (e || !t.includes(n)) && a.push(n);
+        var f = n.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), N = !b(f, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
+        if (f && N) {
+          var y = g(f === !0 ? n.children : f.children, !0, r);
+          r.flatten ? a.push.apply(a, y) : a.push({
+            scopeParent: n,
+            candidates: y
+          });
+        } else
+          l.unshift.apply(l, n.children);
+      }
+  }
+  return a;
+}, T = function(t) {
+  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
+}, m = function(t) {
+  if (!t)
+    throw new Error("No node provided");
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || E(t)) && !T(t) ? 0 : t.tabIndex;
+}, x = function(t, e) {
+  var r = m(t);
+  return r < 0 && e && !T(t) ? 0 : r;
+}, O = function(t, e) {
+  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
+}, w = function(t) {
+  return t.tagName === "INPUT";
+}, k = function(t) {
+  return w(t) && t.type === "hidden";
+}, D = function(t) {
+  var e = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
+    return r.tagName === "SUMMARY";
+  });
+  return e;
+}, F = function(t, e) {
+  for (var r = 0; r < t.length; r++)
+    if (t[r].checked && t[r].form === e)
+      return t[r];
+}, M = function(t) {
+  if (!t.name)
+    return !0;
+  var e = t.form || v(t), r = function(c) {
+    return e.querySelectorAll('input[type="radio"][name="' + c + '"]');
+  }, a;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    a = r(window.CSS.escape(t.name));
+  else
+    try {
+      a = r(t.name);
+    } catch (n) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
+    }
+  var l = F(a, t.form);
+  return !l || l === t;
+}, P = function(t) {
+  return w(t) && t.type === "radio";
+}, L = function(t) {
+  return P(t) && !M(t);
+}, V = function(t) {
+  var e, r = t && v(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
+  if (r && r !== t) {
+    var n, c, o;
+    for (l = !!((n = a) !== null && n !== void 0 && (c = n.ownerDocument) !== null && c !== void 0 && c.contains(a) || t != null && (o = t.ownerDocument) !== null && o !== void 0 && o.contains(t)); !l && a; ) {
+      var u, s, f;
+      r = v(a), a = (u = r) === null || u === void 0 ? void 0 : u.host, l = !!((s = a) !== null && s !== void 0 && (f = s.ownerDocument) !== null && f !== void 0 && f.contains(a));
+    }
+  }
+  return l;
+}, p = function(t) {
+  var e = t.getBoundingClientRect(), r = e.width, a = e.height;
+  return r === 0 && a === 0;
+}, B = function(t, e) {
+  var r = e.displayCheck, a = e.getShadowRoot;
+  if (r === "full-native" && "checkVisibility" in t) {
+    var l = t.checkVisibility({
+      // Checking opacity might be desirable for some use cases, but natively,
+      // opacity zero elements _are_ focusable and tabbable.
+      checkOpacity: !1,
+      opacityProperty: !1,
+      contentVisibilityAuto: !0,
+      visibilityProperty: !0,
+      // This is an alias for `visibilityProperty`. Contemporary browsers
+      // support both. However, this alias has wider browser support (Chrome
+      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+      // we include it anyway.
+      checkVisibilityCSS: !0
+    });
+    return !l;
+  }
+  if (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var n = d.call(t, "details>summary:first-of-type"), c = n ? t.parentElement : t;
+  if (d.call(c, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  r === "full-native" || r === "legacy-full") {
+    if (typeof a == "function") {
+      for (var o = t; t; ) {
+        var u = t.parentElement, s = v(t);
+        if (u && !u.shadowRoot && a(u) === !0)
+          return p(t);
+        t.assignedSlot ? t = t.assignedSlot : !u && s !== t.ownerDocument ? t = s.host : t = u;
+      }
+      t = o;
+    }
+    if (V(t))
+      return !t.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return p(t);
+  return !1;
+}, q = function(t) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
+    for (var e = t.parentElement; e; ) {
+      if (e.tagName === "FIELDSET" && e.disabled) {
+        for (var r = 0; r < e.children.length; r++) {
+          var a = e.children.item(r);
+          if (a.tagName === "LEGEND")
+            return d.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
+        }
+        return !0;
+      }
+      e = e.parentElement;
+    }
+  return !1;
+}, U = function(t, e) {
+  return !(e.disabled || k(e) || B(e, t) || // For a details element with a summary, the summary element gets the focus
+  D(e) || q(e));
+}, S = function(t, e) {
+  return !(L(e) || m(e) < 0 || !U(t, e));
+}, W = function(t) {
+  var e = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(e) || e >= 0);
+}, A = function(t) {
+  var e = [], r = [];
+  return t.forEach(function(a, l) {
+    var n = !!a.scopeParent, c = n ? a.scopeParent : a, o = x(c, n), u = n ? A(a.candidates) : c;
+    o === 0 ? n ? e.push.apply(e, u) : e.push(c) : r.push({
+      documentOrder: l,
+      tabIndex: o,
+      item: a,
+      isScope: n,
+      content: u
+    });
+  }), r.sort(O).reduce(function(a, l) {
+    return l.isScope ? a.push.apply(a, l.content) : a.push(l.content), a;
+  }, []).concat(e);
+}, Z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = g([t], e.includeContainer, {
+    filter: S.bind(null, e),
+    flatten: !1,
+    getShadowRoot: e.getShadowRoot,
+    shadowRootFilter: W
+  }) : r = R(t, e.includeContainer, S.bind(null, e)), A(r);
+};
+export {
+  m as getTabIndex,
+  Z as tabbable
+};

package/dist/utils/publicOrigin.d.ts

@@ -0,0 +1,5 @@
+type PublicOriginResolver = () => string | null | undefined;
+export declare const setPublicAppOriginResolver: (fn: PublicOriginResolver | null) => void;
+export declare const getPublicAppOrigin: () => string;
+export {};
+//# sourceMappingURL=publicOrigin.d.ts.map

package/dist/utils/publicOrigin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"publicOrigin.d.ts","sourceRoot":"","sources":["../../src/utils/publicOrigin.ts"],"names":[],"mappings":"AAAA,KAAK,oBAAoB,GAAG,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAI5D,eAAO,MAAM,0BAA0B,GACrC,IAAI,oBAAoB,GAAG,IAAI,KAC9B,IAEF,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAAO,MAUrC,CAAC"}

package/dist/utils/publicOrigin.js

@@ -0,0 +1,16 @@
+let r = null;
+const i = (e) => {
+  r = e;
+}, t = () => {
+  if (r)
+    try {
+      const e = r();
+      if (e) return e.replace(/\/+$/, "");
+    } catch {
+    }
+  return window.location.origin;
+};
+export {
+  t as getPublicAppOrigin,
+  i as setPublicAppOriginResolver
+};

package/dist/videoSettings/createVideoSettingsDataSource.d.ts

@@ -0,0 +1,19 @@
+import { type VideoSettingsDataSource } from '../components/VideoPlayer';
+type CreateOptions = {
+    /** API origin. Empty string keeps requests same-origin (proxied). */
+    baseUrl?: string;
+    /** Extra auth headers (e.g. Bearer) for consumers that don't rely on cookies. */
+    authHeaders?: Record<string, string>;
+    onError?: (error: unknown, source?: string) => void;
+};
+/**
+ * Builds a {@link VideoSettingsDataSource} bound to the Layers video backend
+ * (`/v1/videos/{videoId}/...`). The agnostic `VideoSettingsModal` stays
+ * backend-free and receives this adapter as a prop. Shared so the gallery and
+ * the editor can drive the same modal with the same logic.
+ */
+export declare function createVideoSettingsDataSource(videoId: string, options?: CreateOptions): VideoSettingsDataSource & {
+    setChaptersDisabled: (disabled: boolean) => Promise<void>;
+};
+export {};
+//# sourceMappingURL=createVideoSettingsDataSource.d.ts.map

package/dist/videoSettings/createVideoSettingsDataSource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVideoSettingsDataSource.d.ts","sourceRoot":"","sources":["../../src/videoSettings/createVideoSettingsDataSource.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,uBAAuB,EAE7B,MAAM,2BAA2B,CAAC;AASnC,KAAK,aAAa,GAAG;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAuBF;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,aAAkB,GAC1B,uBAAuB,GAAG;IAC3B,mBAAmB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3D,CAyIA"}

package/dist/videoSettings/createVideoSettingsDataSource.js

@@ -0,0 +1,127 @@
+import { normalizeSubtitleTrack as d } from "../components/VideoPlayer/utils/subtitles.js";
+const w = (t) => t && t.endsWith("/") ? t.slice(0, -1) : t ?? "", h = (t) => ({
+  previews: t.previews,
+  cover: t.cover,
+  chapters: t.chapters,
+  subtitles: Array.isArray(t.subtitles) ? t.subtitles.map(d) : void 0
+});
+async function r(t) {
+  if (!t.ok) {
+    const l = await t.json().catch(() => ({}));
+    throw { status: t.status, statusText: t.statusText, data: l };
+  }
+  const c = await t.text();
+  return c ? JSON.parse(c) : null;
+}
+function b(t, c = {}) {
+  const l = w(c.baseUrl), i = (a) => `${l}${a}`, n = (a) => ({
+    ...c.authHeaders ?? {},
+    ...a ?? {}
+  }), f = async () => await r(
+    await fetch(i(`/v1/videos/${t}/status`), {
+      method: "GET",
+      credentials: "include",
+      headers: n({ Accept: "application/json" })
+    })
+  );
+  return {
+    getSettings: async () => h(await f()),
+    uploadCover: async (a) => {
+      const e = new FormData();
+      e.append("file", a);
+      const s = await r(
+        await fetch(i(`/v1/videos/${t}/cover`), {
+          method: "POST",
+          credentials: "include",
+          headers: n(),
+          body: e
+        })
+      );
+      return h(s);
+    },
+    saveChapters: async (a) => {
+      await r(
+        await fetch(i(`/v1/videos/${t}/chapters`), {
+          method: "PUT",
+          credentials: "include",
+          headers: n({ "Content-Type": "application/json" }),
+          body: JSON.stringify({ chapters: a })
+        })
+      );
+    },
+    listSubtitles: async () => {
+      const a = await r(
+        await fetch(i(`/v1/videos/${t}/subtitles`), {
+          method: "GET",
+          credentials: "include",
+          headers: n()
+        })
+      );
+      return (Array.isArray(a) ? a : Array.isArray(a?.tracks) ? a.tracks : []).map(d).filter((s) => s.id);
+    },
+    uploadSubtitle: async (a, e) => {
+      const s = new URLSearchParams();
+      s.set("lang", e.lang), e.label && s.set("label", e.label), e.kind && s.set("kind", e.kind), e.default != null && s.set("default", e.default ? "true" : "false");
+      const o = await r(
+        await fetch(
+          i(`/v1/videos/${t}/subtitles?${s.toString()}`),
+          {
+            method: "POST",
+            credentials: "include",
+            headers: n(),
+            body: (() => {
+              const u = new FormData();
+              return u.append("file", a), u;
+            })(),
+            signal: e.signal
+          }
+        )
+      );
+      return o ? d(o) : null;
+    },
+    deleteSubtitle: async (a) => {
+      await r(
+        await fetch(i(`/v1/videos/${t}/subtitles/${a}`), {
+          method: "DELETE",
+          credentials: "include",
+          headers: n()
+        })
+      );
+    },
+    setSubtitleDisabled: async (a, e) => {
+      await r(
+        await fetch(i(`/v1/videos/${t}/subtitles/${a}/disabled`), {
+          method: "PATCH",
+          credentials: "include",
+          headers: n({ "Content-Type": "application/json" }),
+          body: JSON.stringify({ isDisabled: e })
+        })
+      );
+    },
+    uploadSubtitleSimple: async (a, e) => {
+      const s = new FormData();
+      return s.append("file", a), s.append("language", e), await r(
+        await fetch(i(`/v1/videos/${t}/subtitles`), {
+          method: "POST",
+          credentials: "include",
+          headers: n(),
+          body: s
+        })
+      ), null;
+    },
+    setChaptersDisabled: async (a) => {
+      await r(
+        await fetch(i(`/v1/videos/${t}/chapters/disabled`), {
+          method: "PATCH",
+          credentials: "include",
+          headers: n({ "Content-Type": "application/json" }),
+          body: JSON.stringify({ disabled: a })
+        })
+      );
+    },
+    onError: c.onError
+  };
+}
+export {
+  b as createVideoSettingsDataSource
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layers-app/shared",
-  "version": "0.4.8",
+  "version": "0.4.10",
   "description": "Shared components, hooks, and utilities for Layers application",
   "files": [
     "dist",
@@ -39,6 +39,7 @@
     "@emoji-mart/data": "^1.2.1",
     "@layers-app/draggable-ui": "^0.0.1",
     "@layers-app/onboarding-tour": "^4.0.0",
+    "@mantine/carousel": ">=9.0.0",
     "@mantine/core": ">=9.0.0",
     "@mantine/dates": ">=9.0.0",
     "@mantine/dropzone": ">=9.0.0",
@@ -73,6 +74,7 @@
     "zustand": "^5.0.3"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.19",
     "@gfazioli/mantine-audio": "^1.0.2",
     "@gfazioli/mantine-onboarding-tour": "^4.0.0",
     "@gfazioli/mantine-video": "^1.1.2"

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

@@ -1,161 +0,0 @@
-import { jsx as l, jsxs as w } from "react/jsx-runtime";
-import { useState as V, useEffect as N, useMemo as T, useCallback as I } from "react";
-import { useTranslation as D } from "react-i18next";
-import { RefreshIcon as E, DownloadCircle01Icon as p, ReloadIcon as R, Alert02Icon as C } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as A } from "@hugeicons/react";
-import { Tooltip as B, Stack as S, Indicator as _, ActionIcon as x, Text as z } from "@mantine/core";
-import { getDesktopBridge as L } from "../menus/HelpMenu/HelpMenu.js";
-import s from "../../AppContainer.module.css.js";
-const P = "layers:desktop-update:download", j = "layers:desktop-update:install", H = "layers:desktop-update:check", O = /* @__PURE__ */ new Set([
-  "available",
-  "downloading",
-  "downloaded",
-  "installing",
-  "error"
-]), Q = ({
-  showLabels: c
-}) => {
-  const { t: e } = D("appContainer"), [t, r] = V(null);
-  N(() => {
-    const a = L()?.updates;
-    if (!a) {
-      r(null);
-      return;
-    }
-    let d = !1;
-    const u = (h) => {
-      d || r(h);
-    };
-    a.status().then(u).catch(() => {
-    });
-    const y = a.onChanged(u);
-    return () => {
-      d = !0, y();
-    };
-  }, []);
-  const b = t?.enabled && O.has(t.status), { icon: f, label: v, tooltip: i, eventName: n, busy: k, tone: o } = T(() => {
-    const a = t?.availableVersion ? `v${t.availableVersion}` : e("desktopUpdate.sidebarUnknownVersion", {
-      defaultValue: "the latest version"
-    });
-    return t?.status === "downloaded" ? {
-      icon: E,
-      label: e("desktopUpdate.sidebarRestart", {
-        defaultValue: "Restart"
-      }),
-      tooltip: e("desktopUpdate.sidebarRestartTooltip", {
-        version: a,
-        defaultValue: "Restart to install {{version}}"
-      }),
-      eventName: j,
-      busy: !1,
-      tone: "ready"
-    } : t?.status === "downloading" ? {
-      icon: p,
-      label: e("desktopUpdate.sidebarDownloading", {
-        defaultValue: "Downloading"
-      }),
-      tooltip: e("desktopUpdate.sidebarDownloadingTooltip", {
-        version: a,
-        defaultValue: "Downloading update {{version}}"
-      }),
-      eventName: null,
-      busy: !0,
-      tone: "busy"
-    } : t?.status === "installing" ? {
-      icon: R,
-      label: e("desktopUpdate.sidebarInstalling", {
-        defaultValue: "Installing"
-      }),
-      tooltip: e("desktopUpdate.sidebarInstallingTooltip", {
-        version: a,
-        defaultValue: "Installing update {{version}}"
-      }),
-      eventName: null,
-      busy: !0,
-      tone: "busy"
-    } : t?.status === "error" ? {
-      icon: C,
-      label: e("desktopUpdate.sidebarRetry", {
-        defaultValue: "Retry"
-      }),
-      tooltip: t.error || e("desktopUpdate.sidebarRetryTooltip", {
-        defaultValue: "Retry update check"
-      }),
-      eventName: H,
-      busy: !1,
-      tone: "error"
-    } : {
-      icon: p,
-      label: e("desktopUpdate.sidebarUpdate", {
-        defaultValue: "Update"
-      }),
-      tooltip: e("desktopUpdate.sidebarUpdateTooltip", {
-        version: a,
-        defaultValue: "Update to {{version}}"
-      }),
-      eventName: P,
-      busy: !1,
-      tone: "available"
-    };
-  }, [t?.availableVersion, t?.error, t?.status, e]), m = I(() => {
-    n && window.dispatchEvent(new Event(n));
-  }, [n]);
-  if (!b) return null;
-  const g = o === "available" || o === "ready", U = o === "ready" ? "green" : "blue";
-  return /* @__PURE__ */ l(B, { label: i, position: "right", withArrow: !0, openDelay: 250, children: /* @__PURE__ */ w(
-    S,
-    {
-      className: s.desktopUpdateButton,
-      "data-tone": o,
-      "data-disabled": !n || void 0,
-      gap: 0,
-      align: "center",
-      onClick: m,
-      children: [
-        /* @__PURE__ */ l(
-          _,
-          {
-            className: s.desktopUpdateButtonIndicator,
-            disabled: !g,
-            color: U,
-            inline: !0,
-            offset: 4,
-            position: "top-end",
-            processing: !0,
-            size: 10,
-            withBorder: !0,
-            children: /* @__PURE__ */ l(
-              x,
-              {
-                className: s.desktopUpdateButtonIcon,
-                "aria-label": i,
-                size: "lg",
-                variant: "light",
-                color: o === "ready" ? "green" : o === "error" ? "red" : "blue",
-                loading: k,
-                "data-button": !0,
-                children: /* @__PURE__ */ l(A, { icon: f, size: 18 })
-              }
-            )
-          }
-        ),
-        c && /* @__PURE__ */ l(
-          z,
-          {
-            className: s.desktopUpdateButtonLabel,
-            fz: 10,
-            fw: 500,
-            lh: 1.4,
-            c: "var(--app-container-title-color)",
-            px: 4,
-            ta: "center",
-            children: v
-          }
-        )
-      ]
-    }
-  ) });
-};
-export {
-  Q as DesktopUpdateButton
-};

package/dist/components/AttachmentsGalleryModal/hooks/usePanning.js

@@ -1,61 +0,0 @@
-import { useRef as i, useCallback as l, useMemo as g } from "react";
-import { useAttachmentsGalleryContext as v } from "../AttachmentsGalleryContext.js";
-import { zoomStep as w } from "../helpers.js";
-const b = ({
-  isVideo: p,
-  isFetching: x
-}) => {
-  const { transformRefs: t, selectedIndex: e } = v(), S = i(null), c = i(null), n = i(null), a = i(!1), d = l(
-    (r) => {
-      if (x || p) return;
-      const s = t.current[e]?.instance;
-      if (!s) return;
-      c.current = { x: r.clientX, y: r.clientY };
-      const { scale: o, positionX: u, positionY: y } = s.transformState;
-      n.current = { scale: o, x: u, y }, a.current = !1;
-    },
-    [x, p, e, t]
-  ), M = l(
-    (r) => {
-      if (!c.current || !n.current) return;
-      const s = t.current[e]?.instance;
-      if (!s) return;
-      const o = r.clientX - c.current.x, u = r.clientY - c.current.y;
-      if (Math.sqrt(o * o + u * u) > 5) {
-        a.current = !0;
-        const { scale: m } = n.current, X = n.current.x + o / m, Y = n.current.y + u / m;
-        s.setTransformState(m, X, Y);
-      }
-    },
-    [e, t]
-  ), f = l(() => {
-    if (!a.current && n.current) {
-      const r = t.current[e]?.instance;
-      r && r.setTransformState(
-        n.current.scale,
-        n.current.x,
-        n.current.y
-      );
-    }
-    c.current = null, n.current = null, a.current = !1;
-  }, [e, t]), R = l(() => {
-    w({
-      dir: "in",
-      activeRef: t.current[e],
-      animationRef: S
-    });
-  }, [e, t]);
-  return g(
-    () => ({
-      onMouseDown: d,
-      onMouseMove: M,
-      onMouseUp: f,
-      onMouseLeave: f,
-      onDoubleClick: R
-    }),
-    [R, d, M, f]
-  );
-};
-export {
-  b as usePanning
-};

package/dist/components/FormViewer/components/AllSlidesLayout.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-type AllSlidesLayoutProps = {
-    NoStepSlot: FC;
-    copyright?: string;
-};
-export declare const AllSlidesLayout: ({ NoStepSlot }: AllSlidesLayoutProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=AllSlidesLayout.d.ts.map

package/dist/components/FormViewer/components/AllSlidesLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AllSlidesLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/AllSlidesLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAU3B,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,EAAE,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,gBAAgB,oBAAoB,4CA+BnE,CAAC"}

package/dist/components/FormViewer/components/AllSlidesLayout.js

@@ -1,24 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Stack as l } from "@mantine/core";
-import { useFormViewerStore as m } from "../store/formStore.js";
-import { stepsReselect as p, startStepReselect as c } from "../store/selectors.js";
-import { Step as n } from "./Step.js";
-import i from "../FormViewer.module.css.js";
-const L = ({ NoStepSlot: o }) => {
-  const { useStore: e } = m(), { currentSteps: s } = e(p);
-  return e(c) ? /* @__PURE__ */ t("div", { className: i.allSlidesLayout, children: s.map((r) => /* @__PURE__ */ t("div", { className: i.allSlidesLayoutStep, children: /* @__PURE__ */ t(n, { step: r }, r.id) })) }) : /* @__PURE__ */ t(
-    l,
-    {
-      align: "center",
-      justify: "center",
-      gap: 4,
-      w: "100%",
-      h: "100%",
-      p: 16,
-      children: /* @__PURE__ */ t(o, {})
-    }
-  );
-};
-export {
-  L as AllSlidesLayout
-};

package/dist/components/FormViewer/components/ListFocusBox.d.ts

@@ -1,5 +0,0 @@
-export declare const ListFocusBox: ({ controlId, children, }: {
-    controlId: string;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ListFocusBox.d.ts.map

package/dist/components/FormViewer/components/ListFocusBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListFocusBox.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/ListFocusBox.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,GAAI,0BAG1B;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAoBA,CAAC"}