@layers-app/shared 0.1.5 → 0.2.0

package/dist/components/FormViewer/components/fields/SliderField.js

@@ -0,0 +1,31 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useMemo as a } from "react";
+import { Box as u, Slider as c, InputError as d } from "@mantine/core";
+import { isNumber as m } from "lodash-es";
+import { useSteps as f } from "../../hooks/useCreateFormContext.js";
+const j = ({
+  control: l,
+  theme: i
+}) => {
+  const { form: s } = f(), { id: e, min: r, max: o } = l, n = a(() => !m(r) || !m(o) || isNaN(r) || isNaN(o) ? [] : [
+    { value: r, label: r },
+    { value: o, label: o }
+  ], [r, o]);
+  return /* @__PURE__ */ p(u, { flex: 1, w: "100%", pb: 12, "data-control-id": e, children: [
+    /* @__PURE__ */ t(
+      c,
+      {
+        color: i?.primaryColor,
+        size: i?.size,
+        min: r,
+        max: o,
+        marks: n,
+        ...s.getInputProps(e)
+      }
+    ),
+    s.errors[e] && /* @__PURE__ */ t(d, { size: i?.size, mt: 4, children: s.errors[e] })
+  ] });
+};
+export {
+  j as SliderField
+};

package/dist/components/FormViewer/components/fields/StartButton.js

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import { Button as u } from "@mantine/core";
+import { ProjectIcon as c } from "../../../ProjectIcon/ProjectIcon.js";
+import { STATIC_CLASSES as f } from "../../helpers/staticClasses.js";
+import { useSteps as l } from "../../hooks/useCreateFormContext.js";
+import { useFormViewerStore as S } from "../../store/formStore.js";
+import { EditableContent as d } from "./EditableContent/EditableContent.js";
+const x = ({
+  control: t,
+  stepId: i
+}) => {
+  const { t: e } = p("forms"), { handleNext: m } = l(), { useStore: a, api: s } = S(), n = a((o) => o.editing);
+  return /* @__PURE__ */ r(
+    u,
+    {
+      className: f.SUBMIT_BUTTON,
+      leftSection: t.buttonIcon && t.showIconButton ? /* @__PURE__ */ r(c, { variant: "transparent", icon: t.buttonIcon }) : void 0,
+      onClick: n ? void 0 : m,
+      children: n ? /* @__PURE__ */ r(
+        d,
+        {
+          value: t.label?.trim() || e("start"),
+          onChange: (o) => {
+            s.updateControl(i, t.id, { label: o });
+          }
+        }
+      ) : t.label?.trim() || e("start")
+    }
+  );
+};
+export {
+  x as StartButton
+};

package/dist/components/FormViewer/components/fields/StartField.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Flex as a } from "@mantine/core";
+import { alignRelation as n } from "../../helpers/themeUtils.js";
+import { StartButton as e } from "./StartButton.js";
+const f = ({
+  control: r,
+  step: t,
+  theme: o
+}) => t.isStart ? /* @__PURE__ */ i(
+  a,
+  {
+    justify: n[o?.align || "center"],
+    gap: 8,
+    wrap: "wrap",
+    "data-control-id": r.id,
+    children: /* @__PURE__ */ i(e, { control: r, stepId: t.id })
+  }
+) : null;
+export {
+  f as StartField
+};

package/dist/components/FormViewer/components/fields/TextField.js

@@ -0,0 +1,31 @@
+import { jsx as r } from "react/jsx-runtime";
+import { TextInput as d } from "@mantine/core";
+import { ProjectIcon as f } from "../../../ProjectIcon/ProjectIcon.js";
+import { controlsDataMap as l } from "../../helpers/controls.js";
+import { STATIC_CLASSES as u } from "../../helpers/staticClasses.js";
+import { DEFAULT_MAX as T, DEFAULT_MIN as L } from "../../helpers/steps.js";
+import { useSteps as S } from "../../hooks/useCreateFormContext.js";
+import { useInterpolateText as g } from "../../hooks/useInterpolateText.js";
+import { useFormViewerStore as h } from "../../store/formStore.js";
+const M = ({ control: t }) => {
+  const { form: n } = S(), { useStore: i } = h(), o = i((s) => s.editing), { id: e, minLength: m, maxLength: a, placeholder: p } = t, c = g(p, o);
+  return /* @__PURE__ */ r(
+    d,
+    {
+      "data-control-id": e,
+      w: "100%",
+      variant: "default",
+      className: u.BLOCK_INPUT_TEXT,
+      leftSection: t.icon ? /* @__PURE__ */ r(f, { icon: t.icon }) : l[t.controlType].icon,
+      minLength: m || L,
+      maxLength: a || T,
+      "data-autofocus": !0,
+      readOnly: o,
+      placeholder: c,
+      ...n.getInputProps(e)
+    }
+  );
+};
+export {
+  M as TextField
+};

