@mandolop97/constructor-nexora 1.3.1 → 1.5.0

package/dist/NexoraBuilderApp.d.ts

@@ -3,6 +3,7 @@ import { PublishPayload } from '@/components/builder/PublishDialog';
 import { BlockDefinition } from '@/lib/block-registry';
 import { BuilderLocale } from '@/lib/i18n';
 import { CustomComponentMap } from '@/components/schema/NodeRegistry';
+import { RenderContext } from '@/types/contract';
 export interface NexoraBuilderAppProps {
     initialSchema?: Schema;
     domain?: string;
@@ -30,5 +31,9 @@ export interface NexoraBuilderAppProps {
     onImageUpload?: (file: File) => Promise<string>;
     /** Resolve asset paths to full URLs */
     resolveAssetUrl?: (path: string) => string;
+    /** Mock data for edit/preview mode (products, collections, settings, etc.) */
+    mockData?: Record<string, any>;
+    /** Data context for resolving bindings — passed to PageRenderer */
+    renderContext?: RenderContext;
 }
-export declare function NexoraBuilderApp({ initialSchema, domain, pageSlug, onSave, onPublish, onPreview, onExport, className, pages, activePage, onPageChange, onSaveWithSlug, onPublishSubmit, locale: localeProp, customComponents, extraBlocks, customStylesheets, customCSS, customScripts, onImageUpload, resolveAssetUrl, }: NexoraBuilderAppProps): import("react/jsx-runtime").JSX.Element;
+export declare function NexoraBuilderApp({ initialSchema, domain, pageSlug, onSave, onPublish, onPreview, onExport, className, pages, activePage, onPageChange, onSaveWithSlug, onPublishSubmit, locale: localeProp, customComponents, extraBlocks, customStylesheets, customCSS, customScripts, onImageUpload, resolveAssetUrl, mockData: externalMockData, renderContext: externalRenderContext, }: NexoraBuilderAppProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/builder/BindingsPanel.d.ts

@@ -0,0 +1,7 @@
+import { SchemaNode, NodeProps } from '@/types/schema';
+interface BindingsPanelProps {
+    node: SchemaNode;
+    onUpdateProps: (props: Partial<NodeProps>) => void;
+}
+export declare function BindingsPanel({ node, onUpdateProps }: BindingsPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/builder/BuilderCanvas.d.ts

@@ -1,5 +1,6 @@
 import { Schema, TemplateType } from '@/types/schema';
 import { CustomComponentMap } from '@/components/schema/NodeRegistry';
+import { RenderContext } from '@/types/contract';
 interface BuilderCanvasProps {
     schema: Schema;
     device: 'desktop' | 'tablet' | 'mobile';
@@ -28,6 +29,11 @@ interface BuilderCanvasProps {
         right?: string;
         bottom?: string;
     }) => void;
+    onCopyStyle?: (nodeId: string) => void;
+    onPasteStyle?: (nodeId: string) => void;
+    canPasteStyle?: boolean;
+    /** Pre-built render context from host — takes priority over auto-built one */
+    externalRenderContext?: RenderContext;
 }
-export declare function BuilderCanvas({ schema, device, selectedNodeId, onSelectNode, customComponents, templateType, canvasSize, mockData, customStylesheets, customCSS, customScripts, onCopyNode, onPasteNode, onDuplicateNode, onDeleteNode, canPaste, onEditSection, onSaveAsTemplate, onRepositionNode }: BuilderCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function BuilderCanvas({ schema, device, selectedNodeId, onSelectNode, customComponents, templateType, canvasSize, mockData, customStylesheets, customCSS, customScripts, onCopyNode, onPasteNode, onDuplicateNode, onDeleteNode, canPaste, onEditSection, onSaveAsTemplate, onRepositionNode, onCopyStyle, onPasteStyle, canPasteStyle, externalRenderContext }: BuilderCanvasProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/builder/BuilderEditorShell.d.ts

@@ -1,3 +1,4 @@
+import { RenderContext } from '@/types/contract';
 import { Schema, PageDefinition } from '@/types/schema';
 import { PublishPayload } from '@/components/builder/PublishDialog';
 import { CustomComponentMap } from '@/components/schema/NodeRegistry';
@@ -20,5 +21,9 @@ export interface BuilderEditorShellProps {
     customScripts?: string[];
     onImageUpload?: (file: File) => Promise<string>;
     resolveAssetUrl?: (path: string) => string;
+    /** Mock data from host for edit/preview binding resolution */
+    externalMockData?: Record<string, any>;
+    /** Pre-built render context from host */
+    externalRenderContext?: RenderContext;
 }
-export declare function BuilderEditorShell({ initialSchema, onSave: onSaveExternal, onPublish, onPreview, onExport, className, onPublishSubmit, pages, activePage, onPageChange, pageTitle, customComponents, onBack, customStylesheets, customCSS, customScripts, onImageUpload, resolveAssetUrl, }: BuilderEditorShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function BuilderEditorShell({ initialSchema, onSave: onSaveExternal, onPublish, onPreview, onExport, className, onPublishSubmit, pages, activePage, onPageChange, pageTitle, customComponents, onBack, customStylesheets, customCSS, customScripts, onImageUpload, resolveAssetUrl, externalMockData, externalRenderContext, }: BuilderEditorShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/builder/Inspector.d.ts

@@ -1,4 +1,4 @@
-import { SchemaNode, NodeProps, NodeStyle } from '@/types/schema';
+import { SchemaNode, NodeProps, NodeStyle, GlobalStyleDef } from '@/types/schema';
 interface InspectorProps {
     node: SchemaNode;
     onUpdateProps: (props: Partial<NodeProps>) => void;
@@ -7,6 +7,9 @@ interface InspectorProps {
     onDuplicate?: () => void;
     onImageUpload?: (file: File) => Promise<string>;
     onUpdateCustomCSS?: (css: string) => void;
+    device?: 'desktop' | 'tablet' | 'mobile';
+    globalStyles?: Record<string, GlobalStyleDef>;
+    onUpdateAppliedGlobalStyles?: (ids: string[]) => void;
 }
-export declare function Inspector({ node, onUpdateProps, onUpdateStyle, onDelete, onDuplicate, onImageUpload, onUpdateCustomCSS }: InspectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Inspector({ node, onUpdateProps, onUpdateStyle, onDelete, onDuplicate, onImageUpload, onUpdateCustomCSS, device, globalStyles, onUpdateAppliedGlobalStyles }: InspectorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/builder/ThemeEditor.d.ts

@@ -1,7 +1,9 @@
-import { ThemeTokens } from '@/types/schema';
+import { ThemeTokens, GlobalStyleDef } from '@/types/schema';
 interface ThemeEditorProps {
     themeTokens: ThemeTokens;
     onUpdate: (tokens: ThemeTokens) => void;
+    globalStyles?: Record<string, GlobalStyleDef>;
+    onUpdateGlobalStyles?: (styles: Record<string, GlobalStyleDef>) => void;
 }
-export declare function ThemeEditor({ themeTokens, onUpdate }: ThemeEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeEditor({ themeTokens, onUpdate, globalStyles, onUpdateGlobalStyles }: ThemeEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/schema/PageRenderer.d.ts

@@ -1,5 +1,6 @@
 import { Schema, RenderMode } from '@/types/schema';
 import { CustomComponentMap } from './NodeRegistry';
+import { RenderContext } from '@/types/contract';
 interface PageRendererProps {
     schema: Schema;
     mode: RenderMode;
@@ -20,6 +21,11 @@ interface PageRendererProps {
         right?: string;
         bottom?: string;
     }) => void;
+    onCopyStyle?: (nodeId: string) => void;
+    onPasteStyle?: (nodeId: string) => void;
+    canPasteStyle?: boolean;
+    /** Data context for resolving bindings in public/preview mode */
+    renderContext?: RenderContext;
 }
-export declare function PageRenderer({ schema, mode, selectedNodeId, onSelectNode, customComponents, mockData, onCopyNode, onPasteNode, onDuplicateNode, onDeleteNode, canPaste, onEditSection, onSaveAsTemplate, onRepositionNode }: PageRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageRenderer({ schema, mode, selectedNodeId, onSelectNode, customComponents, mockData, onCopyNode, onPasteNode, onDuplicateNode, onDeleteNode, canPaste, onEditSection, onSaveAsTemplate, onRepositionNode, onCopyStyle, onPasteStyle, canPasteStyle, renderContext }: PageRendererProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/schema/ScrollAnimationWrapper.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ScrollAnimationType = 'fadeIn' | 'slideUp' | 'slideLeft' | 'slideRight' | 'scaleIn' | 'none';
+interface ScrollAnimationWrapperProps {
+    children: React.ReactNode;
+    animation: ScrollAnimationType;
+    delay?: string;
+    duration?: string;
+}
+export declare function ScrollAnimationWrapper({ children, animation, delay, duration }: ScrollAnimationWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/schema/SortableNodeWrapper.d.ts

@@ -12,6 +12,9 @@ interface SortableNodeWrapperProps {
     canPaste?: boolean;
     onEditSection?: (nodeType: string) => void;
     onSaveAsTemplate?: (nodeId: string) => void;
+    onCopyStyle?: (nodeId: string) => void;
+    onPasteStyle?: (nodeId: string) => void;
+    canPasteStyle?: boolean;
     /** Pass the node's position-related styles so the wrapper can inherit absolute/fixed positioning */
     nodeStyle?: {
         position?: string;
@@ -29,5 +32,5 @@ interface SortableNodeWrapperProps {
         bottom?: string;
     }) => void;
 }
-export declare function SortableNodeWrapper({ nodeId, children, isSelected, nodeType, onSelect, onCopy, onPaste, onDuplicate, onDelete, canPaste, onEditSection, onSaveAsTemplate, nodeStyle, onRepositionNode }: SortableNodeWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function SortableNodeWrapper({ nodeId, children, isSelected, nodeType, onSelect, onCopy, onPaste, onDuplicate, onDelete, canPaste, onEditSection, onSaveAsTemplate, onCopyStyle, onPasteStyle, canPasteStyle, nodeStyle, onRepositionNode }: SortableNodeWrapperProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/schema/ThemeContext.d.ts

@@ -0,0 +1,3 @@
+import { ThemeTokens } from '@/types/schema';
+export declare const ThemeProvider: import("react").Provider<ThemeTokens>;
+export declare function useThemeTokens(): ThemeTokens | null;

package/dist/components/schema/nodes/CommerceNodes.d.ts

@@ -4,6 +4,9 @@ interface NodeComponentProps {
     node: SchemaNode;
     mode: RenderMode;
     renderChildren: (childIds: string[]) => React.ReactNode;
+    mockData?: Record<string, any>;
 }
 export declare function ProductCardNode({ node, mode, renderChildren }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductGridNode({ node, mode, mockData }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollectionGridNode({ node, mode, mockData }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/schema/nodes/TemplateNodes.d.ts

@@ -10,4 +10,9 @@ export declare function FeatureBarNode({ node }: NodeComponentProps): import("re
 export declare function TestimonialCardNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
 export declare function NewsletterSectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
 export declare function HeroSectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageBannerNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextSectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function CTASectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function TestimonialSectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function FAQSectionNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: {
-    variant?: "outline" | "default" | "destructive" | "secondary";
+    variant?: "outline" | "default" | "secondary" | "destructive";
 } & import("class-variance-authority/types").ClassProp) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/ui/button.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: {
-    variant?: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
-    size?: "default" | "icon" | "sm" | "lg";
+    variant?: "outline" | "link" | "default" | "secondary" | "ghost" | "destructive";
+    size?: "default" | "sm" | "lg" | "icon";
 } & import("class-variance-authority/types").ClassProp) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/ui/resizable.d.ts

@@ -1,6 +1,6 @@
 import * as ResizablePrimitive from "react-resizable-panels";
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLObjectElement | HTMLElement | HTMLLabelElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement | HTMLLinkElement | HTMLSelectElement | HTMLTextAreaElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLObjectElement | HTMLElement | HTMLLabelElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement | HTMLLinkElement | HTMLTitleElement | HTMLSelectElement | HTMLTextAreaElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;