@esheet/builder 0.0.3 → 0.0.4-1

package/dist/lib/hooks/useFormApi.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { useStore } from 'zustand';
+import { useFormStore } from '@esheet/fields';
+/**
+ * useFormApi — reactive field state + form store actions.
+ *
+ * Touches only the FormStore. For UI state (mode, selection, tabs) use
+ * useUiApi(). For the computed visible root IDs use useVisibleRootIds().
+ *
+ * @param fieldId - The field to bind to. Pass undefined for form-level ops only.
+ */
+export function useFormApi(fieldId) {
+    const form = useFormStore();
+    // --- Reactive field state ---
+    const field = useStore(form, (s) => fieldId ? s.getField(fieldId) : undefined);
+    const response = useStore(form, (s) => fieldId ? s.getResponse(fieldId) : undefined);
+    const isVisible = useStore(form, (s) => fieldId ? s.isVisible(fieldId) : true);
+    const isEnabled = useStore(form, (s) => fieldId ? s.isEnabled(fieldId) : true);
+    const isRequired = useStore(form, (s) => fieldId ? s.isRequired(fieldId) : false);
+    // --- Reactive form-level state ---
+    const normalized = useStore(form, (s) => s.normalized);
+    const responses = useStore(form, (s) => s.responses);
+    const instanceId = useStore(form, (s) => s.instanceId);
+    return React.useMemo(() => ({
+        field,
+        response,
+        isVisible,
+        isEnabled,
+        isRequired,
+        normalized,
+        responses,
+        instanceId,
+        form: {
+            addField: (type, opts) => form.getState().addField(type, opts),
+            loadDefinition: form.getState().loadDefinition,
+            setFormId: form.getState().setFormId,
+            hydrateDefinition: () => form.getState().hydrateDefinition(),
+            hydrateResponse: () => form.getState().hydrateResponse(),
+            resetResponses: () => form.getState().resetResponses(),
+        },
+        field_: {
+            update: (patch) => fieldId ? form.getState().updateField(fieldId, patch) : false,
+            remove: () => (fieldId ? form.getState().removeField(fieldId) : false),
+            move: (toIndex, toParentId) => fieldId
+                ? form.getState().moveField(fieldId, toIndex, toParentId)
+                : false,
+            setResponse: (resp) => fieldId ? form.getState().setResponse(fieldId, resp) : undefined,
+            clearResponse: () => fieldId ? form.getState().clearResponse(fieldId) : undefined,
+        },
+        option: {
+            add: (value) => fieldId ? form.getState().addOption(fieldId, value) : null,
+            update: (optId, value) => fieldId ? form.getState().updateOption(fieldId, optId, value) : false,
+            remove: (optId) => fieldId ? form.getState().removeOption(fieldId, optId) : false,
+        },
+        row: {
+            add: (value) => fieldId ? form.getState().addRow(fieldId, value) : null,
+            update: (rowId, value) => fieldId ? form.getState().updateRow(fieldId, rowId, value) : false,
+            remove: (rowId) => fieldId ? form.getState().removeRow(fieldId, rowId) : false,
+        },
+        column: {
+            add: (value) => fieldId ? form.getState().addColumn(fieldId, value) : null,
+            update: (colId, value) => fieldId ? form.getState().updateColumn(fieldId, colId, value) : false,
+            remove: (colId) => fieldId ? form.getState().removeColumn(fieldId, colId) : false,
+        },
+        _form: form,
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        fieldId,
+        field,
+        response,
+        isVisible,
+        isEnabled,
+        isRequired,
+        normalized,
+        responses,
+        instanceId,
+        form,
+    ]);
+}

package/dist/lib/hooks/useUiApi.d.ts

@@ -0,0 +1,22 @@
+import type { BuilderMode, EditTab, UIStore } from '@esheet/core';
+export interface UiApi {
+    mode: BuilderMode;
+    selectedFieldId: string | null;
+    selectedFieldChildId: string | null;
+    editTab: EditTab;
+    codeEditorHasError: boolean;
+    selectField: (id: string | null) => void;
+    selectFieldChild: (parentId: string, childId: string | null) => void;
+    setMode: (m: BuilderMode) => void;
+    setEditTab: (tab: EditTab) => void;
+    setEditModalOpen: (open: boolean) => void;
+    clearDragState: () => void;
+    _ui: UIStore;
+}
+/**
+ * useUiApi — lightweight hook for components that only need UI state/actions.
+ *
+ * Useful when you don't need field-scoped state. Requires UIContext provider.
+ */
+export declare function useUiApi(): UiApi;
+//# sourceMappingURL=useUiApi.d.ts.map

package/dist/lib/hooks/useUiApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiApi.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/useUiApi.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGlE,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrE,OAAO,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,GAAG,EAAE,OAAO,CAAC;CACd;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,KAAK,CAkChC"}

package/dist/lib/hooks/useUiApi.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { useStore } from 'zustand';
+import { useUI } from '@esheet/fields';
+/**
+ * useUiApi — lightweight hook for components that only need UI state/actions.
+ *
+ * Useful when you don't need field-scoped state. Requires UIContext provider.
+ */
+export function useUiApi() {
+    const ui = useUI();
+    const mode = useStore(ui, (s) => s.mode);
+    const selectedFieldId = useStore(ui, (s) => s.selectedFieldId);
+    const selectedFieldChildId = useStore(ui, (s) => s.selectedFieldChildId);
+    const editTab = useStore(ui, (s) => s.editTab);
+    const codeEditorHasError = useStore(ui, (s) => s.codeEditorHasError);
+    return React.useMemo(() => ({
+        mode,
+        selectedFieldId,
+        selectedFieldChildId,
+        editTab,
+        codeEditorHasError,
+        selectField: (id) => ui.getState().selectField(id),
+        selectFieldChild: (parentId, childId) => ui.getState().selectFieldChild(parentId, childId),
+        setMode: (m) => ui.getState().setMode(m),
+        setEditTab: (tab) => ui.getState().setEditTab(tab),
+        setEditModalOpen: (open) => ui.getState().setEditModalOpen(open),
+        clearDragState: () => ui.getState().clearDragState(),
+        _ui: ui,
+    }), [
+        mode,
+        selectedFieldId,
+        selectedFieldChildId,
+        editTab,
+        codeEditorHasError,
+        ui,
+    ]);
+}

package/dist/lib/hooks/useVisibleRootIds.d.ts

@@ -0,0 +1,11 @@
+/**
+ * useVisibleRootIds — returns the root field IDs to render.
+ *
+ * In build/code mode: all root IDs.
+ * In preview mode: only IDs whose visibility rules evaluate to true.
+ *
+ * Requires both FormStoreContext and UIContext providers.
+ * Uses a stable-ref cache so the array reference only changes when content does.
+ */
+export declare function useVisibleRootIds(): readonly string[];
+//# sourceMappingURL=useVisibleRootIds.d.ts.map

package/dist/lib/hooks/useVisibleRootIds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibleRootIds.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/useVisibleRootIds.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,IAAI,SAAS,MAAM,EAAE,CA0BrD"}

package/dist/lib/hooks/useVisibleRootIds.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { useStore } from 'zustand';
+import { useFormStore, useUI } from '@esheet/fields';
+/**
+ * useVisibleRootIds — returns the root field IDs to render.
+ *
+ * In build/code mode: all root IDs.
+ * In preview mode: only IDs whose visibility rules evaluate to true.
+ *
+ * Requires both FormStoreContext and UIContext providers.
+ * Uses a stable-ref cache so the array reference only changes when content does.
+ */
+export function useVisibleRootIds() {
+    const form = useFormStore();
+    const ui = useUI();
+    const normalized = useStore(form, (s) => s.normalized);
+    const responses = useStore(form, (s) => s.responses);
+    const mode = useStore(ui, (s) => s.mode);
+    const cacheRef = React.useRef([]);
+    return React.useMemo(() => {
+        const rootIds = mode !== 'preview'
+            ? normalized.rootIds
+            : normalized.rootIds.filter((id) => form.getState().isVisible(id));
+        const prev = cacheRef.current;
+        if (prev.length === rootIds.length &&
+            prev.every((v, i) => v === rootIds[i])) {
+            return prev;
+        }
+        cacheRef.current = rootIds;
+        return rootIds;
+    }, [normalized, responses, mode, form]);
+}

package/dist/lib/icons.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Builder icon components — ported from questionnaire-builder (old QB).
+ *
+ * All icons accept a `className` prop and render inline SVGs using `currentColor`.
+ * Usage: <TrashIcon className="ms:w-5 ms:h-5 ms:text-mstextmuted" />
+ */
+import React from 'react';
+type IconProps = {
+    className?: string;
+};
+export { TrashIcon, PlusIcon, ArrowUpIcon, ArrowDownIcon, UpDownArrowIcon, } from '@esheet/fields';
+export declare const ViewBigIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ViewSmallIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const EditIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TextFieldsIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const SelectionFieldsIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const RatingIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MatrixIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const RichContentIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const OrganizationIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const VEditorIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const PreviewIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const UploadIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DownloadIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const CodeIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ChevronIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const XIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const CheckIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DragHandleIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const LogicIcon: React.MemoExoticComponent<({ className }: IconProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/lib/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/lib/icons.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAQxC,OAAO,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,eAAe,GAChB,MAAM,gBAAgB,CAAC;AAMxB,eAAO,MAAM,WAAW,4CACD,SAAS,6CAuB/B,CAAC;AAEF,eAAO,MAAM,aAAa,4CACH,SAAS,6CAuB/B,CAAC;AAEF,eAAO,MAAM,QAAQ,4CACE,SAAS,6CAkB/B,CAAC;AAMF,eAAO,MAAM,cAAc,4CACJ,SAAS,6CAiB/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,4CACT,SAAS,6CAkB/B,CAAC;AAEF,eAAO,MAAM,UAAU,4CACA,SAAS,6CAqB/B,CAAC;AAEF,eAAO,MAAM,UAAU,4CACA,SAAS,6CAyB/B,CAAC;AAEF,eAAO,MAAM,eAAe,4CACL,SAAS,6CAiB/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,4CACN,SAAS,6CAkB/B,CAAC;AAMF,eAAO,MAAM,WAAW,4CACD,SAAS,6CAmB/B,CAAC;AAEF,eAAO,MAAM,WAAW,4CACD,SAAS,6CAoB/B,CAAC;AAMF,eAAO,MAAM,UAAU,4CACA,SAAS,6CAoB/B,CAAC;AAEF,eAAO,MAAM,YAAY,4CACF,SAAS,6CAoB/B,CAAC;AAEF,eAAO,MAAM,QAAQ,4CACE,SAAS,6CAmB/B,CAAC;AAMF,eAAO,MAAM,WAAW,4CACD,SAAS,6CAiB/B,CAAC;AAEF,eAAO,MAAM,KAAK,4CACK,SAAS,6CAiB/B,CAAC;AAEF,eAAO,MAAM,SAAS,4CACC,SAAS,6CAkB/B,CAAC;AAEF,eAAO,MAAM,cAAc,4CACJ,SAAS,6CAmB/B,CAAC;AAEF,eAAO,MAAM,SAAS,4CACC,SAAS,6CAqB/B,CAAC"}

package/dist/lib/icons.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Builder icon components — ported from questionnaire-builder (old QB).
+ *
+ * All icons accept a `className` prop and render inline SVGs using `currentColor`.
+ * Usage: <TrashIcon className="ms:w-5 ms:h-5 ms:text-mstextmuted" />
+ */
+import React from 'react';
+const eq = (a, b) => a.className === b.className;
+// ---------------------------------------------------------------------------
+// Shared icons — re-exported from @esheet/fields
+// ---------------------------------------------------------------------------
+export { TrashIcon, PlusIcon, ArrowUpIcon, ArrowDownIcon, UpDownArrowIcon, } from '@esheet/fields';
+// ---------------------------------------------------------------------------
+// Field Wrapper actions
+// ---------------------------------------------------------------------------
+export const ViewBigIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { d: "M12 10v-7l3 3" }), _jsx("path", { d: "M9 6l3 -3" }), _jsx("path", { d: "M12 14v7l3 -3" }), _jsx("path", { d: "M9 18l3 3" }), _jsx("path", { d: "M18 3h1a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-1" }), _jsx("path", { d: "M6 3h-1a2 2 0 0 0 -2 2v14a2 2 0 0 0 2 2h1" })] })), eq);
+export const ViewSmallIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { d: "M12 3v7l3 -3" }), _jsx("path", { d: "M9 7l3 3" }), _jsx("path", { d: "M12 21v-7l3 3" }), _jsx("path", { d: "M9 17l3 -3" }), _jsx("path", { d: "M18 9h1a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-1" }), _jsx("path", { d: "M6 9h-1a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h1" })] })), eq);
+export const EditIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M7 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-1" }), _jsx("path", { d: "M20.385 6.585a2.1 2.1 0 0 0-2.97-2.97L9 12v3h3zM16 5l3 3" })] })), eq);
+// ---------------------------------------------------------------------------
+// ToolPanel category icons
+// ---------------------------------------------------------------------------
+export const TextFieldsIcon = React.memo(({ className = '' }) => (_jsx("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2m-8 0V9M9 9h6" }) })), eq);
+export const SelectionFieldsIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), _jsx("path", { d: "m9 11l3 3l3-3" })] })), eq);
+export const RatingIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M11 6h9" }), _jsx("path", { d: "M11 12h9" }), _jsx("path", { d: "M12 18h8" }), _jsx("path", { d: "M4 16a2 2 0 1 1 4 0c0 0.591 -0.5 1 -1 1.5L4 20h4" }), _jsx("path", { d: "M6 10V4L4 6" })] })), eq);
+export const MatrixIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M4 5a1 1 0 1 0 2 0 1 1 0 1 0 -2 0" }), _jsx("path", { d: "M11 5a1 1 0 1 0 2 0 1 1 0 1 0 -2 0" }), _jsx("path", { d: "M18 5a1 1 0 1 0 2 0 1 1 0 1 0 -2 0" }), _jsx("path", { d: "M4 12a1 1 0 1 0 2 0 1 1 0 1 0 -2 0" }), _jsx("path", { d: "M11 12a1 1 0 1 0 2 0 1 1 0 1 0 -2 0" }), _jsx("path", { d: "M18 12a1 1 0 1 0 2 0 1 1 0 1 0 -2 0" }), _jsx("path", { d: "M4 19a1 1 0 1 0 2 0 1 1 0 1 0 -2 0" }), _jsx("path", { d: "M11 19a1 1 0 1 0 2 0 1 1 0 1 0 -2 0" }), _jsx("path", { d: "M18 19a1 1 0 1 0 2 0 1 1 0 1 0 -2 0" })] })), eq);
+export const RichContentIcon = React.memo(({ className = '' }) => (_jsx("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "m15 7 -6.5 6.5a1.5 1.5 0 0 0 3 3L18 10a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9L21 13" }) })), eq);
+export const OrganizationIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M9 4h3l2 2h5a2 2 0 0 1 2 2v7a2 2 0 0 1 -2 2H9a2 2 0 0 1 -2 -2V6a2 2 0 0 1 2 -2" }), _jsx("path", { d: "M17 17v2a2 2 0 0 1 -2 2H5a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2h2" })] })), eq);
+// ---------------------------------------------------------------------------
+// BuilderHeader — mode toggle icons
+// ---------------------------------------------------------------------------
+export const VEditorIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", children: [_jsx("path", { d: "M4 20h4L18.5 9.5a2.828 2.828 0 1 0 -4 -4L4 16v4" }), _jsx("path", { d: "m13.5 6.5 4 4" }), _jsx("path", { d: "m19 16 -2 3h4l-2 3" })] })), eq);
+export const PreviewIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", children: [_jsx("path", { d: "M15 8h0.01" }), _jsx("path", { d: "M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3H6a3 3 0 0 1 -3 -3V6z" }), _jsx("path", { d: "m3 16 5 -5c0.928 -0.893 2.072 -0.893 3 0l5 5" }), _jsx("path", { d: "m14 14 1 -1c0.928 -0.893 2.072 -0.893 3 0l3 3" })] })), eq);
+// ---------------------------------------------------------------------------
+// BuilderHeader — action icons
+// ---------------------------------------------------------------------------
+export const UploadIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }), _jsx("path", { d: "M7 9l5 -5l5 5" }), _jsx("path", { d: "M12 4l0 12" })] })), eq);
+export const DownloadIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" }), _jsx("path", { d: "M7 11l5 5l5 -5" }), _jsx("path", { d: "M12 4l0 12" })] })), eq);
+export const CodeIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "m7 8 -4 4 4 4" }), _jsx("path", { d: "m17 8 4 4 -4 4" }), _jsx("path", { d: "m14 4 -4 16" })] })), eq);
+// ---------------------------------------------------------------------------
+// Misc / shared
+// ---------------------------------------------------------------------------
+export const ChevronIcon = React.memo(({ className = '' }) => (_jsx("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M6 9l6 6l6 -6" }) })), eq);
+export const XIcon = React.memo(({ className = '' }) => (_jsx("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })), eq);
+export const CheckIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { d: "M5 12l5 5l10 -10" })] })), eq);
+export const DragHandleIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", children: [_jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), _jsx("circle", { cx: "9", cy: "5", r: "1" }), _jsx("circle", { cx: "9", cy: "12", r: "1" }), _jsx("circle", { cx: "9", cy: "19", r: "1" }), _jsx("circle", { cx: "15", cy: "5", r: "1" }), _jsx("circle", { cx: "15", cy: "12", r: "1" }), _jsx("circle", { cx: "15", cy: "19", r: "1" })] })), eq);
+export const LogicIcon = React.memo(({ className = '' }) => (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { d: "M22 12h-5" }), _jsx("path", { d: "M2 9h5" }), _jsx("path", { d: "M2 15h5" }), _jsx("path", { d: "M9 5c6 0 8 3.5 8 7s-2 7 -8 7h-2v-14h2" })] })), eq);