package/dist/components/FormViewer/components/fields/UploadField/UploadField.js

@@ -0,0 +1,155 @@
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
+import { useCallback as S, useMemo as D } from "react";
+import { useTranslation as V } from "react-i18next";
+import { useMantineTheme as W, parseThemeColor as A, alpha as _, Stack as M, Group as $, Box as G, Text as L, InputError as X } from "@mantine/core";
+import { Dropzone as h } from "@mantine/dropzone";
+import { showNotification as f } from "@mantine/notifications";
+import { IconUpload as q, IconX as H, IconCloudUpload as J } from "@tabler/icons-react";
+import { formatBytes as C } from "../../../../../helpers/formatBytes.js";
+import { useEvent as K } from "../../../../../hooks/useEvent.js";
+import { getRandomId as P } from "../../../helpers/steps.js";
+import { useSteps as Q } from "../../../hooks/useCreateFormContext.js";
+import { useFormViewerStore as Y } from "../../../store/formStore.js";
+import { UploadFile as Z } from "./UploadFile/UploadFile.js";
+import ee from "../../../FormViewer.module.css.js";
+const oe = 25 * 1024 * 1024, ye = ({
+  control: r,
+  theme: d
+}) => {
+  const { t: o } = V("forms"), { form: a } = Q(), { id: s } = r, T = a.values[s], I = a.errors[s], m = r.maxSize || oe, t = r.maxFiles ?? 1, y = r.minFiles ?? 0, E = !!r.multiple || t > 1, l = r.accept && r.accept.length ? r.accept : void 0, { useStore: g } = Y(), R = g((e) => e.editing), U = g((e) => e.preview), b = W(), O = A({
+    color: d?.primaryColor || "",
+    theme: b
+  }), j = g((e) => e.uploadFileFn), F = K((e) => {
+    const c = a.values[s]?.findIndex(
+      (u) => u.id === e.id
+    );
+    c !== -1 && a.setFieldValue(`${s}.${c}`, e);
+  }), k = S(
+    (e) => {
+      if (e.some(
+        (p) => p.errors.some((n) => n.code === "file-invalid-type")
+      )) {
+        f({
+          color: "blue",
+          message: l ? o("uploadOption.typeNotSupportedWithList", {
+            types: l.join(", ")
+          }) : o("uploadOption.typeNotSupported")
+        });
+        return;
+      }
+      if (e.some(
+        (p) => p.errors.some((n) => n.code === "file-too-large")
+      )) {
+        f({
+          message: o("uploadOption.fileTooLarge", {
+            size: C(m)
+          })
+        });
+        return;
+      }
+      if (e.some(
+        (p) => p.errors.some((n) => n.code === "too-many-files")
+      )) {
+        f({
+          message: o("uploadOption.tooManyFiles", { count: t })
+        });
+        return;
+      }
+    },
+    [l, m, t, o]
+  ), x = S(
+    (e) => {
+      j?.(e).then((c) => {
+        F({
+          ...e,
+          url: c,
+          isError: !1,
+          isLoading: !1,
+          isSuccess: !0
+        });
+      }).catch(() => {
+        F({
+          ...e,
+          isError: !0,
+          isLoading: !1,
+          isSuccess: !1
+        });
+      });
+    },
+    [F, j]
+  ), w = S(
+    (e) => {
+      const c = a.values[s]?.length || 0, u = typeof t == "number" ? Math.max(0, t - c) : 1 / 0;
+      if (u === 0) {
+        f({
+          message: o("uploadOption.tooManyFiles", { count: t })
+        });
+        return;
+      }
+      const z = e.slice(0, u);
+      z.forEach((p) => {
+        const n = {
+          id: P(),
+          file: p,
+          isError: !1,
+          isLoading: !0,
+          isSuccess: !1
+        };
+        a.insertListItem(s, n), x(n);
+      }), z.length < e.length && f({
+        message: o("uploadOption.tooManyFiles", { count: t })
+      });
+    },
+    [a, x, s, t, o]
+  ), N = D(() => [
+    o("uploadOption.maxSize", { size: C(m) }),
+    y ? o("uploadOption.minFilesWithCount", { count: y }) : "",
+    t ? o("uploadOption.maxFilesWithCount", { count: t }) : "",
+    l ? o("uploadOption.accept", { types: l.join(", ") }) : ""
+  ].filter(Boolean).join(" · "), [y, t, l, o, m]), B = {
+    "--primary-color": O.value,
+    "--primary-color-hover": _(O.value, 0.05)
+  };
+  return /* @__PURE__ */ v(M, { gap: 8, "data-control-id": s, w: "100%", children: [
+    (T?.length ?? 0) < t && /* @__PURE__ */ i(
+      h,
+      {
+        radius: d?.borderRadius,
+        __size: d?.size,
+        disabled: R || U,
+        onDrop: w,
+        onReject: k,
+        maxFiles: t,
+        maxSize: m,
+        accept: l,
+        multiple: E,
+        unstyled: !0,
+        className: ee.dropzone,
+        style: B,
+        children: /* @__PURE__ */ i($, { justify: "center", py: 24, children: /* @__PURE__ */ v(M, { justify: "center", align: "center", gap: 8, children: [
+          /* @__PURE__ */ v(G, { c: "var(--primary-color)", children: [
+            /* @__PURE__ */ i(h.Accept, { children: /* @__PURE__ */ i(q, { size: 70, stroke: 1.2 }) }),
+            /* @__PURE__ */ i(h.Reject, { children: /* @__PURE__ */ i(H, { size: 70, stroke: 1.2 }) }),
+            /* @__PURE__ */ i(h.Idle, { children: /* @__PURE__ */ i(J, { size: 70, stroke: 1.2 }) })
+          ] }),
+          /* @__PURE__ */ i(L, { size: "xl", inline: !0, ta: "center", c: d?.title?.color, children: o("uploadOption.title") }),
+          /* @__PURE__ */ i(L, { size: "sm", c: d?.description?.color, mt: 4, children: N })
+        ] }) })
+      }
+    ),
+    T?.map((e) => /* @__PURE__ */ i(
+      Z,
+      {
+        file: e,
+        id: s,
+        onReload: x,
+        theme: d
+      },
+      e.id
+    )),
+    I && /* @__PURE__ */ i(X, { children: I })
+  ] });
+};
+export {
+  ye as UploadField
+};

