labellife-design-tool 1.0.7 → 1.0.8

package/README.md

@@ -116,6 +116,112 @@ The `CanvasEditorRef` interface provides the following properties and methods:
 - `exportToJPG()`: Export the canvas to a JPG file
 - `exportToJSON()`: Export the design to a JSON file
 - `getDesign()`: Get the current design object
+- `setCanvasSize(width, height)`: Set the canvas dimensions programmatically
+
+### Canvas Size Management
+
+The `setCanvasSize` method allows you to programmatically change the canvas dimensions. This is useful for responsive designs, template switching, or custom size inputs.
+
+```tsx
+import { useRef } from 'react';
+import { CanvasEditor, CanvasEditorRef } from 'labellife-design-tool';
+
+function CanvasSizeExample() {
+  const editorRef = useRef<CanvasEditorRef>(null);
+  
+  const handleSizeChange = (width: number, height: number) => {
+    if (editorRef.current) {
+      // Set canvas to custom dimensions
+      editorRef.current.setCanvasSize(width, height);
+    }
+  };
+  
+  const presetSizes = [
+    { name: 'Instagram Post', width: 1080, height: 1080 },
+    { name: 'Instagram Story', width: 1080, height: 1920 },
+    { name: 'Facebook Post', width: 1200, height: 630 },
+    { name: 'YouTube Thumbnail', width: 1280, height: 720 },
+  ];
+  
+  return (
+    <div>
+      <CanvasEditor
+        ref={editorRef}
+        name="Resizable Canvas"
+        config={{
+          export: { png: true, jpg: true, json: true },
+        }}
+      />
+      
+      <div className="size-controls">
+        <h3>Canvas Size Controls</h3>
+        
+        {/* Preset sizes */}
+        <div>
+          <h4>Preset Sizes:</h4>
+          {presetSizes.map((preset) => (
+            <button
+              key={preset.name}
+              onClick={() => handleSizeChange(preset.width, preset.height)}
+            >
+              {preset.name} ({preset.width}x{preset.height})
+            </button>
+          ))}
+        </div>
+        
+        {/* Custom size input */}
+        <div>
+          <h4>Custom Size:</h4>
+          <input
+            type="number"
+            placeholder="Width"
+            id="custom-width"
+            onChange={(e) => {
+              const width = parseInt(e.target.value);
+              const height = parseInt((document.getElementById('custom-height') as HTMLInputElement)?.value || '600');
+              if (width > 0) handleSizeChange(width, height);
+            }}
+          />
+          <input
+            type="number"
+            placeholder="Height"
+            id="custom-height"
+            onChange={(e) => {
+              const height = parseInt(e.target.value);
+              const width = parseInt((document.getElementById('custom-width') as HTMLInputElement)?.value || '800');
+              if (height > 0) handleSizeChange(width, height);
+            }}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
+```
+
+#### Function Signature
+
+```typescript
+setCanvasSize(width: number, height: number): void
+```
+
+**Parameters:**
+- `width` (number): The desired canvas width in pixels. Minimum value is 1.
+- `height` (number): The desired canvas height in pixels. Minimum value is 1.
+
+**Behavior:**
+- Updates the canvas dimensions immediately
+- Ensures minimum dimensions of 1x1 pixel to prevent invalid canvas sizes
+- The change is persisted in the design state and included in exports
+- Elements on the canvas maintain their relative positions
+- The canvas is automatically re-rendered with the new dimensions
+
+**Use Cases:**
+- Template switching with different aspect ratios
+- Responsive design tools
+- Custom size input forms
+- Batch resizing operations
+- Integration with external size selection tools
 
 ### Advanced Usage with Types
 

package/dist/lib/lib/index.js

