@entrypulse/builder 1.0.5 → 1.1.0

package/dist/index.d.ts

@@ -1,1645 +0,0 @@
-import { ComponentType } from 'react';
-import { default as default_2 } from 'react';
-import { LucideIcon } from 'lucide-react';
-import { StoreApi } from 'zustand';
-import { UseBoundStore } from 'zustand';
-import { WritableDraft } from 'immer';
-
-export declare const AffixInput: default_2.FC<AffixInputProps>;
-
-declare interface AffixInputProps {
-    prefix?: string;
-    suffix?: string;
-    children: default_2.ReactNode;
-}
-
-/**
- * All built-in element definitions
- */
-export declare const builtInElements: ElementDefinition[];
-
-/**
- * Built-in sidebar tab IDs that can be referenced or extended
- */
-export declare type BuiltinSidebarTabId = "fields" | "pages";
-
-/**
- * Built-in action IDs that can be overridden
- */
-export declare type BuiltinToolbarActionId = "undo" | "redo" | "export" | "import" | "reset" | "design-mode" | "preview-mode";
-
-/**
- * Renders a form element on the canvas (builder preview mode)
- *
- * This component:
- * 1. Looks up the element definition in the registry
- * 2. Creates the render context with all settings
- * 3. Calls the element's renderOnCanvas function
- * 4. Falls back to a default view if element is not found
- */
-export declare const CanvasElementRenderer: default_2.FC<CanvasElementRendererProps>;
-
-/**
- * Props for the unified canvas element renderer
- */
-export declare interface CanvasElementRendererProps {
-    element: FormElement;
-    isSelected?: boolean;
-}
-
-/**
- * Wrapper for canvas preview elements
- * Adds disabled styling and prevents interaction
- */
-export declare const CanvasPreviewWrapper: default_2.FC<CanvasPreviewWrapperProps>;
-
-declare interface CanvasPreviewWrapperProps {
-    children: default_2.ReactNode;
-    className?: string;
-}
-
-declare type ContactElementType = "email" | "phone" | "url" | "location";
-
-/**
- * Helper function to create a sidebar tab with sensible defaults
- *
- * @example
- * ```tsx
- * const aiChatTab = createSidebarTab({
- *   id: 'ai-chat',
- *   label: 'AI Chat',
- *   icon: Bot,
- *   content: AIChatPanel,
- * });
- *
- * <EntryPulse sidebarTabs={[aiChatTab]} />
- * ```
- */
-export declare function createSidebarTab(config: Omit<SidebarTab, "order" | "disabled" | "hidden"> & Partial<Pick<SidebarTab, "order" | "disabled" | "hidden">>): SidebarTab;
-
-/**
- * Helper function to create multiple sidebar tabs
- *
- * @example
- * ```tsx
- * const tabs = createSidebarTabs([
- *   { id: 'templates', icon: LayoutTemplate, label: 'Templates', content: TemplatesPanel },
- *   { id: 'ai-chat', icon: Bot, label: 'AI Chat', content: AIChatPanel },
- * ]);
- *
- * <EntryPulse sidebarTabs={tabs} />
- * ```
- */
-export declare function createSidebarTabs(configs: Array<Omit<SidebarTab, "order" | "disabled" | "hidden"> & Partial<Pick<SidebarTab, "order" | "disabled" | "hidden">>>): SidebarTab[];
-
-/**
- * Helper function to create a toolbar action with sensible defaults
- *
- * @example
- * ```tsx
- * const saveAction = createToolbarAction({
- *   id: 'save',
- *   icon: Save,
- *   label: 'Save Form',
- *   position: 'right',
- *   onClick: (ctx) => {
- *     saveToServer(ctx.schema);
- *   }
- * });
- * ```
- */
-export declare function createToolbarAction(config: Omit<ToolbarAction, "order" | "variant" | "disabled" | "hidden"> & Partial<Pick<ToolbarAction, "order" | "variant" | "disabled" | "hidden">>): ToolbarAction;
-
-/**
- * Helper function to create multiple toolbar actions
- *
- * @example
- * ```tsx
- * const actions = createToolbarActions([
- *   { id: 'save', icon: Save, label: 'Save', position: 'right', onClick: handleSave },
- *   { id: 'publish', icon: Globe, label: 'Publish', position: 'right', onClick: handlePublish },
- * ]);
- * ```
- */
-export declare function createToolbarActions(configs: Array<Omit<ToolbarAction, "order" | "variant" | "disabled" | "hidden"> & Partial<Pick<ToolbarAction, "order" | "variant" | "disabled" | "hidden">>>): ToolbarAction[];
-
-declare type DateTimeElementType = "date" | "time" | "dateTime" | "multipleDates" | "dateRange";
-
-/**
- * Default values generator function type
- */
-export declare type DefaultValuesGenerator = () => {
-    properties?: Partial<ElementProperties>;
-    layout?: Partial<ElementLayout>;
-    validation?: Partial<ElementValidation>;
-    config?: Partial<ElementConfig>;
-};
-
-declare interface DescriptionProps {
-    description?: string;
-    className?: string;
-}
-
-declare type DisplayFieldElementType = "paragraph" | "image" | "link";
-
-export declare interface ElementAttributes {
-    name: string;
-    dataType?: "string" | "number" | "boolean" | "array" | "object" | "date";
-    defaultValue?: any;
-    customAttributes?: Record<string, any>;
-}
-
-declare type ElementCategory = "field" | "page";
-
-export declare interface ElementConfig {
-    options?: ElementOption[];
-    allowOther?: boolean;
-    otherLabel?: string;
-    rows?: number;
-    autoResize?: boolean;
-    minRows?: number;
-    maxRows?: number;
-    toolbar?: string[];
-    height?: number;
-    allowImages?: boolean;
-    allowLinks?: boolean;
-    step?: number;
-    decimals?: number;
-    thousandsSeparator?: boolean;
-    currencySymbol?: string;
-    min?: number;
-    max?: number;
-    showValue?: boolean;
-    showMarks?: boolean;
-    marks?: {
-        value: number;
-        label: string;
-    }[];
-    minRange?: number;
-    maxRange?: number;
-    defaultCountry?: string;
-    allowedCountries?: string[];
-    format?: string;
-    enableGeolocation?: boolean;
-    showMap?: boolean;
-    mapProvider?: "google" | "openstreetmap";
-    showStrengthMeter?: boolean;
-    minStrength?: "weak" | "medium" | "strong";
-    showToggle?: boolean;
-    strokeWidth?: number;
-    strokeColor?: string;
-    backgroundColor?: string;
-    canvasWidth?: number;
-    canvasHeight?: number;
-    provider?: "recaptcha" | "hcaptcha" | "turnstile";
-    siteKey?: string;
-    theme?: "light" | "dark";
-    maxTags?: number;
-    allowCustomTags?: boolean;
-    suggestions?: string[];
-    checkedLabel?: string;
-    uncheckedLabel?: string;
-    onLabel?: string;
-    offLabel?: string;
-    matrixRows?: MatrixRow[];
-    matrixColumns?: MatrixColumn[];
-    allowMultiplePerRow?: boolean;
-    accept?: string;
-    maxSize?: number;
-    multiple?: boolean;
-    maxFiles?: number;
-    aspectRatio?: string;
-    allowCrop?: boolean;
-    minWidth?: number;
-    minHeight?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    minDate?: string;
-    maxDate?: string;
-    minTime?: string;
-    maxTime?: string;
-    disabledDates?: string[];
-    disabledDays?: number[];
-    showCalendar?: boolean;
-    timeFormat?: "12h" | "24h";
-    timeInterval?: number;
-    minDays?: number;
-    maxDays?: number;
-    buttonText?: string;
-    buttonStyle?: "primary" | "secondary" | "outline" | "ghost";
-    buttonSize?: "small" | "medium" | "large";
-    showIcon?: boolean;
-    iconPosition?: "left" | "right";
-    loadingText?: string;
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    alignment?: "left" | "center" | "right";
-    style?: "solid" | "dashed" | "dotted";
-    thickness?: number;
-    color?: string;
-    spacerHeight?: number;
-    collapsed?: boolean;
-    collapsible?: boolean;
-    showBorder?: boolean;
-    padding?: number;
-    gridColumns?: number;
-    gridGap?: number;
-    responsiveColumns?: {
-        sm?: number;
-        md?: number;
-        lg?: number;
-    };
-    tableColumns?: {
-        id: string;
-        header: string;
-        width?: string;
-        align?: "left" | "center" | "right";
-    }[];
-    showHeader?: boolean;
-    striped?: boolean;
-    bordered?: boolean;
-    minItems?: number;
-    maxItems?: number;
-    addButtonText?: string;
-    removeButtonText?: string;
-    itemLabel?: string;
-    showItemNumber?: boolean;
-    showProgressBar?: boolean;
-    showStepNumbers?: boolean;
-    allowSkip?: boolean;
-    validateOnNext?: boolean;
-    activeStepId?: string;
-    steps?: WizardStep[];
-    textAlign?: "left" | "center" | "right" | "justify";
-    fontSize?: "small" | "medium" | "large";
-    fontWeight?: "normal" | "medium" | "bold";
-    imageWidth?: string;
-    imageHeight?: string;
-    objectFit?: "contain" | "cover" | "fill" | "none";
-    borderRadius?: number;
-    linkText?: string;
-    linkStyle?: "text" | "button";
-    [key: string]: any;
-}
-
-/**
- * Complete element definition interface
- *
- * This is the main interface that all elements must implement.
- * Custom elements should register using this interface.
- */
-export declare interface ElementDefinition {
-    /** Unique element type identifier */
-    type: ElementType | string;
-    /** Element structure: 'field' for data collection, 'page' for layout */
-    structure: ElementStructure;
-    /** Element type category */
-    typeCategory: ElementTypeCategory;
-    /** Display label shown in the element palette */
-    label: string;
-    /** Short description of the element */
-    description: string;
-    /** Icon (emoji or icon component) */
-    icon: string | default_2.ComponentType<{
-        className?: string;
-    }>;
-    /** Category for sidebar organization */
-    category: ElementCategory;
-    /** Sub-category for further organization */
-    subCategory?: FieldSubCategory | PageSubCategory | string;
-    /**
-     * Render the element on the canvas (builder preview)
-     * This shows a preview of how the element will look
-     */
-    renderOnCanvas: (context: ElementRenderContext) => default_2.ReactNode;
-    /**
-     * Render the element in the actual form (runtime)
-     * This is the fully functional element with value handling
-     */
-    render: (context: ElementRenderContext) => default_2.ReactNode;
-    /**
-     * Custom settings panel component (optional)
-     * If not provided, default settings panels will be used
-     */
-    renderSettings?: (props: ElementSettingsProps) => default_2.ReactNode;
-    /**
-     * Generate default values for a new element
-     */
-    getDefaultValues: DefaultValuesGenerator;
-    /**
-     * Whether this element can contain other elements
-     */
-    isContainer?: boolean;
-    /**
-     * Validate the element's configuration
-     */
-    validateConfig?: (element: FormElement) => string[];
-    /**
-     * Data type for form submission
-     */
-    dataType?: "string" | "number" | "boolean" | "array" | "object" | "date" | "file";
-    /**
-     * Whether this element supports validation rules
-     */
-    supportsValidation?: boolean;
-    /**
-     * Whether this element supports options (for choice elements)
-     */
-    supportsOptions?: boolean;
-    /**
-     * Whether this element supports matrix configuration
-     */
-    supportsMatrix?: boolean;
-    /**
-     * Declarative settings schema for dynamic property panel rendering.
-     * If provided (and renderSettings is not), the PropertyPanel will
-     * automatically render fields based on this schema.
-     */
-    settingsSchema?: ElementSettingsSchema;
-    /**
-     * Custom keywords for search in element palette
-     */
-    searchKeywords?: string[];
-    /**
-     * Version of the element definition (for migrations)
-     */
-    version?: string;
-    /**
-     * Author information for custom elements
-     */
-    author?: string;
-}
-
-export declare const ElementDescription: default_2.FC<DescriptionProps>;
-
-/**
- * Element group definition for sidebar organization
- */
-export declare interface ElementGroup {
-    /** Group identifier */
-    id: string;
-    /** Display label */
-    label: string;
-    /** Elements in this group */
-    elements: ElementDefinition[];
-    /** Sort order */
-    order?: number;
-}
-
-export declare const ElementLabel: default_2.FC<LabelProps>;
-
-export declare interface ElementLayout {
-    shrinkElement?: boolean;
-    labelPosition?: "left" | "top" | "hidden";
-    size?: "default" | "small" | "medium" | "large" | "full";
-    width?: string;
-    className?: string;
-    columns?: number;
-    gap?: number;
-    height?: number;
-}
-
-export declare interface ElementLogic {
-    showWhen?: QueryBuilderRule;
-    hideWhen?: QueryBuilderRule;
-    requireWhen?: QueryBuilderRule;
-    disableWhen?: QueryBuilderRule;
-}
-
-export declare interface ElementOption {
-    label: string;
-    value: string;
-}
-
-export declare interface ElementProperties {
-    label?: string;
-    description?: string;
-    placeholder?: string;
-    prefix?: string;
-    suffix?: string;
-    disabled?: boolean;
-    readonly?: boolean;
-    useExpressionValue?: boolean;
-    expressionFormula?: string;
-    content?: string;
-    src?: string;
-    alt?: string;
-    href?: string;
-    target?: "_blank" | "_self" | "_parent" | "_top";
-}
-
-declare class ElementRegistry implements IElementRegistry {
-    private elements;
-    private customGroups;
-    /**
-     * Register a new element definition
-     */
-    register(definition: ElementDefinition, options?: RegisterElementOptions): void;
-    /**
-     * Get element definition by type
-     */
-    get(type: ElementType | string): ElementDefinition | undefined;
-    /**
-     * Check if element type is registered
-     */
-    has(type: ElementType | string): boolean;
-    /**
-     * Get all registered elements
-     */
-    getAll(): ElementDefinition[];
-    /**
-     * Get elements by category (field or page)
-     */
-    getByCategory(category: ElementCategory): ElementDefinition[];
-    /**
-     * Get elements by structure (field or page)
-     */
-    getByStructure(structure: ElementStructure): ElementDefinition[];
-    /**
-     * Get elements by type category
-     */
-    getByTypeCategory(typeCategory: ElementTypeCategory): ElementDefinition[];
-    /**
-     * Get elements grouped for sidebar display
-     */
-    getGroups(): ElementGroup[];
-    /**
-     * Unregister an element
-     */
-    unregister(type: ElementType | string): boolean;
-    /**
-     * Clear all registered elements
-     */
-    clear(): void;
-    /**
-     * Get icon for element type
-     */
-    getIcon(type: ElementType | string): string | React.ComponentType<{
-        className?: string;
-    }> | undefined;
-    /**
-     * Get label for element type
-     */
-    getLabel(type: ElementType | string): string | undefined;
-    /**
-     * Check if element is a container
-     */
-    isContainer(type: ElementType | string): boolean;
-    /**
-     * Check if element supports validation
-     */
-    supportsValidation(type: ElementType | string): boolean;
-    /**
-     * Check if element supports options
-     */
-    supportsOptions(type: ElementType | string): boolean;
-    /**
-     * Get default values for element type
-     */
-    getDefaultValues(type: ElementType | string): {
-        properties?: Partial<ElementProperties>;
-        layout?: Partial<ElementLayout>;
-        validation?: Partial<ElementValidation>;
-        config?: Partial<ElementConfig>;
-    };
-}
-
-/**
- * Global element registry instance
- */
-export declare const elementRegistry: ElementRegistry;
-
-/**
- * Context passed to element renderers containing all settings
- */
-export declare interface ElementRenderContext {
-    /** The form element data */
-    element: FormElement;
-    /** Element properties (label, description, placeholder, etc.) */
-    properties: ElementProperties;
-    /** Layout configuration */
-    layout: ElementLayout;
-    /** Validation rules */
-    validation?: ElementValidation;
-    /** Conditional logic rules */
-    logic?: ElementLogic;
-    /** Element-specific configuration */
-    config?: ElementConfig;
-    /** Whether the element is selected in the builder */
-    isSelected?: boolean;
-    /** Whether we're in builder/canvas mode or preview/render mode */
-    mode: "canvas" | "render";
-    /** Current value (for render mode) */
-    value?: any;
-    /** Change handler (for render mode) */
-    onChange?: (value: any) => void;
-    /** Error messages (for render mode) */
-    errors?: string[];
-    /** All form values (for conditional logic) */
-    formValues?: Record<string, any>;
-    /** Read-only mode */
-    readOnly?: boolean;
-    /** Disabled state */
-    disabled?: boolean;
-    /** All form elements (for container rendering) */
-    allElements?: FormElement[];
-    /**
-     * Render children elements (for container elements)
-     * This is provided by the form renderer to handle nested elements
-     */
-    renderChildren?: (containerId: string, namePrefix?: string) => default_2.ReactNode;
-}
-
-/**
- * Props for settings panel components
- */
-export declare interface ElementSettingsProps {
-    /** The form element being edited */
-    element: FormElement;
-    /** Callback to update element properties */
-    onUpdate: (updates: Partial<FormElement>) => void;
-    /** Current tab in settings panel */
-    activeTab?: "properties" | "layout" | "validation" | "logic";
-}
-
-/**
- * Declarative schema that drives the dynamic property panel.
- *
- * When an `ElementDefinition` provides this (via `settingsSchema`),
- * the PropertyPanel will automatically render the described fields
- * instead of relying on the hardcoded per-type switch statements.
- */
-declare interface ElementSettingsSchema {
-    /** Custom title and icon for the config section */
-    configSection?: {
-        title: string;
-        icon?: string;
-    };
-    /** Ordered list of fields to render in the config section */
-    fields: SettingField[];
-    /**
-     * Control which standard sections appear in the property panel.
-     * Omitted keys default to the existing static behaviour.
-     */
-    showSections?: {
-        properties?: boolean;
-        layout?: boolean;
-        validation?: boolean;
-        attributes?: boolean;
-        logic?: boolean;
-        options?: boolean;
-        matrix?: boolean;
-    };
-    /**
-     * Fine-grained control over the built-in Properties section.
-     * Only takes effect when showSections.properties is not false.
-     */
-    properties?: {
-        showLabel?: boolean;
-        showPlaceholder?: boolean;
-        showDescription?: boolean;
-        showPrefix?: boolean;
-        showSuffix?: boolean;
-    };
-}
-
-/**
- * Element structure defines whether the element is a field (collects data)
- * or a page element (layout/structural)
- */
-export declare type ElementStructure = "field" | "page";
-
-export declare type ElementType = FieldElementType | PageElementType;
-
-/**
- * Standard element type categories
- */
-export declare type ElementTypeCategory = "Text" | "Numeric" | "Contact" | "Security" | "Selection" | "Matrix" | "DateTime" | "FileUpload" | "Display" | "Heading" | "Layout" | "Repeatable" | "Special" | "Payment" | "Pricing" | "Product" | "Custom";
-
-export declare interface ElementValidation {
-    required?: boolean;
-    minLength?: number;
-    maxLength?: number;
-    min?: number;
-    max?: number;
-    pattern?: string;
-    customRules?: ValidationRule[];
-    errorMessage?: string;
-    minFiles?: number;
-    maxFiles?: number;
-    minDates?: number;
-    maxDates?: number;
-    minSelections?: number;
-    maxSelections?: number;
-}
-
-export declare const EmptyState: default_2.FC<EmptyStateProps>;
-
-declare interface EmptyStateProps {
-    icon?: string;
-    message: string;
-    subMessage?: string;
-}
-
-/**
- * EntryPulse - The main form builder component
- *
- * @example
- * Basic usage:
- * ```tsx
- * <EntryPulse />
- * ```
- *
- * @example
- * With custom toolbar actions:
- * ```tsx
- * import { createToolbarAction } from 'entry-pulse';
- * import { Save } from 'lucide-react';
- *
- * const saveAction = createToolbarAction({
- *   id: 'save',
- *   icon: Save,
- *   label: 'Save Form',
- *   position: 'right',
- *   onClick: (ctx) => {
- *     saveToServer(ctx.schema);
- *   }
- * });
- *
- * <EntryPulse toolbarActions={[saveAction]} />
- * ```
- *
- * @example
- * With full toolbar configuration:
- * ```tsx
- * <EntryPulse
- *   toolbarConfig={{
- *     actions: [saveAction, publishAction],
- *     hideBuiltinActions: ['reset'],
- *     showImportExport: false,
- *   }}
- * />
- * ```
- */
-declare const EntryPulse: default_2.FC<EntryPulseProps>;
-export { EntryPulse }
-export default EntryPulse;
-
-/**
- * Props for the EntryPulse component
- */
-export declare interface EntryPulseProps {
-    /**
-     * Initial schema to load into the form builder
-     */
-    initialSchema?: FormSchema;
-    /**
-     * Callback when the schema changes
-     */
-    onSchemaChange?: (schema: FormSchema) => void;
-    /**
-     * Custom toolbar actions to add to the toolbar
-     */
-    toolbarActions?: ToolbarAction[];
-    /**
-     * Full toolbar configuration for advanced customization
-     */
-    toolbarConfig?: ToolbarConfig;
-    /**
-     * Custom sidebar tabs to add to the element sidebar
-     */
-    sidebarTabs?: SidebarTab[];
-    /**
-     * Full sidebar configuration for advanced customization
-     */
-    sidebarConfig?: SidebarConfig;
-    /**
-     * Callback when form is submitted in preview mode
-     */
-    onPreviewSubmit?: (data: FormSubmissionData) => void;
-    /**
-     * Format of the submitted data (default: "keyValue")
-     * - "keyValue": Returns a flat object with field names as keys
-     * - "array": Returns an array of objects with id, value, type, and category
-     */
-    submissionFormat?: SubmissionFormat;
-    /**
-     * Whether to show the element sidebar (default: true)
-     */
-    showElementSidebar?: boolean;
-    /**
-     * Whether to show the property panel (default: true)
-     */
-    showPropertyPanel?: boolean;
-    /**
-     * Custom class name for the container
-     */
-    className?: string;
-}
-
-export declare const ErrorMessages: default_2.FC<ErrorMessagesProps>;
-
-declare interface ErrorMessagesProps {
-    errors?: string[];
-    className?: string;
-}
-
-/**
- * Extract common render context values
- */
-export declare function extractContextValues(context: ElementRenderContext): {
-    label: string | undefined;
-    description: string | undefined;
-    placeholder: string | undefined;
-    prefix: string | undefined;
-    suffix: string | undefined;
-    required: boolean;
-    labelPosition: "left" | "top" | "hidden";
-    isCanvas: boolean;
-    isDisabled: boolean;
-    value: any;
-    onChange: ((value: any) => void) | undefined;
-    errors: string[] | undefined;
-    config: ElementConfig | undefined;
-    element: FormElement;
-};
-
-declare type FieldElementType = TextInputElementType | NumericElementType | ContactElementType | SecurityElementType | SelectionElementType | MatrixElementType | DateTimeElementType | FileUploadElementType | DisplayFieldElementType;
-
-declare type FieldSubCategory = "textInput" | "numeric" | "contact" | "security" | "selection" | "matrix" | "dateTime" | "fileUpload" | "display";
-
-/**
- * Wrapper component for form fields
- * Handles label, description, and error display
- */
-export declare const FieldWrapper: default_2.FC<RenderHelperProps>;
-
-declare type FileUploadElementType = "fileUpload" | "imageUpload" | "multiFileUpload" | "multiImageUpload";
-
-/**
- * Filter out non-field elements from submitted data
- * This removes layout elements like dividers, paragraphs, etc.
- */
-export declare function filterFieldData(data: Record<string, any>, elements: FormElement[]): Record<string, any>;
-
-declare interface FormBuilderActions {
-    addElement: (type: ElementType, insertIndex?: number) => void;
-    addElementToContainer: (type: ElementType, containerId: string, stepId?: string) => void;
-    updateElement: (id: string, updates: Partial<FormElement>) => void;
-    deleteElement: (id: string) => void;
-    duplicateElement: (id: string) => void;
-    moveElement: (id: string, newIndex: number) => void;
-    reorderElements: (fromIndex: number, toIndex: number) => void;
-    selectElement: (id: string | null) => void;
-    hasWizard: () => boolean;
-    addWizardStep: (wizardId: string, step: WizardStep) => void;
-    updateWizardStep: (wizardId: string, stepId: string, updates: Partial<WizardStep>) => void;
-    removeWizardStep: (wizardId: string, stepId: string) => void;
-    setActiveWizardStep: (wizardId: string, stepId: string) => void;
-    getContainerChildren: (containerId: string, stepId?: string) => FormElement[];
-    undo: () => void;
-    redo: () => void;
-    canUndo: () => boolean;
-    canRedo: () => boolean;
-    setMode: (mode: string) => void;
-    loadSchema: (schema: FormSchema) => void;
-    exportSchema: () => FormSchema;
-    resetForm: () => void;
-    updateFormTitle: (title: string) => void;
-    updateFormDescription: (description: string) => void;
-    setHoveredElementId: (id: string | null) => void;
-    setDraggedElementType: (type: ElementType | null) => void;
-    validateSchema: () => ValidationResult;
-}
-
-declare interface FormBuilderState {
-    schema: FormSchema;
-    selectedElementId: string | null;
-    mode: string;
-    history: FormSchema[];
-    historyIndex: number;
-    hoveredElementId: string | null;
-    draggedElementType: ElementType | null;
-}
-
-declare type FormBuilderStore = FormBuilderState & FormBuilderActions;
-
-export declare interface FormElement {
-    id: string;
-    type: ElementType;
-    parentId?: string;
-    order: number;
-    properties: ElementProperties;
-    layout: ElementLayout;
-    validation?: ElementValidation;
-    logic?: ElementLogic;
-    attributes: ElementAttributes;
-    config?: ElementConfig;
-    children?: string[];
-}
-
-/**
- * Renders a form element in the actual form (runtime mode)
- *
- * This component handles:
- * - Value management
- * - Change callbacks
- * - Validation errors display
- * - Read-only and disabled states
- */
-export declare const FormElementRenderer: default_2.FC<FormElementRendererProps_2>;
-
-/**
- * Props for the form renderer (runtime)
- */
-export declare interface FormElementRendererProps {
-    element: FormElement;
-    value?: any;
-    onChange?: (value: any) => void;
-    errors?: string[];
-    formValues?: Record<string, any>;
-    readOnly?: boolean;
-    disabled?: boolean;
-}
-
-declare interface FormElementRendererProps_2 {
-    element: FormElement;
-    value?: any;
-    onChange?: (value: any) => void;
-    errors?: string[];
-    formValues?: Record<string, any>;
-    readOnly?: boolean;
-    disabled?: boolean;
-}
-
-export declare interface FormMetadata {
-    createdAt: string;
-    updatedAt: string;
-    author?: string;
-}
-
-export declare const FormPreview: default_2.FC<FormPreviewProps>;
-
-declare interface FormPreviewProps {
-    schema: FormSchema;
-    onSubmit?: (data: FormSubmissionData) => void;
-    initialValues?: Record<string, any>;
-    /**
-     * Format of the submitted data (default: "keyValue")
-     * - "keyValue": Returns a flat object with field names as keys
-     * - "array": Returns an array of objects with id, value, type, and category
-     */
-    submissionFormat?: SubmissionFormat;
-}
-
-export declare interface FormSchema {
-    id: string;
-    version: string;
-    title: string;
-    description?: string;
-    metadata?: FormMetadata;
-    settings?: FormSettings;
-    elements: FormElement[];
-}
-
-export declare interface FormSettings {
-    showProgressBar?: boolean;
-    allowSaveDraft?: boolean;
-    submitButtonText?: string;
-    successMessage?: string;
-    errorMessage?: string;
-    redirectUrl?: string;
-    submitAction?: "message" | "redirect" | "custom";
-}
-
-export declare type FormSubmissionData = Record<string, any> | SubmissionDataItem[];
-
-/**
- * Create button class names
- */
-export declare function getButtonClassName(options?: {
-    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
-    size?: 'small' | 'medium' | 'large';
-    disabled?: boolean;
-}): string;
-
-/**
- * Create canvas preview input class names (always disabled look)
- */
-export declare function getCanvasInputClassName(size?: 'small' | 'medium' | 'large'): string;
-
-/**
- * Get element definition
- */
-export declare function getElementDefinition(type: ElementType | string): ElementDefinition | undefined;
-
-/**
- * Get the icon for an element type
- */
-export declare function getElementIcon(type: string): string | default_2.ComponentType<{
-    className?: string;
-}> | undefined;
-
-/**
- * Get the label for an element type
- */
-export declare function getElementLabel(type: string): string;
-
-/**
- * Create standard input class names
- */
-export declare function getInputClassName(options?: {
-    hasError?: boolean;
-    disabled?: boolean;
-    size?: 'small' | 'medium' | 'large';
-    hasLeftIcon?: boolean;
-    hasRightIcon?: boolean;
-    hasPrefix?: boolean;
-    hasSuffix?: boolean;
-}): string;
-
-/**
- * Get a mode definition by id.
- */
-export declare function getModeDefinition(id: string): ModeDefinition | undefined;
-
-/**
- * Check if element type exists
- */
-export declare function hasElement(type: ElementType | string): boolean;
-
-/**
- * Check if a mode is registered.
- */
-export declare function hasMode(id: string): boolean;
-
-declare type HeadingElementType = "formHeading" | "sectionHeading" | "subheading";
-
-export declare const IconInput: default_2.FC<IconInputProps>;
-
-declare interface IconInputProps {
-    icon: string;
-    children: default_2.ReactNode;
-    iconPosition?: 'left' | 'right';
-}
-
-/**
- * Element registry interface
- */
-export declare interface IElementRegistry {
-    /** Register a new element */
-    register(definition: ElementDefinition, options?: RegisterElementOptions): void;
-    /** Get element definition by type */
-    get(type: ElementType | string): ElementDefinition | undefined;
-    /** Check if element type is registered */
-    has(type: ElementType | string): boolean;
-    /** Get all registered elements */
-    getAll(): ElementDefinition[];
-    /** Get elements by category */
-    getByCategory(category: ElementCategory): ElementDefinition[];
-    /** Get elements by structure */
-    getByStructure(structure: ElementStructure): ElementDefinition[];
-    /** Get elements by type category */
-    getByTypeCategory(typeCategory: ElementTypeCategory): ElementDefinition[];
-    /** Get element groups for sidebar */
-    getGroups(): ElementGroup[];
-    /** Unregister an element */
-    unregister(type: ElementType | string): boolean;
-    /** Clear all registered elements */
-    clear(): void;
-}
-
-/**
- * Interface for the mode registry.
- */
-export declare interface IModeRegistry {
-    /** Register a new mode definition */
-    register(definition: ModeDefinition): void;
-    /** Get a mode definition by id */
-    get(id: string): ModeDefinition | undefined;
-    /** Check if a mode is registered */
-    has(id: string): boolean;
-    /** Get all registered modes sorted by order */
-    getAll(): ModeDefinition[];
-    /** Get all visible modes (not hidden) sorted by order */
-    getVisible(): ModeDefinition[];
-    /** Unregister a mode */
-    unregister(id: string): boolean;
-    /** Clear all registered modes */
-    clear(): void;
-}
-
-/**
- * Wrapper for input elements with configurable label position
- */
-export declare const InputWrapper: default_2.FC<InputWrapperProps>;
-
-/**
- * Input wrapper props for consistent styling
- */
-export declare interface InputWrapperProps extends RenderHelperProps {
-    labelPosition?: "left" | "top" | "hidden";
-    className?: string;
-}
-
-/**
- * Helper to check if an action is disabled based on context
- */
-export declare function isActionDisabled(action: ToolbarAction, context: ToolbarActionContext): boolean;
-
-/**
- * Helper to check if an action is hidden based on context
- */
-export declare function isActionHidden(action: ToolbarAction, context: ToolbarActionContext): boolean;
-
-/**
- * Check if an element type is registered
- */
-export declare function isElementRegistered(type: string): boolean;
-
-/**
- * Helper to check if a sidebar tab is disabled based on context
- */
-export declare function isSidebarTabDisabled(tab: SidebarTab, context: SidebarTabContext): boolean;
-
-/**
- * Helper to check if a sidebar tab is hidden based on context
- */
-export declare function isSidebarTabHidden(tab: SidebarTab, context: SidebarTabContext): boolean;
-
-declare interface LabelProps {
-    label?: string;
-    required?: boolean;
-    htmlFor?: string;
-    className?: string;
-}
-
-declare type LayoutElementType = "divider" | "spacer" | "group" | "grid" | "table";
-
-declare interface MatrixColumn {
-    id: string;
-    label: string;
-    type?: "text" | "number" | "dropdown";
-}
-
-declare type MatrixElementType = "singleChoiceMatrix" | "multipleChoiceMatrix" | "matrixTable";
-
-declare interface MatrixRow {
-    id: string;
-    label: string;
-}
-
-/**
- * Pre-built child components that modes can compose into their layout.
- *
- * These are provided by the form builder so that custom modes can
- * reuse the standard UI building blocks without reimplementing them.
- */
-export declare interface ModeContentChildren {
-    /** The element sidebar component (left panel) */
-    ElementSidebar?: default_2.ReactNode;
-    /** The canvas component (center area) */
-    Canvas?: default_2.ReactNode;
-    /** The property panel component (right panel) */
-    PropertyPanel?: default_2.ReactNode;
-}
-
-/**
- * Context provided to mode render functions and lifecycle hooks.
- * Gives modes access to the form builder's state and actions.
- */
-export declare interface ModeContext {
-    /** Current form schema */
-    schema: FormSchema;
-    /** Current active mode id */
-    currentMode: string;
-    /** Switch to a different mode */
-    setMode: (mode: string) => void;
-    /** Submission format preference */
-    submissionFormat: SubmissionFormat;
-    /** Callback when form is submitted (preview-like modes) */
-    onSubmit?: (data: FormSubmissionData) => void;
-    /** Whether the element sidebar is visible */
-    showElementSidebar: boolean;
-    /** Whether the property panel is visible */
-    showPropertyPanel: boolean;
-    /** Load a new schema */
-    loadSchema: (schema: FormSchema) => void;
-}
-
-/**
- * Definition of a registered mode.
- *
- * Each mode represents a distinct view in the form builder (e.g., design canvas,
- * live preview, code export). The mode's `renderContent` function is responsible
- * for rendering the full main content area when that mode is active.
- */
-export declare interface ModeDefinition {
-    /** Unique identifier for this mode (e.g., "design", "preview") */
-    id: string;
-    /** Display label shown in tooltips and UI */
-    label: string;
-    /** Icon component (lucide-react icon or custom component) */
-    icon: ComponentType<{
-        className?: string;
-    }>;
-    /**
-     * Render the main content area for this mode.
-     *
-     * Called by EntryPulse when this mode is active. The mode is
-     * responsible for rendering its own full content layout.
-     *
-     * @param context - Provides schema, callbacks, and builder state
-     * @param children - Pre-built child components the mode can compose
-     *                   (sidebar, canvas, property panel, etc.)
-     */
-    renderContent: (context: ModeContext, children?: ModeContentChildren) => default_2.ReactNode;
-    /**
-     * Sort order in the mode toggle group (lower = leftmost).
-     * Built-in modes use: design=0, preview=10.
-     * Defaults to 50 for custom modes.
-     */
-    order?: number;
-    /**
-     * Keyboard shortcut key (e.g., "d" for design, "p" for preview).
-     * Will be triggered with Ctrl/Cmd modifier.
-     */
-    keyboardShortcut?: string;
-    /**
-     * Whether this mode is hidden from the toolbar mode toggle.
-     * Hidden modes can still be activated programmatically via setMode().
-     */
-    hidden?: boolean;
-    /**
-     * Whether this mode is disabled (shown greyed out, not clickable).
-     * Can be a static boolean or a function that checks the context.
-     */
-    disabled?: boolean | ((context: ModeContext) => boolean);
-    /**
-     * Tooltip description for the mode button (optional, overrides label).
-     */
-    description?: string;
-    /**
-     * Version of the mode definition (for future migrations).
-     */
-    version?: string;
-}
-
-declare class ModeRegistry implements IModeRegistry {
-    private modes;
-    /**
-     * Register a new mode definition.
-     *
-     * @throws if required fields are missing
-     * @warns if the id is already taken (unless override was intended)
-     */
-    register(definition: ModeDefinition): void;
-    /**
-     * Get a mode definition by id.
-     */
-    get(id: string): ModeDefinition | undefined;
-    /**
-     * Check if a mode is registered.
-     */
-    has(id: string): boolean;
-    /**
-     * Get all registered modes sorted by order (ascending).
-     */
-    getAll(): ModeDefinition[];
-    /**
-     * Get all visible modes (not hidden) sorted by order.
-     * These are the modes that should appear in the toolbar toggle.
-     */
-    getVisible(): ModeDefinition[];
-    /**
-     * Unregister a mode by id.
-     */
-    unregister(id: string): boolean;
-    /**
-     * Clear all registered modes.
-     */
-    clear(): void;
-}
-
-/**
- * Global mode registry instance.
- */
-export declare const modeRegistry: ModeRegistry;
-
-declare type NumericElementType = "number" | "slider" | "rangeSlider";
-
-declare type PageElementType = HeadingElementType | LayoutElementType | RepeatableElementType | SpecialPageElementType;
-
-declare type PageSubCategory = "heading" | "layout" | "repeatable" | "special";
-
-declare interface QueryBuilderRule {
-    combinator: "and" | "or";
-    rules: Array<{
-        field: string;
-        operator: string;
-        value: any;
-    }>;
-}
-
-/**
- * Register all built-in elements with the registry
- */
-export declare function registerBuiltInElements(): void;
-
-/**
- * Register all built-in modes.
- *
- * Called once during application bootstrap.  Safe to call multiple
- * times – duplicate registrations are silently ignored by the
- * registry.
- */
-export declare function registerBuiltinModes(): void;
-
-/**
- * Register a custom element
- *
- * @example
- * ```tsx
- * registerElement({
- *   type: 'myCustomInput',
- *   structure: 'field',
- *   typeCategory: 'Custom',
- *   label: 'My Custom Input',
- *   description: 'A custom input element',
- *   icon: '🎨',
- *   category: 'field',
- *   subCategory: 'textInput',
- *   renderOnCanvas: (ctx) => <div>Preview: {ctx.properties.label}</div>,
- *   render: (ctx) => <input type="text" value={ctx.value} onChange={e => ctx.onChange?.(e.target.value)} />,
- *   getDefaultValues: () => ({
- *     properties: { label: 'My Custom Input' },
- *     layout: { labelPosition: 'top' },
- *   }),
- * });
- * ```
- */
-export declare function registerElement(definition: ElementDefinition, options?: RegisterElementOptions): void;
-
-/**
- * Options for registering an element
- */
-export declare interface RegisterElementOptions {
-    /** Override existing element with same type */
-    override?: boolean;
-    /** Group name for custom elements */
-    group?: string;
-}
-
-/**
- * Register multiple elements at once
- */
-export declare function registerElements(definitions: ElementDefinition[], options?: RegisterElementOptions): void;
-
-/**
- * Register a custom mode.
- *
- * @example
- * ```tsx
- * import { registerMode } from 'entry-pulse';
- * import { Code } from 'lucide-react';
- *
- * registerMode({
- *   id: 'export',
- *   label: 'Export Code',
- *   icon: Code,
- *   order: 20,
- *   keyboardShortcut: 'e',
- *   renderContent: (ctx, children) => (
- *     <div className="flex-1 flex">
- *       {children?.Canvas}
- *       <ExportPanel schema={ctx.schema} />
- *     </div>
- *   ),
- * });
- * ```
- */
-export declare function registerMode(definition: ModeDefinition): void;
-
-/**
- * Register multiple modes at once.
- */
-export declare function registerModes(definitions: ModeDefinition[]): void;
-
-/**
- * Render an element for a form using the registry
- */
-export declare function renderElement(element: FormElement, value?: any, onChange?: (value: any) => void, errors?: string[], formValues?: Record<string, any>): default_2.ReactNode;
-
-/**
- * Render an element for the canvas using the registry
- */
-export declare function renderElementOnCanvas(element: FormElement, isSelected?: boolean): default_2.ReactNode;
-
-/**
- * Common render helper props
- */
-export declare interface RenderHelperProps {
-    label?: string;
-    description?: string;
-    required?: boolean;
-    errors?: string[];
-    children: default_2.ReactNode;
-}
-
-declare type RepeatableElementType = "repeatElement" | "repeatGroup";
-
-declare type SecurityElementType = "password" | "signature" | "captcha";
-
-declare type SelectionElementType = "singleChoice" | "multipleChoice" | "dropdown" | "tags" | "decisionBox" | "toggleSwitch";
-
-/**
- * A single setting field definition for the property panel.
- *
- * Describes how a single property/config value should be rendered
- * and edited in the settings sidebar.
- */
-declare interface SettingField {
-    /** Unique key within the target section (properties, config, layout, validation) */
-    key: string;
-    /** Display label shown in the UI */
-    label: string;
-    /** Input type to render */
-    type: SettingFieldType;
-    /**
-     * Which section of the element this field belongs to.
-     * - "properties" → element.properties[key]
-     * - "config"     → element.config[key]
-     * - "layout"     → element.layout[key]
-     * - "validation" → element.validation[key]
-     */
-    section: "properties" | "config" | "layout" | "validation";
-    /** Placeholder text for the input */
-    placeholder?: string;
-    /** Help text displayed below the field */
-    description?: string;
-    /** Options for select fields */
-    options?: {
-        value: string | number;
-        label: string;
-    }[];
-    /** Minimum value for number fields */
-    min?: number;
-    /** Maximum value for number fields */
-    max?: number;
-    /** Default value when the field is empty */
-    defaultValue?: any;
-    /** Only render this field when another field matches a value */
-    showWhen?: {
-        /** Key of the condition field (looked up in the same section unless dotted) */
-        field: string;
-        /** Value the condition field must equal */
-        value: any;
-    };
-    /** Column span within a 2-column grid (1 = half, 2 = full). Defaults to 2 */
-    colSpan?: 1 | 2;
-    /** Rows for textarea fields */
-    rows?: number;
-}
-
-/**
- * Field types supported by the dynamic settings renderer
- */
-declare type SettingFieldType = "text" | "textarea" | "number" | "checkbox" | "select" | "color" | "url";
-
-/**
- * Configuration options for the sidebar
- */
-export declare interface SidebarConfig {
-    /** Custom tabs to add to the sidebar */
-    tabs?: SidebarTab[];
-    /** Built-in tabs to hide */
-    hideBuiltinTabs?: BuiltinSidebarTabId[];
-}
-
-/**
- * Configuration for a sidebar tab
- */
-export declare interface SidebarTab {
-    /** Unique identifier for the tab (used as TabsTrigger value) */
-    id: string;
-    /** Label shown on the tab trigger */
-    label: string;
-    /** Optional icon displayed next to the label */
-    icon?: LucideIcon | ComponentType<{
-        className?: string;
-    }>;
-    /** Order relative to built-in tabs (lower = earlier). Built-in tabs: fields=0, pages=1. Default: 99 */
-    order?: number;
-    /** Content component rendered when the tab is active. Receives SidebarTabContext. */
-    content: ComponentType<SidebarTabContentProps>;
-    /** Whether the tab is disabled */
-    disabled?: boolean | ((context: SidebarTabContext) => boolean);
-    /** Whether the tab should be hidden */
-    hidden?: boolean | ((context: SidebarTabContext) => boolean);
-}
-
-/**
- * Props passed to a sidebar tab's content component
- */
-export declare interface SidebarTabContentProps extends SidebarTabContext {
-}
-
-/**
- * Context provided to sidebar tab content components
- * Gives access to form state and actions for building interactive sidebar panels
- */
-export declare interface SidebarTabContext {
-    /** Current form schema */
-    schema: FormSchema;
-    /** Current mode id (e.g. "design", "preview", or any custom mode) */
-    mode: string;
-    /** Available actions to manipulate form state */
-    actions: {
-        /** Add a new element to the form */
-        addElement: (type: ElementType, insertIndex?: number) => void;
-        /** Load a complete schema (replaces current form) */
-        loadSchema: (schema: FormSchema) => void;
-        /** Export current schema */
-        exportSchema: () => FormSchema;
-        /** Reset form to empty state */
-        resetForm: () => void;
-        /** Update form title */
-        updateFormTitle: (title: string) => void;
-        /** Update form description */
-        updateFormDescription: (description: string) => void;
-        /** Update a specific element by ID */
-        updateElement: (id: string, updates: Partial<FormElement>) => void;
-        /** Delete an element by ID */
-        deleteElement: (id: string) => void;
-        /** Select an element (opens property panel) */
-        selectElement: (id: string | null) => void;
-        /** Switch to a different mode */
-        setMode: (mode: string) => void;
-    };
-}
-
-declare type SpecialPageElementType = "pages" | "submit";
-
-export declare interface SubmissionDataItem {
-    id: string;
-    value: any;
-    type: string;
-    category: string;
-}
-
-export declare type SubmissionFormat = "keyValue" | "array";
-
-declare type TextInputElementType = "shortText" | "longText" | "multiLineInput" | "textEditor";
-
-/**
- * Configuration for a toolbar action
- */
-export declare interface ToolbarAction {
-    /** Unique identifier for the action */
-    id: string;
-    /** Icon component to display (lucide-react icon or custom component) */
-    icon: LucideIcon | ComponentType<{
-        className?: string;
-    }>;
-    /** Label shown in tooltip */
-    label: string;
-    /** Position in the toolbar */
-    position: ToolbarActionPosition;
-    /** Order within the position group (lower = earlier, default: 0) */
-    order?: number;
-    /** Click handler with access to form context */
-    onClick: (context: ToolbarActionContext) => void | Promise<void>;
-    /** Whether the action is disabled */
-    disabled?: boolean | ((context: ToolbarActionContext) => boolean);
-    /** Visual variant of the button */
-    variant?: ToolbarActionVariant;
-    /** Whether the action should be hidden */
-    hidden?: boolean | ((context: ToolbarActionContext) => boolean);
-    /**
-     * If specified, this action will replace the built-in action with this ID.
-     * The built-in action will be completely replaced.
-     */
-    override?: BuiltinToolbarActionId;
-}
-
-/**
- * Context provided to toolbar actions with access to form state and actions
- */
-export declare interface ToolbarActionContext {
-    /** Current form schema */
-    schema: FormSchema;
-    /** Current mode id (e.g. "design", "preview", or any custom mode) */
-    mode: string;
-    /** Whether undo is available */
-    canUndo: boolean;
-    /** Whether redo is available */
-    canRedo: boolean;
-    /** Available actions to manipulate form state */
-    actions: {
-        /** Undo last action */
-        undo: () => void;
-        /** Redo last undone action */
-        redo: () => void;
-        /** Load a schema into the form builder */
-        loadSchema: (schema: FormSchema) => void;
-        /** Export current schema */
-        exportSchema: () => FormSchema;
-        /** Switch to a different mode */
-        setMode: (mode: string) => void;
-        /** Reset form to empty state */
-        resetForm: () => void;
-    };
-}
-
-/**
- * Position of the action in the toolbar
- */
-export declare type ToolbarActionPosition = "left" | "center" | "right";
-
-/**
- * Visual variant of the toolbar button
- */
-export declare type ToolbarActionVariant = "default" | "ghost" | "destructive";
-
-/**
- * Configuration options for the toolbar
- */
-export declare interface ToolbarConfig {
-    /** Custom actions to add to the toolbar */
-    actions?: ToolbarAction[];
-    /** Built-in actions to hide */
-    hideBuiltinActions?: BuiltinToolbarActionId[];
-    /** Whether to show the mode toggle (design/preview) */
-    showModeToggle?: boolean;
-    /** Whether to show undo/redo buttons */
-    showUndoRedo?: boolean;
-    /** Whether to show import/export buttons */
-    showImportExport?: boolean;
-    /** Whether to show reset button */
-    showReset?: boolean;
-}
-
-/**
- * Transform form submission data based on the specified format
- */
-export declare function transformSubmissionData(data: Record<string, any>, elements: FormElement[], format?: SubmissionFormat): FormSubmissionData;
-
-/**
- * Transform flat key-value form data to array format with metadata
- */
-export declare function transformToArrayFormat(data: Record<string, any>, elements: FormElement[]): SubmissionDataItem[];
-
-/**
- * Unregister a custom element
- */
-export declare function unregisterElement(type: ElementType | string): boolean;
-
-/**
- * Unregister a mode by id.
- */
-export declare function unregisterMode(id: string): boolean;
-
-export declare const useFormStore: UseBoundStore<Omit<StoreApi<FormBuilderStore>, "setState"> & {
-setState(nextStateOrUpdater: FormBuilderStore | Partial<FormBuilderStore> | ((state: WritableDraft<FormBuilderStore>) => void), shouldReplace?: false): void;
-setState(nextStateOrUpdater: FormBuilderStore | ((state: WritableDraft<FormBuilderStore>) => void), shouldReplace: true): void;
-}>;
-
-export declare interface ValidationError {
-    type: "error" | "warning";
-    elementId?: string;
-    message: string;
-}
-
-export declare interface ValidationResult {
-    valid: boolean;
-    errors: ValidationError[];
-}
-
-declare interface ValidationRule {
-    id: string;
-    type: "min" | "max" | "pattern" | "custom" | "email" | "url" | "phone" | "equalTo" | "notEqualTo";
-    value: any;
-    message: string;
-}
-
-export declare const WizardForm: default_2.FC<WizardFormProps>;
-
-declare interface WizardFormProps {
-    schema: FormSchema;
-    onSubmit?: (data: FormSubmissionData) => void;
-    initialValues?: Record<string, any>;
-    onPageChange?: (pageIndex: number) => void;
-    /**
-     * Format of the submitted data (default: "keyValue")
-     * - "keyValue": Returns a flat object with field names as keys
-     * - "array": Returns an array of objects with id, value, type, and category
-     */
-    submissionFormat?: SubmissionFormat;
-}
-
-export declare interface WizardStep {
-    id: string;
-    label: string;
-    description?: string;
-}
-
-export { }