@avament-pub/image-editor 0.1.0

package/dist/image-editor-labels.d.ts

@@ -0,0 +1,4 @@
+import type { ImageEditorLabels } from "./image-editor.types";
+export declare const DEFAULT_IMAGE_EDITOR_LABELS: ImageEditorLabels;
+export declare function mergeImageEditorLabels(overrides?: Partial<ImageEditorLabels>): ImageEditorLabels;
+//# sourceMappingURL=image-editor-labels.d.ts.map

package/dist/image-editor-labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-editor-labels.d.ts","sourceRoot":"","sources":["../src/image-editor-labels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,2BAA2B,EAAE,iBA2BzC,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,SAAS,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,GACrC,iBAAiB,CAGnB"}

package/dist/image-editor-labels.js

@@ -0,0 +1,34 @@
+export const DEFAULT_IMAGE_EDITOR_LABELS = {
+    cancel: "Cancel",
+    save: "Save",
+    loading: "Loading image…",
+    loadFailed: "Could not load image for editing.",
+    saveFailed: "Could not save edited image.",
+    cropFailed: "Could not crop image.",
+    rotateFailed: "Could not rotate image.",
+    applyCrop: "Apply crop",
+    toolSelect: "Select",
+    toolPen: "Draw",
+    toolLine: "Line",
+    toolArrow: "Arrow",
+    toolRect: "Rectangle",
+    toolEllipse: "Ellipse",
+    toolText: "Text",
+    toolEraser: "Eraser",
+    toolCrop: "Crop",
+    rotateCcw: "Rotate left",
+    rotateCw: "Rotate right",
+    undo: "Undo",
+    redo: "Redo",
+    stroke: "Stroke width",
+    shapeOutline: "Outline",
+    shapeFilled: "Filled",
+    textPlaceholder: "Text",
+    applyText: "Apply text",
+};
+export function mergeImageEditorLabels(overrides) {
+    if (!overrides)
+        return DEFAULT_IMAGE_EDITOR_LABELS;
+    return Object.assign(Object.assign({}, DEFAULT_IMAGE_EDITOR_LABELS), overrides);
+}
+//# sourceMappingURL=image-editor-labels.js.map

package/dist/image-editor-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-editor-labels.js","sourceRoot":"","sources":["../src/image-editor-labels.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,2BAA2B,GAAsB;IAC5D,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,gBAAgB;IACzB,UAAU,EAAE,mCAAmC;IAC/C,UAAU,EAAE,8BAA8B;IAC1C,UAAU,EAAE,uBAAuB;IACnC,YAAY,EAAE,yBAAyB;IACvC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,SAAS;IACtB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,cAAc;IACtB,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,QAAQ;IACrB,eAAe,EAAE,MAAM;IACvB,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,UAAU,sBAAsB,CACpC,SAAsC;IAEtC,IAAI,CAAC,SAAS;QAAE,OAAO,2BAA2B,CAAC;IACnD,uCAAY,2BAA2B,GAAK,SAAS,EAAG;AAC1D,CAAC"}

package/dist/image-editor-utils.d.ts