package/dist/components/FormViewer/components/fields/UploadField/UploadFile/UploadFile.js

@@ -0,0 +1,62 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useTranslation as g } from "react-i18next";
+import { Card as v, ThemeIcon as a, Box as w, Text as d, Loader as y, Tooltip as m, ActionIcon as u, Divider as T } from "@mantine/core";
+import { IMAGE_MIME_TYPE as b } from "@mantine/dropzone";
+import { IconFileText as C, IconCheck as k, IconReload as A, IconTrash as E } from "@tabler/icons-react";
+import { formatBytes as B } from "../../../../../../helpers/formatBytes.js";
+import { useSteps as L } from "../../../../hooks/useCreateFormContext.js";
+import M from "./UploadFile.module.css.js";
+const N = ({
+  file: r,
+  id: o,
+  onReload: h,
+  theme: i
+}) => {
+  const { t } = g("forms"), { form: l } = L(), { isError: p, isLoading: f, isSuccess: n, url: s } = r, x = l.values[o].findIndex((z) => z.id === r.id), I = () => {
+    l.removeListItem(o, x);
+  };
+  return /* @__PURE__ */ c(
+    v,
+    {
+      withBorder: !0,
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 12
+      },
+      children: [
+        n && s && b.includes(r.file.type) ? /* @__PURE__ */ e(
+          "div",
+          {
+            className: M.image,
+            style: {
+              backgroundImage: `url(${window.location.origin}/v1/attachments/${s.id})`
+            },
+            "data-radius": i?.borderRadius
+          }
+        ) : /* @__PURE__ */ e(a, { size: 40, variant: "light", children: /* @__PURE__ */ e(C, { size: "50%" }) }),
+        /* @__PURE__ */ c(w, { miw: 0, flex: 1, children: [
+          /* @__PURE__ */ e(d, { truncate: !0, size: i?.size, children: r.file.name }),
+          /* @__PURE__ */ e(d, { c: "dimmed", size: "xs", children: B(r.file.size) })
+        ] }),
+        f && /* @__PURE__ */ e(y, { color: i?.primaryColor, size: 28 }),
+        n && /* @__PURE__ */ e(a, { color: "green", radius: "xl", children: /* @__PURE__ */ e(k, { size: 16 }) }),
+        p && /* @__PURE__ */ e(m, { label: t("retry"), withArrow: !0, children: /* @__PURE__ */ e(
+          u,
+          {
+            color: "red",
+            radius: "xl",
+            onClick: () => h?.(r),
+            children: /* @__PURE__ */ e(A, { size: 16 })
+          }
+        ) }),
+        /* @__PURE__ */ e(T, { orientation: "vertical" }),
+        /* @__PURE__ */ e(m, { label: t("delete"), withArrow: !0, children: /* @__PURE__ */ e(u, { color: "red", variant: "subtle", onClick: I, children: /* @__PURE__ */ e(E, { size: 18 }) }) })
+      ]
+    }
+  );
+};
+export {
+  N as UploadFile
+};

