@bendyline/squisq-editor-react 1.3.0 → 1.5.0

package/dist/imageEditor/Toolbar.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Toolbar — tool selector, layer-creation buttons, file-bin uploader,
+ * and a Save/Export button. Versioning controls live in
+ * `<ImageEditor>` so the toolbar stays purely about authoring tools.
+ */
+import { useRef, useState, useEffect } from 'react';
+import { CropIcon, CursorIcon, PlusIcon, ShapeIcon, TextIcon } from './icons.js';
+const TOOLS = [
+    { id: 'select', icon: _jsx(CursorIcon, {}), title: 'Select / move (V)' },
+    { id: 'text', icon: _jsx(TextIcon, {}), title: 'Add text (T)' },
+    { id: 'shape', icon: _jsx(ShapeIcon, {}), title: 'Add shape (S)' },
+    { id: 'crop', icon: _jsx(CropIcon, {}), title: 'Crop (C)' },
+];
+export function Toolbar({ doc, tool, dispatch, uploadAsset, onExport, onSave, saveLabel = 'Save', saveTitle = 'Save state.json', extraTools, }) {
+    const fileInputRef = useRef(null);
+    const onFilePicked = async (file) => {
+        try {
+            const path = await uploadAsset(file, file.name);
+            // Place the imported image centered at its native size up to canvas.
+            const dims = await probeDims(file);
+            const w = Math.min(dims.width, doc.canvas.width);
+            const h = Math.min(dims.height, doc.canvas.height);
+            dispatch({
+                type: 'add-layer',
+                layer: {
+                    type: 'image',
+                    name: file.name,
+                    position: {
+                        x: Math.round((doc.canvas.width - w) / 2),
+                        y: Math.round((doc.canvas.height - h) / 2),
+                        width: w,
+                        height: h,
+                    },
+                    content: { src: path, alt: file.name, fit: 'fill' },
+                },
+            });
+        }
+        catch (err) {
+            console.warn('[squisq-editor] image upload failed:', err instanceof Error ? err.message : err);
+        }
+    };
+    return (_jsxs("div", { className: "squisq-image-editor-toolbar", "data-testid": "image-editor-toolbar", children: [_jsx("div", { className: "squisq-image-editor-tool-group", role: "radiogroup", "aria-label": "Tools", children: TOOLS.map((t) => (_jsx("button", { type: "button", role: "radio", "aria-checked": tool === t.id, className: ['squisq-image-editor-tool-button', tool === t.id ? 'is-active' : '']
+                        .filter(Boolean)
+                        .join(' '), onClick: () => dispatch({ type: 'set-tool', tool: t.id }), title: t.title, "aria-label": t.title, children: t.icon }, t.id))) }), _jsxs("div", { className: "squisq-image-editor-tool-group", children: [_jsxs("button", { type: "button", className: "squisq-image-editor-tool-button squisq-image-editor-tool-button--with-label", onClick: () => fileInputRef.current?.click(), title: "Import image as new layer", "aria-label": "Import image as new layer", children: [_jsx(PlusIcon, {}), _jsx("span", { children: "Image" })] }), _jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", hidden: true, onChange: (e) => {
+                            const file = e.target.files?.[0];
+                            if (file)
+                                void onFilePicked(file);
+                            e.target.value = '';
+                        } })] }), _jsxs("div", { className: "squisq-image-editor-tool-group squisq-image-editor-tool-group--right", children: [extraTools, onSave && (_jsx("button", { type: "button", className: "squisq-image-editor-tool-button", onClick: onSave, title: saveTitle, children: saveLabel })), _jsx(ExportDropdown, { onExport: onExport })] })] }));
+}
+/**
+ * Single export dropdown listing all output formats. Replaces the
+ * earlier split "Export PNG / Other format…" pair so the toolbar reads
+ * as one Export control with a stable label and consistent sizing.
+ */
+function ExportDropdown({ onExport }) {
+    const [open, setOpen] = useState(false);
+    const wrapRef = useRef(null);
+    const triggerRef = useRef(null);
+    useEffect(() => {
+        if (!open)
+            return;
+        function onDocClick(e) {
+            const t = e.target;
+            if (!t)
+                return;
+            if (wrapRef.current?.contains(t))
+                return;
+            setOpen(false);
+        }
+        function onKey(e) {
+            if (e.key === 'Escape')
+                setOpen(false);
+        }
+        document.addEventListener('mousedown', onDocClick);
+        document.addEventListener('keydown', onKey);
+        return () => {
+            document.removeEventListener('mousedown', onDocClick);
+            document.removeEventListener('keydown', onKey);
+        };
+    }, [open]);
+    const pick = (f) => {
+        setOpen(false);
+        onExport(f);
+    };
+    return (_jsxs("span", { ref: wrapRef, className: "squisq-image-editor-version-dropdown", children: [_jsxs("button", { ref: triggerRef, type: "button", className: "squisq-image-editor-tool-button squisq-image-editor-tool-button--with-label", onClick: () => setOpen((o) => !o), "aria-haspopup": "menu", "aria-expanded": open, title: "Export image", children: [_jsx("span", { children: "Export" }), _jsx("span", { "aria-hidden": "true", style: { fontSize: '0.8em' }, children: "\u25BE" })] }), open && (_jsx("div", { className: "squisq-image-editor-version-popover", role: "menu", style: { minWidth: 160 }, children: _jsx("ul", { className: "squisq-image-editor-version-popover__list", style: { maxHeight: 'none' }, children: [
+                        { f: 'png', label: 'PNG' },
+                        { f: 'jpeg', label: 'JPEG' },
+                        { f: 'webp', label: 'WebP' },
+                    ].map(({ f, label }) => (_jsx("li", { className: "squisq-image-editor-version-popover__row", children: _jsxs("button", { type: "button", role: "menuitem", className: "squisq-image-editor-tool-button squisq-image-editor-tool-button--menu", onClick: () => pick(f), children: ["Export as ", label] }) }, f))) }) }))] }));
+}
+function probeDims(file) {
+    return new Promise((resolve) => {
+        const url = URL.createObjectURL(file);
+        const img = new Image();
+        img.onload = () => {
+            URL.revokeObjectURL(url);
+            resolve({ width: img.naturalWidth, height: img.naturalHeight });
+        };
+        img.onerror = () => {
+            URL.revokeObjectURL(url);
+            resolve({ width: 200, height: 200 });
+        };
+        img.src = url;
+    });
+}
+//# sourceMappingURL=Toolbar.js.map