@@ -0,0 +1,39 @@
+import type { ImageEditorRotateDirection, ImageEditorShapeStyle, ImageEditorTool } from "./image-editor.types";
+export declare const IMAGE_EDITOR_COLORS: readonly ["#ef4444", "#f59e0b", "#22c55e", "#3b82f6", "#a855f7", "#ffffff", "#111827"];
+export declare const IMAGE_EDITOR_DEFAULT_TEXT_SIZE = 56;
+export declare const IMAGE_EDITOR_DEFAULT_TEXT_WIDTH = 320;
+/** Convert #rrggbb to rgba() for filled-shape translucency. */
+export declare function hexToRgba(hex: string, alpha: number): string;
+export declare function shapeFillAndStroke(color: string, style: ImageEditorShapeStyle): {
+    fill: string;
+    stroke: string;
+};
+export declare function isShapeDrawTool(tool: ImageEditorTool): boolean;
+/**
+ * Load image bytes for Fabric (blob/data/CORS). Host apps with auth proxies
+ * should pass a custom `resolveSrc` instead of relying on this default.
+ */
+export declare function loadImageSourceBlob(src: string): Promise<Blob>;
+export declare function getCachedEditorObjectUrl(cacheKey: string): string | undefined;
+/**
+ * Resolve a blob: object URL for the editor (cached + deduped in-flight).
+ * Call while the preview is open so Edit opens instantly.
+ */
+export declare function ensureEditorObjectUrl(src: string, options: {
+    cacheKey: string;
+    /** Optional host-specific loader (e.g. authenticated proxy). */
+    loadBlob?: (src: string) => Promise<Blob>;
+}): Promise<string>;
+export declare function revokeEditorObjectUrls(cacheKeys: string[]): void;
+export declare function blobToDataUrl(blob: Blob): Promise<string>;
+export declare function editedAttachmentFileName(originalName: string | undefined, contentTypeHint?: string): string;
+/** Rotate a raster data URL 90°; dimensions swap. */
+export declare function rotateImageDataUrl(dataUrl: string, direction: ImageEditorRotateDirection): Promise<{
+    dataUrl: string;
+    width: number;
+    height: number;
+}>;
+/** Default resolveSrc used when the host does not inject one. */
+export declare function defaultResolveSrc(src: string): Promise<string>;
+export declare function cn(...parts: Array<string | false | null | undefined>): string;
+//# sourceMappingURL=image-editor-utils.d.ts.map

package/dist/image-editor-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-editor-utils.d.ts","sourceRoot":"","sources":["../src/image-editor-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,qBAAqB,EACrB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,wFAQtB,CAAC;AAEX,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAQnD,+DAA+D;AAC/D,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAU5D;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,qBAAqB,GAC3B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAWlC;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,GAAG,OAAO,CAO9D;AA6DD;;;GAGG;AACH,wBAAsB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAYpE;AAED,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,MAAM,GACf,MAAM,GAAG,SAAS,CAEpB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,MAAM,EACX,OAAO,EAAE;IACP,QAAQ,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3C,GACA,OAAO,CAAC,MAAM,CAAC,CAyBjB;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,CAShE;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAOzD;AAQD,wBAAgB,wBAAwB,CACtC,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,eAAe,CAAC,EAAE,MAAM,GACvB,MAAM,CAKR;AAWD,qDAAqD;AACrD,wBAAsB,kBAAkB,CACtC,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,0BAA0B,GACpC,OAAO,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAwB7D;AAED,iEAAiE;AACjE,wBAAsB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAIpE;AAED,wBAAgB,EAAE,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,CAE7E"}

package/dist/image-editor-utils.js