package/dist/components/FormViewer/components/fields/UploadField/UploadFile/UploadFile.module.css.js

@@ -0,0 +1,7 @@
+const a = "_image_ta8bx_1", e = {
+  image: a
+};
+export {
+  e as default,
+  a as image
+};

package/dist/components/FormViewer/components/fields/YesNoField.js

@@ -0,0 +1,37 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { Stack as h, Flex as p, Button as a, InputError as g } from "@mantine/core";
+import { IconCheck as k, IconX as v } from "@tabler/icons-react";
+import { isNil as f } from "lodash-es";
+import { useSteps as x } from "../../hooks/useCreateFormContext.js";
+const z = ({ control: o }) => {
+  const { t: i } = u("forms"), { setValue: l, form: n } = x(), r = n.values[o.id], { id: e, yesLabel: d, noLabel: m } = o, s = n.errors[e];
+  return /* @__PURE__ */ c(h, { gap: 8, "data-control-id": e, children: [
+    /* @__PURE__ */ c(p, { gap: 8, children: [
+      /* @__PURE__ */ t(
+        a,
+        {
+          leftSection: /* @__PURE__ */ t(k, { size: 16 }),
+          variant: f(r) ? "light" : r ? "filled" : "light",
+          onClick: () => l(e, !0),
+          fullWidth: !0,
+          children: d || i("yes")
+        }
+      ),
+      /* @__PURE__ */ t(
+        a,
+        {
+          leftSection: /* @__PURE__ */ t(v, { size: 16 }),
+          variant: f(r) || r ? "light" : "filled",
+          onClick: () => l(e, !1),
+          fullWidth: !0,
+          children: m || i("no")
+        }
+      )
+    ] }),
+    s && /* @__PURE__ */ t(g, { children: s })
+  ] });
+};
+export {
+  z as YesNoField
+};

package/dist/components/FormViewer/constants/defaultTheme.js

@@ -0,0 +1,41 @@
+const o = {
+  align: "start",
+  listStyle: "disc",
+  input: {},
+  customCSS: "",
+  primaryColor: "#228BE6",
+  size: "md",
+  borderRadius: "md",
+  font: { fontFamily: "Roboto", fontWeight: 400 },
+  title: {
+    fontFamily: "Roboto",
+    fontWeight: 400,
+    fontSize: 20,
+    color: "var(--mantine-color-bright)"
+  },
+  description: {
+    fontFamily: "Roboto",
+    fontWeight: 400,
+    fontSize: 14,
+    color: "var(--mantine-color-bright)"
+  },
+  container: {
+    opacity: 1,
+    blur: 0,
+    color: "transparent",
+    shadowSize: 0,
+    shadowColor: "transparent"
+  },
+  background: {
+    color: "transparent",
+    image: void 0,
+    blur: 0,
+    brightness: 100,
+    opacity: 1,
+    fit: "cover",
+    blendMode: "normal"
+  }
+};
+export {
+  o as DEFAULT_THEME
+};