@@ -3059,6 +3059,13 @@ var CanvasEditor = forwardRef(({
   const [pendingInputs, setPendingInputs] = useState3([]);
   const [showJsonModal, setShowJsonModal] = useState3(false);
   const [jsonInputText, setJsonInputText] = useState3("");
+  const setCanvasSize = useCallback4((width, height) => {
+    setDesign((prev) => ({
+      ...prev,
+      width: Math.max(1, width),
+      height: Math.max(1, height)
+    }));
+  }, []);
   const stageRef = useRef5(null);
   useImperativeHandle(ref, () => ({
     stage: stageRef.current,
@@ -3071,8 +3078,9 @@ var CanvasEditor = forwardRef(({
         exportToJPG(stageRef.current, design);
     },
     exportToJSON: () => exportToJSON(design),
-    getDesign: () => design
-  }), [design]);
+    getDesign: () => design,
+    setCanvasSize
+  }), [design, setCanvasSize]);
   const fileInputRef = useRef5(null);
   const jsonInputRef = useRef5(null);
   const containerRef = useRef5(null);

package/dist/lib/wordpress.js

@@ -3059,6 +3059,13 @@ var CanvasEditor = forwardRef(({
   const [pendingInputs, setPendingInputs] = useState3([]);
   const [showJsonModal, setShowJsonModal] = useState3(false);
   const [jsonInputText, setJsonInputText] = useState3("");
+  const setCanvasSize = useCallback4((width, height) => {
+    setDesign((prev) => ({
+      ...prev,
+      width: Math.max(1, width),
+      height: Math.max(1, height)
+    }));
+  }, []);
   const stageRef = useRef5(null);
   useImperativeHandle(ref, () => ({
     stage: stageRef.current,
@@ -3071,8 +3078,9 @@ var CanvasEditor = forwardRef(({
         exportToJPG(stageRef.current, design);
     },
     exportToJSON: () => exportToJSON(design),
-    getDesign: () => design
-  }), [design]);
+    getDesign: () => design,
+    setCanvasSize
+  }), [design, setCanvasSize]);
   const fileInputRef = useRef5(null);
   const jsonInputRef = useRef5(null);
   const containerRef = useRef5(null);

package/dist/types/CanvasEditor.d.ts

@@ -8,6 +8,7 @@ export interface CanvasEditorRef {
     exportToJPG: () => void;
     exportToJSON: () => void;
     getDesign: () => CanvasDesign;
+    setCanvasSize: (width: number, height: number) => void;
 }
 declare const CanvasEditor: React.ForwardRefExoticComponent<{
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"CanvasEditor.d.ts","sourceRoot":"","sources":["../../src/CanvasEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AAGzG,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,OAAO,EAEL,YAAY,EAKb,MAAM,SAAS,CAAC;AAiCjB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,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;CAC/B;AAED,QAAA,MAAM,YAAY;UAAuC,MAAM;aAAW,MAAM;yCA6nC9E,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CanvasEditor.d.ts","sourceRoot":"","sources":["../../src/CanvasEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AAGzG,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,OAAO,EAEL,YAAY,EAKb,MAAM,SAAS,CAAC;AAiCjB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,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;yCAuoC9E,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/package.json

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

package/dist/lib/CanvasEditor.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import Konva from "konva";
-import { CanvasDesign } from "./types";
-import { Config } from "./types/Config";
-export interface CanvasEditorRef {
-    stage: Konva.Stage | null;
-    exportToPNG: () => void;
-    exportToJPG: () => void;
-    exportToJSON: () => void;
-    getDesign: () => CanvasDesign;
-}
-declare const CanvasEditor: React.ForwardRefExoticComponent<{
-    name: string;
-    config?: Config;
-} & React.RefAttributes<CanvasEditorRef>>;
-export default CanvasEditor;
-//# sourceMappingURL=CanvasEditor.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasEditor.d.ts","sourceRoot":"","sources":["../../src/CanvasEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AAGzG,OAAO,KAAK,MAAM,OAAO,CAAC;AAyC1B,OAAO,EAEL,YAAY,EAKb,MAAM,SAAS,CAAC;AAgCjB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,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;CAC/B;AAED,QAAA,MAAM,YAAY;UAAuC,MAAM;aAAW,MAAM;yCA29B9E,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/lib/components/Header.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ActivePanelId } from '../types';
-import { NavbarConfig } from '../types/Config';
-export interface HeaderProps {
-    name?: string;
-    zoom: number;
-    historyIndex: number;
-    historyLength: number;
-    onUndo: () => void;
-    onRedo: () => void;
-    onZoomIn: () => void;
-    onZoomOut: () => void;
-    onZoomReset: () => void;
-    onSetActivePanel: (panel: ActivePanelId | "export") => void;
-    navbarConfig?: NavbarConfig;
-}
-export declare const Header: React.FC<HeaderProps>;
-export default Header;
-//# sourceMappingURL=Header.d.ts.map

package/dist/lib/components/Header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,YAAY,EAAiB,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,QAAQ,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgKxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/lib/components/LeftMenu.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { ToolType, ActivePanelId } from "../types";
-import { Config } from "../types/Config";
-export interface LeftMenuProps {
-    tool: ToolType;
-    activePanel: ActivePanelId;
-    onSetTool: (tool: ToolType) => void;
-    onSetActivePanel: (panel: ActivePanelId) => void;
-    config?: Config;
-}
-export declare const LeftMenu: React.FC<LeftMenuProps>;
-export default LeftMenu;
-//# sourceMappingURL=LeftMenu.d.ts.map

package/dist/lib/components/LeftMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LeftMenu.d.ts","sourceRoot":"","sources":["../../../src/components/LeftMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAWzC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,aAAa,CAAC;IAC3B,SAAS,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqH5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/lib/components/TemplateInputModal.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { UserInputItem } from "../types/UserInput";
-interface TemplateInputModalProps {
-    inputs: UserInputItem[];
-    onComplete: (values: Record<string, any>) => void;
-    onCancel: () => void;
-}
-declare const TemplateInputModal: React.FC<TemplateInputModalProps>;
-export default TemplateInputModal;
-//# sourceMappingURL=TemplateInputModal.d.ts.map

package/dist/lib/components/TemplateInputModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateInputModal.d.ts","sourceRoot":"","sources":["../../../src/components/TemplateInputModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,UAAU,uBAAuB;IAC/B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2ezD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/lib/components/header/AppName.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface AppNameProps {
-    customName?: string;
-}
-declare const AppName: React.FC<AppNameProps>;
-export default AppName;
-//# sourceMappingURL=AppName.d.ts.map

package/dist/lib/components/header/AppName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppName.d.ts","sourceRoot":"","sources":["../../../../src/components/header/AppName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAEnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/lib/components/header/ExportButton.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { ActivePanelId } from "../../types";
-interface ExportButtonProps {
-    onSetActivePanel: (panel: ActivePanelId | "export") => void;
-}
-declare const ExportButton: React.FC<ExportButtonProps>;
-export default ExportButton;
-//# sourceMappingURL=ExportButton.d.ts.map

package/dist/lib/components/header/ExportButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExportButton.d.ts","sourceRoot":"","sources":["../../../../src/components/header/ExportButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,UAAU,iBAAiB;IACzB,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,QAAQ,KAAK,IAAI,CAAC;CAC7D;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAW7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/lib/components/header/HistoryControls.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface HistoryControlsProps {
-    historyIndex: number;
-    historyLength: number;
-    onUndo: () => void;
-    onRedo: () => void;
-}
-declare const HistoryControls: React.FC<HistoryControlsProps>;
-export default HistoryControls;
-//# sourceMappingURL=HistoryControls.d.ts.map

package/dist/lib/components/header/HistoryControls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HistoryControls.d.ts","sourceRoot":"","sources":["../../../../src/components/header/HistoryControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,oBAAoB;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2BnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/lib/components/header/ZoomControls.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface ZoomControlsProps {
-    zoom: number;
-    onZoomIn: () => void;
-    onZoomOut: () => void;
-    onZoomReset: () => void;
-}
-declare const ZoomControls: React.FC<ZoomControlsProps>;
-export default ZoomControls;
-//# sourceMappingURL=ZoomControls.d.ts.map

package/dist/lib/components/header/ZoomControls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ZoomControls.d.ts","sourceRoot":"","sources":["../../../../src/components/header/ZoomControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmC7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/lib/components/sidebar/RightSidebar.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { CanvasElement } from "../../types";
-interface RightSidebarProps {
-    currentPageElements: CanvasElement[];
-    selectedElement: CanvasElement | undefined | null;
-    selectedId: string | null;
-    onSelectElement: (id: string) => void;
-    onUpdateElement: (id: string, attrs: Partial<CanvasElement>) => void;
-    onDuplicateSelected: () => void;
-    onMoveElementUp: (id: string) => void;
-    onMoveElementDown: (id: string) => void;
-    onDeleteSelected: () => void;
-}
-declare const RightSidebar: React.FC<RightSidebarProps>;
-export default RightSidebar;
-//# sourceMappingURL=RightSidebar.d.ts.map

package/dist/lib/components/sidebar/RightSidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RightSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/RightSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,UAAU,iBAAiB;IACzB,mBAAmB,EAAE,aAAa,EAAE,CAAC;IACrC,eAAe,EAAE,aAAa,GAAG,SAAS,GAAG,IAAI,CAAC;IAClD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACrE,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqL7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/lib/config.d.ts

@@ -1,11 +0,0 @@
-export declare const UNSPLASH_ACCESS_KEY: string;
-/**
- * Set the Unsplash API access key programmatically
- * @param key - Your Unsplash API access key
- */
-export declare function setUnsplashAccessKey(key: string): void;
-/**
- * Get the current Unsplash API access key
- */
-export declare function getUnsplashAccessKey(): string | undefined;
-//# sourceMappingURL=config.d.ts.map

package/dist/lib/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,mBAAmB,QAAwD,CAAC;AAEzF;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAEtD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,GAAG,SAAS,CAEzD"}

package/dist/lib/constants/CanvasPresets.d.ts

@@ -1,6 +0,0 @@
-export declare const CANVAS_PRESETS: {
-    name: string;
-    width: number;
-    height: number;
-}[];
-//# sourceMappingURL=CanvasPresets.d.ts.map

package/dist/lib/constants/CanvasPresets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasPresets.d.ts","sourceRoot":"","sources":["../../../src/constants/CanvasPresets.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc;;;;GAS1B,CAAC"}

package/dist/lib/constants/DefaultColors.d.ts

@@ -1,2 +0,0 @@
-export declare const DEFAULT_COLORS: string[];
-//# sourceMappingURL=DefaultColors.d.ts.map

package/dist/lib/constants/DefaultColors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultColors.d.ts","sourceRoot":"","sources":["../../../src/constants/DefaultColors.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc,UAgB1B,CAAC"}

package/dist/lib/constants/FontFamilies.d.ts

@@ -1,2 +0,0 @@
-export declare const FONT_FAMILIES: string[];
-//# sourceMappingURL=FontFamilies.d.ts.map

package/dist/lib/constants/FontFamilies.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FontFamilies.d.ts","sourceRoot":"","sources":["../../../src/constants/FontFamilies.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa,UAczB,CAAC"}

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

@@ -1,4 +0,0 @@
-export * from './CanvasPresets';
-export * from './DefaultColors';
-export * from './FontFamilies';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/dist/lib/constants/themes.d.ts

@@ -1,17 +0,0 @@
-/**
- * Default theme configurations for LabelLife Design Tool
- */
-import { ThemeColors } from '../types/Theme';
-/**
- * Default dark theme (matches current styling)
- */
-export declare const DEFAULT_THEME: ThemeColors;
-/**
- * Light theme variant
- */
-export declare const LIGHT_THEME: ThemeColors;
-/**
- * Dark theme variant with higher contrast
- */
-export declare const DARK_THEME: ThemeColors;
-//# sourceMappingURL=themes.d.ts.map

package/dist/lib/constants/themes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/constants/themes.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,WA6B3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,WA6BzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,WA6BxB,CAAC"}

package/dist/lib/elements/EditableTextElement.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { CanvasElement } from "../types/CanvasElement";
-export declare const EditableTextElement: React.FC<{
-    element: CanvasElement;
-    isSelected: boolean;
-    onSelect: () => void;
-    onChange: (attrs: Partial<CanvasElement>) => void;
-}>;
-export default EditableTextElement;
-//# sourceMappingURL=EditableTextElement.d.ts.map

package/dist/lib/elements/EditableTextElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableTextElement.d.ts","sourceRoot":"","sources":["../../../src/elements/EditableTextElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAuBvD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,OAAO,EAAE,aAAa,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACnD,CAgNA,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/lib/elements/ShapeElement.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { CanvasElement } from "../types/CanvasElement";
-export declare const ShapeElement: React.FC<{
-    element: CanvasElement;
-    isSelected: boolean;
-    onSelect: () => void;
-    onChange: (attrs: Partial<CanvasElement>) => void;
-}>;
-export default ShapeElement;
-//# sourceMappingURL=ShapeElement.d.ts.map

package/dist/lib/elements/ShapeElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShapeElement.d.ts","sourceRoot":"","sources":["../../../src/elements/ShapeElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAcjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,OAAO,EAAE,aAAa,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACnD,CA+YA,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/lib/elements/UrlImageElement.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { CanvasElement } from "../types";
-export declare const UrlImageElement: React.FC<{
-    element: CanvasElement;
-    isSelected: boolean;
-    onSelect: () => void;
-    onChange: (attrs: Partial<CanvasElement>) => void;
-}>;
-export default UrlImageElement;
-//# sourceMappingURL=UrlImageElement.d.ts.map

package/dist/lib/elements/UrlImageElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UrlImageElement.d.ts","sourceRoot":"","sources":["../../../src/elements/UrlImageElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,OAAO,EAAE,aAAa,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACnD,CA6cA,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,4 +0,0 @@
-export * from './EditableTextElement';
-export * from './ShapeElement';
-export * from './UrlImageElement';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}