@layers-app/shared 0.4.9 → 0.4.10

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"}

package/dist/components/FormViewer/components/Container.js

@@ -1,27 +1,67 @@
-import { jsx as n } from "react/jsx-runtime";
-import { memo as t } from "react";
-import { useFormViewerStore as e } from "../store/formStore.js";
-import c from "../FormViewer.module.css.js";
-const u = t(
-  ({ children: r, theme: o }) => {
-    const { useStore: i } = e(), a = i((s) => s.isMobile);
-    return /* @__PURE__ */ n(
+import { jsxs as $, jsx as n } from "react/jsx-runtime";
+import { memo as h, useRef as C } from "react";
+import { useFormViewerStore as x, isSameEditorTarget as w } from "../store/formStore.js";
+import { ContainerSettingsBar as B } from "./editor/ContainerSettingsBar.js";
+import { FloatingBar as E } from "./editor/FloatingBar.js";
+import { SelectionRing as M } from "./editor/SelectionRing.js";
+import g from "../FormViewer.module.css.js";
+const k = h(
+  ({
+    children: u,
+    theme: r,
+    stepId: c
+  }) => {
+    const { useStore: s, api: l } = x(), v = s((e) => e.isMobile), i = s((e) => e.editing), d = r?.container, o = d?.background ?? (d?.color ? { bgType: "color", color: d.color } : void 0), t = o?.bgType ?? (o?.video ? "video" : o?.image ? "image" : "color"), m = t === "image" && !!o?.image || t === "video" && !!o?.video, a = {
+      type: "element",
+      stepId: c,
+      elementKey: `container:${c}`
+    }, b = s(
+      (e) => w(e.editorSelection, a)
+    ), p = C(null), f = i ? (e) => {
+      e.stopPropagation(), l.setEditorSelection(a);
+    } : void 0, y = i ? (e) => {
+      e.stopPropagation(), l.setEditorHover(a);
+    } : void 0, S = i ? () => l.setEditorHover(null) : void 0;
+    return /* @__PURE__ */ $(
       "div",
       {
-        className: c.container,
-        "data-size": o?.size,
-        "data-mobile": a,
+        ref: p,
+        className: g.container,
+        "data-size": r?.size,
+        "data-mobile": v,
         style: {
-          "--border-radius": `var(--mantine-radius-${o?.borderRadius})`,
-          "--blur": `${o?.container?.blur ?? 0}px`,
-          "--color": o?.container?.color,
-          "--shadow": `0 0 ${o?.container?.shadowSize || 0}px ${o?.container?.shadowColor || "transparent"}`
+          "--blur": `${r?.container?.blur ?? 0}px`,
+          // Фон контейнера: цвет — прямо на контейнере (с прозрачностью),
+          // картинка/видео — отдельным слоем `.containerBg` под контентом.
+          "--color": t === "color" && o?.color ? o.color : "transparent",
+          "--container-bg-opacity": `${(o?.opacity ?? 1) * 100}%`,
+          "--container-bg-image": m && o?.image ? `url(${o.image})` : "none",
+          "--container-bg-filter": `brightness(${o?.brightness ?? 100}%) blur(${o?.blur ?? 0}px)`,
+          "--shadow": `0 0 ${r?.container?.shadowSize || 0}px ${r?.container?.shadowColor || "transparent"}`
         },
-        children: r
+        onClick: f,
+        onMouseOver: y,
+        onMouseLeave: S,
+        children: [
+          i && /* @__PURE__ */ n(M, { target: a, variant: "container" }),
+          i && b && /* @__PURE__ */ n(E, { reference: p.current, children: /* @__PURE__ */ n(B, { stepId: c }) }),
+          m && /* @__PURE__ */ n("div", { className: g.containerBg, "aria-hidden": !0, children: t === "video" && o?.video && /* @__PURE__ */ n(
+            "video",
+            {
+              className: g.containerBgVideo,
+              src: o.video,
+              autoPlay: !0,
+              loop: !0,
+              muted: !0,
+              playsInline: !0
+            }
+          ) }),
+          u
+        ]
       }
     );
   }
 );
 export {
-  u as Container
+  k as Container
 };

package/dist/components/FormViewer/components/{StepTitle.d.ts → ControlTitle.d.ts}

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

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

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

package/dist/components/FormViewer/components/ControlTitle.js

@@ -0,0 +1,94 @@
+import { jsxs as l, Fragment as h, jsx as i } from "react/jsx-runtime";
+import { useMemo as y } from "react";
+import { createPortal as u } from "react-dom";
+import { useTranslation as T } from "react-i18next";
+import { STATIC_CLASSES as n, combineClasses as S } from "../helpers/staticClasses.js";
+import { useInterpolateText as C } from "../hooks/useInterpolateText.js";
+import { useFormViewerStore as I } from "../store/formStore.js";
+import { EditableContent as v } from "./fields/EditableContent/EditableContent.js";
+import x from "../FormViewer.module.css.js";
+const A = ({
+  originalStepId: m,
+  control: o,
+  theme: r
+}) => {
+  const { t: f } = T("forms"), { useStore: s, api: c } = I(), p = s((e) => e.isMobile), a = s((e) => e.editing), t = r?.title, d = y(() => {
+    const e = t?.fontSize;
+    return {
+      "--color": t?.color || "auto",
+      "--font-size": e ? `${e}px` : `var(--font-size-${r?.size})`,
+      "--font-weight": t?.fontWeight,
+      // Кавычки обязательны: имена со спецсимволами/цифрами (напр. "Press Start
+      // 2P") без кавычек — невалидный CSS, и font-family игнорируется.
+      "--font-family": t?.fontFamily ? `"${t.fontFamily}"` : void 0,
+      "--title-lh": t?.lineHeight,
+      "--title-ls": t?.letterSpacing != null ? `${t.letterSpacing}px` : void 0,
+      // Регистр лейбла: свой токен, иначе общий, иначе none.
+      "--title-tt": "var(--form-control-title-transform, var(--form-title-transform, none))",
+      // Индивидуальное выравнивание заголовка контрола
+      "--align": t?.align ?? "start"
+    };
+  }, [
+    r?.size,
+    t?.align,
+    t?.color,
+    t?.fontFamily,
+    t?.fontSize,
+    t?.fontWeight,
+    t?.lineHeight,
+    t?.letterSpacing
+  ]), g = C(o.title, a);
+  return /* @__PURE__ */ l(h, { children: [
+    u(
+      /* @__PURE__ */ i(
+        "link",
+        {
+          rel: "stylesheet",
+          href: `https://fonts.googleapis.com/css2?family=${t?.fontFamily}:wght@400;500;600;700&display=swap`
+        }
+      ),
+      document.head
+    ),
+    /* @__PURE__ */ i(
+      "h1",
+      {
+        className: S(x.stepTitle, n.BLOCK_TITLE),
+        style: d,
+        "data-mobile": p,
+        children: a ? /* @__PURE__ */ l("span", { style: { display: "inline-flex" }, children: [
+          /* @__PURE__ */ i(
+            v,
+            {
+              value: o.title,
+              placeholder: f("stepTitlePlaceholder"),
+              onChange: (e) => {
+                c.updateControl(m, o.id, { title: e });
+              }
+            }
+          ),
+          o.required && /* @__PURE__ */ i(
+            "span",
+            {
+              className: n.REQUIRED_INDICATOR,
+              style: { color: "var(--form-color-error)", marginLeft: 4 },
+              children: "*"
+            }
+          )
+        ] }) : /* @__PURE__ */ l("span", { style: { display: "inline-flex" }, children: [
+          g,
+          o.required && /* @__PURE__ */ i(
+            "span",
+            {
+              className: n.REQUIRED_INDICATOR,
+              style: { color: "var(--form-color-error)", marginLeft: 4 },
+              children: "*"
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  A as ControlTitle
+};

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

@@ -0,0 +1,8 @@
+/**
+ * Копирайт-чип формы («made with …») — кастомный, без Mantine. Ведёт на сайт
+ * бренда; цвет текста управляется токеном `--form-copyright-color`.
+ */
+export declare const FormCopyright: ({ title }: {
+    title?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormCopyright.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormCopyright.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/FormCopyright.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,4CAS1D,CAAC"}

package/dist/components/FormViewer/components/FormCopyright.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import { brand as o } from "../../../config/brand.js";
+import n from "./FormCopyright.module.css.js";
+const p = ({ title: r }) => /* @__PURE__ */ e(
+  "a",
+  {
+    className: n.copyright,
+    href: o.websiteUrl,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: r ? /* @__PURE__ */ e("span", { children: r }) : null
+  }
+);
+export {
+  p as FormCopyright
+};

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

@@ -0,0 +1,7 @@
+const t = "_copyright_1lqg0_5", o = {
+  copyright: t
+};
+export {
+  t as copyright,
+  o as default
+};

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+/**
+ * Оборачивает произвольный контент в дизайн-токены формы (`--form-*`) и её
+ * пользовательский CSS — ровно так же, как это делает `FormViewer` для слайдов.
+ *
+ * Нужен экранам, которые живут РЯДОМ со слайдами, но должны выглядеть частью
+ * формы: например, экран результата теста после отправки. Требует, чтобы выше
+ * по дереву был `FormStoreProvider` (токены берутся из темы формы).
+ */
+export declare const FormThemeScope: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormThemeScope.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormThemeScope.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/FormThemeScope.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAO5C;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAcnE,CAAC"}

package/dist/components/FormViewer/components/FormThemeScope.js

@@ -0,0 +1,16 @@
+import { jsxs as s, Fragment as n, jsx as e } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { getRandomId as l } from "../helpers/steps.js";
+import { useFormGlobalTheme as d } from "../hooks/useFormGlobalTheme.js";
+import a from "../FormViewer.module.css.js";
+const y = ({ children: o }) => {
+  const [r] = i(() => l()), { themeVarsCss: t, customStyles: m } = d({ innerId: r });
+  return /* @__PURE__ */ s(n, { children: [
+    /* @__PURE__ */ e("style", { dangerouslySetInnerHTML: { __html: t } }),
+    /* @__PURE__ */ e("style", { dangerouslySetInnerHTML: { __html: m } }),
+    /* @__PURE__ */ e("div", { id: `forms-provider-${r}`, className: a.themeProvider, children: o })
+  ] });
+};
+export {
+  y as FormThemeScope
+};

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

@@ -1 +1 @@
-{"version":3,"file":"NavControls.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/NavControls.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,eAAO,MAAM,WAAW,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,mDA4DvD,CAAC"}
+{"version":3,"file":"NavControls.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/components/NavControls.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzC,eAAO,MAAM,WAAW,GAAI,UAAU;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,mDAsGvD,CAAC"}