@mandolop97/constructor-nexora 1.0.9 → 1.1.3

package/dist/types/schema.d.ts

@@ -1,42 +1,117 @@
 import React from 'react';
-export type BuiltInNodeType = 'Section' | 'Container' | 'Grid' | 'Stack' | 'Text' | 'Image' | 'Divider' | 'Badge' | 'Button' | 'Card' | 'Input' | 'ProductCard' | 'Navbar' | 'Footer' | 'AnnouncementBar' | 'FeatureBar' | 'TestimonialCard' | 'NewsletterSection' | 'HeroSection' | 'Accordion' | 'TabsBlock' | 'VideoEmbed';
+export type BuiltInNodeType = 'Section' | 'Container' | 'Grid' | 'Stack' | 'Text' | 'Image' | 'Divider' | 'Badge' | 'Button' | 'Card' | 'Input' | 'ProductCard' | 'Navbar' | 'Footer' | 'AnnouncementBar' | 'FeatureBar' | 'TestimonialCard' | 'NewsletterSection' | 'HeroSection' | 'Accordion' | 'TabsBlock' | 'VideoEmbed' | 'Spacer' | 'Icon' | 'SocialIcons';
 /** Extensible node type — accepts all built-in types plus any custom string. */
 export type NodeType = BuiltInNodeType | (string & {});
 export interface NodeStyle {
     padding?: string;
     margin?: string;
     gap?: string;
-    color?: string;
-    backgroundColor?: string;
-    borderColor?: string;
-    borderWidth?: string;
-    borderRadius?: string;
-    boxShadow?: string;
     width?: string;
     height?: string;
     minHeight?: string;
     maxWidth?: string;
-    alignItems?: string;
-    justifyContent?: string;
-    textAlign?: string;
-    fontSize?: string;
-    fontWeight?: string;
-    lineHeight?: string;
-    letterSpacing?: string;
+    minWidth?: string;
+    maxHeight?: string;
     display?: string;
     flexDirection?: string;
+    flexWrap?: string;
+    flexGrow?: string;
+    flexShrink?: string;
+    alignItems?: string;
+    justifyContent?: string;
+    alignSelf?: string;
     gridTemplateColumns?: string;
-    backgroundImage?: string;
-    backgroundSize?: string;
-    backgroundPosition?: string;
-    opacity?: string;
+    gridTemplateRows?: string;
+    gridColumn?: string;
+    gridRow?: string;
     overflow?: string;
+    overflowX?: string;
+    overflowY?: string;
     position?: string;
     top?: string;
     left?: string;
     right?: string;
     bottom?: string;
     zIndex?: string;
+    float?: string;
+    clear?: string;
+    color?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    fontStyle?: string;
+    lineHeight?: string;
+    letterSpacing?: string;
+    textAlign?: string;
+    textTransform?: string;
+    textDecoration?: string;
+    textShadow?: string;
+    wordSpacing?: string;
+    whiteSpace?: string;
+    textOverflow?: string;
+    backgroundColor?: string;
+    backgroundImage?: string;
+    backgroundSize?: string;
+    backgroundPosition?: string;
+    backgroundRepeat?: string;
+    backgroundAttachment?: string;
+    backgroundBlendMode?: string;
+    backgroundGradient?: string;
+    backgroundClip?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    borderRadius?: string;
+    borderStyle?: string;
+    borderTop?: string;
+    borderBottom?: string;
+    borderLeft?: string;
+    borderRight?: string;
+    borderTopLeftRadius?: string;
+    borderTopRightRadius?: string;
+    borderBottomLeftRadius?: string;
+    borderBottomRightRadius?: string;
+    outline?: string;
+    outlineOffset?: string;
+    outlineColor?: string;
+    outlineStyle?: string;
+    outlineWidth?: string;
+    boxShadow?: string;
+    opacity?: string;
+    filter?: string;
+    backdropFilter?: string;
+    mixBlendMode?: string;
+    clipPath?: string;
+    cursor?: string;
+    pointerEvents?: string;
+    userSelect?: string;
+    visibility?: string;
+    transform?: string;
+    transformOrigin?: string;
+    perspective?: string;
+    perspectiveOrigin?: string;
+    transition?: string;
+    transitionProperty?: string;
+    transitionDuration?: string;
+    transitionTimingFunction?: string;
+    transitionDelay?: string;
+    animation?: string;
+    animationName?: string;
+    animationDuration?: string;
+    animationDelay?: string;
+    animationTimingFunction?: string;
+    animationIterationCount?: string;
+    animationFillMode?: string;
+    animationDirection?: string;
+    animationPlayState?: string;
+    hover?: Partial<Omit<NodeStyle, 'hover' | 'focus' | 'active' | 'responsive'>>;
+    focus?: Partial<Omit<NodeStyle, 'hover' | 'focus' | 'active' | 'responsive'>>;
+    active?: Partial<Omit<NodeStyle, 'hover' | 'focus' | 'active' | 'responsive'>>;
+    responsive?: {
+        sm?: Partial<Omit<NodeStyle, 'hover' | 'focus' | 'active' | 'responsive'>>;
+        md?: Partial<Omit<NodeStyle, 'hover' | 'focus' | 'active' | 'responsive'>>;
+        lg?: Partial<Omit<NodeStyle, 'hover' | 'focus' | 'active' | 'responsive'>>;
+        xl?: Partial<Omit<NodeStyle, 'hover' | 'focus' | 'active' | 'responsive'>>;
+    };
 }
 export interface NodeProps {
     text?: string;
@@ -67,39 +142,26 @@ export interface NodeProps {
     ctaText?: string;
     ctaHref?: string;
     overlayOpacity?: string;
-    /** Alias for `text` in HeroSection/Newsletter */
     heading?: string;
-    /** Alias for `ctaHref` in HeroSection */
     ctaLink?: string;
-    /** Secondary CTA button text */
     secondaryCtaText?: string;
-    /** Secondary CTA button link */
     secondaryCtaLink?: string;
-    /** Overlay label text in HeroSection */
     overlayText?: string;
-    /** Alias for `text` in ProductCard */
     name?: string;
-    /** Alias for `src` in ProductCard */
     image?: string;
-    /** Alias for `text` in TestimonialCard */
     quote?: string;
-    /** Alias for `label` in TestimonialCard */
     author?: string;
-    /** Alias for `variant` (stars) in TestimonialCard */
     stars?: number;
-    /** Alias for `href` in Button */
     link?: string;
-    /** Accordion/Tabs panels: array of { title, description } */
     panels?: {
         title: string;
         description: string;
     }[];
-    /** Video embed URL */
     videoUrl?: string;
-    /** Autoplay flag */
     autoplay?: boolean;
-    /** Muted flag */
     muted?: boolean;
+    /** Allow arbitrary extra props from custom blocks */
+    [key: string]: any;
 }
 export interface SchemaNode {
     id: string;
@@ -109,8 +171,9 @@ export interface SchemaNode {
     children: string[];
     locked?: boolean;
     hidden?: boolean;
-    /** User-defined custom name for this node (shown in Layers panel) */
     customName?: string;
+    /** Raw CSS applied to this specific widget */
+    customCSS?: string;
 }
 export interface ThemeTokens {
     colors: {
@@ -139,6 +202,7 @@ export interface ThemeTokens {
         lg: string;
         xl: string;
     };
+    gradient?: string;
 }
 export interface Schema {
     id: string;
@@ -159,19 +223,18 @@ export interface PageDefinition {
     title: string;
     schema: Schema;
     status?: 'published' | 'draft';
-    /** Type of template being edited. Determines canvas behavior. */
     templateType?: TemplateType;
-    /** Category for grouping in the sidebar (e.g. "Páginas", "Elementos Globales", "Templates") */
     category?: string;
-    /** Optional icon component for the page list */
     icon?: React.ComponentType;
-    /** Custom canvas dimensions. Overrides templateType defaults. */
     canvasSize?: {
         width: number;
         height: number;
     };
-    /** Mock data injected into custom components in edit/preview mode */
     mockData?: Record<string, any>;
 }
 export type RenderMode = 'public' | 'preview' | 'edit';
 export type TemplateType = 'page' | 'header' | 'footer' | 'component' | 'single';
+/** Predefined animation presets available in the Inspector */
+export type AnimationPreset = 'fadeIn' | 'fadeOut' | 'slideUp' | 'slideDown' | 'slideLeft' | 'slideRight' | 'scaleIn' | 'scaleOut' | 'bounceIn' | 'pulse' | 'shake' | 'none';
+/** Maps animation preset names to CSS animation values */
+export declare const ANIMATION_PRESETS: Record<AnimationPreset, string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mandolop97/constructor-nexora",
   "private": false,
-  "version": "1.0.9",
+  "version": "1.1.3",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -17,7 +17,9 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vite build",