package/dist/imageEditor/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../src/imageEditor/Toolbar.tsx"],"names":[],"mappings":"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"}

package/dist/imageEditor/icons.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Inline SVG line icons for the image editor chrome. Stroke-based,
+ * `currentColor`-driven so they pick up `--squisq-image-editor-text` etc.
+ * automatically. Sized via `font-size`/`em` so they scale with their
+ * button label. Kept inline (no sprite, no font) so the package has zero
+ * extra runtime cost and tree-shakes per-icon.
+ */
+import type { SVGProps } from 'react';
+type IconProps = Omit<SVGProps<SVGSVGElement>, 'children'>;
+export declare function EyeIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function EyeOffIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function LockIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function UnlockIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronUpIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronDownIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CloseIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CursorIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShapeIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CropIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function PlusIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function NoneIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=icons.d.ts.map

package/dist/imageEditor/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/imageEditor/icons.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,KAAK,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,CAAC;AAsB3D,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,2CAOvC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,2CAS1C;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,2CAOxC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,2CAO1C;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,2CAM7C;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,2CAM/C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,2CAMzC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,2CAM1C;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,2CAMxC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,2CAMzC;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,2CAOxC;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,2CAMxC;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,2CAQxC"}

package/dist/imageEditor/icons.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Svg({ children, ...rest }) {
+    return (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", ...rest, children: children }));
+}
+export function EyeIcon(props) {
+    return (_jsxs(Svg, { ...props, children: [_jsx("path", { d: "M2.5 12s3.5-6.5 9.5-6.5S21.5 12 21.5 12s-3.5 6.5-9.5 6.5S2.5 12 2.5 12Z" }), _jsx("circle", { cx: "12", cy: "12", r: "2.75" })] }));
+}
+export function EyeOffIcon(props) {
+    return (_jsxs(Svg, { ...props, children: [_jsx("path", { d: "M3.5 3.5l17 17" }), _jsx("path", { d: "M9.5 5.7A10.6 10.6 0 0 1 12 5.5c6 0 9.5 6.5 9.5 6.5a17 17 0 0 1-3.2 4" }), _jsx("path", { d: "M6.2 7.6A17 17 0 0 0 2.5 12s3.5 6.5 9.5 6.5a10.6 10.6 0 0 0 4.3-.9" }), _jsx("path", { d: "M9.9 9.9a3 3 0 0 0 4.2 4.2" })] }));
+}
+export function LockIcon(props) {
+    return (_jsxs(Svg, { ...props, children: [_jsx("rect", { x: "5", y: "11", width: "14", height: "9", rx: "1.5" }), _jsx("path", { d: "M8 11V8a4 4 0 0 1 8 0v3" })] }));
+}
+export function UnlockIcon(props) {
+    return (_jsxs(Svg, { ...props, children: [_jsx("rect", { x: "5", y: "11", width: "14", height: "9", rx: "1.5" }), _jsx("path", { d: "M8 11V8a4 4 0 0 1 7.6-1.7" })] }));
+}
+export function ChevronUpIcon(props) {
+    return (_jsx(Svg, { ...props, children: _jsx("path", { d: "M6 14l6-6 6 6" }) }));
+}
+export function ChevronDownIcon(props) {
+    return (_jsx(Svg, { ...props, children: _jsx("path", { d: "M6 10l6 6 6-6" }) }));
+}
+export function CloseIcon(props) {
+    return (_jsx(Svg, { ...props, children: _jsx("path", { d: "M6 6l12 12M18 6L6 18" }) }));
+}
+export function CursorIcon(props) {
+    return (_jsx(Svg, { ...props, children: _jsx("path", { d: "M5 4l6.5 14.5 2.2-6 6-2.2L5 4Z" }) }));
+}
+export function TextIcon(props) {
+    return (_jsx(Svg, { ...props, children: _jsx("path", { d: "M5 6h14M12 6v13M9 19h6" }) }));
+}
+export function ShapeIcon(props) {
+    return (_jsx(Svg, { ...props, children: _jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }) }));
+}
+export function CropIcon(props) {
+    return (_jsxs(Svg, { ...props, children: [_jsx("path", { d: "M7 2v15a1 1 0 0 0 1 1h15" }), _jsx("path", { d: "M2 7h15a1 1 0 0 1 1 1v15" })] }));
+}
+export function PlusIcon(props) {
+    return (_jsx(Svg, { ...props, children: _jsx("path", { d: "M12 5v14M5 12h14" }) }));
+}
+export function NoneIcon(props) {
+    // Used for "no fill / transparent" affordance.
+    return (_jsxs(Svg, { ...props, children: [_jsx("circle", { cx: "12", cy: "12", r: "8" }), _jsx("path", { d: "M6.3 6.3l11.4 11.4" })] }));
+}
+//# sourceMappingURL=icons.js.map

