@layers-app/shared 0.4.9 → 0.4.10

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

@@ -0,0 +1,23 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useFormViewerStore as n, isSameEditorTarget as i } from "../../store/formStore.js";
+import m from "./SelectableBlock.module.css.js";
+const p = ({
+  target: e,
+  variant: o = "element"
+}) => {
+  const { useStore: t } = n(), s = t(
+    (r) => i(r.editorHover, e) || i(r.editorSelection, e)
+  );
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "aria-hidden": !0,
+      className: m.ring,
+      "data-variant": o,
+      "data-visible": s || void 0
+    }
+  );
+};
+export {
+  p as SelectionRing
+};

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

@@ -0,0 +1,9 @@
+/**
+ * Плавающая панель настроек слайда: ФОН слайда (`theme.background`) — цвет /
+ * картинка / видео (через `BackgroundBar`). Боковой медиа-элемент здесь только
+ * ДОБАВЛЯЕТСЯ (когда его ещё нет); его настройки живут в `MediaSettingsBar`.
+ */
+export declare const SlideSettingsBar: ({ stepId }: {
+    stepId: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SlideSettingsBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideSettingsBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/SlideSettingsBar.tsx"],"names":[],"mappings":"AAcA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,mDA6E9D,CAAC"}

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

@@ -0,0 +1,68 @@
+import { jsxs as n, Fragment as g, jsx as t } from "react/jsx-runtime";
+import { useRef as k } from "react";
+import { useTranslation as v } from "react-i18next";
+import { IconPhoto as F, IconVideo as N } from "@tabler/icons-react";
+import { getRandomId as V } from "../../helpers/steps.js";
+import { useFormViewerStore as w } from "../../store/formStore.js";
+import { BackgroundBar as x } from "./BackgroundBar.js";
+import { ImagePicker as M } from "./barControls.js";
+import s from "./SelectableBlock.module.css.js";
+const E = ({ stepId: o }) => {
+  const { t: c } = v("forms"), { useStore: l, api: d } = w(), a = l((e) => e.config.steps.find((i) => i.id === o)), u = l((e) => e.uploadFileFn), m = k(null);
+  if (!a) return null;
+  const h = a.theme?.background ?? {}, r = a.media ?? {}, b = !!(r.image || r.video), y = (e) => d.updateStep(o, { theme: { background: e } }), f = (e) => d.updateStep(o, { media: { ...r, ...e } }), B = async (e) => {
+    const i = e?.[0];
+    if (!i || !u) return;
+    const S = {
+      id: V(),
+      file: i,
+      isError: !1,
+      isLoading: !0,
+      isSuccess: !1
+    }, p = await u(S, { stepId: o });
+    p && f({ video: p, layout: r.layout ?? "left" });
+  };
+  return /* @__PURE__ */ n(g, { children: [
+    /* @__PURE__ */ t(x, { bg: h, onPatch: y, stepId: o, allowNone: !0 }),
+    !b && /* @__PURE__ */ n(g, { children: [
+      /* @__PURE__ */ t("span", { className: s.barDivider }),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          ref: m,
+          type: "file",
+          accept: "video/*",
+          hidden: !0,
+          onChange: (e) => {
+            B(e.currentTarget.files), e.currentTarget.value = "";
+          }
+        }
+      ),
+      /* @__PURE__ */ t(
+        M,
+        {
+          onApply: (e) => f({ image: e, layout: r.layout ?? "left" }),
+          children: /* @__PURE__ */ n("button", { type: "button", className: s.barBtn, children: [
+            /* @__PURE__ */ t(F, { size: 16 }),
+            c("slideBar.addImage")
+          ] })
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: s.barBtn,
+          onClick: () => m.current?.click(),
+          children: [
+            /* @__PURE__ */ t(N, { size: 16 }),
+            c("slideBar.addVideo")
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  E as SlideSettingsBar
+};

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+/**
+ * Делает один контрол слайда перетаскиваемым (смена порядка элементов). Сам по
+ * себе ручку не рисует — прокидывает её параметры вниз, чтобы grip появился у
+ * выделенного элемента (`DragHandle` внутри `SelectableBlock`).
+ */
+export declare const SortableControl: ({ id, children, }: {
+    id: string;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SortableControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortableControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/SortableControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlC;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,mBAG7B;IACD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;CACrB,4CA4BA,CAAC"}

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

@@ -0,0 +1,38 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useSortable as f } from "@dnd-kit/sortable";
+import { CSS as d } from "@dnd-kit/utilities";
+import { DragHandleProvider as g } from "./DragHandleContext.js";
+import p from "./SelectableBlock.module.css.js";
+const N = ({
+  id: t,
+  children: o
+}) => {
+  const {
+    attributes: e,
+    listeners: s,
+    setNodeRef: a,
+    setActivatorNodeRef: i,
+    transform: n,
+    transition: m,
+    isDragging: l
+  } = f({ id: t });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: a,
+      className: p.sortable,
+      "data-dragging": l || void 0,
+      style: { transform: d.Translate.toString(n), transition: m },
+      children: /* @__PURE__ */ r(
+        g,
+        {
+          value: { attributes: e, listeners: s, setActivatorNodeRef: i },
+          children: o
+        }
+      )
+    }
+  );
+};
+export {
+  N as SortableControl
+};

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

@@ -0,0 +1,12 @@
+/**
+ * Наполнение плавающей панели для заголовка: размер, выравнивание, цвет.
+ *
+ * scope='slide'   — стиль заголовков слайдов (theme.slideTitle);
+ * scope='control' — стиль заголовков контролов (theme.title).
+ * Оба стиля глобальные, т.е. синхронизированы между всеми заголовками своего типа.
+ */
+export declare const TitleSettingsBar: ({ scope, blockEl, }: {
+    scope: "slide" | "control";
+    blockEl?: HTMLElement | null;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TitleSettingsBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleSettingsBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/TitleSettingsBar.tsx"],"names":[],"mappings":"AAoBA;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,qBAG9B;IACD,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B,4CA8GA,CAAC"}

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

@@ -0,0 +1,99 @@
+import { jsxs as n, Fragment as w, jsx as e } from "react/jsx-runtime";
+import { useState as z, useMemo as y } from "react";
+import { useTranslation as B } from "react-i18next";
+import { IconChevronDown as D, IconLock as M } from "@tabler/icons-react";
+import { FormColorPicker as N } from "../../../FormColorPicker/FormColorPicker.js";
+import { useRenderedColor as k } from "../../../FormColorPicker/useRenderedColor.js";
+import { useFormViewerStore as x } from "../../store/formStore.js";
+import { themeReselect as A } from "../../store/selectors.js";
+import { FormMenu as t } from "../ui/FormMenu.js";
+import { AlignMenu as E } from "./AlignMenu.js";
+import { ColorSwatchTarget as F } from "./ColorSwatchTarget.js";
+import l from "./SelectableBlock.module.css.js";
+const I = [14, 16, 18, 20, 24, 28, 32, 36, 40, 48, 56, 64], J = ({
+  scope: a,
+  blockEl: S
+}) => {
+  const { t: r } = B("forms"), { useStore: b, api: h } = x(), f = b(A), s = a === "slide" ? f.slideTitle : f.title, c = a === "slide" ? h.patchSlideTitleProperties : h.patchTitleProperties, i = s?.fontSize ?? 20, u = s?.color, [m, T] = z(null), g = k(S ?? null, "color"), p = (o) => (d) => T(d ? o : null), C = y(
+    () => Array.from(/* @__PURE__ */ new Set([...I, i])).sort((o, d) => o - d),
+    [i]
+  ), v = r(a === "slide" ? "titleBar.appliesToAllSlides" : "titleBar.appliesToAllControls");
+  return /* @__PURE__ */ n(w, { children: [
+    /* @__PURE__ */ n(
+      t,
+      {
+        opened: m === "size",
+        onChange: p("size"),
+        position: "bottom",
+        width: 120,
+        children: [
+          /* @__PURE__ */ e(t.Target, { children: /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: l.barBtn,
+              "aria-label": r("size"),
+              children: [
+                /* @__PURE__ */ e("span", { className: l.barBtnLabel, children: r("size") }),
+                i,
+                /* @__PURE__ */ e(D, { size: 14 })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(t.Dropdown, { children: /* @__PURE__ */ e("div", { style: { maxHeight: 260, overflowY: "auto" }, children: C.map((o) => /* @__PURE__ */ e(
+            t.Item,
+            {
+              active: o === i,
+              onClick: () => c({ fontSize: o }),
+              children: o
+            },
+            o
+          )) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: l.barDivider }),
+    /* @__PURE__ */ e(
+      E,
+      {
+        value: s?.align ?? "start",
+        onSelect: (o) => c({ align: o }),
+        opened: m === "align",
+        onOpenedChange: p("align")
+      }
+    ),
+    /* @__PURE__ */ n(
+      t,
+      {
+        opened: m === "color",
+        onChange: p("color"),
+        position: "bottom",
+        children: [
+          /* @__PURE__ */ e(t.Target, { children: /* @__PURE__ */ e(
+            F,
+            {
+              color: u ?? g,
+              "aria-label": r("color")
+            }
+          ) }),
+          /* @__PURE__ */ e(t.Dropdown, { p: 0, children: /* @__PURE__ */ e(
+            N,
+            {
+              value: u,
+              fallback: g,
+              onChangeEnd: (o) => c({ color: o })
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: l.barDivider }),
+    /* @__PURE__ */ n("span", { className: l.barLabel, children: [
+      /* @__PURE__ */ e(M, { size: 13 }),
+      v
+    ] })
+  ] });
+};
+export {
+  J as TitleSettingsBar
+};

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+/**
+ * Общий дропдаун выбора картинки (тот же `FilePicker`, что у карточек picture
+ * choice): загрузка/ссылка/галерея. Возвращает URL через `onApply`.
+ */
+export declare const ImagePicker: ({ hasImage, onApply, onRemove, children, }: {
+    hasImage?: boolean;
+    onApply: (url: string) => void;
+    onRemove?: () => void;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Меню со слайдером (блюр / яркость). */
+export declare const SliderMenu: ({ label, value, min, max, suffix, display, onApply, opened, onChange, }: {
+    label: string;
+    value: number;
+    min: number;
+    max: number;
+    suffix?: string;
+    display?: (v: number) => string;
+    onApply: (v: number) => void;
+    opened: boolean;
+    onChange: (opened: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=barControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"barControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/barControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAY5C;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,4CAKzB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAmCA,CAAC;AAEF,0CAA0C;AAC1C,eAAO,MAAM,UAAU,GAAI,yEAUxB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,4CAuBA,CAAC"}

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

@@ -0,0 +1,78 @@
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { IconChevronDown as F } from "@tabler/icons-react";
+import { useFormViewerStore as g } from "../../store/formStore.js";
+import { FormMenu as f } from "../ui/FormMenu.js";
+import { FormSlider as x } from "../ui/FormSlider.js";
+import { FormText as S } from "../ui/FormText.js";
+import w from "./SelectableBlock.module.css.js";
+import { FilePicker as b } from "../../../FilePicker/FilePicker.js";
+const P = ({
+  hasImage: t,
+  onApply: e,
+  onRemove: n,
+  children: l
+}) => {
+  const { useStore: c } = g(), r = c((o) => o.uploadFileFn), [a, s] = h(!1);
+  return /* @__PURE__ */ i(
+    b,
+    {
+      hasImage: t,
+      uploading: a,
+      onChange: (o) => e(o),
+      onRemove: n ? () => n() : void 0,
+      onUpload: (o, u) => {
+        const d = o[0];
+        !d || !r || (s(!0), r(
+          {
+            file: d,
+            id: d.name,
+            isError: !1,
+            isLoading: !0,
+            isSuccess: !1
+          },
+          {}
+        ).then((p) => p && e(p)).finally(() => {
+          s(!1), u(!1);
+        }));
+      },
+      children: l
+    }
+  );
+}, T = ({
+  label: t,
+  value: e,
+  min: n,
+  max: l,
+  suffix: c,
+  display: r,
+  onApply: a,
+  opened: s,
+  onChange: o
+}) => /* @__PURE__ */ m(f, { opened: s, onChange: o, position: "bottom", width: 200, children: [
+  /* @__PURE__ */ i(f.Target, { children: /* @__PURE__ */ m("button", { type: "button", className: w.barBtn, children: [
+    t,
+    /* @__PURE__ */ i(F, { size: 14 })
+  ] }) }),
+  /* @__PURE__ */ i(f.Dropdown, { p: 14, children: /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ m(S, { size: "xs", c: "var(--mantine-color-dimmed, #868e96)", children: [
+      t,
+      ": ",
+      r ? r(e) : `${e}${c ?? ""}`
+    ] }),
+    /* @__PURE__ */ i(
+      x,
+      {
+        min: n,
+        max: l,
+        step: 1,
+        value: e,
+        onChange: a
+      }
+    )
+  ] }) })
+] });
+export {
+  P as ImagePicker,
+  T as SliderMenu
+};

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

@@ -0,0 +1,5 @@
+export * from './SelectableBlock';
+export * from './SelectionRing';
+export * from './FloatingBar';
+export * from './keys';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * Стабильные ключи выделяемых элементов внутри слайда.
+ *
+ * Логика слайда: сверху обязательный заголовок СЛАЙДА, снизу обязательная
+ * кнопка (переход на следующий слайд), а между ними — произвольные кастомные
+ * элементы (поля). У каждого поля может быть собственный заголовок КОНТРОЛА.
+ */
+export type EditorElementKind = 'slideTitle' | 'controlTitle' | 'field' | 'button' | 'startButton';
+export declare const slideTitleElementKey: (stepId: string) => string;
+export declare const controlTitleElementKey: (controlId: string) => string;
+export declare const fieldElementKey: (controlId: string) => string;
+export declare const buttonElementKey: (stepId: string) => string;
+/**
+ * Кнопка «Начать» стартового слайда — как обычная кнопка перехода, но без
+ * параметра «Назад»; всегда внизу, её нельзя удалить/дублировать.
+ */
+export declare const startButtonElementKey: (stepId: string) => string;
+/** Определяет тип элемента по его ключу (`slideTitle:...`, `controlTitle:...`, …). */
+export declare const getElementKind: (elementKey: string) => EditorElementKind | null;
+//# sourceMappingURL=keys.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/editor/keys.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GACzB,YAAY,GACZ,cAAc,GACd,OAAO,GACP,QAAQ,GACR,aAAa,CAAC;AAElB,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,WAA2B,CAAC;AAC/E,eAAO,MAAM,sBAAsB,GAAI,WAAW,MAAM,WAC3B,CAAC;AAC9B,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,WAAyB,CAAC;AAC3E,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,WAAuB,CAAC;AACvE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,WAC3B,CAAC;AAU1B,sFAAsF;AACtF,eAAO,MAAM,cAAc,GAAI,YAAY,MAAM,KAAG,iBAAiB,GAAG,IAGvE,CAAC"}

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

@@ -0,0 +1,17 @@
+const l = (t) => `controlTitle:${t}`, o = (t) => `field:${t}`, s = (t) => `button:${t}`, i = (t) => `startButton:${t}`, n = [
+  "slideTitle",
+  "controlTitle",
+  "field",
+  "button",
+  "startButton"
+], c = (t) => {
+  const e = t.split(":")[0];
+  return n.includes(e) ? e : null;
+};
+export {
+  s as buttonElementKey,
+  l as controlTitleElementKey,
+  o as fieldElementKey,
+  c as getElementKind,
+  i as startButtonElementKey
+};

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

@@ -1,4 +1,7 @@
-export declare const AddOptionButton: ({ onClick }: {
+import { ThemeData } from '../../types/form';
+export declare const AddOptionButton: ({ onClick, label, }: {
     onClick: () => void;
+    theme?: ThemeData;
+    label?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AddOptionButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddOptionButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/AddOptionButton.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,4CAiBnE,CAAC"}
+{"version":3,"file":"AddOptionButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormViewer/components/fields/AddOptionButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C,eAAO,MAAM,eAAe,GAAI,qBAG7B;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,4CASA,CAAC"}

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

@@ -1,24 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useTranslation as n } from "react-i18next";
-import { Button as i } from "@mantine/core";
-const u = ({ onClick: t }) => {
-  const { t: o } = n("forms");
-  return /* @__PURE__ */ r(
-    i,
-    {
-      color: "gray",
-      variant: "subtle",
-      fullWidth: !0,
-      justify: "flex-start",
-      td: "underline",
-      w: "fit-content",
-      ml: 6,
-      px: 4,
-      onClick: t,
-      children: o("addOption")
-    }
-  );
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import { IconPlus as e } from "@tabler/icons-react";
+import i from "./fieldStyles.module.css.js";
+const c = ({
+  onClick: t,
+  label: o
+}) => {
+  const { t: r } = m("forms");
+  return /* @__PURE__ */ s("button", { type: "button", className: i.addOpt, onClick: t, children: [
+    /* @__PURE__ */ n(e, { size: 16, stroke: 2 }),
+    o || r("addOption")
+  ] });
 };
 export {
-  u as AddOptionButton
+  c as AddOptionButton
 };

package/dist/components/FormViewer/components/fields/ChoiceField/ChoiceCard.d.ts

@@ -1,12 +1,11 @@
 import { ChoiceControlItem, ThemeData } from '../../../types/form';
 export type ChoiceCardProps = {
     label: string;
-    showInput?: boolean;
     id: string;
     onUpdate?: (v: Partial<ChoiceControlItem>) => void;
     onRemove?: () => void;
     controlId: string;
     theme?: ThemeData;
 };
-export declare const ChoiceCard: import("react").MemoExoticComponent<({ label, showInput, onUpdate, onRemove, controlId, id, theme, }: ChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ChoiceCard: import("react").MemoExoticComponent<({ label, onUpdate, onRemove, controlId, id, theme }: ChoiceCardProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=ChoiceCard.d.ts.map

package/dist/components/FormViewer/components/fields/ChoiceField/ChoiceCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ChoiceField/ChoiceCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGnE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,UAAU,wGASlB,eAAe,6CAsBnB,CAAC"}
+{"version":3,"file":"ChoiceCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ChoiceField/ChoiceCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGnE,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,UAAU,4FACiC,eAAe,6CAqBtE,CAAC"}

package/dist/components/FormViewer/components/fields/ChoiceField/ChoiceCard.js

@@ -1,35 +1,26 @@
-import { jsx as n } from "react/jsx-runtime";
-import { memo as p } from "react";
-import { useSteps as u } from "../../../hooks/useCreateFormContext.js";
-import { SelectableCard as f } from "../SelectableCard/SelectableCard.js";
-const x = p(
-  ({
-    label: i,
-    showInput: l,
-    onUpdate: r,
-    onRemove: a,
-    controlId: e,
-    id: o,
-    theme: s
-  }) => {
-    const { form: c, setValue: m } = u(), t = c.values[e] === o;
-    return /* @__PURE__ */ n(
-      f,
+import { jsx as s } from "react/jsx-runtime";
+import { memo as n } from "react";
+import { useSteps as p } from "../../../hooks/useCreateFormContext.js";
+import { SelectableCard as u } from "../SelectableCard/SelectableCard.js";
+const V = n(
+  ({ label: i, onUpdate: l, onRemove: r, controlId: e, id: o, theme: a }) => {
+    const { form: c, setValue: m } = p(), t = c.values[e] === o;
+    return /* @__PURE__ */ s(
+      u,
       {
         label: i,
-        hasInput: l,
         inputType: "radio",
         active: t,
         onClick: () => {
           m(e, t ? null : o);
         },
-        onUpdate: r,
-        onRemove: a,
-        theme: s
+        onUpdate: l,
+        onRemove: r,
+        theme: a
       }
     );
   }
 );
 export {
-  x as ChoiceCard
+  V as ChoiceCard
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ChoiceField/ChoiceField.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,aAAa,EAEb,QAAQ,EACR,SAAS,EACV,MAAM,qBAAqB,CAAC;AAK7B,eAAO,MAAM,WAAW,GAAI,2BAIzB;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CAsJA,CAAC"}
+{"version":3,"file":"ChoiceField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FormViewer/components/fields/ChoiceField/ChoiceField.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,aAAa,EAEb,QAAQ,EACR,SAAS,EACV,MAAM,qBAAqB,CAAC;AAQ7B,eAAO,MAAM,WAAW,GAAI,2BAIzB;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,4CA+IA,CAAC"}