labellife-design-tool 1.1.3 → 1.1.5

package/README.md

@@ -146,7 +146,71 @@ interface CustomPanelDefinition {
 
 #### Add Elements from a Custom Panel
 
-Every panel (built-in or custom) receives a `store` prop with a Polotno-like API:
+**Option 1: Use the `useCanvasStore` hook (recommended)**
+
+Any component inside `CanvasEditor` can access the store using the hook:
+
+```tsx
+import { useCanvasStore } from 'labellife-design-tool';
+
+const MyComponent = () => {
+  const store = useCanvasStore();
+
+  const handleAddImage = () => {
+    store.activePage.addElement({
+      type: "image",
+      src: "https://example.com/img.jpg",
+      x: 100,
+      y: 100,
+      width: 200,
+      height: 200,
+    });
+  };
+
+  const handleLoadTemplate = async () => {
+    try {
+      const templateData = {
+        name: "My Template",
+        width: 800,
+        height: 600,
+        pages: [
+          {
+            id: "page-1",
+            name: "Page 1",
+            elements: [
+              {
+                type: "text",
+                text: "Hello World",
+                x: 100,
+                y: 100,
+                fontSize: 24,
+              },
+            ],
+          },
+        ],
+      };
+      
+      await store.loadJSON(templateData);
+      console.log("Template loaded successfully!");
+    } catch (error) {
+      console.error("Failed to load template:", error);
+    }
+  };
+
+  return (
+    <div style={{ color: "white", padding: 16 }}>
+      <p>Current page: {store.activePage.id}</p>
+      <p>Canvas size: {store.width} × {store.height}</p>
+      <button onClick={handleAddImage}>Add Image</button>
+      <button onClick={handleLoadTemplate}>Load Template</button>
+    </div>
+  );
+};
+```
+
+**Option 2: Panel prop approach**
+
+Every panel (built-in or custom) also receives a `store` prop with a Polotno-like API:
 
 ```tsx
 // Your custom panel component
@@ -192,6 +256,7 @@ const MyImagesPanel = ({ store }) => {
 ```typescript
 interface CanvasStore {
   activePage: {
+    id: string;
     addElement: (element: {
       type: string;
       src?: string;
@@ -204,6 +269,8 @@ interface CanvasStore {
   width: number;
   height: number;
   openSidePanel: (panelId: string | null) => void;
+  deletePages: (pageIds: string[]) => void;
+  loadJSON: (jsonData: any) => Promise<void>;
 }
 ```
 
@@ -216,12 +283,21 @@ const MyPanel = ({ store }) => {
   const closeAllPanels = () => store.openSidePanel(null);
   const tryOpenUnknown = () => store.openSidePanel("nonexistent"); // closes all panels
 
+  const deletePage1 = () => store.deletePages(["page-1"]);
+  const deleteMultiplePages = () => store.deletePages(["page-1", "page-2", "page-3"]);
+
   return (
     <div style={{ color: "white", padding: 16 }}>
+      <p>Current page ID: {store.activePage.id}</p>
+      <p>Canvas size: {store.width} × {store.height}</p>
+      
       <button onClick={openTextPanel}>Open Text Panel</button>
       <button onClick={openCustomPanel}>Open Custom Panel</button>
       <button onClick={closeAllPanels}>Close All Panels</button>
       <button onClick={tryOpenUnknown}>Try Unknown Panel (closes all)</button>
+      
+      <button onClick={deletePage1}>Delete Page 1</button>
+      <button onClick={deleteMultiplePages}>Delete Multiple Pages</button>
     </div>
   );
 };

package/dist/lib/lib/index.js

@@ -23,7 +23,7 @@ function initJsxCompat() {
 }
 
 // src/CanvasEditor.tsx
-import React18, { useState as useState3, useRef as useRef5, useEffect as useEffect4, useMemo, useCallback as useCallback4, forwardRef, useImperativeHandle } from "react";
+import React19, { useState as useState3, useRef as useRef5, useEffect as useEffect4, useMemo, useCallback as useCallback4, forwardRef, useImperativeHandle } from "react";
 import { Stage, Layer, Rect as Rect2 } from "react-konva";
 import {
   PlusCircle,
@@ -3091,6 +3091,17 @@ var TemplateInputModal = ({
 };
 var TemplateInputModal_default = TemplateInputModal;
 
+// src/context/CanvasStoreContext.tsx
+import { createContext, useContext } from "react";
+var CanvasStoreContext = createContext(null);
+var useCanvasStore = () => {
+  const store = useContext(CanvasStoreContext);
+  if (!store) {
+    throw new Error("useCanvasStore must be used within a CanvasEditor component");
+  }
+  return store;
+};
+
 // src/CanvasEditor.tsx
 var CanvasEditor = forwardRef(({
   name,
@@ -3613,6 +3624,7 @@ var CanvasEditor = forwardRef(({
   };
   const store = useMemo(() => ({
     activePage: {
+      id: currentPage.id,
       addElement: (element) => {
         const newElement = {
           id: `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
@@ -3656,6 +3668,42 @@ var CanvasEditor = forwardRef(({
       } else {
         setActivePanelId(null);
       }
+    },
+    deletePages: (pageIds) => {
+      setDesign((prev) => {
+        const remainingPages = prev.pages.filter((page) => !pageIds.includes(page.id));
+        if (remainingPages.length === 0) {
+          console.warn("Cannot delete all pages. At least one page must remain.");
+          return prev;
+        }
+        const currentPageWasDeleted = pageIds.includes(currentPage.id);
+        const newCurrentPageId = currentPageWasDeleted ? remainingPages[0].id : currentPage.id;
+        if (currentPageWasDeleted) {
+          setTimeout(() => {
+            const newCurrentPage = remainingPages[0];
+          }, 0);
+        }
+        return {
+          ...prev,
+          pages: remainingPages,
+          currentPageId: newCurrentPageId
+        };
+      });
+    },
+    loadJSON: async (jsonData) => {
+      return new Promise((resolve, reject) => {
+        importFromJSONData(jsonData, (loadedDesign) => {
+          setDesign(loadedDesign);
+          resolve();
+        }, (errorMessage) => {
+          console.error("Failed to load JSON:", errorMessage);
+          reject(new Error(errorMessage));
+        }, (inputs, onComplete) => {
+          setPendingInputs(inputs);
+          setShowInputModal(true);
+          window.__pendingImportComplete = onComplete;
+        });
+      });
     }
   }), [currentPage.id, design.width, design.height, config, setActivePanelId]);
   const panelConfigs = useMemo(() => {
@@ -3818,12 +3866,12 @@ var CanvasEditor = forwardRef(({
   const DynamicPanelRenderer = () => {
     const activePanelConfig = panelConfigs.find((p) => p.id === activePanelId);
     if (!activePanelConfig) {
-      return /* @__PURE__ */ React18.createElement("div", {
+      return /* @__PURE__ */ React19.createElement("div", {
         className: "text-white"
       }, "Panel not found");
     }
     const PanelComponent = activePanelConfig.component;
-    return /* @__PURE__ */ React18.createElement(PanelComponent, {
+    return /* @__PURE__ */ React19.createElement(PanelComponent, {
       ...activePanelConfig.props
     });
   };
@@ -3876,9 +3924,11 @@ var CanvasEditor = forwardRef(({
       setHistoryIndex(0);
     }
   }, []);
-  return /* @__PURE__ */ React18.createElement("div", {
+  return /* @__PURE__ */ React19.createElement(CanvasStoreContext.Provider, {
+    value: store
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "h-screen flex flex-col bg-gray-900"
-  }, /* @__PURE__ */ React18.createElement(Header_default, {
+  }, /* @__PURE__ */ React19.createElement(Header_default, {
     name,
     zoom,
     historyIndex,
@@ -3890,37 +3940,37 @@ var CanvasEditor = forwardRef(({
     onZoomReset: () => setZoom(calculateFitToScreenZoom(design.width, design.height)),
     onSetActivePanel: setActivePanelId,
     navbarConfig: config?.navbar
-  }), /* @__PURE__ */ React18.createElement("div", {
+  }), /* @__PURE__ */ React19.createElement("div", {
     className: "flex-1 flex overflow-hidden"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "w-80 bg-gray-800 border-r border-gray-700 flex"
-  }, /* @__PURE__ */ React18.createElement(LeftMenu_default, {
+  }, /* @__PURE__ */ React19.createElement(LeftMenu_default, {
     tool,
     activePanel: activePanelId,
     onSetTool: setTool,
     onSetActivePanel: setActivePanelId,
     config
-  }), /* @__PURE__ */ React18.createElement("div", {
+  }), /* @__PURE__ */ React19.createElement("div", {
     className: "flex-1 p-4 overflow-y-auto"
-  }, /* @__PURE__ */ React18.createElement(DynamicPanelRenderer, null))), /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement(DynamicPanelRenderer, null))), /* @__PURE__ */ React19.createElement("div", {
     className: "flex-1 bg-gray-700 overflow-hidden relative",
     ref: containerRef
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "absolute inset-0 flex items-center justify-center"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "bg-white shadow-2xl",
     style: {
       transform: `scale(${zoom})`,
       transformOrigin: "center center"
     }
-  }, /* @__PURE__ */ React18.createElement(Stage, {
+  }, /* @__PURE__ */ React19.createElement(Stage, {
     key: `canvas-${design.id || design.width}-${design.height}`,
     ref: stageRef,
     width: design.width,
     height: design.height,
     onClick: handleStageClick,
     onTap: handleStageClick
-  }, /* @__PURE__ */ React18.createElement(Layer, null, /* @__PURE__ */ React18.createElement(Rect2, {
+  }, /* @__PURE__ */ React19.createElement(Layer, null, /* @__PURE__ */ React19.createElement(Rect2, {
     x: 0,
     y: 0,
     width: design.width,
@@ -3931,7 +3981,7 @@ var CanvasEditor = forwardRef(({
   }), currentPage.elements.map((element) => {
     switch (element.type) {
       case "text":
-        return React18.createElement(EditableTextElement, {
+        return React19.createElement(EditableTextElement, {
           key: element.id,
           element,
           isSelected: element.id === selectedId,
@@ -3942,7 +3992,7 @@ var CanvasEditor = forwardRef(({
           onChange: (attrs) => updateElement(element.id, attrs)
         });
       case "image":
-        return React18.createElement(UrlImageElement, {
+        return React19.createElement(UrlImageElement, {
           key: element.id,
           element,
           isSelected: element.id === selectedId,
@@ -3953,7 +4003,7 @@ var CanvasEditor = forwardRef(({
           onChange: (attrs) => updateElement(element.id, attrs)
         });
       case "shape":
-        return React18.createElement(ShapeElement, {
+        return React19.createElement(ShapeElement, {
           key: element.id,
           element,
           isSelected: element.id === selectedId,
@@ -3966,27 +4016,27 @@ var CanvasEditor = forwardRef(({
       default:
         return null;
     }
-  }))))), config?.multiPage && /* @__PURE__ */ React18.createElement("div", {
+  }))))), config?.multiPage && /* @__PURE__ */ React19.createElement("div", {
     className: "absolute bottom-4 left-4 flex items-center space-x-2"
-  }, design.pages.map((page, index) => /* @__PURE__ */ React18.createElement("div", {
+  }, design.pages.map((page, index) => /* @__PURE__ */ React19.createElement("div", {
     key: page.id,
     className: "relative group"
-  }, /* @__PURE__ */ React18.createElement("button", {
+  }, /* @__PURE__ */ React19.createElement("button", {
     onClick: () => setCurrentPageId(page.id),
     className: `px-3 py-1 rounded text-sm ${page.id === currentPageId ? "bg-blue-600 text-white" : "bg-gray-800 text-gray-300 hover:bg-gray-700"}`
-  }, "Page ", index + 1), design.pages.length > 1 && /* @__PURE__ */ React18.createElement("button", {
+  }, "Page ", index + 1), design.pages.length > 1 && /* @__PURE__ */ React19.createElement("button", {
     onClick: () => deletePage(page.id),
     className: "absolute -top-1 -right-1 w-4 h-4 bg-red-500 text-white rounded-full flex items-center justify-center transition-opacity duration-200 hover:bg-red-600",
     title: `Delete Page ${index + 1}`
-  }, /* @__PURE__ */ React18.createElement(X2, {
+  }, /* @__PURE__ */ React19.createElement(X2, {
     className: "w-3 h-3"
-  })))), /* @__PURE__ */ React18.createElement("button", {
+  })))), /* @__PURE__ */ React19.createElement("button", {
     onClick: addPage,
     className: "p-1 bg-gray-800 text-gray-300 rounded hover:bg-gray-700",
     title: "Add Page"
-  }, /* @__PURE__ */ React18.createElement(PlusCircle, {
+  }, /* @__PURE__ */ React19.createElement(PlusCircle, {
     className: "w-4 h-4"
-  })))), /* @__PURE__ */ React18.createElement(RightSidebar_default, {
+  })))), /* @__PURE__ */ React19.createElement(RightSidebar_default, {
     currentPageElements: currentPage.elements,
     selectedElement,
     selectedId,
@@ -3996,34 +4046,34 @@ var CanvasEditor = forwardRef(({
     onMoveElementUp: moveElementUp,
     onMoveElementDown: moveElementDown,
     onDeleteSelected: deleteSelected
-  })), /* @__PURE__ */ React18.createElement("input", {
+  })), /* @__PURE__ */ React19.createElement("input", {
     ref: fileInputRef,
     type: "file",
     accept: "image/*",
     onChange: handleImageUpload,
     className: "hidden",
     multiple: true
-  }), /* @__PURE__ */ React18.createElement("input", {
+  }), /* @__PURE__ */ React19.createElement("input", {
     ref: jsonInputRef,
     type: "file",
     accept: ".json",
     onChange: handleImportJSON,
     className: "hidden"
-  }), showInputModal && /* @__PURE__ */ React18.createElement(TemplateInputModal_default, {
+  }), showInputModal && /* @__PURE__ */ React19.createElement(TemplateInputModal_default, {
     inputs: pendingInputs,
     onComplete: handleInputModalComplete,
     onCancel: handleInputModalCancel
-  }), showUnsplash && /* @__PURE__ */ React18.createElement("div", {
+  }), showUnsplash && /* @__PURE__ */ React19.createElement("div", {
     className: "fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 p-8"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "bg-gray-800 rounded-lg w-full max-w-4xl max-h-full overflow-hidden flex flex-col"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "p-6 border-b border-gray-700"
-  }, /* @__PURE__ */ React18.createElement("h3", {
+  }, /* @__PURE__ */ React19.createElement("h3", {
     className: "text-xl font-semibold text-white mb-4"
-  }, "Search Unsplash"), /* @__PURE__ */ React18.createElement("div", {
+  }, "Search Unsplash"), /* @__PURE__ */ React19.createElement("div", {
     className: "flex space-x-4"
-  }, /* @__PURE__ */ React18.createElement("input", {
+  }, /* @__PURE__ */ React19.createElement("input", {
     type: "text",
     value: unsplashQuery,
     onChange: (e) => setUnsplashQuery(e.target.value),
@@ -4031,64 +4081,65 @@ var CanvasEditor = forwardRef(({
     placeholder: "Search for images...",
     className: "flex-1 bg-gray-700 text-white border border-gray-600 rounded px-4 py-2 focus:border-blue-500 focus:outline-none",
     autoFocus: true
-  }), /* @__PURE__ */ React18.createElement("button", {
+  }), /* @__PURE__ */ React19.createElement("button", {
     onClick: searchUnsplash,
     className: "px-6 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
-  }, "Search"), /* @__PURE__ */ React18.createElement("button", {
+  }, "Search"), /* @__PURE__ */ React19.createElement("button", {
     onClick: () => {
       setShowUnsplash(false);
       setUnsplashQuery("");
       setUnsplashResults([]);
     },
     className: "px-6 py-2 bg-gray-700 text-white rounded hover:bg-gray-600"
-  }, "Cancel"))), /* @__PURE__ */ React18.createElement("div", {
+  }, "Cancel"))), /* @__PURE__ */ React19.createElement("div", {
     className: "flex-1 overflow-y-auto p-6"
-  }, unsplashResults.length > 0 ? /* @__PURE__ */ React18.createElement("div", {
+  }, unsplashResults.length > 0 ? /* @__PURE__ */ React19.createElement("div", {
     className: "grid grid-cols-3 gap-4"
-  }, unsplashResults.map((result) => /* @__PURE__ */ React18.createElement("button", {
+  }, unsplashResults.map((result) => /* @__PURE__ */ React19.createElement("button", {
     key: result.id,
     onClick: () => addUnsplashImage(result.urls.regular),
     className: "relative group overflow-hidden rounded-lg aspect-square"
-  }, /* @__PURE__ */ React18.createElement("img", {
+  }, /* @__PURE__ */ React19.createElement("img", {
     src: result.urls.thumb,
     alt: "",
     className: "w-full h-full object-cover group-hover:scale-110 transition-transform duration-200"
-  }), /* @__PURE__ */ React18.createElement("div", {
+  }), /* @__PURE__ */ React19.createElement("div", {
     className: "absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-50 transition-opacity duration-200 flex items-center justify-center"
-  }, /* @__PURE__ */ React18.createElement(PlusCircle, {
+  }, /* @__PURE__ */ React19.createElement(PlusCircle, {
     className: "w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-200"
-  }))))) : /* @__PURE__ */ React18.createElement("div", {
+  }))))) : /* @__PURE__ */ React19.createElement("div", {
     className: "text-center text-gray-400 py-12"
-  }, "Enter a search term to find images")))), showJsonModal && /* @__PURE__ */ React18.createElement("div", {
+  }, "Enter a search term to find images")))), showJsonModal && /* @__PURE__ */ React19.createElement("div", {
     className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "bg-gray-800 rounded-lg p-6 w-full max-w-2xl max-h-[80vh] overflow-auto"
-  }, /* @__PURE__ */ React18.createElement("h2", {
+  }, /* @__PURE__ */ React19.createElement("h2", {
     className: "text-white text-xl font-semibold mb-4"
-  }, "Load JSON Data"), /* @__PURE__ */ React18.createElement("p", {
+  }, "Load JSON Data"), /* @__PURE__ */ React19.createElement("p", {
     className: "text-gray-300 mb-4"
-  }, 'Paste your JSON template data below and click "Load" to import it into the canvas.'), /* @__PURE__ */ React18.createElement("textarea", {
+  }, 'Paste your JSON template data below and click "Load" to import it into the canvas.'), /* @__PURE__ */ React19.createElement("textarea", {
     value: jsonInputText,
     onChange: (e) => setJsonInputText(e.target.value),
     className: "w-full h-64 p-3 bg-gray-700 text-white border border-gray-600 rounded font-mono text-sm resize-none",
     placeholder: '{"width": 800, "height": 600, "pages": [...]}'
-  }), /* @__PURE__ */ React18.createElement("div", {
+  }), /* @__PURE__ */ React19.createElement("div", {
     className: "flex justify-end space-x-3 mt-4"
-  }, /* @__PURE__ */ React18.createElement("button", {
+  }, /* @__PURE__ */ React19.createElement("button", {
     onClick: () => {
       setShowJsonModal(false);
       setJsonInputText("");
     },
     className: "px-4 py-2 bg-gray-600 text-white rounded hover:bg-gray-700"
-  }, "Cancel"), /* @__PURE__ */ React18.createElement("button", {
+  }, "Cancel"), /* @__PURE__ */ React19.createElement("button", {
     onClick: handleImportJSONData,
     className: "px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700"
-  }, "Load JSON")))));
+  }, "Load JSON"))))));
 });
 var CanvasEditor_default = CanvasEditor;
 // src/lib/index.ts
 initJsxCompat();
 export {
+  useCanvasStore,
   setUnsplashAccessKey,
   replaceUserInputs,
   loadTemplateFromJSON,

package/dist/lib/wordpress.js

@@ -23,7 +23,7 @@ function initJsxCompat() {
 }
 
 // src/CanvasEditor.tsx
-import React18, { useState as useState3, useRef as useRef5, useEffect as useEffect4, useMemo, useCallback as useCallback4, forwardRef, useImperativeHandle } from "react";
+import React19, { useState as useState3, useRef as useRef5, useEffect as useEffect4, useMemo, useCallback as useCallback4, forwardRef, useImperativeHandle } from "react";
 import { Stage, Layer, Rect as Rect2 } from "react-konva";
 import {
   PlusCircle,
@@ -3091,6 +3091,17 @@ var TemplateInputModal = ({
 };
 var TemplateInputModal_default = TemplateInputModal;
 
+// src/context/CanvasStoreContext.tsx
+import { createContext, useContext } from "react";
+var CanvasStoreContext = createContext(null);
+var useCanvasStore = () => {
+  const store = useContext(CanvasStoreContext);
+  if (!store) {
+    throw new Error("useCanvasStore must be used within a CanvasEditor component");
+  }
+  return store;
+};
+
 // src/CanvasEditor.tsx
 var CanvasEditor = forwardRef(({
   name,
@@ -3613,6 +3624,7 @@ var CanvasEditor = forwardRef(({
   };
   const store = useMemo(() => ({
     activePage: {
+      id: currentPage.id,
       addElement: (element) => {
         const newElement = {
           id: `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
@@ -3656,6 +3668,42 @@ var CanvasEditor = forwardRef(({
       } else {
         setActivePanelId(null);
       }
+    },
+    deletePages: (pageIds) => {
+      setDesign((prev) => {
+        const remainingPages = prev.pages.filter((page) => !pageIds.includes(page.id));
+        if (remainingPages.length === 0) {
+          console.warn("Cannot delete all pages. At least one page must remain.");
+          return prev;
+        }
+        const currentPageWasDeleted = pageIds.includes(currentPage.id);
+        const newCurrentPageId = currentPageWasDeleted ? remainingPages[0].id : currentPage.id;
+        if (currentPageWasDeleted) {
+          setTimeout(() => {
+            const newCurrentPage = remainingPages[0];
+          }, 0);
+        }
+        return {
+          ...prev,
+          pages: remainingPages,
+          currentPageId: newCurrentPageId
+        };
+      });
+    },
+    loadJSON: async (jsonData) => {
+      return new Promise((resolve, reject) => {
+        importFromJSONData(jsonData, (loadedDesign) => {
+          setDesign(loadedDesign);
+          resolve();
+        }, (errorMessage) => {
+          console.error("Failed to load JSON:", errorMessage);
+          reject(new Error(errorMessage));
+        }, (inputs, onComplete) => {
+          setPendingInputs(inputs);
+          setShowInputModal(true);
+          window.__pendingImportComplete = onComplete;
+        });
+      });
     }
   }), [currentPage.id, design.width, design.height, config, setActivePanelId]);
   const panelConfigs = useMemo(() => {
@@ -3818,12 +3866,12 @@ var CanvasEditor = forwardRef(({
   const DynamicPanelRenderer = () => {
     const activePanelConfig = panelConfigs.find((p) => p.id === activePanelId);
     if (!activePanelConfig) {
-      return /* @__PURE__ */ React18.createElement("div", {
+      return /* @__PURE__ */ React19.createElement("div", {
         className: "text-white"
       }, "Panel not found");
     }
     const PanelComponent = activePanelConfig.component;
-    return /* @__PURE__ */ React18.createElement(PanelComponent, {
+    return /* @__PURE__ */ React19.createElement(PanelComponent, {
       ...activePanelConfig.props
     });
   };
@@ -3876,9 +3924,11 @@ var CanvasEditor = forwardRef(({
       setHistoryIndex(0);
     }
   }, []);
-  return /* @__PURE__ */ React18.createElement("div", {
+  return /* @__PURE__ */ React19.createElement(CanvasStoreContext.Provider, {
+    value: store
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "h-screen flex flex-col bg-gray-900"
-  }, /* @__PURE__ */ React18.createElement(Header_default, {
+  }, /* @__PURE__ */ React19.createElement(Header_default, {
     name,
     zoom,
     historyIndex,
@@ -3890,37 +3940,37 @@ var CanvasEditor = forwardRef(({
     onZoomReset: () => setZoom(calculateFitToScreenZoom(design.width, design.height)),
     onSetActivePanel: setActivePanelId,
     navbarConfig: config?.navbar
-  }), /* @__PURE__ */ React18.createElement("div", {
+  }), /* @__PURE__ */ React19.createElement("div", {
     className: "flex-1 flex overflow-hidden"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "w-80 bg-gray-800 border-r border-gray-700 flex"
-  }, /* @__PURE__ */ React18.createElement(LeftMenu_default, {
+  }, /* @__PURE__ */ React19.createElement(LeftMenu_default, {
     tool,
     activePanel: activePanelId,
     onSetTool: setTool,
     onSetActivePanel: setActivePanelId,
     config
-  }), /* @__PURE__ */ React18.createElement("div", {
+  }), /* @__PURE__ */ React19.createElement("div", {
     className: "flex-1 p-4 overflow-y-auto"
-  }, /* @__PURE__ */ React18.createElement(DynamicPanelRenderer, null))), /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement(DynamicPanelRenderer, null))), /* @__PURE__ */ React19.createElement("div", {
     className: "flex-1 bg-gray-700 overflow-hidden relative",
     ref: containerRef
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "absolute inset-0 flex items-center justify-center"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "bg-white shadow-2xl",
     style: {
       transform: `scale(${zoom})`,
       transformOrigin: "center center"
     }
-  }, /* @__PURE__ */ React18.createElement(Stage, {
+  }, /* @__PURE__ */ React19.createElement(Stage, {
     key: `canvas-${design.id || design.width}-${design.height}`,
     ref: stageRef,
     width: design.width,
     height: design.height,
     onClick: handleStageClick,
     onTap: handleStageClick
-  }, /* @__PURE__ */ React18.createElement(Layer, null, /* @__PURE__ */ React18.createElement(Rect2, {
+  }, /* @__PURE__ */ React19.createElement(Layer, null, /* @__PURE__ */ React19.createElement(Rect2, {
     x: 0,
     y: 0,
     width: design.width,
@@ -3931,7 +3981,7 @@ var CanvasEditor = forwardRef(({
   }), currentPage.elements.map((element) => {
     switch (element.type) {
       case "text":
-        return React18.createElement(EditableTextElement, {
+        return React19.createElement(EditableTextElement, {
           key: element.id,
           element,
           isSelected: element.id === selectedId,
@@ -3942,7 +3992,7 @@ var CanvasEditor = forwardRef(({
           onChange: (attrs) => updateElement(element.id, attrs)
         });
       case "image":
-        return React18.createElement(UrlImageElement, {
+        return React19.createElement(UrlImageElement, {
           key: element.id,
           element,
           isSelected: element.id === selectedId,
@@ -3953,7 +4003,7 @@ var CanvasEditor = forwardRef(({
           onChange: (attrs) => updateElement(element.id, attrs)
         });
       case "shape":
-        return React18.createElement(ShapeElement, {
+        return React19.createElement(ShapeElement, {
           key: element.id,
           element,
           isSelected: element.id === selectedId,
@@ -3966,27 +4016,27 @@ var CanvasEditor = forwardRef(({
       default:
         return null;
     }
-  }))))), config?.multiPage && /* @__PURE__ */ React18.createElement("div", {
+  }))))), config?.multiPage && /* @__PURE__ */ React19.createElement("div", {
     className: "absolute bottom-4 left-4 flex items-center space-x-2"
-  }, design.pages.map((page, index) => /* @__PURE__ */ React18.createElement("div", {
+  }, design.pages.map((page, index) => /* @__PURE__ */ React19.createElement("div", {
     key: page.id,
     className: "relative group"
-  }, /* @__PURE__ */ React18.createElement("button", {
+  }, /* @__PURE__ */ React19.createElement("button", {
     onClick: () => setCurrentPageId(page.id),
     className: `px-3 py-1 rounded text-sm ${page.id === currentPageId ? "bg-blue-600 text-white" : "bg-gray-800 text-gray-300 hover:bg-gray-700"}`
-  }, "Page ", index + 1), design.pages.length > 1 && /* @__PURE__ */ React18.createElement("button", {
+  }, "Page ", index + 1), design.pages.length > 1 && /* @__PURE__ */ React19.createElement("button", {
     onClick: () => deletePage(page.id),
     className: "absolute -top-1 -right-1 w-4 h-4 bg-red-500 text-white rounded-full flex items-center justify-center transition-opacity duration-200 hover:bg-red-600",
     title: `Delete Page ${index + 1}`
-  }, /* @__PURE__ */ React18.createElement(X2, {
+  }, /* @__PURE__ */ React19.createElement(X2, {
     className: "w-3 h-3"
-  })))), /* @__PURE__ */ React18.createElement("button", {
+  })))), /* @__PURE__ */ React19.createElement("button", {
     onClick: addPage,
     className: "p-1 bg-gray-800 text-gray-300 rounded hover:bg-gray-700",
     title: "Add Page"
-  }, /* @__PURE__ */ React18.createElement(PlusCircle, {
+  }, /* @__PURE__ */ React19.createElement(PlusCircle, {
     className: "w-4 h-4"
-  })))), /* @__PURE__ */ React18.createElement(RightSidebar_default, {
+  })))), /* @__PURE__ */ React19.createElement(RightSidebar_default, {
     currentPageElements: currentPage.elements,
     selectedElement,
     selectedId,
@@ -3996,34 +4046,34 @@ var CanvasEditor = forwardRef(({
     onMoveElementUp: moveElementUp,
     onMoveElementDown: moveElementDown,
     onDeleteSelected: deleteSelected
-  })), /* @__PURE__ */ React18.createElement("input", {
+  })), /* @__PURE__ */ React19.createElement("input", {
     ref: fileInputRef,
     type: "file",
     accept: "image/*",
     onChange: handleImageUpload,
     className: "hidden",
     multiple: true
-  }), /* @__PURE__ */ React18.createElement("input", {
+  }), /* @__PURE__ */ React19.createElement("input", {
     ref: jsonInputRef,
     type: "file",
     accept: ".json",
     onChange: handleImportJSON,
     className: "hidden"
-  }), showInputModal && /* @__PURE__ */ React18.createElement(TemplateInputModal_default, {
+  }), showInputModal && /* @__PURE__ */ React19.createElement(TemplateInputModal_default, {
     inputs: pendingInputs,
     onComplete: handleInputModalComplete,
     onCancel: handleInputModalCancel
-  }), showUnsplash && /* @__PURE__ */ React18.createElement("div", {
+  }), showUnsplash && /* @__PURE__ */ React19.createElement("div", {
     className: "fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 p-8"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "bg-gray-800 rounded-lg w-full max-w-4xl max-h-full overflow-hidden flex flex-col"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "p-6 border-b border-gray-700"
-  }, /* @__PURE__ */ React18.createElement("h3", {
+  }, /* @__PURE__ */ React19.createElement("h3", {
     className: "text-xl font-semibold text-white mb-4"
-  }, "Search Unsplash"), /* @__PURE__ */ React18.createElement("div", {
+  }, "Search Unsplash"), /* @__PURE__ */ React19.createElement("div", {
     className: "flex space-x-4"
-  }, /* @__PURE__ */ React18.createElement("input", {
+  }, /* @__PURE__ */ React19.createElement("input", {
     type: "text",
     value: unsplashQuery,
     onChange: (e) => setUnsplashQuery(e.target.value),
@@ -4031,59 +4081,59 @@ var CanvasEditor = forwardRef(({
     placeholder: "Search for images...",
     className: "flex-1 bg-gray-700 text-white border border-gray-600 rounded px-4 py-2 focus:border-blue-500 focus:outline-none",
     autoFocus: true
-  }), /* @__PURE__ */ React18.createElement("button", {
+  }), /* @__PURE__ */ React19.createElement("button", {
     onClick: searchUnsplash,
     className: "px-6 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
-  }, "Search"), /* @__PURE__ */ React18.createElement("button", {
+  }, "Search"), /* @__PURE__ */ React19.createElement("button", {
     onClick: () => {
       setShowUnsplash(false);
       setUnsplashQuery("");
       setUnsplashResults([]);
     },
     className: "px-6 py-2 bg-gray-700 text-white rounded hover:bg-gray-600"
-  }, "Cancel"))), /* @__PURE__ */ React18.createElement("div", {
+  }, "Cancel"))), /* @__PURE__ */ React19.createElement("div", {
     className: "flex-1 overflow-y-auto p-6"
-  }, unsplashResults.length > 0 ? /* @__PURE__ */ React18.createElement("div", {
+  }, unsplashResults.length > 0 ? /* @__PURE__ */ React19.createElement("div", {
     className: "grid grid-cols-3 gap-4"
-  }, unsplashResults.map((result) => /* @__PURE__ */ React18.createElement("button", {
+  }, unsplashResults.map((result) => /* @__PURE__ */ React19.createElement("button", {
     key: result.id,
     onClick: () => addUnsplashImage(result.urls.regular),
     className: "relative group overflow-hidden rounded-lg aspect-square"
-  }, /* @__PURE__ */ React18.createElement("img", {
+  }, /* @__PURE__ */ React19.createElement("img", {
     src: result.urls.thumb,
     alt: "",
     className: "w-full h-full object-cover group-hover:scale-110 transition-transform duration-200"
-  }), /* @__PURE__ */ React18.createElement("div", {
+  }), /* @__PURE__ */ React19.createElement("div", {
     className: "absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-50 transition-opacity duration-200 flex items-center justify-center"
-  }, /* @__PURE__ */ React18.createElement(PlusCircle, {
+  }, /* @__PURE__ */ React19.createElement(PlusCircle, {
     className: "w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-200"
-  }))))) : /* @__PURE__ */ React18.createElement("div", {
+  }))))) : /* @__PURE__ */ React19.createElement("div", {
     className: "text-center text-gray-400 py-12"
-  }, "Enter a search term to find images")))), showJsonModal && /* @__PURE__ */ React18.createElement("div", {
+  }, "Enter a search term to find images")))), showJsonModal && /* @__PURE__ */ React19.createElement("div", {
     className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
-  }, /* @__PURE__ */ React18.createElement("div", {
+  }, /* @__PURE__ */ React19.createElement("div", {
     className: "bg-gray-800 rounded-lg p-6 w-full max-w-2xl max-h-[80vh] overflow-auto"
-  }, /* @__PURE__ */ React18.createElement("h2", {
+  }, /* @__PURE__ */ React19.createElement("h2", {
     className: "text-white text-xl font-semibold mb-4"
-  }, "Load JSON Data"), /* @__PURE__ */ React18.createElement("p", {
+  }, "Load JSON Data"), /* @__PURE__ */ React19.createElement("p", {
     className: "text-gray-300 mb-4"
-  }, 'Paste your JSON template data below and click "Load" to import it into the canvas.'), /* @__PURE__ */ React18.createElement("textarea", {
+  }, 'Paste your JSON template data below and click "Load" to import it into the canvas.'), /* @__PURE__ */ React19.createElement("textarea", {
     value: jsonInputText,
     onChange: (e) => setJsonInputText(e.target.value),
     className: "w-full h-64 p-3 bg-gray-700 text-white border border-gray-600 rounded font-mono text-sm resize-none",
     placeholder: '{"width": 800, "height": 600, "pages": [...]}'
-  }), /* @__PURE__ */ React18.createElement("div", {
+  }), /* @__PURE__ */ React19.createElement("div", {
     className: "flex justify-end space-x-3 mt-4"
-  }, /* @__PURE__ */ React18.createElement("button", {
+  }, /* @__PURE__ */ React19.createElement("button", {
     onClick: () => {
       setShowJsonModal(false);
       setJsonInputText("");
     },
     className: "px-4 py-2 bg-gray-600 text-white rounded hover:bg-gray-700"
-  }, "Cancel"), /* @__PURE__ */ React18.createElement("button", {
+  }, "Cancel"), /* @__PURE__ */ React19.createElement("button", {
     onClick: handleImportJSONData,
     className: "px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700"
-  }, "Load JSON")))));
+  }, "Load JSON"))))));
 });
 var CanvasEditor_default = CanvasEditor;
 // src/lib/index.ts
@@ -4141,6 +4191,7 @@ function initWordPressCanvasEditor(containerId, props) {
   return false;
 }
 export {
+  useCanvasStore,
   setUnsplashAccessKey,
   replaceUserInputs,
   loadTemplateFromJSON,

package/dist/types/CanvasEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasEditor.d.ts","sourceRoot":"","sources":["../../src/CanvasEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAGlH,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,OAAO,EAEL,YAAY,EAKb,MAAM,SAAS,CAAC;AAiCjB,OAAO,EAA+B,MAAM,EAA0C,MAAM,gBAAgB,CAAC;AAG7G,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,YAAY;UAAuC,MAAM;aAAW,MAAM;yCA4yC9E,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CanvasEditor.d.ts","sourceRoot":"","sources":["../../src/CanvasEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAGlH,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,OAAO,EAEL,YAAY,EAKb,MAAM,SAAS,CAAC;AAkCjB,OAAO,EAA+B,MAAM,EAA0C,MAAM,gBAAgB,CAAC;AAI7G,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,YAAY;UAAuC,MAAM;aAAW,MAAM;yCAw2C9E,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/types/context/CanvasStoreContext.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { CanvasStore } from "../types/Config";
+declare const CanvasStoreContext: React.Context<CanvasStore>;
+/**
+ * Hook to access the CanvasStore from any component inside CanvasEditor
+ * @throws Error if used outside CanvasEditor
+ */
+export declare const useCanvasStore: () => CanvasStore;
+export { CanvasStoreContext };
+//# sourceMappingURL=CanvasStoreContext.d.ts.map

package/dist/types/context/CanvasStoreContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasStoreContext.d.ts","sourceRoot":"","sources":["../../../src/context/CanvasStoreContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAA,MAAM,kBAAkB,4BAA0C,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,cAAc,QAAO,WAMjC,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/types/lib/index.d.ts

@@ -16,6 +16,7 @@ export interface CanvasEditorRef {
 export { default as CanvasEditor } from '../CanvasEditor';
 export * from '../types';
 export type { BuiltInPanelId, CanvasStore, CustomPanelDefinition, PanelDefinition, } from '../types/Config';
+export { useCanvasStore } from '../context/CanvasStoreContext';
 export { exportToPNG, exportToJPG, exportToJSON, exportToJSONObject, importFromJSON, importFromJSONData, // Import JSON data directly (no file needed)
 loadTemplateFromJSON, // Simplified template loading utility
 findRequiredInputs, replaceUserInputs, convertTemplateToCanvasDesign, canvasToDataURL, canvasToBlob, } from '../utils/exportImportUtils';

package/dist/types/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,UAAU,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9C;AAGD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG1D,cAAc,UAAU,CAAC;AAGzB,YAAY,EACV,cAAc,EACd,WAAW,EACX,qBAAqB,EACrB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAAE,6CAA6C;AACjE,oBAAoB,EAAE,sCAAsC;AAC5D,kBAAkB,EAClB,iBAAiB,EACjB,6BAA6B,EAC7B,eAAe,EACf,YAAY,GACb,MAAM,4BAA4B,CAAC;AAGpC,cAAc,aAAa,CAAC;AAG5B,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG7E,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,YAAY,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,UAAU,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9C;AAGD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG1D,cAAc,UAAU,CAAC;AAGzB,YAAY,EACV,cAAc,EACd,WAAW,EACX,qBAAqB,EACrB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAG/D,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAAE,6CAA6C;AACjE,oBAAoB,EAAE,sCAAsC;AAC5D,kBAAkB,EAClB,iBAAiB,EACjB,6BAA6B,EAC7B,eAAe,EACf,YAAY,GACb,MAAM,4BAA4B,CAAC;AAGpC,cAAc,aAAa,CAAC;AAG5B,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG7E,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}

package/dist/types/types/Config.d.ts

@@ -14,6 +14,7 @@ export interface CustomPanelDefinition {
 export type PanelDefinition = BuiltInPanelId | CustomPanelDefinition;
 export interface CanvasStore {
     activePage: {
+        id: string;
         addElement: (element: {
             type: string;
             src?: string;
@@ -26,6 +27,8 @@ export interface CanvasStore {
     width: number;
     height: number;
     openSidePanel: (panelId: string | null) => void;
+    deletePages: (pageIds: string[]) => void;
+    loadJSON: (jsonData: any) => Promise<void>;
 }
 export interface NavbarSection {
     id: string;

package/dist/types/types/Config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["../../../src/types/Config.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["../../../src/types/Config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,MAAM,MAAM,cAAc,GACtB,UAAU,GACV,QAAQ,GACR,MAAM,GACN,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,WAAW,CAAC;AAEhB,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IACpD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,GAAG,iBAAiB,CAAC;IAC5C,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,qBAAqB,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,CAAC,OAAO,EAAE;YACpB,IAAI,EAAE,MAAM,CAAC;YACb,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;YACV,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,KAAK,IAAI,CAAC;KACZ,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IAEjC,eAAe,CAAC,EAAE;QAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;KACvC,CAAC;CACH;AAED,MAAM,WAAW,MAAM;IACrB,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,OAAO,CAAC;QACd,GAAG,CAAC,EAAE,OAAO,CAAC;QACd,IAAI,CAAC,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;QACvB,QAAQ,EAAE,MAAM,CAAC;KAClB,EAAE,CAAC;IACJ,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "labellife-design-tool",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "Professional canvas editor built with React, TypeScript, and Konva",
   "main": "./dist/lib/lib/index.js",
   "module": "./dist/lib/lib/index.js",