package/dist/lib/mcp/index.d.ts

@@ -0,0 +1,7 @@
+export { executeToolCall } from './tool-executor.js';
+export { BUILDER_TOOL_DEFINITIONS } from './tool-definitions.js';
+export { BUILDER_SYSTEM_PROMPT } from './system-prompt.js';
+export type { ToolDefinition } from './tool-definitions.js';
+export { useBuilderMcpToolHandler } from './useBuilderToolBridge.js';
+export type { UseBuilderMcpToolHandlerOptions } from './useBuilderToolBridge.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/mcp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/mcp/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,YAAY,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/lib/mcp/index.js

@@ -0,0 +1,4 @@
+export { executeToolCall } from './tool-executor.js';
+export { BUILDER_TOOL_DEFINITIONS } from './tool-definitions.js';
+export { BUILDER_SYSTEM_PROMPT } from './system-prompt.js';
+export { useBuilderMcpToolHandler } from './useBuilderToolBridge.js';

package/dist/lib/mcp/system-prompt.d.ts

@@ -0,0 +1,2 @@
+export declare const BUILDER_SYSTEM_PROMPT: string;
+//# sourceMappingURL=system-prompt.d.ts.map

package/dist/lib/mcp/system-prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-prompt.d.ts","sourceRoot":"","sources":["../../../src/lib/mcp/system-prompt.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,QAS0C,CAAC"}

