@layers-app/shared 0.4.8 → 0.4.10

package/dist/components/FormViewer/components/editor/AlignMenu.js

@@ -0,0 +1,47 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useTranslation as g } from "react-i18next";
+import { IconAlignRight as u, IconAlignCenter as b, IconAlignLeft as d } from "@tabler/icons-react";
+import { FormMenu as n } from "../ui/FormMenu.js";
+import f from "./SelectableBlock.module.css.js";
+const a = {
+  start: /* @__PURE__ */ e(d, { size: 17 }),
+  center: /* @__PURE__ */ e(b, { size: 17 }),
+  end: /* @__PURE__ */ e(u, { size: 17 })
+}, C = ({
+  value: r,
+  onSelect: i,
+  opened: o,
+  onOpenedChange: s
+}) => {
+  const { t: l } = g("forms"), c = [
+    { value: "start", label: l("titleBar.alignLeft") },
+    { value: "center", label: l("titleBar.alignCenter") },
+    { value: "end", label: l("titleBar.alignRight") }
+  ];
+  return /* @__PURE__ */ m(
+    n,
+    {
+      opened: o,
+      onChange: s,
+      position: "bottom",
+      width: 160,
+      children: [
+        /* @__PURE__ */ e(n.Target, { children: /* @__PURE__ */ e("button", { type: "button", className: f.barBtn, "aria-label": l("align"), children: a[r] }) }),
+        /* @__PURE__ */ e(n.Dropdown, { children: c.map((t) => /* @__PURE__ */ e(
+          n.Item,
+          {
+            leftSection: a[t.value],
+            active: t.value === r,
+            onClick: () => i(t.value),
+            children: t.label
+          },
+          t.value
+        )) })
+      ]
+    }
+  );
+};
+export {
+  a as ALIGN_ICONS,
+  C as AlignMenu
+};

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

