@tech_carthagos/page-builder 1.0.12 → 1.0.13

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4XJbhVx.cjs");exports.ApiConfigProvider=e.ApiConfigProvider;exports.DEVICE_ORDER=e.DEVICE_ORDER;exports.DeviceSizeProvider=e.DeviceSizeProvider;exports.EventDataProvider=e.EventDataProvider;exports.PageBuilder=e.PageBuilder;exports.PreviewModal=e.PreviewModal;exports.TEMPLATE_VARIABLES=e.TEMPLATE_VARIABLES;exports.getPlaceholderPaths=e.getPlaceholderPaths;exports.getResponsiveValue=e.getResponsiveValue;exports.hasTemplatePlaceholders=e.hasTemplatePlaceholders;exports.processTemplate=e.processTemplate;exports.useApiConfig=e.useApiConfig;exports.useDeviceSize=e.useDeviceSize;exports.useEventData=e.useEventData;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-GH-PwMSN.cjs");exports.ApiConfigProvider=e.ApiConfigProvider;exports.DEVICE_ORDER=e.DEVICE_ORDER;exports.DeviceSizeProvider=e.DeviceSizeProvider;exports.EventDataProvider=e.EventDataProvider;exports.PageBuilder=e.PageBuilder;exports.PreviewModal=e.PreviewModal;exports.TEMPLATE_VARIABLES=e.TEMPLATE_VARIABLES;exports.getPlaceholderPaths=e.getPlaceholderPaths;exports.getResponsiveValue=e.getResponsiveValue;exports.hasTemplatePlaceholders=e.hasTemplatePlaceholders;exports.processTemplate=e.processTemplate;exports.useApiConfig=e.useApiConfig;exports.useDeviceSize=e.useDeviceSize;exports.useEventData=e.useEventData;

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { a4 as s, a8 as i, _ as r, $ as o, a2 as t, a3 as l, ac as v, ab as P, a7 as E, aa as d, a9 as p, a5 as c, a6 as D, X as g } from "./index-B9a24yCs.js";
+import { a5 as s, a9 as i, $ as r, a0 as o, a3 as t, a4 as l, ad as v, ac as P, a8 as d, ab as E, aa as p, a6 as c, a7 as D, Y as g } from "./index-DWRynqVc.js";
 export {
   s as ApiConfigProvider,
   i as DEVICE_ORDER,
@@ -8,8 +8,8 @@ export {
   l as PreviewModal,
   v as TEMPLATE_VARIABLES,
   P as getPlaceholderPaths,
-  E as getResponsiveValue,
-  d as hasTemplatePlaceholders,
+  d as getResponsiveValue,
+  E as hasTemplatePlaceholders,
   p as processTemplate,
   c as useApiConfig,
   D as useDeviceSize,

package/dist-types/ui/button.d.ts

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

package/dist-types/user/Container.d.ts

@@ -1,25 +1,48 @@
 import { Node } from '@craftjs/core';
-import { ReactNode, HTMLAttributes } from 'react';
+import { DivProps } from './Div';
 
 export declare const Container: {
-    ({ children, className }: {
-        children?: React.ReactNode;
-        className?: string;
-    }): import("react/jsx-runtime").JSX.Element;
+    ({ className, backgroundColor, backgroundImage, backgroundSize, backgroundRepeat, padding, margin, width, minHeight, maxWidth, display, flexDirection, justifyContent, alignItems, gap, borderRadius, borderWidth, borderColor, borderStyle, boxShadow, children, }: DivProps): import("react/jsx-runtime").JSX.Element;
     craft: {
         isCanvas: boolean;
-        props: {};
+        props: {
+            backgroundColor: string;
+            backgroundImage: string;
+            backgroundSize: string;
+            backgroundRepeat: string;
+            padding: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            };
+            margin: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            };
+            width: string;
+            minHeight: number;
+            maxWidth: string;
+            display: string;
+            flexDirection: string;
+            justifyContent: string;
+            alignItems: string;
+            gap: number;
+            borderRadius: number;
+            borderWidth: number;
+            borderColor: string;
+            borderStyle: string;
+            boxShadow: string;
+        };
         displayName: string;
+        related: {
+            settings: () => import("react/jsx-runtime").JSX.Element;
+        };
         rules: {
             canMoveIn: (incomingNodes: Node[]) => boolean;
         };
     };
 };
