@tech_carthagos/page-builder 1.0.10 → 1.0.12

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-tq8BDmud.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-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;

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, J as g } from "./index-DGBwnfkc.js";
+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";
 export {
   s as ApiConfigProvider,
   i as DEVICE_ORDER,
@@ -11,7 +11,7 @@ export {
   E as getResponsiveValue,
   d 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/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" | "sm" | "lg" | "xl" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "xl" | 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/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,25 @@
-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;
+import { Node } from '@craftjs/core';
+import { ReactNode, HTMLAttributes } from 'react';
+
+export declare const Container: {
+    ({ children, className }: {
+        children?: React.ReactNode;
+        className?: string;
+    }): import("react/jsx-runtime").JSX.Element;
+    craft: {
+        isCanvas: boolean;
+        props: {};
+        displayName: string;
+        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.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;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"}

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

@@ -0,0 +1,72 @@
+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 {};
+//# 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAyDN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,8EAuCC"}

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tech_carthagos/page-builder",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -18,9 +18,9 @@
     "dist-types"
   ],
   "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "@tanstack/react-query": "^5.0.0"
+    "react-dom": "^18.2.0"
   },
   "dependencies": {
     "@craftjs/core": "^0.2.12",
@@ -38,16 +38,23 @@
     "tailwind-merge": "^2.6.0"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@types/sanitize-html": "^2.16.0",
     "@vitejs/plugin-react": "^4.2.0",
+    "autoprefixer": "^10.4.23",
+    "postcss": "^8.5.6",
+    "react-router-dom": "^7.12.0",
+    "tailwindcss": "^4.1.18",
     "typescript": "^5.0.0",
     "vite": "^5.0.0",
     "vite-plugin-dts": "^3.0.0"
   },
   "scripts": {
     "build": "vite build",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "start": "node builder.js",
+    "dev:example": "vite --port 3000"
   }
 }