@layers-app/shared 0.4.8 → 0.4.10

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

@@ -87,6 +87,10 @@ export interface CommentComposerBaseProps {
     initialDraft?: CommentComposerTypes.ComposerInitialDraft;
     ns?: string;
     placementData?: PlacementData;
+    /** Compact single-row layout (editor inline with attach/send). Default: false. */
+    compact?: boolean;
+    /** Override the placeholder text. Default: i18n composer placeholder. */
+    placeholder?: string;
     autoFocus?: boolean;
     setEdit?: (v: {
         id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/types.ts"],"names":[],"mappings":"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"}

package/dist/components/ControlIcon/ControlIcon.d.ts

@@ -0,0 +1,13 @@
+import { ControlType } from '../FormViewer/types/form';
+/**
+ * Иконка элемента формы: цветной скруглённый квадрат с белым глифом.
+ *
+ * Единый вид для всех мест, где показывается состав слайда — модалка добавления,
+ * карточки в баре слайдов, ноды логики. Цвет и глиф берутся из `controlsDataMap`.
+ */
+export declare const ControlIcon: ({ type, size, }: {
+    type: ControlType;
+    /** Сторона квадрата. Глиф внутри — две трети от неё (24 → 16 из макета). */
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ControlIcon.d.ts.map

package/dist/components/ControlIcon/ControlIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ControlIcon/ControlIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAcvD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,iBAGzB;IACD,IAAI,EAAE,WAAW,CAAC;IAClB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,mDAmBA,CAAC"}

package/dist/components/ControlIcon/ControlIcon.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { controlsDataMap as a } from "../FormViewer/helpers/controls.js";
+import c from "./ControlIcon.module.css.js";
+const i = (o) => o === "gray" ? "light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-4))" : `var(--mantine-color-${o}-filled)`, m = ({
+  type: o,
+  size: n = 24
+}) => {
+  const r = a[o];
+  return r ? /* @__PURE__ */ t(
+    "span",
+    {
+      className: c.icon,
+      style: {
+        "--icon-bg": i(r.color),
+        "--icon-size": `${n}px`,
+        // Иконки внутри задают размер в `em`.
+        fontSize: `${Math.round(n / 3 * 2)}px`
+      },
+      children: r.icon
+    }
+  ) : null;
+};
+export {
+  m as ControlIcon
+};

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

@@ -0,0 +1,7 @@
+const o = "_icon_1v931_1", c = {
+  icon: o
+};
+export {
+  c as default,
+  o as icon
+};

package/dist/components/FilePicker/FilePickerUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePickerUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUpload.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE,OAAO,EAEL,aAAa,EAEb,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,gBAAgB,GAAI,qDAM9B;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC1C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,4CAuHA,CAAC"}
+{"version":3,"file":"FilePickerUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePickerUpload.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE,OAAO,EAEL,aAAa,EAEb,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAK3B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,gBAAgB,GAAI,qDAM9B;IACD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC1C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,4CA0HA,CAAC"}

package/dist/components/FilePicker/FilePickerUpload.js

@@ -3,7 +3,7 @@ import { useCallback as x } from "react";
 import { useTranslation as b, Trans as N } from "react-i18next";
 import { Image02Icon as E } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as I } from "@hugeicons/react";
-import { Stack as u, Text as a } from "@mantine/core";
+import { Stack as u, Text as c } from "@mantine/core";
 import { Dropzone as T, IMAGE_MIME_TYPE as $ } from "@mantine/dropzone";
 import { showNotification as g } from "@mantine/notifications";
 import { getMaxUploadSize as h } from "../../config/envConfig.js";
@@ -11,20 +11,20 @@ import { showErrorNotification as j } from "../../helpers/showNotifications.js";
 import w from "./FilePicker.module.css.js";
 import "@mantine/dropzone/styles.css";
 const q = ({
-  type: c = "image",
+  type: a = "image",
   uploading: y,
   dropZoneProps: i,
   onUpload: m,
   icon: z
 }) => {
-  const { t: r } = b("ui"), s = i?.maxSize != null ? Math.round(i.maxSize / (1024 * 1024)) : Math.round((h() ?? 5 * 1024 * 1024) / (1024 * 1024)), S = (e) => {
+  const { t: r } = b("ui"), l = i?.maxSize != null ? Math.round(i.maxSize / (1024 * 1024)) : Math.round((h() ?? 5 * 1024 * 1024) / (1024 * 1024)), F = (e) => {
     if (e >= 1024) {
-      const l = e / 1024;
-      return Number.isInteger(l) ? `${l} GB` : `${l.toFixed(1)} GB`;
+      const s = e / 1024;
+      return Number.isInteger(s) ? `${s} GB` : `${s.toFixed(1)} GB`;
     }
     return `${e} MB`;
-  }, f = `filePicker.description.${c}`, F = `filePicker.dropFileHere.${c}`, d = (() => {
-    const e = r(f, { maxSize: S(s) });
+  }, f = `filePicker.description.${a}`, S = `filePicker.dropFileHere.${a}`, d = (() => {
+    const e = r(f, { maxSize: F(l) });
     return e !== f ? e : null;
   })(), M = x(
     (e) => {
@@ -40,7 +40,7 @@ const q = ({
       if (e.some((t) => t.errors.some((n) => n.code === "file-too-large"))) {
         j({
           title: r("errorMessage"),
-          message: r("filePicker.errors.shouldNotExceed", { maxSize: s })
+          message: r("filePicker.errors.shouldNotExceed", { maxSize: l })
         });
         return;
       }
@@ -54,7 +54,7 @@ const q = ({
         return;
       }
     },
-    [r, s]
+    [r, l]
   ), k = x(m, [m]), v = i?.maxSize ?? h() ?? 5 * 1024 * 1024;
   return /* @__PURE__ */ o(
     T,
@@ -65,6 +65,7 @@ const q = ({
       maxFiles: i?.maxFiles || 1,
       maxSize: v,
       accept: $,
+      useFsAccessApi: !1,
       px: 60,
       py: "xl",
       className: `${w.pickerDropZone}`,
@@ -87,14 +88,14 @@ const q = ({
               }
             ),
             /* @__PURE__ */ p(u, { gap: 8, align: "center", children: [
-              /* @__PURE__ */ o(a, { fw: 500, fz: "md", c: "bright", lh: "md", ta: "center", children: /* @__PURE__ */ o(
+              /* @__PURE__ */ o(c, { fw: 500, fz: "md", c: "bright", lh: "md", ta: "center", children: /* @__PURE__ */ o(
                 N,
                 {
                   ns: "ui",
-                  i18nKey: F,
+                  i18nKey: S,
                   components: {
                     choose: /* @__PURE__ */ o(
-                      a,
+                      c,
                       {
                         component: "span",
                         c: "var(--primary-color-text, var(--mantine-primary-color-filled))",
@@ -105,7 +106,7 @@ const q = ({
                   }
                 }
               ) }),
-              d && /* @__PURE__ */ o(a, { fz: "sm", fw: 400, lh: "140%", c: "dimmed", ta: "center", children: d })
+              d && /* @__PURE__ */ o(c, { fz: "sm", fw: 400, lh: "140%", c: "dimmed", ta: "center", children: d })
             ] })
           ]
         }

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

@@ -1,3 +1,4 @@
 export * from './coverCollections';
 export * from './FilePicker';
+export * from './api/unsplashApi';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dist/components/FormColorPicker/FormColorPicker.d.ts

@@ -0,0 +1,21 @@
+export type FormColorPickerProps = {
+    /** Выбранный цвет. `undefined`/пусто — цвет не задан явно. */
+    value?: string | null;
+    /**
+     * Реальный цвет элемента — то, что фактически отрисовано, когда `value` не
+     * задан. Пикер обязан открываться на нём: какой-то цвет есть всегда.
+     */
+    fallback?: string | null;
+    /** Вызывается на каждое движение — для живого превью. */
+    onChange?: (value: string) => void;
+    /** Вызывается по окончании выбора (отпускание слайдера, выбор из палитры). */
+    onChangeEnd?: (value: string) => void;
+};
+/**
+ * Выбор цвета для плавающих тулбаров редактора: область насыщенности, слайдеры
+ * оттенка и прозрачности, палитра и поля hex/alpha.
+ *
+ * Отдаёт `#RRGGBB`, либо `#RRGGBBAA` при прозрачности меньше 100%.
+ */
+export declare const FormColorPicker: ({ value, fallback, onChange, onChangeEnd, }: FormColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormColorPicker.d.ts.map

package/dist/components/FormColorPicker/FormColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/FormColorPicker/FormColorPicker.tsx"],"names":[],"mappings":"AAwBA,MAAM,MAAM,oBAAoB,GAAG;IACjC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,8EAA8E;IAC9E,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAyGtB,CAAC"}

package/dist/components/FormColorPicker/FormColorPicker.js

@@ -0,0 +1,92 @@
+import { jsxs as C, jsx as s } from "react/jsx-runtime";
+import { useState as g, useEffect as E, useMemo as P, useRef as b } from "react";
+import { PercentIcon as k } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as y } from "@hugeicons/react";
+import { ColorPicker as z, TextInput as A, NumberInput as D } from "@mantine/core";
+import { useRecentColors as S } from "../ColorPicker/useRecentColors.js";
+import { toHexa as u, hexaToParts as _, partsToHexa as I } from "./colorUtils.js";
+import n from "./FormColorPicker.module.css.js";
+const j = "form-color-picker-recent", N = 9, Y = ({
+  value: o,
+  fallback: R,
+  onChange: w,
+  onChangeEnd: T
+}) => {
+  const l = u(o) ?? u(R) ?? "#000000ff", [f, p] = g(l), [H, c] = g(null);
+  E(() => {
+    p(l), c(null);
+  }, [l]);
+  const { hex: h, alpha: i } = _(f), { recentColors: x, addRecent: d } = S({
+    storageKey: j,
+    maxItems: N
+  }), v = P(
+    () => x.map((e) => e.value),
+    [x]
+  ), m = b(null);
+  E(
+    () => () => {
+      m.current && d(m.current);
+    },
+    [d]
+  );
+  const r = (e, a) => {
+    p(e);
+    const t = B(e);
+    w?.(t), a && (m.current = t, T?.(t));
+  };
+  return /* @__PURE__ */ C("div", { className: n.root, children: [
+    /* @__PURE__ */ s(
+      z,
+      {
+        format: "hexa",
+        fullWidth: !0,
+        value: f,
+        onChange: (e) => r(e, !1),
+        onChangeEnd: (e) => r(e, !0),
+        swatches: v.length ? v : void 0,
+        swatchesPerRow: N
+      }
+    ),
+    /* @__PURE__ */ C("div", { className: n.inputs, children: [
+      /* @__PURE__ */ s(
+        A,
+        {
+          className: n.hexInput,
+          variant: "default",
+          size: "xs",
+          maxLength: 7,
+          spellCheck: !1,
+          "aria-label": "HEX",
+          value: H ?? h,
+          onChange: (e) => {
+            const a = e.currentTarget.value;
+            c(a);
+            const t = u(a);
+            t && r(I(t.slice(0, 7), i), !0);
+          },
+          onBlur: () => c(null)
+        }
+      ),
+      /* @__PURE__ */ s(
+        D,
+        {
+          className: n.alphaInput,
+          variant: "default",
+          size: "xs",
+          min: 0,
+          max: 100,
+          clampBehavior: "strict",
+          allowNegative: !1,
+          allowDecimal: !1,
+          "aria-label": "Alpha",
+          value: i,
+          onChange: (e) => r(I(h, typeof e == "number" ? e : i), !0),
+          rightSection: /* @__PURE__ */ s(y, { icon: k, size: 12 })
+        }
+      )
+    ] })
+  ] });
+}, B = (o) => o.toLowerCase().endsWith("ff") ? o.slice(0, 7) : o;
+export {
+  Y as FormColorPicker
+};

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

@@ -0,0 +1,13 @@
+const t = "_root_34crc_9", n = "_inputs_34crc_29", c = "_hexInput_34crc_37", p = "_alphaInput_34crc_65", o = {
+  root: t,
+  inputs: n,
+  hexInput: c,
+  alphaInput: p
+};
+export {
+  p as alphaInput,
+  o as default,
+  c as hexInput,
+  n as inputs,
+  t as root
+};

package/dist/components/FormColorPicker/colorUtils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Приведение цвета к `#RRGGBBAA` — единому формату, в котором работает пикер.
+ *
+ * На вход прилетает всё что угодно: из темы — `#RGB`, `#RRGGBB`, `rgba(...)`,
+ * а из `getComputedStyle` — всегда `rgb()`/`rgba()`. Поэтому парсим сами, а не
+ * полагаемся на формат хранения.
+ */
+/**
+ * Любой CSS-цвет → `#RRGGBBAA`. Возвращает `null`, если разобрать не удалось
+ * (например, недопечатанный hex в поле ввода или именованный цвет).
+ */
+export declare const toHexa: (input?: string | null) => string | null;
+/** `#RRGGBBAA` → `{ hex: '#RRGGBB', alpha: 0..100 }`. */
+export declare const hexaToParts: (hexa: string) => {
+    hex: string;
+    alpha: number;
+};
+/** `('#RRGGBB', 0..100)` → `#RRGGBBAA`. */
+export declare const partsToHexa: (hex: string, alpha: number) => string;
+//# sourceMappingURL=colorUtils.d.ts.map

package/dist/components/FormColorPicker/colorUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../src/components/FormColorPicker/colorUtils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAiBH;;;GAGG;AACH,eAAO,MAAM,MAAM,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,MAAM,GAAG,IAiBvD,CAAC;AAMF,yDAAyD;AACzD,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM;;;CAGtC,CAAC;AAEH,2CAA2C;AAC3C,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,WACc,CAAC"}

package/dist/components/FormColorPicker/colorUtils.js

@@ -0,0 +1,22 @@
+const h = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, i = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:[\s,/]+([\d.%]+))?\s*\)$/i, p = (t) => Math.max(0, Math.min(255, Math.round(t))), n = (t) => p(t).toString(16).padStart(2, "0"), d = (t) => `#${t.slice(1).split("").map((a) => a + a).join("")}`, $ = (t) => {
+  const a = t?.trim();
+  if (!a) return null;
+  if (h.test(a)) {
+    const s = a.length <= 5 ? d(a) : a;
+    return s.length === 7 ? `${s}ff`.toLowerCase() : s.toLowerCase();
+  }
+  const o = a.match(i);
+  if (o) {
+    const [, s, r, c, e] = o, l = e === void 0 ? 1 : f(e);
+    return `#${n(+s)}${n(+r)}${n(+c)}${n(l * 255)}`;
+  }
+  return null;
+}, f = (t) => t.endsWith("%") ? parseFloat(t) / 100 : parseFloat(t), u = (t) => ({
+  hex: t.slice(0, 7),
+  alpha: Math.round(parseInt(t.slice(7, 9) || "ff", 16) / 255 * 100)
+}), x = (t, a) => `${t}${n(Math.max(0, Math.min(100, a)) / 100 * 255)}`;
+export {
+  u as hexaToParts,
+  x as partsToHexa,
+  $ as toHexa
+};

package/dist/components/FormColorPicker/useRenderedColor.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Цвет, которым элемент РЕАЛЬНО отрисован.
+ *
+ * Нужен, когда цвет не задан явно: тогда он приходит из токенов темы, наследуется
+ * от родителя или задан пользовательским CSS. Повторять эту цепочку в JS —
+ * гарантированно разойтись с рендером, поэтому просто спрашиваем браузер.
+ *
+ * Для текста это корректно и в случае, когда элемент выделения (`el`) лишь
+ * оборачивает заголовок: без собственного цвета заголовок наследует цвет
+ * обёртки, то есть отрисован ровно им.
+ *
+ * Замер делается на каждое открытие (`enabled`), а не один раз: цвет мог
+ * измениться после смены темы.
+ */
+export declare const useRenderedColor: (el: HTMLElement | null, property?: "color" | "backgroundColor", enabled?: boolean) => string | undefined;
+//# sourceMappingURL=useRenderedColor.d.ts.map

package/dist/components/FormColorPicker/useRenderedColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderedColor.d.ts","sourceRoot":"","sources":["../../../src/components/FormColorPicker/useRenderedColor.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,GAC3B,IAAI,WAAW,GAAG,IAAI,EACtB,WAAU,OAAO,GAAG,iBAA2B,EAC/C,iBAAc,uBAUf,CAAC"}

package/dist/components/FormColorPicker/useRenderedColor.js

@@ -0,0 +1,10 @@
+import { useState as s, useEffect as c } from "react";
+const n = (o, t = "color", e = !0) => {
+  const [r, u] = s();
+  return c(() => {
+    !o || !e || u(getComputedStyle(o)[t]);
+  }, [o, t, e]), r;
+};
+export {
+  n as useRenderedColor
+};

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

@@ -3,7 +3,14 @@ type FormViewerProps = {
     NoStepSlot?: FC;
     copyright?: string;
 };
-/** Основной компонент для отображения формы */
+/**
+ * Основной компонент для отображения формы.
+ *
+ * Собственного MantineProvider у формы больше НЕТ: все визуальные компоненты
+ * кастомные и оформляются токенами `--form-*` (их инжектит `FormThemeScope` —
+ * токены первыми, пользовательский CSS следом). Оставшиеся Mantine-виджеты
+ * (`DatePicker`, `Dropzone`) опираются на внешний провайдер приложения.
+ */
 export declare const FormViewer: ({ NoStepSlot, copyright, }: FormViewerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FormViewer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormViewer.d.ts","sourceRoot":"","sources":["../../../src/components/FormViewer/FormViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAY7C,KAAK,eAAe,GAAG;IACrB,UAAU,CAAC,EAAE,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,UAAU,GAAI,4BAGxB,eAAe,4CAoCjB,CAAC"}
+{"version":3,"file":"FormViewer.d.ts","sourceRoot":"","sources":["../../../src/components/FormViewer/FormViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,KAAK,eAAe,GAAG;IACrB,UAAU,CAAC,EAAE,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,4BAGxB,eAAe,4CAIjB,CAAC"}

package/dist/components/FormViewer/FormViewer.js

@@ -1,42 +1,10 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { useState as u, useRef as f } from "react";
-import { useMantineColorScheme as h, MantineProvider as p } from "@mantine/core";
-import { AllSlidesLayout as S } from "./components/AllSlidesLayout.js";
-import { OneSlideLayout as y } from "./components/OneSlideLayput.js";
-import { getRandomId as v } from "./helpers/steps.js";
-import { useFormGlobalTheme as w } from "./hooks/useFormGlobalTheme.js";
-import { useFormViewerStore as x } from "./store/formStore.js";
-import C from "./FormViewer.module.css.js";
-const V = ({
+import { jsx as o } from "react/jsx-runtime";
+import { FormThemeScope as m } from "./components/FormThemeScope.js";
+import { OneSlideLayout as i } from "./components/OneSlideLayput.js";
+const n = ({
   NoStepSlot: r = () => null,
-  copyright: m
-}) => {
-  const [o] = u(() => v()), { colorScheme: t } = h(), { useStore: i } = x(), s = i((c) => c.layout), { mantineTheme: n, customStyles: a } = w({ innerId: o }), l = f(null);
-  return /* @__PURE__ */ d(
-    p,
-    {
-      theme: n,
-      getRootElement: () => l.current ?? void 0,
-      forceColorScheme: t === "auto" ? void 0 : t,
-      classNamesPrefix: "layers",
-      withGlobalClasses: !1,
-      withStaticClasses: !0,
-      cssVariablesSelector: `#forms-provider-${o}`,
-      children: [
-        /* @__PURE__ */ e("style", { dangerouslySetInnerHTML: { __html: a } }),
-        /* @__PURE__ */ e(
-          "div",
-          {
-            ref: l,
-            id: `forms-provider-${o}`,
-            className: C.themeProvider,
-            children: s === "one-slide" ? /* @__PURE__ */ e(y, { NoStepSlot: r, copyright: m }) : s === "all-slides" ? /* @__PURE__ */ e(S, { NoStepSlot: r }) : null
-          }
-        )
-      ]
-    }
-  );
-};
+  copyright: e
+}) => /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i, { NoStepSlot: r, copyright: e }) });
 export {
-  V as FormViewer
+  n as FormViewer
 };

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

@@ -1,37 +1,35 @@
-const t = "_themeProvider_1fk4v_1", o = "_root_1fk4v_13", e = "_container_1fk4v_71", n = "_media_1fk4v_83", _ = "_background_1fk4v_91", s = "_stepRoot_1fk4v_117", c = "_content_1fk4v_207", i = "_mediaInner_1fk4v_337", a = "_stepTitle_1fk4v_663", r = "_stepDescription_1fk4v_709", d = "_stepIndicator_1fk4v_737", p = "_stepIndicatorIcon_1fk4v_771", l = "_focusBox_1fk4v_809", f = "_dropzone_1fk4v_827", k = "_allSlidesLayout_1fk4v_863", v = "_allSlidesLayoutStep_1fk4v_875", u = {
-  themeProvider: t,
+const e = "_themeProvider_1affz_1", o = "_root_1affz_13", n = "_container_1affz_77", t = "_media_1affz_89", _ = "_mediaInner_1affz_101", i = "_slideBg_1affz_111", a = "_slideBgVideo_1affz_133", d = "_background_1affz_35", c = "_stepRoot_1affz_179", f = "_content_1affz_213", s = "_mediaVideo_1affz_367", r = "_containerBg_1affz_449", z = "_containerBgVideo_1affz_525", g = "_stepTitle_1affz_541", m = "_dropzone_1affz_635", B = {
+  themeProvider: e,
   root: o,
-  container: e,
-  media: n,
-  background: _,
-  stepRoot: s,
-  content: c,
-  mediaInner: i,
-  stepTitle: a,
-  stepDescription: r,
-  stepIndicator: d,
-  stepIndicatorIcon: p,
-  focusBox: l,
-  dropzone: f,
-  allSlidesLayout: k,
-  allSlidesLayoutStep: v
+  container: n,
+  media: t,
+  mediaInner: _,
+  slideBg: i,
+  slideBgVideo: a,
+  background: d,
+  stepRoot: c,
+  content: f,
+  mediaVideo: s,
+  containerBg: r,
+  containerBgVideo: z,
+  stepTitle: g,
+  dropzone: m
 };
 export {
-  k as allSlidesLayout,
-  v as allSlidesLayoutStep,
-  _ as background,
-  e as container,
-  c as content,
-  u as default,
-  f as dropzone,
-  l as focusBox,
-  n as media,
-  i as mediaInner,
+  d as background,
+  n as container,
+  r as containerBg,
+  z as containerBgVideo,
+  f as content,
+  B as default,
+  m as dropzone,
+  t as media,
+  _ as mediaInner,
+  s as mediaVideo,
   o as root,
-  r as stepDescription,
-  d as stepIndicator,
-  p as stepIndicatorIcon,
-  s as stepRoot,
-  a as stepTitle,
-  t as themeProvider
+  i as slideBg,
+  a as slideBgVideo,
+  c as stepRoot,
+  g as stepTitle,
+  e as themeProvider
 };

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

@@ -1,6 +1,8 @@
+import { ReactNode } from 'react';
 import { ThemeData } from '../types/form';
-export declare const Container: import("react").MemoExoticComponent<({ children, theme }: {
-    children: React.ReactNode;
+export declare const Container: import("react").MemoExoticComponent<({ children, theme, stepId, }: {
+    children: ReactNode;
     theme?: ThemeData;
+    stepId: string;
 }) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=Container.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/Container.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,eAAO,MAAM,SAAS,4DACE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,6CAuBvE,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAgB,MAAM,OAAO,CAAC;AAG3E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO1C,eAAO,MAAM,SAAS,qEAKjB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB,6CAgGF,CAAC"}