@mandolop97/constructor-nexora 1.1.0 → 1.2.1

package/dist/NexoraBuilderApp.d.ts

@@ -20,5 +20,13 @@ export interface NexoraBuilderAppProps {
     locale?: 'es' | 'en' | BuilderLocale;
     customComponents?: CustomComponentMap;
     extraBlocks?: BlockDefinition[];
+    /** URLs of external CSS stylesheets to inject into the canvas */
+    customStylesheets?: string[];
+    /** Raw CSS string to inject into the canvas */
+    customCSS?: string;
+    /** Callback for image uploads from inspector fields */
+    onImageUpload?: (file: File) => Promise<string>;
+    /** Resolve asset paths to full URLs */
+    resolveAssetUrl?: (path: string) => string;
 }
-export declare function NexoraBuilderApp({ initialSchema, domain, pageSlug, onSave, onPublish, onPreview, onExport, className, pages, activePage, onPageChange, onSaveWithSlug, onPublishSubmit, locale: localeProp, customComponents, extraBlocks, }: 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, onImageUpload, resolveAssetUrl, }: NexoraBuilderAppProps): import("react/jsx-runtime").JSX.Element;

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

@@ -12,6 +12,13 @@ interface BuilderCanvasProps {
         height: number;
     };
     mockData?: Record<string, any>;
+    customStylesheets?: string[];
+    customCSS?: string;
+    onCopyNode?: (nodeId: string) => void;
+    onPasteNode?: (nodeId: string) => void;
+    onDuplicateNode?: (nodeId: string) => void;
+    onDeleteNode?: (nodeId: string) => void;
+    canPaste?: boolean;
 }