package/dist/imageEditor/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/imageEditor/icons.tsx"],"names":[],"mappings":"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"}

package/dist/imageEditor/layers/EditorImageLayer.d.ts

@@ -0,0 +1,16 @@
+/**
+ * SVG renderer for an `ImageEditLayer` of kind `image` inside the editor.
+ * Resolves the asset path to a blob URL via the host-supplied
+ * `resolveAssetUrl` (typically backed by the sidecar container).
+ */
+import type { ImageEditCanvas, ImageEditLayer } from '@bendyline/squisq/schemas';
+interface Props {
+    layer: ImageEditLayer & {
+        type: 'image';
+    };
+    canvas: ImageEditCanvas;
+    resolveAssetUrl: (path: string) => Promise<string>;
+}
+export declare function EditorImageLayer({ layer, canvas, resolveAssetUrl }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=EditorImageLayer.d.ts.map

package/dist/imageEditor/layers/EditorImageLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorImageLayer.d.ts","sourceRoot":"","sources":["../../../src/imageEditor/layers/EditorImageLayer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEjF,UAAU,KAAK;IACb,KAAK,EAAE,cAAc,GAAG;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IAC1C,MAAM,EAAE,eAAe,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CACpD;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,KAAK,kDA6BzE"}

package/dist/imageEditor/layers/EditorImageLayer.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SVG renderer for an `ImageEditLayer` of kind `image` inside the editor.
+ * Resolves the asset path to a blob URL via the host-supplied
+ * `resolveAssetUrl` (typically backed by the sidecar container).
+ */
+import { useEffect, useState } from 'react';
+export function EditorImageLayer({ layer, canvas, resolveAssetUrl }) {
+    const [href, setHref] = useState(null);
+    const src = layer.content.src;
+    useEffect(() => {
+        let cancelled = false;
+        resolveAssetUrl(src)
+            .then((url) => {
+            if (!cancelled)
+                setHref(url);
+        })
+            .catch(() => {
+            if (!cancelled)
+                setHref(null);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [src, resolveAssetUrl]);
+    if (!href)
+        return null;
+    const p = layer.position;
+    const x = typeof p.x === 'number' ? p.x : 0;
+    const y = typeof p.y === 'number' ? p.y : 0;
+    const width = typeof p.width === 'number' ? p.width : canvas.width;
+    const height = typeof p.height === 'number' ? p.height : canvas.height;
+    const fit = layer.content.fit ?? 'fill';
+    const par = fit === 'cover' ? 'xMidYMid slice' : fit === 'contain' ? 'xMidYMid meet' : 'none';
+    return _jsx("image", { href: href, x: x, y: y, width: width, height: height, preserveAspectRatio: par });
+}
+//# sourceMappingURL=EditorImageLayer.js.map

package/dist/imageEditor/layers/EditorImageLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorImageLayer.js","sourceRoot":"","sources":["../../../src/imageEditor/layers/EditorImageLayer.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAS;IACxE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,eAAe,CAAC,GAAG,CAAC;aACjB,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,IAAI,CAAC,SAAS;gBAAE,OAAO,CAAC,GAAG,CAAC,CAAC;QAC/B,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,SAAS;gBAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;IACzB,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IACnE,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;IACvE,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,MAAM,CAAC;IACxC,MAAM,GAAG,GAAG,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC;IAE9F,OAAO,gBAAO,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAG,GAAI,CAAC;AACnG,CAAC"}

package/dist/imageEditor/layers/EditorShapeLayer.d.ts

@@ -0,0 +1,15 @@
+/**
+ * SVG renderer for an `ImageEditLayer` of kind `shape` inside the editor.
+ * Mirrors `react/src/layers/ShapeLayer.tsx` minus the animation/anchor
+ * logic since the editor authors layers with numeric, top-left positions.
+ */
+import type { ImageEditCanvas, ImageEditLayer } from '@bendyline/squisq/schemas';
+interface Props {
+    layer: ImageEditLayer & {
+        type: 'shape';
+    };
+    canvas: ImageEditCanvas;
+}
+export declare function EditorShapeLayer({ layer, canvas: _canvas }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorShapeLayer.d.ts.map

package/dist/imageEditor/layers/EditorShapeLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorShapeLayer.d.ts","sourceRoot":"","sources":["../../../src/imageEditor/layers/EditorShapeLayer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEjF,UAAU,KAAK;IACb,KAAK,EAAE,cAAc,GAAG;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC;IAC1C,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,2CAgDjE"}

package/dist/imageEditor/layers/EditorShapeLayer.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function EditorShapeLayer({ layer, canvas: _canvas }) {
+    const p = layer.position;
+    const x = typeof p.x === 'number' ? p.x : 0;
+    const y = typeof p.y === 'number' ? p.y : 0;
+    const width = typeof p.width === 'number' ? p.width : 100;
+    const height = typeof p.height === 'number' ? p.height : 100;
+    const c = layer.content;
+    const fill = c.fill ?? 'none';
+    const stroke = c.stroke;
+    const strokeWidth = c.strokeWidth;
+    if (c.shape === 'rect') {
+        return (_jsx("rect", { x: x, y: y, width: width, height: height, rx: c.borderRadius, ry: c.borderRadius, fill: fill, stroke: stroke, strokeWidth: strokeWidth }));
+    }
+    if (c.shape === 'circle') {
+        return (_jsx("circle", { cx: x + width / 2, cy: y + height / 2, r: Math.min(width, height) / 2, fill: fill, stroke: stroke, strokeWidth: strokeWidth }));
+    }
+    return (_jsx("line", { x1: x, y1: y, x2: x + width, y2: y + height, stroke: stroke ?? '#000', strokeWidth: strokeWidth ?? 1 }));
+}
+//# sourceMappingURL=EditorShapeLayer.js.map

package/dist/imageEditor/layers/EditorShapeLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorShapeLayer.js","sourceRoot":"","sources":["../../../src/imageEditor/layers/EditorShapeLayer.tsx"],"names":[],"mappings":";AAaA,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAS;IAChE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;IACzB,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7D,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC;IAC9B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;IACxB,MAAM,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC;IAElC,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;QACvB,OAAO,CACL,eACE,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,CAAC,CAAC,YAAY,EAClB,EAAE,EAAE,CAAC,CAAC,YAAY,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;IACJ,CAAC;IACD,IAAI,CAAC,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,CACL,iBACE,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EACjB,EAAE,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,EAClB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAC9B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;IACJ,CAAC;IACD,OAAO,CACL,eACE,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,GAAG,KAAK,EACb,EAAE,EAAE,CAAC,GAAG,MAAM,EACd,MAAM,EAAE,MAAM,IAAI,MAAM,EACxB,WAAW,EAAE,WAAW,IAAI,CAAC,GAC7B,CACH,CAAC;AACJ,CAAC"}

package/dist/imageEditor/layers/EditorTextLayer.d.ts

@@ -0,0 +1,18 @@
+/**
+ * SVG renderer for an `ImageEditLayer` of kind `text` inside the editor.
+ *
+ * Multi-line text is laid out as a `<text>` element with one `<tspan>`
+ * per line. The first line sits at `y + fontSize` so the visible top
+ * of the glyph block aligns with the layer's `y` coordinate (matches
+ * what users expect from a top-anchored bounding box).
+ */
+import type { ImageEditCanvas, ImageEditLayer } from '@bendyline/squisq/schemas';
+interface Props {
+    layer: ImageEditLayer & {
+        type: 'text';
+    };
+    canvas: ImageEditCanvas;
+}
+export declare function EditorTextLayer({ layer, canvas: _canvas }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorTextLayer.d.ts.map

package/dist/imageEditor/layers/EditorTextLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorTextLayer.d.ts","sourceRoot":"","sources":["../../../src/imageEditor/layers/EditorTextLayer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEjF,UAAU,KAAK;IACb,KAAK,EAAE,cAAc,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,2CA4BhE"}

package/dist/imageEditor/layers/EditorTextLayer.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function EditorTextLayer({ layer, canvas: _canvas }) {
+    const p = layer.position;
+    const x = typeof p.x === 'number' ? p.x : 0;
+    const y = typeof p.y === 'number' ? p.y : 0;
+    const { text, style } = layer.content;
+    const lineHeight = style.lineHeight ?? 1.4;
+    const lineHeightPx = style.fontSize * lineHeight;
+    const lines = (text ?? '').split('\n');
+    const textAnchor = style.textAlign === 'center' ? 'middle' : style.textAlign === 'right' ? 'end' : 'start';
+    return (_jsx("text", { x: x, y: y + style.fontSize, fontFamily: style.fontFamily ?? 'sans-serif', fontSize: style.fontSize, fontWeight: style.fontWeight ?? 'normal', fill: style.color, textAnchor: textAnchor, children: lines.map((line, i) => (_jsx("tspan", { x: x, dy: i === 0 ? 0 : lineHeightPx, children: line || '\u00A0' }, i))) }));
+}
+//# sourceMappingURL=EditorTextLayer.js.map

package/dist/imageEditor/layers/EditorTextLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorTextLayer.js","sourceRoot":"","sources":["../../../src/imageEditor/layers/EditorTextLayer.tsx"],"names":[],"mappings":";AAgBA,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAS;IAC/D,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;IACzB,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;IACtC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACjD,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,UAAU,GACd,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1F,OAAO,CACL,eACE,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,QAAQ,EACrB,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,YAAY,EAC5C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,QAAQ,EACxC,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,UAAU,EAAE,UAAU,YAErB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,gBAAe,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,YAChD,IAAI,IAAI,QAAQ,IADP,CAAC,CAEL,CACT,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/imageEditor/layers/SelectionHandles.d.ts

@@ -0,0 +1,17 @@
+/**
+ * SelectionHandles
+ *
+ * Renders the dashed selection rectangle plus eight resize handles around
+ * the currently-selected layer's bounding box. Pointer events on each
+ * handle bubble back through `onHandlePointerDown` so the surrounding
+ * `<CanvasSurface>` can run its drag loop with the right resize semantics.
+ */
+import type { CanvasRect } from '../state.js';
+export type Handle = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';
+interface Props {
+    box: CanvasRect;
+    onHandlePointerDown: (e: React.PointerEvent<SVGRectElement>, handle: Handle) => void;
+}
+export declare function SelectionHandles({ box, onHandlePointerDown }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectionHandles.d.ts.map

package/dist/imageEditor/layers/SelectionHandles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionHandles.d.ts","sourceRoot":"","sources":["../../../src/imageEditor/layers/SelectionHandles.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC;AAIvE,UAAU,KAAK;IACb,GAAG,EAAE,UAAU,CAAC;IAChB,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACtF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,EAAE,KAAK,2CAiEnE"}

package/dist/imageEditor/layers/SelectionHandles.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const HANDLE_SIZE = 10; // canvas-pixel size of each square handle
+export function SelectionHandles({ box, onHandlePointerDown }) {
+    const half = HANDLE_SIZE / 2;
+    const cx = box.x + box.width / 2;
+    const cy = box.y + box.height / 2;
+    const handles = [
+        { id: 'nw', x: box.x, y: box.y, cursor: 'nwse-resize' },
+        { id: 'n', x: cx, y: box.y, cursor: 'ns-resize' },
+        { id: 'ne', x: box.x + box.width, y: box.y, cursor: 'nesw-resize' },
+        { id: 'e', x: box.x + box.width, y: cy, cursor: 'ew-resize' },
+        { id: 'se', x: box.x + box.width, y: box.y + box.height, cursor: 'nwse-resize' },
+        { id: 's', x: cx, y: box.y + box.height, cursor: 'ns-resize' },
+        { id: 'sw', x: box.x, y: box.y + box.height, cursor: 'nesw-resize' },
+        { id: 'w', x: box.x, y: cy, cursor: 'ew-resize' },
+    ];
+    return (_jsxs("g", { pointerEvents: "none", children: [_jsx("rect", { x: box.x, y: box.y, width: box.width, height: box.height, fill: "none", stroke: "#ffffff", strokeOpacity: 0.9, strokeWidth: 4, vectorEffect: "non-scaling-stroke" }), _jsx("rect", { x: box.x, y: box.y, width: box.width, height: box.height, fill: "none", stroke: "#39f", strokeWidth: 2, strokeDasharray: "6 4", vectorEffect: "non-scaling-stroke" }), handles.map((h) => (_jsx("rect", { x: h.x - half, y: h.y - half, width: HANDLE_SIZE, height: HANDLE_SIZE, fill: "#fff", stroke: "#39f", strokeWidth: 2, vectorEffect: "non-scaling-stroke", style: { cursor: h.cursor, pointerEvents: 'all' }, onPointerDown: (e) => onHandlePointerDown(e, h.id) }, h.id)))] }));
+}
+//# sourceMappingURL=SelectionHandles.js.map

package/dist/imageEditor/layers/SelectionHandles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionHandles.js","sourceRoot":"","sources":["../../../src/imageEditor/layers/SelectionHandles.tsx"],"names":[],"mappings":"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"}

package/dist/imageEditor/state.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Pure state + reducer for the `<ImageEditor>` component.
+ *
+ * Kept React-free so it's easy to unit-test in isolation. The actual
+ * React hook that wires this to a {@link ContentContainer} (and the
+ * version manager) lives in `useImageEditor.ts`.
+ */
+import type { ImageEditDoc, ImageEditLayer } from '@bendyline/squisq/schemas';
+/**
+ * Layer payload accepted by the `add-layer` action — the `id` field is
+ * optional and will be assigned by the underlying `addLayer` helper if
+ * the caller doesn't supply one.
+ */
+export type ImageEditLayerInput = ImageEditLayer | (Omit<ImageEditLayer, 'id'> & {
+    id?: string;
+});
+/** The currently active interaction tool. */
+export type ImageEditorTool = 'select' | 'text' | 'shape' | 'image' | 'crop';
+/** A pixel-space rectangle in canvas coordinates. */
+export interface CanvasRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface ImageEditorState {
+    /** The persisted document. */
+    doc: ImageEditDoc;
+    /** Selected layer id, or `null` when nothing is selected. */
+    selectedLayerId: string | null;
+    /** Active tool. */
+    tool: ImageEditorTool;
+    /**
+     * Dirty flag — true when the in-memory doc has unsaved changes
+     * relative to the last `markClean()` call. The hook uses this to
+     * debounce writes back to `state.json`.
+     */
+    dirty: boolean;
+}
+export type ImageEditorAction = {
+    type: 'load';
+    doc: ImageEditDoc;
+} | {
+    type: 'mark-clean';
+} | {
+    type: 'set-tool';
+    tool: ImageEditorTool;
+} | {
+    type: 'select';
+    layerId: string | null;
+} | {
+    type: 'set-canvas';
+    canvas: ImageEditDoc['canvas'];
+} | {
+    type: 'add-layer';
+    layer: ImageEditLayerInput;
+    select?: boolean;
+} | {
+    type: 'remove-layer';
+    layerId: string;
+} | {
+    type: 'update-layer';
+    layerId: string;
+    patch: Partial<ImageEditLayer>;
+} | {
+    type: 'reorder-layer';
+    layerId: string;
+    toIndex: number;
+} | {
+    type: 'crop';
+    rect: CanvasRect;
+};
+/** Build the initial state from a freshly-loaded doc. */
+export declare function initialImageEditorState(doc: ImageEditDoc): ImageEditorState;
+export declare function imageEditorReducer(state: ImageEditorState, action: ImageEditorAction): ImageEditorState;
+//# sourceMappingURL=state.d.ts.map

package/dist/imageEditor/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/imageEditor/state.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAU9E;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElG,6CAA6C;AAC7C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7E,qDAAqD;AACrD,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,GAAG,EAAE,YAAY,CAAC;IAClB,6DAA6D;IAC7D,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mBAAmB;IACnB,IAAI,EAAE,eAAe,CAAC;IACtB;;;;OAIG;IACH,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,YAAY,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,eAAe,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAAE,GACtD;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,mBAAmB,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GACnE;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;CAAE,GACzE;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;AAEvC,yDAAyD;AACzD,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,YAAY,GAAG,gBAAgB,CAO3E;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,gBAAgB,EACvB,MAAM,EAAE,iBAAiB,GACxB,gBAAgB,CA4ElB"}

package/dist/imageEditor/state.js

@@ -0,0 +1,87 @@
+/**
+ * Pure state + reducer for the `<ImageEditor>` component.
+ *
+ * Kept React-free so it's easy to unit-test in isolation. The actual
+ * React hook that wires this to a {@link ContentContainer} (and the
+ * version manager) lives in `useImageEditor.ts`.
+ */
+import { addLayer, removeLayer, reorderLayer, setCanvas, updateLayer, touch, } from '@bendyline/squisq/imageEdit';
+/** Build the initial state from a freshly-loaded doc. */
+export function initialImageEditorState(doc) {
+    return {
+        doc,
+        selectedLayerId: null,
+        tool: 'select',
+        dirty: false,
+    };
+}
+export function imageEditorReducer(state, action) {
+    switch (action.type) {
+        case 'load':
+            return { doc: action.doc, selectedLayerId: null, tool: 'select', dirty: false };
+        case 'mark-clean':
+            return state.dirty ? { ...state, dirty: false } : state;
+        case 'set-tool':
+            return state.tool === action.tool ? state : { ...state, tool: action.tool };
+        case 'select':
+            return state.selectedLayerId === action.layerId
+                ? state
+                : { ...state, selectedLayerId: action.layerId };
+        case 'set-canvas': {
+            const next = setCanvas(state.doc, action.canvas);
+            return next === state.doc ? state : { ...state, doc: next, dirty: true };
+        }
+        case 'add-layer': {
+            // `addLayer` from core assigns an id when missing; cast through
+            // `ImageEditLayer` for the existing helper signature.
+            const next = addLayer(state.doc, action.layer);
+            // Pick up the assigned id (last layer)
+            const newId = next.layers[next.layers.length - 1].id;
+            return {
+                ...state,
+                doc: next,
+                dirty: true,
+                selectedLayerId: action.select === false ? state.selectedLayerId : newId,
+            };
+        }
+        case 'remove-layer': {
+            const next = removeLayer(state.doc, action.layerId);
+            if (next === state.doc)
+                return state;
+            return {
+                ...state,
+                doc: next,
+                dirty: true,
+                selectedLayerId: state.selectedLayerId === action.layerId ? null : state.selectedLayerId,
+            };
+        }
+        case 'update-layer': {
+            const next = updateLayer(state.doc, action.layerId, action.patch);
+            return next === state.doc ? state : { ...state, doc: next, dirty: true };
+        }
+        case 'reorder-layer': {
+            const next = reorderLayer(state.doc, action.layerId, action.toIndex);
+            return next === state.doc ? state : { ...state, doc: next, dirty: true };
+        }
+        case 'crop': {
+            const { rect } = action;
+            const newCanvas = {
+                ...state.doc.canvas,
+                width: Math.max(1, Math.round(rect.width)),
+                height: Math.max(1, Math.round(rect.height)),
+            };
+            // Translate every layer by (-rect.x, -rect.y). Only handles numeric
+            // positions; percentage strings are left alone (rare for image-edit
+            // layers, which the editor produces with numeric coords).
+            const translated = state.doc.layers.map((layer) => {
+                const { position } = layer;
+                const x = typeof position.x === 'number' ? position.x - rect.x : position.x;
+                const y = typeof position.y === 'number' ? position.y - rect.y : position.y;
+                return { ...layer, position: { ...position, x, y } };
+            });
+            const next = touch({ ...state.doc, canvas: newCanvas, layers: translated });
+            return { ...state, doc: next, dirty: true };
+        }
+    }
+}
+//# sourceMappingURL=state.js.map

package/dist/imageEditor/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/imageEditor/state.ts"],"names":[],"mappings":"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"}