@@ -0,0 +1,17 @@
+import { BackgroundProperties } from '../../types/form';
+export type BackgroundBarProps = {
+    bg: BackgroundProperties;
+    /** Патч фона (частичный). Слияние с текущим значением — на стороне вызывающего. */
+    onPatch: (patch: Partial<BackgroundProperties>) => void;
+    /** Контекст для загрузки файлов (uploadFileFn). */
+    stepId: string;
+    /** Разрешить вариант «без фона» (слайд/контейнер — да, форма — нет). */
+    allowNone?: boolean;
+};
+/**
+ * Переиспользуемый набор контролов фона (цвет / картинка / видео + блюр/яркость)
+ * для плавающих панелей. Используется и для фона слайда, и для фона контейнера
+ * контента — источник значения и патч передаёт вызывающий.
+ */
+export declare const BackgroundBar: ({ bg, onPatch, stepId, allowNone, }: BackgroundBarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BackgroundBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/BackgroundBar.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAUxD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,oBAAoB,CAAC;IACzB,mFAAmF;IACnF,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACxD,mDAAmD;IACnD,MAAM,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,qCAK3B,kBAAkB,4CA2LpB,CAAC"}

package/dist/components/FormViewer/components/editor/BackgroundBar.js

@@ -0,0 +1,167 @@
+import { jsxs as l, Fragment as m, jsx as o } from "react/jsx-runtime";
+import { useState as w, useRef as V } from "react";
+import { useTranslation as E } from "react-i18next";
+import { IconChevronDown as x, IconUpload as h, IconVideo as A, IconPhoto as D, IconPalette as L, IconCircleOff as M } from "@tabler/icons-react";
+import { FormColorPicker as N } from "../../../FormColorPicker/FormColorPicker.js";
+import { getRandomId as R } from "../../helpers/steps.js";
+import { useFormViewerStore as O } from "../../store/formStore.js";
+import { FormMenu as a } from "../ui/FormMenu.js";
+import { ColorSwatchTarget as j } from "./ColorSwatchTarget.js";
+import { ImagePicker as Y, SliderMenu as T } from "./barControls.js";
+import p from "./SelectableBlock.module.css.js";
+const Z = ({
+  bg: r,
+  onPatch: n,
+  stepId: C,
+  allowNone: g
+}) => {
+  const { t: i } = E("forms"), { useStore: I } = O(), u = I((e) => e.uploadFileFn), [t, v] = w(null), s = (e) => (c) => v(c ? e : null), f = V(null), d = r?.bgType ?? (r?.video ? "video" : r?.image ? "image" : r?.color ? "color" : g ? "none" : "color"), F = (e) => {
+    e === "none" && n({
+      bgType: "none",
+      color: void 0,
+      image: void 0,
+      video: void 0
+    }), e === "color" && n({ bgType: "color", image: void 0, video: void 0 }), e === "image" && n({ bgType: "image", color: void 0, video: void 0 }), e === "video" && n({ bgType: "video", color: void 0, image: void 0 }), v(null);
+  }, k = g ? ["none", "color", "image", "video"] : ["color", "image", "video"], z = async (e) => {
+    const c = e?.[0];
+    if (!c || !u) return;
+    const S = {
+      id: R(),
+      file: c,
+      isError: !1,
+      isLoading: !0,
+      isSuccess: !1
+    }, B = await u(S, { stepId: C });
+    B && n({ video: B, bgType: "video" });
+  }, y = {
+    none: i("slideBar.typeNone"),
+    color: i("slideBar.typeColor"),
+    image: i("slideBar.typeImage"),
+    video: i("slideBar.typeVideo")
+  }, b = {
+    none: /* @__PURE__ */ o(M, { size: 16 }),
+    color: /* @__PURE__ */ o(L, { size: 16 }),
+    image: /* @__PURE__ */ o(D, { size: 16 }),
+    video: /* @__PURE__ */ o(A, { size: 16 })
+  };
+  return /* @__PURE__ */ l(m, { children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        ref: f,
+        type: "file",
+        accept: "video/*",
+        hidden: !0,
+        onChange: (e) => {
+          z(e.currentTarget.files), e.currentTarget.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ l(
+      a,
+      {
+        opened: t === "bgType",
+        onChange: s("bgType"),
+        position: "bottom",
+        width: 200,
+        children: [
+          /* @__PURE__ */ o(a.Target, { children: /* @__PURE__ */ l("button", { type: "button", className: p.barBtn, children: [
+            b[d],
+            i("slideBar.background"),
+            ": ",
+            y[d],
+            /* @__PURE__ */ o(x, { size: 14 })
+          ] }) }),
+          /* @__PURE__ */ l(a.Dropdown, { children: [
+            /* @__PURE__ */ o(a.Label, { children: i("slideBar.backgroundType") }),
+            k.map((e) => /* @__PURE__ */ o(
+              a.Item,
+              {
+                leftSection: b[e],
+                active: d === e,
+                onClick: () => F(e),
+                children: y[e]
+              },
+              e
+            ))
+          ] })
+        ]
+      }
+    ),
+    d === "color" && /* @__PURE__ */ l(
+      a,
+      {
+        opened: t === "bgColor",
+        onChange: s("bgColor"),
+        position: "bottom",
+        children: [
+          /* @__PURE__ */ o(a.Target, { children: /* @__PURE__ */ o(j, { color: r.color, "aria-label": i("color") }) }),
+          /* @__PURE__ */ o(a.Dropdown, { p: 0, children: /* @__PURE__ */ o(
+            N,
+            {
+              value: r.color,
+              onChangeEnd: (e) => n({ color: e, bgType: "color" })
+            }
+          ) })
+        ]
+      }
+    ),
+    d === "image" && /* @__PURE__ */ l(m, { children: [
+      /* @__PURE__ */ o(
+        Y,
+        {
+          hasImage: !!r.image,
+          onApply: (e) => n({ image: e, bgType: "image" }),
+          onRemove: () => n({ image: void 0 }),
+          children: /* @__PURE__ */ l("button", { type: "button", className: p.barBtn, children: [
+            /* @__PURE__ */ o(h, { size: 16 }),
+            r.image ? i("slideBar.replace") : i("slideBar.addImage")
+          ] })
+        }
+      ),
+      r.image && /* @__PURE__ */ l(m, { children: [
+        /* @__PURE__ */ o(
+          T,
+          {
+            label: i("slideBar.blur"),
+            opened: t === "bgBlur",
+            onChange: s("bgBlur"),
+            value: r.blur ?? 0,
+            min: 0,
+            max: 10,
+            suffix: "px",
+            onApply: (e) => n({ blur: e })
+          }
+        ),
+        /* @__PURE__ */ o(
+          T,
+          {
+            label: i("slideBar.brightness"),
+            opened: t === "bgBright",
+            onChange: s("bgBright"),
+            value: r.brightness ?? 100,
+            min: 0,
+            max: 200,
+            display: (e) => `${e - 100}`,
+            onApply: (e) => n({ brightness: e })
+          }
+        )
+      ] })
+    ] }),
+    d === "video" && /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        className: p.barBtn,
+        onClick: () => f.current?.click(),
+        children: [
+          /* @__PURE__ */ o(h, { size: 16 }),
+          r.video ? i("slideBar.replaceVideo") : i("slideBar.addVideo")
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Z as BackgroundBar
+};

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

@@ -0,0 +1,13 @@
+import { ChangeEvent, ReactNode } from 'react';
+export type BarSwitchProps = {
+    label?: ReactNode;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+/**
+ * Кастомный переключатель тёмной плавающей панели (без Mantine). Скрытый
+ * `<input type=checkbox>` держит состояние и события, визуал — трек + бегунок.
+ */
+export declare const BarSwitch: ({ label, checked, disabled, onChange, }: BarSwitchProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BarSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/BarSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,yCAKvB,cAAc,4CAchB,CAAC"}

package/dist/components/FormViewer/components/editor/BarSwitch.js

@@ -0,0 +1,24 @@
+import { jsxs as h, jsx as c } from "react/jsx-runtime";
+import a from "./SelectableBlock.module.css.js";
+const m = ({
+  label: s,
+  checked: e,
+  disabled: r,
+  onChange: t
+}) => /* @__PURE__ */ h("label", { className: a.barSwitch, children: [
+  s ? /* @__PURE__ */ c("span", { className: a.barSwitchLabel, children: s }) : null,
+  /* @__PURE__ */ c(
+    "input",
+    {
+      type: "checkbox",
+      className: a.barSwitchInput,
+      checked: !!e,
+      disabled: r,
+      onChange: t
+    }
+  ),
+  /* @__PURE__ */ c("span", { className: a.barSwitchTrack, children: /* @__PURE__ */ c("span", { className: a.barSwitchThumb }) })
+] });
+export {
+  m as BarSwitch
+};

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

@@ -0,0 +1,13 @@
+/**
+ * Наполнение плавающей панели для кнопок перехода: полная ширина, выравнивание,
+ * доп. кнопка «Назад» и их расположение. Параметры, которые перекрываются
+ * другими (напр. выравнивание при full width), скрываются.
+ *
+ * `variant='start'` — панель кнопки «Начать» стартового слайда: те же параметры,
+ * что и у кнопки перехода, но без «Назад» и всего, что с ней связано
+ * (расположение, выравнивание «по краям»).
+ */
+export declare const ButtonSettingsBar: ({ variant, }: {
+    variant?: "nav" | "start";
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonSettingsBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSettingsBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/ButtonSettingsBar.tsx"],"names":[],"mappings":"AA6BA;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,cAE/B;IACD,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAC3B,4CAwIA,CAAC"}

package/dist/components/FormViewer/components/editor/ButtonSettingsBar.js

@@ -0,0 +1,127 @@
+import { jsxs as n, Fragment as c, jsx as t } from "react/jsx-runtime";
+import { useState as D } from "react";
+import { useTranslation as k } from "react-i18next";
+import { IconChevronDown as C, IconLayoutColumns as I, IconLayoutRows as z, IconCornerDownRight as L, IconLayoutDistributeHorizontal as N, IconAlignRight as T, IconAlignCenter as A, IconAlignLeft as S } from "@tabler/icons-react";
+import { useFormViewerStore as x } from "../../store/formStore.js";
+import { themeReselect as F } from "../../store/selectors.js";
+import { FormMenu as s } from "../ui/FormMenu.js";
+import { BarSwitch as p } from "./BarSwitch.js";
+import o from "./SelectableBlock.module.css.js";
+const g = {
+  start: /* @__PURE__ */ t(S, { size: 17 }),
+  center: /* @__PURE__ */ t(A, { size: 17 }),
+  end: /* @__PURE__ */ t(T, { size: 17 }),
+  between: /* @__PURE__ */ t(N, { size: 17 })
+}, _ = ({
+  variant: v = "nav"
+}) => {
+  const { t: e } = k("forms"), { useStore: B, api: l } = x(), h = v === "start", r = B(F), m = !!r.buttonFullWidth, i = r.buttonAlign ?? "start", u = !h && !!r.buttonShowBack, b = r.buttonLayout === "vertical", [f, w] = D(!1), y = [
+    { value: "start", label: e("titleBar.alignLeft") },
+    { value: "center", label: e("titleBar.alignCenter") },
+    { value: "end", label: e("titleBar.alignRight") },
+    ...u && !b ? [{ value: "between", label: e("buttonBar.alignEdges") }] : []
+  ];
+  return /* @__PURE__ */ n(c, { children: [
+    /* @__PURE__ */ t(
+      p,
+      {
+        label: e("buttonBar.fullWidth"),
+        checked: m,
+        onChange: (a) => l.patchThemeData({ buttonFullWidth: a.currentTarget.checked })
+      }
+    ),
+    !m && /* @__PURE__ */ n(c, { children: [
+      /* @__PURE__ */ t("span", { className: o.barDivider }),
+      /* @__PURE__ */ n(
+        s,
+        {
+          opened: f,
+          onChange: w,
+          position: "bottom",
+          width: 170,
+          children: [
+            /* @__PURE__ */ t(s.Target, { children: /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: o.barBtn,
+                "aria-label": e("titleBar.alignLeft"),
+                children: [
+                  g[i],
+                  /* @__PURE__ */ t(C, { size: 14 })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ t(s.Dropdown, { children: y.map((a) => /* @__PURE__ */ t(
+              s.Item,
+              {
+                leftSection: g[a.value],
+                active: i === a.value,
+                onClick: () => l.patchThemeData({ buttonAlign: a.value }),
+                children: a.label
+              },
+              a.value
+            )) })
+          ]
+        }
+      )
+    ] }),
+    !h && /* @__PURE__ */ n(c, { children: [
+      /* @__PURE__ */ t("span", { className: o.barDivider }),
+      /* @__PURE__ */ t(
+        p,
+        {
+          label: e("buttonBar.backButton"),
+          checked: u,
+          onChange: (a) => {
+            const d = a.currentTarget.checked;
+            l.patchThemeData({
+              buttonShowBack: d,
+              // «По краям» теряет смысл без второй кнопки.
+              ...!d && i === "between" ? { buttonAlign: "start" } : {}
+            });
+          }
+        }
+      )
+    ] }),
+    u && /* @__PURE__ */ n(c, { children: [
+      /* @__PURE__ */ t("span", { className: o.barDivider }),
+      /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 2 }, children: [
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: o.barBtn,
+            "aria-label": e("buttonBar.layoutHorizontal"),
+            "data-active": !b || void 0,
+            onClick: () => l.patchThemeData({ buttonLayout: "horizontal" }),
+            children: /* @__PURE__ */ t(I, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: o.barBtn,
+            "aria-label": e("buttonBar.layoutVertical"),
+            "data-active": b || void 0,
+            onClick: () => l.patchThemeData({
+              buttonLayout: "vertical",
+              // вертикально «по краям» не применимо.
+              ...i === "between" ? { buttonAlign: "start" } : {}
+            }),
+            children: /* @__PURE__ */ t(z, { size: 16 })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t("span", { className: o.barDivider }),
+    /* @__PURE__ */ n("span", { className: o.barLabel, children: [
+      /* @__PURE__ */ t(L, { size: 14 }),
+      e("buttonBar.leadsToNext")
+    ] })
+  ] });
+};
+export {
+  _ as ButtonSettingsBar
+};

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

@@ -0,0 +1,10 @@
+import { ButtonHTMLAttributes } from 'react';
+/**
+ * Кастомный таргет выбора цвета для тёмной плавающей панели: круглый сэмпл
+ * текущего цвета (как в дизайне). Пробрасывает ref/пропсы, чтобы работать
+ * триггером Mantine Menu.
+ */
+export declare const ColorSwatchTarget: import("react").ForwardRefExoticComponent<{
+    color?: string | null;
+} & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ColorSwatchTarget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchTarget.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/ColorSwatchTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAQzD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;YARpB,MAAM,GAAG,IAAI;+FA6BrB,CAAC"}

package/dist/components/FormViewer/components/editor/ColorSwatchTarget.js

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import o from "./SelectableBlock.module.css.js";
+const d = l(({ color: t, className: e, ...a }, n) => {
+  const s = t || "var(--mantine-color-bright)";
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      ref: n,
+      type: "button",
+      className: [o.barBtn, e].filter(Boolean).join(" "),
+      ...a,
+      children: /* @__PURE__ */ r(
+        "span",
+        {
+          "aria-hidden": !0,
+          className: o.colorSwatch,
+          style: { background: s }
+        }
+      )
+    }
+  );
+});
+export {
+  d as ColorSwatchTarget
+};

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

@@ -0,0 +1,14 @@
+/**
+ * Плавающая панель настроек контейнера контента: его собственный ФОН
+ * (`theme.container.background`) — цвет / картинка / видео / нет.
+ *
+ * Отображается ЭФФЕКТИВНЫЙ фон (с учётом наследования из темы), а не «сырой»
+ * пер-слайдовый оверрайд — иначе слайд, который просто наследует фон из темы,
+ * ошибочно показывался бы как «без фона». Патч пишется в собственный
+ * (пер-слайдовый) `container.background`; кнопка «По теме» очищает оверрайд,
+ * возвращая слайд к фону контейнера из темы.
+ */
+export declare const ContainerSettingsBar: ({ stepId }: {
+    stepId: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ContainerSettingsBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerSettingsBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/ContainerSettingsBar.tsx"],"names":[],"mappings":"AAWA;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,mDA+DlE,CAAC"}

package/dist/components/FormViewer/components/editor/ContainerSettingsBar.js

@@ -0,0 +1,43 @@
+import { jsxs as n, Fragment as l, jsx as a } from "react/jsx-runtime";
+import { useTranslation as k } from "react-i18next";
+import { IconRestore as B } from "@tabler/icons-react";
+import { useFormViewerStore as T } from "../../store/formStore.js";
+import { stepsReselect as S } from "../../store/selectors.js";
+import { BackgroundBar as w } from "./BackgroundBar.js";
+import u from "./SelectableBlock.module.css.js";
+const R = ({ stepId: o }) => {
+  const { t: c } = k("forms"), { useStore: i, api: s } = T(), m = i((r) => r.config.steps.find((f) => f.id === o)), { currentSteps: p } = i(S), e = p.find((r) => r.id === o)?.theme?.container;
+  if (!m) return null;
+  const t = m.theme?.container ?? {}, d = e?.background ?? (e?.color ? { bgType: "color", color: e.color } : {}), g = (r) => s.updateStep(o, {
+    theme: {
+      container: {
+        ...t,
+        background: { ...t.background, ...r }
+      }
+    }
+  }), h = () => s.updateStep(o, {
+    theme: { container: { background: void 0 } }
+  }), b = t.background !== void 0;
+  return /* @__PURE__ */ n(l, { children: [
+    /* @__PURE__ */ a(w, { bg: d, onPatch: g, stepId: o, allowNone: !0 }),
+    b && /* @__PURE__ */ n(l, { children: [
+      /* @__PURE__ */ a("span", { className: u.barDivider }),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: u.barBtn,
+          "aria-label": c("containerBar.resetToTheme"),
+          onClick: h,
+          children: [
+            /* @__PURE__ */ a(B, { size: 16 }),
+            c("containerBar.resetToTheme")
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  R as ContainerSettingsBar
+};

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { Control } from '../../types/form';
+export declare const HeadingSettingsBar: ({ controlId, blockEl, }: {
+    controlId: string;
+    blockEl?: HTMLElement | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ParagraphSettingsBar: ({ controlId, blockEl, }: {
+    controlId: string;
+    blockEl?: HTMLElement | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ImageSettingsBar: ({ controlId }: {
+    controlId: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DividerSettingsBar: ({ controlId }: {
+    controlId: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+/** Диспетчер плавающей панели для контентных контролов. */
+export declare const ContentSettingsBar: ({ controlType, controlId, blockEl, }: {
+    controlType: Control["controlType"];
+    controlId: string;
+    blockEl?: HTMLElement | null;
+}) => ReactNode;
+//# sourceMappingURL=ContentSettingsBars.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSettingsBars.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/ContentSettingsBars.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAepD,OAAO,EAAS,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAiMlD,eAAO,MAAM,kBAAkB,GAAI,yBAGhC;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,mDAmCA,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,yBAGlC;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,mDAmCA,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,eAAe;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,mDA2FpE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,eAAe;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,mDA6DtE,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,GAAI,sCAIhC;IACD,WAAW,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,KAAG,SAaH,CAAC"}