package/dist/lib/mcp/system-prompt.js

@@ -0,0 +1,9 @@
+export const BUILDER_SYSTEM_PROMPT = 'Form builder assistant. Field types: text, longtext, multitext, radio, check, boolean, dropdown, multiselectdropdown, rating, ranking, slider, singlematrix, multimatrix, image, html, signature, diagram, display, section. ' +
+    'STRICT WORKFLOW: Before editing options/rows/columns on any field, call get_form_summary first to confirm the fieldType. ' +
+    'singlematrix and multimatrix fields are created empty (no default rows or columns) — after creating one, use add_row/add_column to populate it. Use update_row/remove_row for rows and update_column/remove_column for columns — NEVER use add_option on matrix fields. ' +
+    'add_option is ONLY for: radio, check, boolean, dropdown, multiselectdropdown, rating, ranking, slider, multitext. ' +
+    'IMPORTANT: When building a new form or questionnaire from scratch, ALWAYS call reset_form first to clear placeholder fields before adding new ones. ' +
+    'When using sections: first create the section field, then pass its ID as parentId on each subsequent create_field call to place fields inside it. ' +
+    'PREVIEW FILL WORKFLOW: When asked to fill the preview form, call fill_field for each field. Each response includes filledCount and unfilledFields (only fields still needing values). You are done when unfilledFields is empty. Never skip a field; generate realistic mock values for all fields including dates and times. ' +
+    'TEXT FIELD FORMATS: each field includes a valueFormat property — use it exactly (YYYY-MM-DD for date, YYYY-MM-DDTHH:mm for datetime-local, YYYY-MM for month, HH:mm for time). Wrong formats are rejected. ' +
+    'For conversational questions reply in plain text without calling a tool.';

package/dist/lib/mcp/tool-definitions.d.ts

@@ -0,0 +1,10 @@
+export interface ToolDefinition {
+    type: string;
+    function: {
+        name: string;
+        description: string;
+        parameters: Record<string, unknown>;
+    };
+}
+export declare const BUILDER_TOOL_DEFINITIONS: readonly ToolDefinition[];
+//# sourceMappingURL=tool-definitions.d.ts.map

package/dist/lib/mcp/tool-definitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-definitions.d.ts","sourceRoot":"","sources":["../../../src/lib/mcp/tool-definitions.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACrC,CAAC;CACH;AAED,eAAO,MAAM,wBAAwB,EAAE,SAAS,cAAc,EAyc7D,CAAC"}