@layers-app/shared 0.4.9 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layers-app/shared",
-  "version": "0.4.9",
+  "version": "0.4.10",
   "description": "Shared components, hooks, and utilities for Layers application",
   "files": [
     "dist",
@@ -74,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"}

package/dist/components/FormViewer/components/ListFocusBox.js

@@ -1,22 +0,0 @@
-import { jsx as o, Fragment as i } from "react/jsx-runtime";
-import { useActiveControl as u } from "../hooks/useActiveControl.js";
-import { useActiveStep as a } from "../hooks/useActiveStep.js";
-import { useFormViewerStore as f } from "../store/formStore.js";
-import p from "../FormViewer.module.css.js";
-const l = ({
-  controlId: r,
-  children: t
-}) => {
-  const { useStore: s } = f(), m = s((n) => n.editing), e = a(), c = u();
-  return !m || e?.id !== "list" ? /* @__PURE__ */ o(i, { children: t }) : c?.id === r ? /* @__PURE__ */ o(
-    "div",
-    {
-      className: p.focusBox,
-      "data-radius": e?.theme?.borderRadius,
-      children: t
-    }
-  ) : /* @__PURE__ */ o(i, { children: t });
-};
-export {
-  l as ListFocusBox
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/Navigation/Navigation.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,UAAU,sDAiDtB,CAAC"}

package/dist/components/FormViewer/components/Navigation/Navigation.js

@@ -1,37 +0,0 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
-import { ActionIcon as n, Tooltip as c } from "@mantine/core";
-import { useMediaQuery as v } from "@mantine/hooks";
-import { IconChevronUp as u, IconChevronLeft as g, IconChevronDown as S, IconChevronRight as C } from "@tabler/icons-react";
-import { useActiveStep as x } from "../../hooks/useActiveStep.js";
-import { useSteps as z } from "../../hooks/useCreateFormContext.js";
-import { useFormViewerStore as b } from "../../store/formStore.js";
-import { stepsReselect as I } from "../../store/selectors.js";
-const T = () => {
-  const { useStore: i } = b(), { handleNext: m, handlePrev: p } = z(), o = x(), a = i(I), t = i((r) => r.config.settings), { t: s } = f("forms"), d = v("(max-width: 768px)"), l = i((r) => r.editing);
-  return a.currentSteps.length < 2 || o?.isEnd || d ? null : /* @__PURE__ */ h(n.Group, { children: [
-    t.freeNav && /* @__PURE__ */ e(c, { label: s("prevStep"), children: /* @__PURE__ */ e(
-      n,
-      {
-        disabled: o?.isStart,
-        size: "lg",
-        color: o?.theme?.primaryColor,
-        onClick: l ? void 0 : p,
-        children: t.slideAnimation === "vertical" ? /* @__PURE__ */ e(u, { size: 18 }) : /* @__PURE__ */ e(g, { size: 18 })
-      }
-    ) }),
-    /* @__PURE__ */ e(c, { label: s("nextStep"), children: /* @__PURE__ */ e(
-      n,
-      {
-        disabled: o?.isEnd,
-        size: "lg",
-        color: o?.theme?.primaryColor,
-        onClick: l ? void 0 : m,
-        children: t.slideAnimation === "vertical" ? /* @__PURE__ */ e(S, { size: 18 }) : /* @__PURE__ */ e(C, { size: 18 })
-      }
-    ) })
-  ] });
-};
-export {
-  T as Navigation
-};

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

@@ -1,7 +0,0 @@
-import { Control, ThemeData } from '../types/form';
-export declare const StepDescription: ({ originalStepId, control, theme, }: {
-    originalStepId: string;
-    control: Control;
-    theme?: ThemeData;
-}) => import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=StepDescription.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StepDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/StepDescription.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAKnD,eAAO,MAAM,eAAe,GAAI,qCAI7B;IACD,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,mDAwEA,CAAC"}

package/dist/components/FormViewer/components/StepDescription.js

@@ -1,73 +0,0 @@
-import { jsxs as h, Fragment as g, jsx as r } from "react/jsx-runtime";
-import { useMemo as y } from "react";
-import { createPortal as S } from "react-dom";
-import { useTranslation as T } from "react-i18next";
-import { useMantineTheme as z, parseThemeColor as C } from "@mantine/core";
-import { combineClasses as w, STATIC_CLASSES as x } from "../helpers/staticClasses.js";
-import { useInterpolateText as F } from "../hooks/useInterpolateText.js";
-import { useFormViewerStore as p } from "../store/formStore.js";
-import { EditableContent as L } from "./fields/EditableContent/EditableContent.js";
-import _ from "../FormViewer.module.css.js";
-const O = ({
-  originalStepId: l,
-  control: t,
-  theme: i
-}) => {
-  const { t: m } = T("forms"), { api: c } = p(), s = z(), { useStore: f } = p(), n = f((e) => e.editing), o = i?.description, d = y(() => {
-    const e = C({
-      color: o?.color || "",
-      theme: s
-    }), a = o?.fontSize;
-    return {
-      "--color": e.value || "auto",
-      "--font-size": a ? `${a}px` : `var(--font-size-${i?.size})`,
-      "--font-weight": o?.fontWeight,
-      "--font-family": o?.fontFamily
-    };
-  }, [
-    i?.size,
-    o?.color,
-    o?.fontFamily,
-    o?.fontSize,
-    o?.fontWeight,
-    s
-  ]), u = F(
-    t.description,
-    n
-  );
-  return !t.description && !n ? null : /* @__PURE__ */ h(g, { children: [
-    S(
-      /* @__PURE__ */ r(
-        "link",
-        {
-          rel: "stylesheet",
-          href: `https://fonts.googleapis.com/css2?family=${o?.fontFamily}:wght@100..900&display=swap`
-        }
-      ),
-      document.head
-    ),
-    /* @__PURE__ */ r(
-      "p",
-      {
-        className: w(
-          _.stepDescription,
-          x.BLOCK_TEXT
-        ),
-        style: d,
-        "data-size": i?.size,
-        children: n ? /* @__PURE__ */ r(
-          L,
-          {
-            value: t.description,
-            placeholder: m("descriptionOptional"),
-            onChange: (e) => c.updateControl(l, t.id, { description: e }),
-            allowNewLines: !0
-          }
-        ) : /* @__PURE__ */ r("span", { dangerouslySetInnerHTML: { __html: u } })
-      }
-    )
-  ] });
-};
-export {
-  O as StepDescription
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"StepTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/StepTitle.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAKnD,eAAO,MAAM,SAAS,GAAI,qCAIvB;IACD,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CA8GA,CAAC"}