-type SectionProps = {
-    children: ReactNode;
-    addMarginBottom?: boolean;
-    maxWidth?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Section: ({ children, className, addMarginBottom, maxWidth, style, ...restProps }: SectionProps) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=Container.d.ts.map

package/dist-types/user/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/user/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAW,MAAM,eAAe,CAAC;AAG9C,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,SAAS;8BAA6B;QAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,SAAS,CAAC,EAAC,MAAM,CAAA;KAAE;;;;;;uCA4BrE,IAAI,EAAE;;;CARpC,CAAC;AAcF,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,GAAI,yEAOrB,YAAY,4CAYd,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/user/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAW,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,eAAO,MAAM,SAAS;yQAsBnB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCA+EoB,IAAI,EAAE;;;CA5BpC,CAAC"}

package/dist-types/user/ContainerOld.d.ts

@@ -1,5 +1,8 @@
-export function Container({ background, padding, margin, width, minHeight, maxWidth, display, flexDirection, justifyContent, alignItems, gap, borderRadius, borderWidth, borderColor, borderStyle, boxShadow, children }: {
-    background?: string | undefined;
+export function Container({ backgroundColor, backgroundImage, backgroundSize, backgroundRepeat, padding, margin, width, minHeight, maxWidth, display, flexDirection, justifyContent, alignItems, gap, borderRadius, borderWidth, borderColor, borderStyle, boxShadow, children, }: {
+    backgroundColor?: string | undefined;
+    backgroundImage?: string | undefined;
+    backgroundSize?: string | undefined;
+    backgroundRepeat?: string | undefined;
     padding?: {
         top: number;
         right: number;
@@ -31,7 +34,10 @@ export namespace Container {
     namespace craft {
         let displayName: string;
         namespace props {
-            let background: string;
+            let backgroundColor: string;
+            let backgroundImage: string;
+            let backgroundSize: string;
+            let backgroundRepeat: string;
             namespace padding {
                 let top: number;
                 let right: number;
@@ -67,6 +73,5 @@ export namespace Container {
         }
     }
 }
-declare function ContainerSettings(): import("react/jsx-runtime").JSX.Element;
-export {};
+export function ContainerSettings(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ContainerOld.d.ts.map

package/dist-types/user/ContainerOld.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerOld.d.ts","sourceRoot":"","sources":["../../src/user/ContainerOld.jsx"],"names":[],"mappings":"AAaO;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAyDN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,8EAuCC"}
+{"version":3,"file":"ContainerOld.d.ts","sourceRoot":"","sources":["../../src/user/ContainerOld.jsx"],"names":[],"mappings":"AAaO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAuEN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEM,6EA2IN"}

package/dist-types/user/Div.d.ts

@@ -1,19 +1,77 @@
-import { ReactElement } from 'react';
+import { JSXElementConstructor, ReactElement, ReactNode, ReactPortal } from 'react';
 
-type DivProps = {
-    className: string;
-    children?: ReactElement;
-    style?: Record<string, string>;
+export type DivProps = {
+    className?: string;
+    backgroundColor?: string;
+    backgroundImage?: string;
+    backgroundSize?: string;
+    backgroundRepeat?: string;
+    padding?: number | {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    margin?: number | {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    width?: string;
+    minHeight?: number;
+    maxWidth?: string;
+    display?: string;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse";
+    justifyContent?: string;
+    alignItems?: string;
+    gap?: number;
+    borderRadius?: number;
+    borderWidth?: number;
+    borderColor?: string;
+    borderStyle?: string;
+    boxShadow?: string;
+    children?: ((string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | ReactNode[]) & (string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal)) | null | undefined;
 };
 export declare const Div: {
-    ({ className, style, children }: DivProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, backgroundColor, backgroundImage, backgroundSize, backgroundRepeat, padding, margin, width, minHeight, maxWidth, display, flexDirection, justifyContent, alignItems, gap, borderRadius, borderWidth, borderColor, borderStyle, boxShadow, children, }: DivProps): import("react/jsx-runtime").JSX.Element;
     craft: {
         isCanvas: boolean;
         props: {
             ClassNames: string;
-            style: {};
+            backgroundColor: string;
+            backgroundImage: string;
+            backgroundSize: string;
+            backgroundRepeat: string;
+            padding: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            };
+            margin: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            };
+            width: string;
+            minHeight: number;
+            maxWidth: string;
+            display: string;
+            flexDirection: string;
+            justifyContent: string;
+            alignItems: string;
+            gap: number;
+            borderRadius: number;
+            borderWidth: number;
+            borderColor: string;
+            borderStyle: string;
+            boxShadow: string;
+        };
+        related: {
+            settings: () => import("react/jsx-runtime").JSX.Element;
         };
     };
 };
-export {};
 //# sourceMappingURL=Div.d.ts.map

package/dist-types/user/Div.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../src/user/Div.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,KAAK,QAAQ,GAAG;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC/B,CAAC;AAEF,eAAO,MAAM,GAAG;qCAAoC,QAAQ;;;;;;;;CAiB3D,CAAC"}
+{"version":3,"file":"Div.d.ts","sourceRoot":"","sources":["../../src/user/Div.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EACJ,MAAM,GACN;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACjE,MAAM,CAAC,EACH,MAAM,GACN;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IACpE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EACL,CAAC,CACG,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,GACtD,QAAQ,CAAC,SAAS,CAAC,GACnB,WAAW,GACX,SAAS,EAAE,CACd,GACC,CACI,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,GACtD,QAAQ,CAAC,SAAS,CAAC,GACnB,WAAW,CACd,CAAC,GACJ,IAAI,GACJ,SAAS,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,GAAG;yQAsBb,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDV,CAAC"}

package/dist-types/user/Section.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode, ReactPortal } from 'react';
 
 type SectionProps = {
-    children?: ReactNode;
+    children?: ((string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | ReactNode[]) & (string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal)) | null | undefined;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const Section: {
     ({ children, className }: SectionProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/user/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/user/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlD,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;8BAA6B,YAAY;;;;;;;;CAmC5D,CAAC"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/user/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAC;AAOf,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EACL,CAAC,CACG,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,GACtD,QAAQ,CAAC,SAAS,CAAC,GACnB,WAAW,GACX,SAAS,EAAE,CACd,GACC,CACI,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,GACtD,QAAQ,CAAC,SAAS,CAAC,GACnB,WAAW,CACd,CAAC,GACJ,IAAI,GACJ,SAAS,CAAC;CACf,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;8BAA6B,YAAY;;;;;;;;CAkC5D,CAAC"}

package/dist-types/user/Wrapper.d.ts

@@ -1,18 +1,48 @@
 import { Node } from '@craftjs/core';
-import { ReactNode, HTMLAttributes } from 'react';
+import { DivProps } from './Div';
 
-type WrapperProps = {
-    children?: ReactNode;
-} & HTMLAttributes<HTMLDivElement>;
 export declare const Wrapper: {
-    ({ children, className, ...restProps }: WrapperProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, backgroundColor, backgroundImage, backgroundSize, backgroundRepeat, padding, margin, width, minHeight, maxWidth, display, flexDirection, justifyContent, alignItems, gap, borderRadius, borderWidth, borderColor, borderStyle, boxShadow, children, }: DivProps): import("react/jsx-runtime").JSX.Element;
     craft: {
-        props: {};
+        props: {
+            backgroundColor: string;
+            backgroundImage: string;
+            backgroundSize: string;
+            backgroundRepeat: string;
+            padding: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            };
+            margin: {
+                top: number;
+                right: number;
+                bottom: number;
+                left: number;
+            };
+            width: string;
+            minHeight: number;
+            maxWidth: string;
+            display: string;
+            flexDirection: string;
+            justifyContent: string;
+            alignItems: string;
+            gap: number;
+            borderRadius: number;
+            borderWidth: number;
+            borderColor: string;
+            borderStyle: string;
+            boxShadow: string;
+        };
         displayName: string;
         isCanvas: boolean;
         rules: {
             canMoveIn: (incomingNodes: Node[]) => boolean;
         };
+        related: {
+            settings: () => import("react/jsx-runtime").JSX.Element;
+        };
     };
 };
 export default Wrapper;

package/dist-types/user/Wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../src/user/Wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAW,MAAM,eAAe,CAAC;AAG9C,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;4CAIjB,YAAY;;;;;;uCA6BgB,IAAI,EAAE;;;CAPpC,CAAC;AAeF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../src/user/Wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAW,MAAM,eAAe,CAAC;AAG9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,eAAO,MAAM,OAAO;yQAsBjB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCA8EoB,IAAI,EAAE;;;;;;CA3BpC,CAAC;AAoCF,eAAe,OAAO,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tech_carthagos/page-builder",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",