@tech_carthagos/page-builder 1.0.11 → 1.0.13

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CsqvGzT3.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 { _ as s, a2 as i, Q as r, R as o, Y as t, Z as l, a6 as v, a5 as P, a1 as E, a4 as d, a3 as p, $ as D, a0 as c, G as g } from "./index-g1Iz35Bb.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,10 +8,10 @@ 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,
-  D as useApiConfig,
-  c as useDeviceSize,
+  c as useApiConfig,
+  D as useDeviceSize,
   g as useEventData
 };

package/dist/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/dist-types/Builder.d.ts

@@ -0,0 +1,3 @@
+export default Builder;
+declare function Builder(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Builder.d.ts.map

package/dist-types/Builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Builder.d.ts","sourceRoot":"","sources":["../src/Builder.jsx"],"names":[],"mappings":";AAEA,oEAOC"}

package/dist-types/CraftEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CraftEditor.d.ts","sourceRoot":"","sources":["../src/CraftEditor.jsx"],"names":[],"mappings":";AAwBA;;;;4CA6FC"}
+{"version":3,"file":"CraftEditor.d.ts","sourceRoot":"","sources":["../src/CraftEditor.jsx"],"names":[],"mappings":";AA0BA;;;;4CA+FC"}

package/dist-types/Editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../src/Editor.jsx"],"names":[],"mappings":";AAGA;;4CAUC"}
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../src/Editor.jsx"],"names":[],"mappings":";AAIA;;4CAYC"}

package/dist-types/editor/Toolbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../src/editor/Toolbox.jsx"],"names":[],"mappings":"AA0BO,mEAmGN"}
+{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../src/editor/Toolbox.jsx"],"names":[],"mappings":"AA2BO,mEA6GN"}

package/dist-types/examples/App.d.ts

@@ -0,0 +1,3 @@
+declare const App: () => import("react/jsx-runtime").JSX.Element;
+export default App;
+//# sourceMappingURL=App.d.ts.map

package/dist-types/examples/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/examples/App.tsx"],"names":[],"mappings":"AAuDA,QAAA,MAAM,GAAG,+CAMR,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist-types/examples/main.d.ts

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=main.d.ts.map

package/dist-types/examples/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/examples/main.tsx"],"names":[],"mappings":"AAIA,OAAO,eAAe,CAAC"}

package/dist-types/lib/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/lib/api.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,IAAI,WAAW,CAY5C;AAED,wBAAsB,UAAU,CAAC,CAAC,EAChC,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,WAAgB,GACxB,OAAO,CAAC,CAAC,CAAC,CAgBZ;AAED,MAAM,WAAW,WAAW;IAC1B,gBAAgB,EAAE;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAsB,oBAAoB,CACxC,UAAU,EAAE,MAAM,EAClB,KAAK,CAAC,EAAE,MAAM,GACb,OAAO,CAAC,WAAW,CAAC,CAKtB"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/lib/api.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,IAAI,WAAW,CAY5C;AAED,wBAAsB,UAAU,CAAC,CAAC,EAChC,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,WAAgB,GACxB,OAAO,CAAC,CAAC,CAAC,CAgBZ;AAED,MAAM,WAAW,WAAW;IAC1B,gBAAgB,EAAE;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAsB,oBAAoB,CACxC,UAAU,EAAE,MAAM,EAClB,KAAK,CAAC,EAAE,MAAM,GACb,OAAO,CAAC,WAAW,CAAC,CAKtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../src/user/Columns.jsx"],"names":[],"mappings":"AAWO;;;;;;;;;;;;;;;;;4CAoCN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,4EA2DC"}
+{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../src/user/Columns.jsx"],"names":[],"mappings":"AAWO;;;;;;;;;;;;;;;;;4CAyCN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,4EAgEC"}

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

@@ -1,72 +1,48 @@
-export function Container({ background, padding, margin, width, minHeight, maxWidth, display, flexDirection, justifyContent, alignItems, gap, borderRadius, borderWidth, borderColor, borderStyle, boxShadow, children }: {
-    background?: string | undefined;
-    padding?: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    } | undefined;
-    margin?: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    } | undefined;
-    width?: string | undefined;
-    minHeight?: number | undefined;
-    maxWidth?: string | undefined;
-    display?: string | undefined;
-    flexDirection?: string | undefined;
-    justifyContent?: string | undefined;
-    alignItems?: string | undefined;
-    gap?: number | undefined;
-    borderRadius?: number | undefined;
-    borderWidth?: number | undefined;
-    borderColor?: string | undefined;
-    borderStyle?: string | undefined;
-    boxShadow?: string | undefined;
-    children: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace Container {
-    namespace craft {
-        let displayName: string;
-        namespace props {
-            let background: string;
-            namespace padding {
-                let top: number;
-                let right: number;
-                let bottom: number;
-                let left: number;
-            }
-            namespace margin {
-                let top_1: number;
-                export { top_1 as top };
-                let right_1: number;
-                export { right_1 as right };
-                let bottom_1: number;
-                export { bottom_1 as bottom };
-                let left_1: number;
-                export { left_1 as left };
-            }
-            let width: string;
-            let minHeight: number;
-            let maxWidth: string;
-            let display: string;
-            let flexDirection: string;
-            let justifyContent: string;
-            let alignItems: string;
-            let gap: number;
-            let borderRadius: number;
-            let borderWidth: number;
-            let borderColor: string;
-            let borderStyle: string;
-            let boxShadow: string;
-        }
-        namespace related {
-            export { ContainerSettings as settings };
-        }
-    }
-}
-declare function ContainerSettings(): import("react/jsx-runtime").JSX.Element;
-export {};
+import { Node } from '@craftjs/core';
+import { DivProps } from './Div';
+
+export declare const Container: {
+    ({ 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: {
+            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;
+        };
+    };
+};
 //# 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.jsx"],"names":[],"mappings":"AAaO;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAyDN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,8EAuCC"}
+{"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

@@ -0,0 +1,77 @@
+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;
+        bottom: number;
+        left: number;
+    } | undefined;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    } | undefined;
+    width?: string | undefined;
+    minHeight?: number | undefined;
+    maxWidth?: string | undefined;
+    display?: string | undefined;
+    flexDirection?: string | undefined;
+    justifyContent?: string | undefined;
+    alignItems?: string | undefined;
+    gap?: number | undefined;
+    borderRadius?: number | undefined;
+    borderWidth?: number | undefined;
+    borderColor?: string | undefined;
+    borderStyle?: string | undefined;
+    boxShadow?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Container {
+    namespace craft {
+        let displayName: string;
+        namespace props {
+            let backgroundColor: string;
+            let backgroundImage: string;
+            let backgroundSize: string;
+            let backgroundRepeat: string;
+            namespace padding {
+                let top: number;
+                let right: number;
+                let bottom: number;
+                let left: number;
+            }
+            namespace margin {
+                let top_1: number;
+                export { top_1 as top };
+                let right_1: number;
+                export { right_1 as right };
+                let bottom_1: number;
+                export { bottom_1 as bottom };
+                let left_1: number;
+                export { left_1 as left };
+            }
+            let width: string;
+            let minHeight: number;
+            let maxWidth: string;
+            let display: string;
+            let flexDirection: string;
+            let justifyContent: string;
+            let alignItems: string;
+            let gap: number;
+            let borderRadius: number;
+            let borderWidth: number;
+            let borderColor: string;
+            let borderStyle: string;
+            let boxShadow: string;
+        }
+        namespace related {
+            export { ContainerSettings as settings };
+        }
+    }
+}
+export function ContainerSettings(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContainerOld.d.ts.map

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

@@ -0,0 +1 @@
+{"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/Footer.d.ts

@@ -0,0 +1,72 @@
+export default Footer;
+declare function Footer({ background, padding, margin, width, minHeight, maxWidth, display, flexDirection, justifyContent, alignItems, gap, borderRadius, borderWidth, borderColor, borderStyle, boxShadow, children, }: {
+    background?: string | undefined;
+    padding?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    } | undefined;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    } | undefined;
+    width?: string | undefined;
+    minHeight?: number | undefined;
+    maxWidth?: string | undefined;
+    display?: string | undefined;
+    flexDirection?: string | undefined;
+    justifyContent?: string | undefined;
+    alignItems?: string | undefined;
+    gap?: number | undefined;
+    borderRadius?: number | undefined;
+    borderWidth?: number | undefined;
+    borderColor?: string | undefined;
+    borderStyle?: string | undefined;
+    boxShadow?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Footer {
+    namespace craft {
+        let displayName: string;
+        namespace props {
+            let background: string;
+            namespace padding {
+                let top: number;
+                let right: number;
+                let bottom: number;
+                let left: number;
+            }
+            namespace margin {
+                let top_1: number;
+                export { top_1 as top };
+                let right_1: number;
+                export { right_1 as right };
+                let bottom_1: number;
+                export { bottom_1 as bottom };
+                let left_1: number;
+                export { left_1 as left };
+            }
+            let width: string;
+            let minHeight: number;
+            let maxWidth: string;
+            let display: string;
+            let flexDirection: string;
+            let justifyContent: string;
+            let alignItems: string;
+            let gap: number;
+            let borderRadius: number;
+            let borderWidth: number;
+            let borderColor: string;
+            let borderStyle: string;
+            let boxShadow: string;
+        }
+        namespace related {
+            export { ContainerSettings as settings };
+        }
+    }
+}
+declare function ContainerSettings(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/user/Footer.jsx"],"names":[],"mappings":";AA8FA;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA6FC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,8EA+GC"}

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

@@ -1,17 +1,45 @@
-type ImgProps = {
-    className?: string;
-    src?: string;
-    alt?: string;
-};
-export declare const Img: {
-    ({ className, src, alt }: ImgProps): import("react/jsx-runtime").JSX.Element;
-    craft: {
-        isCanvas: boolean;
-        props: {
-            ClassNames: string;
-            src: string;
-        };
-    };
-};
+export function Img({ src, alt, width, height, maxWidth, objectFit, borderRadius, margin, opacity, boxShadow, }: {
+    src?: string | undefined;
+    alt?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    maxWidth?: string | undefined;
+    objectFit?: string | undefined;
+    borderRadius?: number | undefined;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    } | undefined;
+    opacity?: number | undefined;
+    boxShadow?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Img {
+    namespace craft {
+        let displayName: string;
+        namespace props {
+            let src: string;
+            let alt: string;
+            let width: string;
+            let height: string;
+            let maxWidth: string;
+            let objectFit: string;
+            let borderRadius: number;
+            namespace margin {
+                let top: number;
+                let right: number;
+                let bottom: number;
+                let left: number;
+            }
+            let opacity: number;
+            let boxShadow: string;
+        }
+        namespace related {
+            export { ImageSettings as settings };
+        }
+    }
+}
+declare function ImageSettings(): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Img.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Img.d.ts","sourceRoot":"","sources":["../../src/user/Img.tsx"],"names":[],"mappings":"AAKA,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CAEd,CAAC;AAEF,eAAO,MAAM,GAAG;8BAAqC,QAAQ;;;;;;;;CAoB5D,CAAC"}
+{"version":3,"file":"Img.d.ts","sourceRoot":"","sources":["../../src/user/Img.jsx"],"names":[],"mappings":"AAWO;;;;;;;;;;;;;;;;4CA4CN;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,0EAoHC"}

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/Text.d.ts

@@ -1,5 +1,6 @@
-export function Text({ text, fontSize, fontWeight, fontFamily, lineHeight, letterSpacing, textAlign, color, margin, textDecoration, textTransform, opacity, }: {
+export function Text({ text, html, fontSize, fontWeight, fontFamily, lineHeight, letterSpacing, textAlign, color, margin, textDecoration, textTransform, opacity, }: {
     text?: string | undefined;
+    html: any;
     fontSize?: {
         desktop: number;
     } | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/user/Text.jsx"],"names":[],"mappings":"AAgCO;;;;;;;;;;;;;;;;;;;;;;;;4CA+DN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,yEAqIC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/user/Text.jsx"],"names":[],"mappings":"AAiDO;;;;;;;;;;;;;;;;;;;;;;;;;4CAuEN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,yEA8IC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/user/Video.jsx"],"names":[],"mappings":"AA8FO;;;;;;;;;;;;;;4CA2EN;;;;;;;;;;;;;;;;;;;;;;;;AAUD,0EAuEC"}
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/user/Video.jsx"],"names":[],"mappings":"AA8GO;;;;;;;;;;;;;;4CA2EN;;;;;;;;;;;;;;;;;;;;;;;;AAYD,0EA8EC"}

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"}