@@ -0,0 +1,218 @@
+export const IMAGE_EDITOR_COLORS = [
+    "#ef4444",
+    "#f59e0b",
+    "#22c55e",
+    "#3b82f6",
+    "#a855f7",
+    "#ffffff",
+    "#111827",
+];
+export const IMAGE_EDITOR_DEFAULT_TEXT_SIZE = 56;
+export const IMAGE_EDITOR_DEFAULT_TEXT_WIDTH = 320;
+const CORS_TIMEOUT_MS = 3000;
+/** cacheKey → object URL for instant editor open */
+const editorObjectUrlCache = new Map();
+const editorObjectUrlInflight = new Map();
+/** Convert #rrggbb to rgba() for filled-shape translucency. */
+export function hexToRgba(hex, alpha) {
+    const normalized = hex.trim().replace("#", "");
+    if (normalized.length !== 6)
+        return `rgba(0,0,0,${alpha})`;
+    const r = Number.parseInt(normalized.slice(0, 2), 16);
+    const g = Number.parseInt(normalized.slice(2, 4), 16);
+    const b = Number.parseInt(normalized.slice(4, 6), 16);
+    if ([r, g, b].some((channel) => Number.isNaN(channel))) {
+        return `rgba(0,0,0,${alpha})`;
+    }
+    return `rgba(${r},${g},${b},${alpha})`;
+}
+export function shapeFillAndStroke(color, style) {
+    if (style === "filled") {
+        return {
+            fill: hexToRgba(color, 0.45),
+            stroke: color,
+        };
+    }
+    return {
+        fill: "rgba(0,0,0,0)",
+        stroke: color,
+    };
+}
+export function isShapeDrawTool(tool) {
+    return (tool === "line" ||
+        tool === "arrow" ||
+        tool === "rect" ||
+        tool === "ellipse");
+}
+function abortSignalTimeout(ms) {
+    if (typeof AbortSignal !== "undefined" && "timeout" in AbortSignal) {
+        return AbortSignal.timeout(ms);
+    }
+    const controller = new AbortController();
+    window.setTimeout(() => controller.abort(), ms);
+    return controller.signal;
+}
+async function fetchCorsBlob(src) {
+    const response = await fetch(src, {
+        mode: "cors",
+        credentials: "omit",
+        cache: "force-cache",
+        signal: abortSignalTimeout(CORS_TIMEOUT_MS),
+    });
+    if (!response.ok)
+        throw new Error("image_load_failed");
+    return response.blob();
+}
+/** Decode via Image + canvas when CDN allows CORS. */
+async function decodeCorsImageToBlob(src) {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.decoding = "async";
+    await new Promise((resolve, reject) => {
+        const timer = window.setTimeout(() => reject(new Error("image_load_failed")), CORS_TIMEOUT_MS);
+        img.onload = () => {
+            window.clearTimeout(timer);
+            resolve();
+        };
+        img.onerror = () => {
+            window.clearTimeout(timer);
+            reject(new Error("image_load_failed"));
+        };
+        img.src = src;
+    });
+    const canvas = document.createElement("canvas");
+    canvas.width = img.naturalWidth || 1;
+    canvas.height = img.naturalHeight || 1;
+    const ctx = canvas.getContext("2d");
+    if (!ctx)
+        throw new Error("image_load_failed");
+    ctx.drawImage(img, 0, 0);
+    return new Promise((resolve, reject) => {
+        canvas.toBlob((result) => result ? resolve(result) : reject(new Error("image_load_failed")), "image/jpeg", 0.92);
+    });
+}
+/**
+ * Load image bytes for Fabric (blob/data/CORS). Host apps with auth proxies
+ * should pass a custom `resolveSrc` instead of relying on this default.
+ */
+export async function loadImageSourceBlob(src) {
+    if (src.startsWith("blob:") || src.startsWith("data:")) {
+        const response = await fetch(src);
+        if (!response.ok)
+            throw new Error("image_load_failed");
+        return response.blob();
+    }
+    try {
+        return await fetchCorsBlob(src);
+    }
+    catch (_a) {
+        return decodeCorsImageToBlob(src);
+    }
+}
+export function getCachedEditorObjectUrl(cacheKey) {
+    return editorObjectUrlCache.get(cacheKey);
+}
+/**
+ * Resolve a blob: object URL for the editor (cached + deduped in-flight).
+ * Call while the preview is open so Edit opens instantly.
+ */
+export function ensureEditorObjectUrl(src, options) {
+    const { cacheKey, loadBlob } = options;
+    const cached = editorObjectUrlCache.get(cacheKey);
+    if (cached)
+        return Promise.resolve(cached);
+    const inflight = editorObjectUrlInflight.get(cacheKey);
+    if (inflight)
+        return inflight;
+    const promise = (async () => {
+        if (src.startsWith("blob:") || src.startsWith("data:")) {
+            editorObjectUrlCache.set(cacheKey, src);
+            return src;
+        }
+        const blob = loadBlob
+            ? await loadBlob(src)
+            : await loadImageSourceBlob(src);
+        const objectUrl = URL.createObjectURL(blob);
+        editorObjectUrlCache.set(cacheKey, objectUrl);
+        return objectUrl;
+    })().finally(() => {
+        editorObjectUrlInflight.delete(cacheKey);
+    });
+    editorObjectUrlInflight.set(cacheKey, promise);
+    return promise;
+}
+export function revokeEditorObjectUrls(cacheKeys) {
+    for (const key of cacheKeys) {
+        const url = editorObjectUrlCache.get(key);
+        if (url === null || url === void 0 ? void 0 : url.startsWith("blob:")) {
+            URL.revokeObjectURL(url);
+        }
+        editorObjectUrlCache.delete(key);
+        editorObjectUrlInflight.delete(key);
+    }
+}
+export function blobToDataUrl(blob) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(String(reader.result));
+        reader.onerror = () => reject(new Error("image_load_failed"));
+        reader.readAsDataURL(blob);
+    });
+}
+function guessImageExtension(name, contentTypeHint) {
+    const type = (contentTypeHint !== null && contentTypeHint !== void 0 ? contentTypeHint : "").toLowerCase();
+    if (type.includes("png") || name.toLowerCase().endsWith(".png"))
+        return "png";
+    return "jpg";
+}
+export function editedAttachmentFileName(originalName, contentTypeHint) {
+    const raw = (originalName === null || originalName === void 0 ? void 0 : originalName.trim()) || "attachment.jpg";
+    const withoutExt = raw.replace(/\.[^.]+$/, "") || "attachment";
+    const extension = guessImageExtension(raw, contentTypeHint);
+    return `${withoutExt}-edited.${extension}`;
+}
+function loadHtmlImage(src) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = () => resolve(img);
+        img.onerror = () => reject(new Error("image_load_failed"));
+        img.src = src;
+    });
+}
+/** Rotate a raster data URL 90°; dimensions swap. */
+export async function rotateImageDataUrl(dataUrl, direction) {
+    const img = await loadHtmlImage(dataUrl);
+    const srcW = Math.max(1, img.naturalWidth || img.width || 1);
+    const srcH = Math.max(1, img.naturalHeight || img.height || 1);
+    const canvas = document.createElement("canvas");
+    canvas.width = srcH;
+    canvas.height = srcW;
+    const ctx = canvas.getContext("2d");
+    if (!ctx)
+        throw new Error("image_rotate_failed");
+    if (direction === "cw") {
+        ctx.translate(srcH, 0);
+        ctx.rotate(Math.PI / 2);
+    }
+    else {
+        ctx.translate(0, srcW);
+        ctx.rotate(-Math.PI / 2);
+    }
+    ctx.drawImage(img, 0, 0);
+    return {
+        dataUrl: canvas.toDataURL("image/png"),
+        width: srcH,
+        height: srcW,
+    };
+}
+/** Default resolveSrc used when the host does not inject one. */
+export async function defaultResolveSrc(src) {
+    if (src.startsWith("blob:") || src.startsWith("data:"))
+        return src;
+    const blob = await loadImageSourceBlob(src);
+    return URL.createObjectURL(blob);
+}
+export function cn(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+//# sourceMappingURL=image-editor-utils.js.map

package/dist/image-editor-utils.js.map

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

package/dist/image-editor.css

@@ -0,0 +1,256 @@
+.avie {
+  --avie-bg: rgba(0, 0, 0, 0.5);
+  --avie-toolbar-bg: rgba(255, 255, 255, 0.1);
+  --avie-border: rgba(255, 255, 255, 0.15);
+  --avie-text: rgba(255, 255, 255, 0.85);
+  --avie-text-muted: rgba(255, 255, 255, 0.7);
+  --avie-error: #fca5a5;
+  --avie-accent: #0c66e4;
+  --avie-save: #059669;
+  --avie-canvas-bg: #0b1220;
+  --avie-ring-offset: rgba(0, 0, 0, 0.4);
+
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  background: var(--avie-bg);
+  color: var(--avie-text);
+  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica,
+    Arial, sans-serif;
+  box-sizing: border-box;
+}
+
+.avie *,
+.avie *::before,
+.avie *::after {
+  box-sizing: border-box;
+}
+
+.avie-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 8px;
+  border-bottom: 1px solid var(--avie-border);
+  background: var(--avie-toolbar-bg);
+  backdrop-filter: blur(12px);
+}
+
+.avie-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  min-width: 32px;
+  padding: 0 6px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--avie-text);
+  cursor: pointer;
+  transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
+}
+
+.avie-btn:hover:not(:disabled) {
+  background: rgba(255, 255, 255, 0.15);
+  color: #fff;
+}
+
+.avie-btn:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.avie-btn[aria-pressed="true"],
+.avie-btn.is-active {
+  background: rgba(255, 255, 255, 0.2);
+  color: #fff;
+}
+
+.avie-btn-sm {
+  height: 28px;
+  min-width: 28px;
+  padding: 0 8px;
+  font-size: 12px;
+  gap: 4px;
+}
+
+.avie-btn-accent {
+  background: var(--avie-accent);
+  color: #fff;
+}
+
+.avie-btn-accent:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--avie-accent) 90%, #000);
+  color: #fff;
+}
+
+.avie-btn-save {
+  background: var(--avie-save);
+  color: #fff;
+}
+
+.avie-btn-save:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--avie-save) 90%, #000);
+  color: #fff;
+}
+
+.avie-icon {
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+}
+
+.avie-icon-sm {
+  width: 14px;
+  height: 14px;
+}
+
+.avie-line-icon {
+  display: block;
+  width: 16px;
+  height: 2px;
+  background: currentColor;
+  transform: rotate(-35deg);
+}
+
+.avie-divider {
+  width: 1px;
+  height: 20px;
+  margin: 0 4px;
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.avie-swatches {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.avie-swatch {
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  border-radius: 999px;
+  cursor: pointer;
+}
+
+.avie-swatch:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.avie-swatch.is-active {
+  box-shadow:
+    0 0 0 2px #fff,
+    0 0 0 3px var(--avie-ring-offset);
+}
+
+.avie-stroke {
+  display: flex;
+  align-items: center;
+  margin-inline-start: 4px;
+  font-size: 11px;
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.avie-stroke input[type="range"] {
+  width: 80px;
+  accent-color: #fff;
+}
+
+.avie-shape-toggle {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  margin-inline-start: 4px;
+  padding: 2px;
+  border: 1px solid var(--avie-border);
+  border-radius: 6px;
+}
+
+.avie-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-inline-start: auto;
+}
+
+.avie-text-bar {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 8px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  background: rgba(0, 0, 0, 0.4);
+}
+
+.avie-text-input {
+  flex: 1;
+  height: 32px;
+  padding: 0 10px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.1);
+  color: #fff;
+  font-size: 14px;
+  outline: none;
+}
+
+.avie-text-input::placeholder {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.avie-stage {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  padding: 8px;
+}
+
+.avie-stage-inner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+.avie-stage canvas {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.avie-status {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  color: var(--avie-text-muted);
+  pointer-events: none;
+}
+
+.avie-status.is-error {
+  color: var(--avie-error);
+}
+
+.avie-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}

package/dist/image-editor.d.ts

@@ -0,0 +1,4 @@
+import type { ImageEditorProps } from "./image-editor.types";
+import "./image-editor.css";
+export declare function ImageEditor({ src, fileName, labels: labelsProp, resolveSrc, onCancel, onSave, className, }: ImageEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=image-editor.d.ts.map

package/dist/image-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-editor.d.ts","sourceRoot":"","sources":["../src/image-editor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAEjB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,oBAAoB,CAAC;AA2H5B,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,gBAAgB,2CAyPlB"}

package/dist/image-editor.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { mergeImageEditorLabels } from "./image-editor-labels";
+import { IMAGE_EDITOR_COLORS, cn } from "./image-editor-utils";
+import { useImageEditor } from "./use-image-editor";
+import "./image-editor.css";
+function Icon({ children, className, }) {
+    return (_jsx("svg", { className: cn("avie-icon", className), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: children }));
+}
+const Icons = {
+    select: (_jsxs(Icon, { children: [_jsx("path", { d: "M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z" }), _jsx("path", { d: "M13 13l6 6" })] })),
+    pen: (_jsxs(Icon, { children: [_jsx("path", { d: "M12 20h9" }), _jsx("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" })] })),
+    arrow: (_jsxs(Icon, { children: [_jsx("path", { d: "M7 17L17 7" }), _jsx("path", { d: "M7 7h10v10" })] })),
+    rect: (_jsx(Icon, { children: _jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }) })),
+    ellipse: (_jsx(Icon, { children: _jsx("circle", { cx: "12", cy: "12", r: "10" }) })),
+    text: (_jsxs(Icon, { children: [_jsx("polyline", { points: "4 7 4 4 20 4 20 7" }), _jsx("line", { x1: "9", x2: "15", y1: "20", y2: "20" }), _jsx("line", { x1: "12", x2: "12", y1: "4", y2: "20" })] })),
+    eraser: (_jsxs(Icon, { children: [_jsx("path", { d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21" }), _jsx("path", { d: "M22 21H7" }), _jsx("path", { d: "m5 11 9 9" })] })),
+    crop: (_jsxs(Icon, { children: [_jsx("path", { d: "M6 2v14a2 2 0 0 0 2 2h14" }), _jsx("path", { d: "M18 22V8a2 2 0 0 0-2-2H2" })] })),
+    rotateCcw: (_jsxs(Icon, { children: [_jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), _jsx("path", { d: "M3 3v5h5" })] })),
+    rotateCw: (_jsxs(Icon, { children: [_jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }), _jsx("path", { d: "M21 3v5h-5" })] })),
+    undo: (_jsxs(Icon, { children: [_jsx("path", { d: "M3 7v6h6" }), _jsx("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6.7 2.8L3 13" })] })),
+    redo: (_jsxs(Icon, { children: [_jsx("path", { d: "M21 7v6h-6" }), _jsx("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6.7 2.8L21 13" })] })),
+    check: (_jsx(Icon, { className: "avie-icon-sm", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) })),
+    close: (_jsxs(Icon, { className: "avie-icon-sm", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] })),
+    outline: (_jsx(Icon, { className: "avie-icon-sm", children: _jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", strokeDasharray: "4 3" }) })),
+    filled: (_jsxs(Icon, { className: "avie-icon-sm", children: [_jsx("path", { d: "m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z" }), _jsx("path", { d: "m5 2 5 5" }), _jsx("path", { d: "M2 13h15" })] })),
+};
+export function ImageEditor({ src, fileName, labels: labelsProp, resolveSrc, onCancel, onSave, className, }) {
+    const labels = React.useMemo(() => mergeImageEditorLabels(labelsProp), [labelsProp]);
+    const { hostRef, canvasRef, textInputRef, tool, color, strokeWidth, shapeStyle, cropDraft, ready, busy, error, canUndo, canRedo, textEditor, setColor, setStrokeWidth, setShapeStyle, handleToolChange, handleUndo, handleRedo, applyCrop, applyRotate, handleSave, commitTextEditor, updateTextValue, dismissTextEditor, } = useImageEditor({
+        src,
+        fileName,
+        labels,
+        resolveSrc,
+        onSave,
+    });
+    const toolButton = (id, label, icon) => (_jsx("button", { type: "button", className: "avie-btn", "aria-label": label, "aria-pressed": tool === id, onClick: () => handleToolChange(id), disabled: !ready || busy, children: icon }, id));
+    return (_jsxs("div", { className: cn("avie", className), children: [_jsxs("div", { className: "avie-toolbar", children: [toolButton("select", labels.toolSelect, Icons.select), toolButton("pen", labels.toolPen, Icons.pen), toolButton("line", labels.toolLine, _jsx("span", { className: "avie-line-icon", "aria-hidden": true })), toolButton("arrow", labels.toolArrow, Icons.arrow), toolButton("rect", labels.toolRect, Icons.rect), toolButton("ellipse", labels.toolEllipse, Icons.ellipse), toolButton("text", labels.toolText, Icons.text), toolButton("eraser", labels.toolEraser, Icons.eraser), toolButton("crop", labels.toolCrop, Icons.crop), _jsx("button", { type: "button", className: "avie-btn", "aria-label": labels.rotateCcw, disabled: !ready || busy, onClick: () => void applyRotate("ccw"), children: Icons.rotateCcw }), _jsx("button", { type: "button", className: "avie-btn", "aria-label": labels.rotateCw, disabled: !ready || busy, onClick: () => void applyRotate("cw"), children: Icons.rotateCw }), _jsx("span", { className: "avie-divider", "aria-hidden": true }), _jsx("button", { type: "button", className: "avie-btn", "aria-label": labels.undo, disabled: !ready || busy || !canUndo, onClick: () => void handleUndo(), children: Icons.undo }), _jsx("button", { type: "button", className: "avie-btn", "aria-label": labels.redo, disabled: !ready || busy || !canRedo, onClick: () => void handleRedo(), children: Icons.redo }), _jsx("span", { className: "avie-divider", "aria-hidden": true }), _jsx("div", { className: "avie-swatches", children: IMAGE_EDITOR_COLORS.map((swatch) => (_jsx("button", { type: "button", className: cn("avie-swatch", color === swatch && "is-active"), style: { backgroundColor: swatch }, "aria-label": swatch, onClick: () => setColor(swatch), disabled: !ready || busy }, swatch))) }), _jsxs("label", { className: "avie-stroke", children: [_jsx("span", { className: "avie-sr-only", children: labels.stroke }), _jsx("input", { type: "range", min: 1, max: 24, value: strokeWidth, onChange: (event) => setStrokeWidth(Number(event.target.value)), disabled: !ready || busy })] }), tool === "rect" || tool === "ellipse" ? (_jsxs("div", { className: "avie-shape-toggle", children: [_jsx("button", { type: "button", className: cn("avie-btn", shapeStyle === "outline" && "is-active"), "aria-label": labels.shapeOutline, "aria-pressed": shapeStyle === "outline", onClick: () => setShapeStyle("outline"), disabled: !ready || busy, children: Icons.outline }), _jsx("button", { type: "button", className: cn("avie-btn", shapeStyle === "filled" && "is-active"), "aria-label": labels.shapeFilled, "aria-pressed": shapeStyle === "filled", onClick: () => setShapeStyle("filled"), disabled: !ready || busy, children: Icons.filled })] })) : null, _jsxs("div", { className: "avie-actions", children: [tool === "crop" && cropDraft ? (_jsxs("button", { type: "button", className: "avie-btn avie-btn-sm avie-btn-accent", disabled: busy, onClick: () => void applyCrop(), children: [Icons.check, labels.applyCrop] })) : null, _jsxs("button", { type: "button", className: "avie-btn avie-btn-sm", disabled: busy, onClick: onCancel, children: [Icons.close, labels.cancel] }), _jsxs("button", { type: "button", className: "avie-btn avie-btn-sm avie-btn-save", disabled: !ready || busy, onClick: () => void handleSave(), children: [Icons.check, labels.save] })] })] }), textEditor ? (_jsxs("div", { className: "avie-text-bar", children: [_jsx("input", { ref: textInputRef, className: "avie-text-input", value: textEditor.value, onChange: (event) => updateTextValue(event.target.value), onKeyDown: (event) => {
+                            event.stopPropagation();
+                            if (event.key === "Enter") {
+                                event.preventDefault();
+                                commitTextEditor();
+                            }
+                            if (event.key === "Escape") {
+                                event.preventDefault();
+                                dismissTextEditor();
+                            }
+                        }, placeholder: labels.textPlaceholder }), _jsx("button", { type: "button", className: "avie-btn avie-btn-sm avie-btn-accent", onClick: commitTextEditor, children: labels.applyText })] })) : null, _jsxs("div", { ref: hostRef, className: "avie-stage", children: [!ready && !error ? (_jsx("div", { className: "avie-status", children: labels.loading })) : null, error ? _jsx("div", { className: "avie-status is-error", children: error }) : null, _jsx("div", { className: "avie-stage-inner", children: _jsx("canvas", { ref: canvasRef }) })] })] }));
+}
+//# sourceMappingURL=image-editor.js.map