package/dist/components/FormViewer/helpers/conditions.d.ts

@@ -253,6 +253,7 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
             fit?: string | undefined;
             blendMode?: string | undefined;
         } | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         container?: {
             color?: string | undefined;
             opacity?: number | undefined;
@@ -261,7 +262,6 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
             color?: string | undefined;
             fontSize?: number | undefined;

package/dist/components/FormViewer/helpers/conditions.js

@@ -0,0 +1,43 @@
+import { isNil as s } from "lodash-es";
+const p = (n, o, l) => {
+  const e = d(n, l.getValues()), i = o.find((t) => t.id === e), r = o.findIndex((t) => t.id === n.id);
+  return i ?? o[r + 1];
+}, d = (n, o) => {
+  if (n.conditions?.length) {
+    const l = n.conditions.find((e) => {
+      const i = o[e.controlId];
+      if (e.operator === "empty" && s(i) || e.operator === "filledIn" && (i || i === 0))
+        return !0;
+      if (s(i) || s(e.compareValue))
+        return !1;
+      const r = i.toString().toLowerCase(), t = e.compareValue.toLowerCase();
+      if (e.operator === "is" && r === t || e.operator === "isNot" && r !== t || e.operator === "startsWidth" && r.startsWith(t) || e.operator === "endsWidth" && r.endsWith(t))
+        return !0;
+    });
+    if (l) return l.trigger;
+  }
+  return n.trigger;
+}, f = {
+  choice: ["filledIn", "empty", "selected", "notSelected"],
+  pictureChoice: ["filledIn", "empty", "selected", "notSelected"],
+  dropdown: ["filledIn", "empty", "selected", "notSelected"],
+  multipleChoice: ["filledIn", "empty", "selected", "notSelected"],
+  location: ["filledIn", "empty", "is", "isNot", "startsWidth", "endsWidth"],
+  longText: ["filledIn", "empty", "is", "isNot", "startsWidth", "endsWidth"],
+  phone: ["filledIn", "empty", "is", "isNot", "startsWidth", "endsWidth"],
+  text: ["filledIn", "empty", "is", "isNot", "startsWidth", "endsWidth"],
+  email: ["filledIn", "empty", "is", "isNot", "startsWidth", "endsWidth"],
+  number: ["filledIn", "empty", "is", "isNot", "smallerWhen", "biggerWhen"],
+  slider: ["filledIn", "empty", "is", "isNot", "smallerWhen", "biggerWhen"],
+  date: ["filledIn", "empty", "is", "isNot"],
+  yesNo: ["filledIn", "empty", "is", "isNot"],
+  upload: ["filledIn", "empty"],
+  start: [],
+  confirm: [],
+  button: [],
+  rating: ["filledIn", "empty", "is", "isNot", "smallerWhen", "biggerWhen"]
+};
+export {
+  p as getNextStep,
+  f as operatorsRelation
+};

package/dist/components/FormViewer/helpers/controls.js

@@ -0,0 +1,79 @@
+import { jsx as o } from "react/jsx-runtime";
+import { IconStar as e, IconClick as c, IconSquareCheck as i, IconCornerDownLeft as n, IconUpload as r, IconKeyframeAlignHorizontal as l, IconNumber as a, IconSelector as s, IconCards as m, IconLayoutGrid as t, IconVersions as z, IconCircleDashedCheck as d, IconMapPin as I, IconCalendarMonth as p, IconMail as g, IconPhone as u, IconTextPlus as h, IconFileText as C } from "@tabler/icons-react";
+const f = {
+  text: {
+    icon: /* @__PURE__ */ o(C, { size: "1em" }),
+    color: "indigo"
+  },
+  longText: {
+    icon: /* @__PURE__ */ o(h, { size: "1em" }),
+    color: "indigo"
+  },
+  phone: {
+    icon: /* @__PURE__ */ o(u, { size: "1em" }),
+    color: "blue"
+  },
+  email: {
+    icon: /* @__PURE__ */ o(g, { size: "1em" }),
+    color: "blue"
+  },
+  date: {
+    icon: /* @__PURE__ */ o(p, { size: "1em" }),
+    color: "cyan"
+  },
+  location: {
+    icon: /* @__PURE__ */ o(I, { size: "1em" }),
+    color: "red"
+  },
+  yesNo: {
+    icon: /* @__PURE__ */ o(d, { size: "1em" }),
+    color: "grape"
+  },
+  choice: {
+    icon: /* @__PURE__ */ o(z, { size: "1em" }),
+    color: "grape"
+  },
+  pictureChoice: {
+    icon: /* @__PURE__ */ o(t, { size: "1em" }),
+    color: "grape"
+  },
+  multipleChoice: {
+    icon: /* @__PURE__ */ o(m, { size: "1em" }),
+    color: "grape"
+  },
+  dropdown: {
+    icon: /* @__PURE__ */ o(s, { size: "1em" }),
+    color: "grape"
+  },
+  number: {
+    icon: /* @__PURE__ */ o(a, { size: "1em" }),
+    color: "orange"
+  },
+  slider: {
+    icon: /* @__PURE__ */ o(l, { size: "1em" }),
+    color: "orange"
+  },
+  upload: {
+    icon: /* @__PURE__ */ o(r, { size: "1em" }),
+    color: "red"
+  },
+  start: {
+    icon: /* @__PURE__ */ o(n, { size: "1em" }),
+    color: "red"
+  },
+  confirm: {
+    icon: /* @__PURE__ */ o(i, { size: "1em" }),
+    color: "red"
+  },
+  button: {
+    icon: /* @__PURE__ */ o(c, { size: "1em" }),
+    color: "red"
+  },
+  rating: {
+    icon: /* @__PURE__ */ o(e, { size: "1em" }),
+    color: "red"
+  }
+};
+export {
+  f as controlsDataMap
+};

package/dist/components/FormViewer/helpers/cssScoping.js

@@ -0,0 +1,10 @@
+const a = (t) => t.replace(/@import\s+[^;]+;/gi, "").replace(/url\(\s*(['"]?)(javascript|data):/gi, "url($1about:blank").replace(/position\s*:\s*fixed/gi, "position: absolute").replace(/z-index\s*:\s*(\d{4,})/gi, "z-index: 999"), p = (t, s) => t?.trim() ? a(t).split("}").map((o) => {
+  const [r, i] = o.split("{");
+  if (!r?.trim() || !i?.trim()) return "";
+  const e = r.trim();
+  return e.startsWith("@") ? `${e} { ${i.trim()} }` : `${e.split(",").map((n) => `${s} ${n.trim()}`).join(", ")} { ${i.trim()} }`;
+}).filter(Boolean).join(`
+`) : "";
+export {
+  p as scopeCustomCss
+};

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

@@ -252,6 +252,7 @@ export declare const sortSteps: (steps: StepData[]) => {
             fit?: string | undefined;
             blendMode?: string | undefined;
         } | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         container?: {
             color?: string | undefined;
             opacity?: number | undefined;
@@ -260,7 +261,6 @@ export declare const sortSteps: (steps: StepData[]) => {
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
             color?: string | undefined;
             fontSize?: number | undefined;

package/dist/components/FormViewer/helpers/helpers.js

@@ -0,0 +1,9 @@
+import { mergeWith as n } from "lodash-es";
+const o = (e, i) => n({}, e, i, (r, t) => {
+  if (t === void 0)
+    return r;
+}), u = (e) => [...e].sort((r, t) => r.isStart && !t.isStart ? -1 : !r.isStart && t.isStart || r.isEnd && !t.isEnd ? 1 : !r.isEnd && t.isEnd ? -1 : 0);
+export {
+  o as mergeTheme,
+  u as sortSteps
+};

package/dist/components/FormViewer/helpers/slides.js

@@ -0,0 +1,35 @@
+const i = {
+  vertical: {
+    next: {
+      initial: { opacity: 0, y: 400 },
+      exit: { opacity: 0, y: -400 }
+    },
+    prev: {
+      initial: { opacity: 0, y: -400 },
+      exit: { opacity: 0, y: 400 }
+    }
+  },
+  horizontal: {
+    next: {
+      initial: { opacity: 0, x: 400 },
+      exit: { opacity: 0, x: -400 }
+    },
+    prev: {
+      initial: { opacity: 0, x: -400 },
+      exit: { opacity: 0, x: 400 }
+    }
+  },
+  none: {
+    next: {
+      initial: {},
+      exit: {}
+    },
+    prev: {
+      initial: {},
+      exit: {}
+    }
+  }
+};
+export {
+  i as animations
+};