-export declare function BuilderCanvas({ schema, device, selectedNodeId, onSelectNode, customComponents, templateType, canvasSize, mockData }: BuilderCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function BuilderCanvas({ schema, device, selectedNodeId, onSelectNode, customComponents, templateType, canvasSize, mockData, customStylesheets, customCSS, onCopyNode, onPasteNode, onDuplicateNode, onDeleteNode, canPaste }: BuilderCanvasProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -15,5 +15,9 @@ export interface BuilderEditorShellProps {
     pageTitle?: string;
     customComponents?: CustomComponentMap;
     onBack?: () => void;
+    customStylesheets?: string[];
+    customCSS?: string;
+    onImageUpload?: (file: File) => Promise<string>;
+    resolveAssetUrl?: (path: string) => string;
 }
-export declare function BuilderEditorShell({ initialSchema, onSave: onSaveExternal, onPublish, onPreview, onExport, className, onPublishSubmit, pages, activePage, onPageChange, pageTitle, customComponents, onBack, }: 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, onImageUpload, resolveAssetUrl, }: BuilderEditorShellProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+interface CustomStylesInjectorProps {
+    /** External CSS stylesheet URLs to load */
+    stylesheets?: string[];
+    /** Raw CSS string to inject */
+    css?: string;
+}
+/**
+ * Injects custom stylesheets (<link>) and raw CSS (<style>) into the
+ * canvas so builder preview matches the real site appearance.
+ */
+export declare function CustomStylesInjector({ stylesheets, css }: CustomStylesInjectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+interface GradientEditorProps {
+    value: string;
+    onChange: (gradient: string) => void;
+}
+export declare function GradientEditor({ value, onChange }: GradientEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+interface ImageUploadFieldProps {
+    label: string;
+    value: string;
+    onChange: (url: string) => void;
+}
+export declare function ImageUploadField({ label, value, onChange }: ImageUploadFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -5,6 +5,8 @@ interface InspectorProps {
     onUpdateStyle: (style: Partial<NodeStyle>) => void;
     onDelete: () => void;
     onDuplicate?: () => void;
+    onImageUpload?: (file: File) => Promise<string>;
+    onUpdateCustomCSS?: (css: string) => void;
 }
-export declare function Inspector({ node, onUpdateProps, onUpdateStyle, onDelete, onDuplicate }: InspectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Inspector({ node, onUpdateProps, onUpdateStyle, onDelete, onDuplicate, onImageUpload, onUpdateCustomCSS }: InspectorProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,6 +8,7 @@ interface LayersPanelProps {
     onDeleteNode?: (nodeId: string) => void;
     onMoveNode?: (nodeId: string, newParentId: string, index: number) => void;
     onRenameNode?: (nodeId: string, newName: string) => void;
+    onToggleVisibility?: (nodeId: string) => void;
 }
-export declare function LayersPanel({ schema, selectedNodeId, onSelectNode, onReorderChildren, onDuplicateNode, onDeleteNode, onMoveNode, onRenameNode, }: LayersPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function LayersPanel({ schema, selectedNodeId, onSelectNode, onReorderChildren, onDuplicateNode, onDeleteNode, onMoveNode, onRenameNode, onToggleVisibility, }: LayersPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,7 @@
+interface MediaGalleryProps {
+    open: boolean;
+    onClose: () => void;
+    onSelect: (url: string) => void;
+}
+export declare function MediaGallery({ open, onClose, onSelect }: MediaGalleryProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+interface Product {
+    id: string;
+    name: string;
+    description: string;
+    price: number;
+    original_price: number | null;
+    badge: string;
+    image_url: string;
+    category: string;
+    sku: string;
+    in_stock: boolean;
+}
+interface ProductPickerProps {
+    open: boolean;
+    onClose: () => void;
+    onSelect: (product: Product) => void;
+}
+export declare function ProductPicker({ open, onClose, onSelect }: ProductPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -6,8 +6,12 @@ interface PageRendererProps {
     selectedNodeId?: string | null;
     onSelectNode?: (nodeId: string) => void;
     customComponents?: CustomComponentMap;
-    /** Mock data passed to custom components in edit/preview mode */
     mockData?: Record<string, any>;
+    onCopyNode?: (nodeId: string) => void;
+    onPasteNode?: (nodeId: string) => void;
+    onDuplicateNode?: (nodeId: string) => void;
+    onDeleteNode?: (nodeId: string) => void;
+    canPaste?: boolean;
 }
-export declare function PageRenderer({ schema, mode, selectedNodeId, onSelectNode, customComponents, mockData }: PageRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageRenderer({ schema, mode, selectedNodeId, onSelectNode, customComponents, mockData, onCopyNode, onPasteNode, onDuplicateNode, onDeleteNode, canPaste }: PageRendererProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,6 +5,11 @@ interface SortableNodeWrapperProps {
     isSelected: boolean;
     nodeType: string;
     onSelect: (id: string) => void;
+    onCopy?: (id: string) => void;
+    onPaste?: (id: string) => void;
+    onDuplicate?: (id: string) => void;
+    onDelete?: (id: string) => void;
+    canPaste?: boolean;
 }
-export declare function SortableNodeWrapper({ nodeId, children, isSelected, nodeType, onSelect }: SortableNodeWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function SortableNodeWrapper({ nodeId, children, isSelected, nodeType, onSelect, onCopy, onPaste, onDuplicate, onDelete, canPaste }: SortableNodeWrapperProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -9,4 +9,7 @@ export declare function TextNode({ node }: NodeComponentProps): import("react/js
 export declare function ImageNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
 export declare function DividerNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
 export declare function BadgeNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function SpacerNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconNode({ node }: NodeComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function SocialIconsNode({ 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?: "default" | "destructive" | "outline" | "secondary";
+    variant?: "outline" | "default" | "destructive" | "secondary";
 } & 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?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost";
-    size?: "default" | "sm" | "lg" | "icon";
+    variant?: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
+    size?: "default" | "icon" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

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

@@ -50,7 +50,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;

package/dist/components/ui/input-otp.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "textAlign" | "onChange" | "value" | "maxLength" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -12,7 +12,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: import("input-otp").RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "textAlign" | "onChange" | "value" | "maxLength" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

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 | HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement | HTMLSelectElement | 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 | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | 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 | 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"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

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

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: {
-    side?: "bottom" | "left" | "right" | "top";
+    side?: "top" | "left" | "right" | "bottom";
 } & import("class-variance-authority/types").ClassProp) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

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

@@ -45,7 +45,7 @@ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.Clas
     isActive?: boolean;
     tooltip?: string | React.ComponentProps<typeof TooltipContent>;
 } & VariantProps<(props?: {
-    variant?: "default" | "outline";
+    variant?: "outline" | "default";
     size?: "default" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {

package/dist/components/ui/toggle-group.d.ts

@@ -2,11 +2,11 @@ import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { type VariantProps } from "class-variance-authority";
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: {
-    variant?: "default" | "outline";
+    variant?: "outline" | "default";
     size?: "default" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "outline";
+    variant?: "outline" | "default";
     size?: "default" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem };

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

@@ -2,11 +2,11 @@ import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { type VariantProps } from "class-variance-authority";
 declare const toggleVariants: (props?: {
-    variant?: "default" | "outline";
+    variant?: "outline" | "default";
     size?: "default" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "outline";
+    variant?: "outline" | "default";
     size?: "default" | "sm" | "lg";
 } & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle, toggleVariants };