labellife-design-tool 0.1.0

package/LICENSE

@@ -0,0 +1,23 @@
+MIT License
+
+Copyright (c) 2024 Canvas Editor Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+

package/README.md

@@ -0,0 +1,128 @@
+# LabelLife Design Tool
+
+Professional canvas editor built with React, TypeScript, and Konva.js. A powerful design tool similar to Canva/Polotno for creating graphics, posters, and designs.
+
+## Features
+
+- 🎨 **Rich Canvas Editor** - Full-featured design editor with text, images, shapes, and more
+- 📐 **Multi-page Support** - Create designs with multiple pages
+- 🖼️ **Image Management** - Upload images, use Unsplash, crop, mask, and apply filters
+- ✏️ **Text Editing** - Rich text editing with fonts, colors, alignment, and styling
+- 🔷 **Shapes & Elements** - Add various shapes (rectangles, circles, stars, polygons, etc.)
+- 🎭 **Image Masking** - Apply masks to images (circle, star, triangle, etc.)
+- 📤 **Export Options** - Export to PNG, JPG, or JSON
+- 📥 **Template Import** - Import JSON templates with user input collection
+- 🌐 **i18n Support** - Internationalization support (English, Dutch)
+- ⚙️ **Configurable** - Customize features, panels, and behavior
+
+## Installation
+
+```bash
+npm install labellife-design-tool
+# or
+yarn add labellife-design-tool
+# or
+pnpm add labellife-design-tool
+```
+
+## Usage
+
+### Basic Usage
+
+```tsx
+import { CanvasEditor } from 'labellife-design-tool';
+import 'labellife-design-tool/styles'; // Import CSS
+
+function App() {
+  return (
+    <CanvasEditor
+      name="My Design Editor"
+      config={{
+        export: {
+          png: true,
+          jpg: true,
+          json: true,
+        },
+        multiPage: true,
+        variables: true,
+      }}
+    />
+  );
+}
+```
+
+**Note on CSS**: The CSS is pre-processed and ready to use. Simply import it - no Tailwind configuration needed!
+
+### Configure Unsplash API Key
+
+```tsx
+import { CanvasEditor, setUnsplashAccessKey } from 'labellife-design-tool';
+
+// Set Unsplash API key programmatically
+setUnsplashAccessKey('your-unsplash-access-key');
+
+// Or use environment variable
+// UNSPLASH_ACCESS_KEY=your-key npm start
+```
+
+### Advanced Usage with Types
+
+```tsx
+import { 
+  CanvasEditor, 
+  CanvasDesign, 
+  Config,
+  exportToPNG,
+  importFromJSON 
+} from 'labellife-design-tool';
+import type { CanvasElement } from 'labellife-design-tool';
+
+const config: Config = {
+  export: { png: true, jpg: true, json: true },
+  multiPage: true,
+  variables: true,
+};
+
+function MyEditor() {
+  return <CanvasEditor name="Editor" config={config} />;
+}
+```
+
+## Development
+
+To run the development server:
+
+```bash
+bun install
+bun dev
+```
+
+To build the library:
+
+```bash
+bun run build:lib:all
+```
+
+To build the app:
+
+```bash
+bun run build:app
+```
+
+## Project Structure
+
+- `src/lib/index.ts` - Library entry point (npm package)
+- `src/CanvasEditor.tsx` - Main editor component
+- `src/types/` - TypeScript type definitions
+- `src/components/` - React components
+- `src/panels/` - Sidebar panels
+- `src/elements/` - Canvas element components
+- `src/utils/` - Utility functions
+
+## License
+
+MIT
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.

package/dist/lib/CanvasEditor.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Config } from "./types/Config";
+declare const CanvasEditor: React.FC<{
+    name: string;
+    config?: Config;
+}>;
+export default CanvasEditor;
+//# sourceMappingURL=CanvasEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasEditor.d.ts","sourceRoot":"","sources":["../../src/CanvasEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAkFxE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CA68B7D,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ActivePanelId } from '../types';
+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;
+}
+export declare const Header: React.FC<HeaderProps>;
+export default Header;
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAEzC,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;CAC7D;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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,CAkazD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+declare const AppName: React.FC;
+export default AppName;
+//# sourceMappingURL=AppName.d.ts.map

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

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

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+{"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,CAiH7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/lib/config.d.ts

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

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

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

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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"}