@nice2dev/ui-graphics 1.0.0

package/dist/esm/pixel/HSVPicker.js

@@ -0,0 +1,171 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useMemo, useState, useEffect, useCallback } from 'react';
+import styles from './PixelEditor.module.css.js';
+
+// Convert hex to HSV
+function hexToHSV(hex) {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    if (!result)
+        return [0, 0, 0];
+    const r = parseInt(result[1], 16) / 255;
+    const g = parseInt(result[2], 16) / 255;
+    const b = parseInt(result[3], 16) / 255;
+    const max = Math.max(r, g, b), min = Math.min(r, g, b);
+    const v = max;
+    const d = max - min;
+    const s = max === 0 ? 0 : d / max;
+    let h = 0;
+    if (max !== min) {
+        switch (max) {
+            case r:
+                h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+                break;
+            case g:
+                h = ((b - r) / d + 2) / 6;
+                break;
+            case b:
+                h = ((r - g) / d + 4) / 6;
+                break;
+        }
+    }
+    return [h * 360, s, v];
+}
+// Convert HSV to hex
+function hsvToHex(h, s, v) {
+    const c = v * s;
+    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+    const m = v - c;
+    let r = 0, g = 0, b = 0;
+    if (h < 60) {
+        r = c;
+        g = x;
+    }
+    else if (h < 120) {
+        r = x;
+        g = c;
+    }
+    else if (h < 180) {
+        g = c;
+        b = x;
+    }
+    else if (h < 240) {
+        g = x;
+        b = c;
+    }
+    else if (h < 300) {
+        r = x;
+        b = c;
+    }
+    else {
+        r = c;
+        b = x;
+    }
+    const toHex = (n) => Math.round((n + m) * 255).toString(16).padStart(2, "0");
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+const HSVPicker = ({ color, onChange }) => {
+    const svCanvasRef = useRef(null);
+    const hueCanvasRef = useRef(null);
+    const [hue, saturation, value] = useMemo(() => hexToHSV(color), [color]);
+    const [localHue, setLocalHue] = useState(hue);
+    const [localSat, setLocalSat] = useState(saturation);
+    const [localVal, setLocalVal] = useState(value);
+    // Sync from prop when color changes externally
+    useEffect(() => {
+        const [h, s, v] = hexToHSV(color);
+        setLocalHue(h);
+        setLocalSat(s);
+        setLocalVal(v);
+    }, [color]);
+    // Draw saturation-value gradient
+    const drawSV = useCallback(() => {
+        const canvas = svCanvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return;
+        const w = canvas.width;
+        const h = canvas.height;
+        // Base hue color
+        ctx.fillStyle = `hsl(${localHue}, 100%, 50%)`;
+        ctx.fillRect(0, 0, w, h);
+        // White gradient (left to right)
+        const whiteGrad = ctx.createLinearGradient(0, 0, w, 0);
+        whiteGrad.addColorStop(0, "rgba(255,255,255,1)");
+        whiteGrad.addColorStop(1, "rgba(255,255,255,0)");
+        ctx.fillStyle = whiteGrad;
+        ctx.fillRect(0, 0, w, h);
+        // Black gradient (top to bottom)
+        const blackGrad = ctx.createLinearGradient(0, 0, 0, h);
+        blackGrad.addColorStop(0, "rgba(0,0,0,0)");
+        blackGrad.addColorStop(1, "rgba(0,0,0,1)");
+        ctx.fillStyle = blackGrad;
+        ctx.fillRect(0, 0, w, h);
+        // Draw cursor
+        const cx = localSat * w;
+        const cy = (1 - localVal) * h;
+        ctx.beginPath();
+        ctx.arc(cx, cy, 6, 0, Math.PI * 2);
+        ctx.strokeStyle = "#fff";
+        ctx.lineWidth = 2;
+        ctx.stroke();
+        ctx.strokeStyle = "#000";
+        ctx.lineWidth = 1;
+        ctx.stroke();
+    }, [localHue, localSat, localVal]);
+    // Draw hue bar
+    const drawHue = useCallback(() => {
+        const canvas = hueCanvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return;
+        const w = canvas.width;
+        const h = canvas.height;
+        const grad = ctx.createLinearGradient(0, 0, w, 0);
+        for (let i = 0; i <= 360; i += 60) {
+            grad.addColorStop(i / 360, `hsl(${i}, 100%, 50%)`);
+        }
+        ctx.fillStyle = grad;
+        ctx.fillRect(0, 0, w, h);
+        // Draw cursor
+        const cx = (localHue / 360) * w;
+        ctx.beginPath();
+        ctx.moveTo(cx, 0);
+        ctx.lineTo(cx, h);
+        ctx.strokeStyle = "#fff";
+        ctx.lineWidth = 2;
+        ctx.stroke();
+    }, [localHue]);
+    useEffect(() => { drawSV(); }, [drawSV]);
+    useEffect(() => { drawHue(); }, [drawHue]);
+    const handleSVClick = useCallback((e) => {
+        const canvas = svCanvasRef.current;
+        if (!canvas)
+            return;
+        const rect = canvas.getBoundingClientRect();
+        const x = e.clientX - rect.left;
+        const y = e.clientY - rect.top;
+        const s = Math.max(0, Math.min(1, x / canvas.width));
+        const v = Math.max(0, Math.min(1, 1 - y / canvas.height));
+        setLocalSat(s);
+        setLocalVal(v);
+        onChange(hsvToHex(localHue, s, v));
+    }, [localHue, onChange]);
+    const handleHueClick = useCallback((e) => {
+        const canvas = hueCanvasRef.current;
+        if (!canvas)
+            return;
+        const rect = canvas.getBoundingClientRect();
+        const x = e.clientX - rect.left;
+        const h = Math.max(0, Math.min(360, (x / canvas.width) * 360));
+        setLocalHue(h);
+        onChange(hsvToHex(h, localSat, localVal));
+    }, [localSat, localVal, onChange]);
+    return (jsxs("div", { className: styles.hsvPicker, children: [jsx("canvas", { ref: svCanvasRef, width: 150, height: 150, onClick: handleSVClick, onMouseDown: handleSVClick, className: styles.hsvSVCanvas }), jsx("canvas", { ref: hueCanvasRef, width: 150, height: 16, onClick: handleHueClick, onMouseDown: handleHueClick, className: styles.hsvHueCanvas })] }));
+};
+
+export { HSVPicker };
+//# sourceMappingURL=HSVPicker.js.map

package/dist/esm/pixel/HSVPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HSVPicker.js","sources":["../../../src/pixel/HSVPicker.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAaA;AACA,SAAS,QAAQ,CAAC,GAAW,EAAA;IAC3B,MAAM,MAAM,GAAG,2CAA2C,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC7B,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG;AACvC,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG;AACvC,IAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG;IACvC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACtD,MAAM,CAAC,GAAG,GAAG;AACb,IAAA,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG;AACnB,IAAA,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG;IACjC,IAAI,CAAC,GAAG,CAAC;AACT,IAAA,IAAI,GAAG,KAAK,GAAG,EAAE;QACf,QAAQ,GAAG;AACT,YAAA,KAAK,CAAC;gBAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;gBAAE;AACjD,YAAA,KAAK,CAAC;AAAE,gBAAA,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE;AACnC,YAAA,KAAK,CAAC;AAAE,gBAAA,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE;;IAEvC;IACA,OAAO,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;AACxB;AAEA;AACA,SAAS,QAAQ,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAA;AAC/C,IAAA,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;IACf,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAChD,IAAA,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;IACf,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC;AACvB,IAAA,IAAI,CAAC,GAAG,EAAE,EAAE;QAAE,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,CAAC;IAAE;AACvB,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAAE,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,CAAC;IAAE;AAC7B,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAAE,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,CAAC;IAAE;AAC7B,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAAE,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,CAAC;IAAE;AAC7B,SAAA,IAAI,CAAC,GAAG,GAAG,EAAE;QAAE,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,CAAC;IAAE;SAC7B;QAAE,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,CAAC;IAAE;AACrB,IAAA,MAAM,KAAK,GAAG,CAAC,CAAS,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;AACpF,IAAA,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE;AAC7C;AAEO,MAAM,SAAS,GAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAI;AAChE,IAAA,MAAM,WAAW,GAAG,MAAM,CAAoB,IAAI,CAAC;AACnD,IAAA,MAAM,YAAY,GAAG,MAAM,CAAoB,IAAI,CAAC;IAEpD,MAAM,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC;IAC7C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;;IAG/C,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;QACjC,WAAW,CAAC,CAAC,CAAC;QACd,WAAW,CAAC,CAAC,CAAC;QACd,WAAW,CAAC,CAAC,CAAC;AAChB,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;;AAGX,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAK;AAC9B,QAAA,MAAM,MAAM,GAAG,WAAW,CAAC,OAAO;AAClC,QAAA,IAAI,CAAC,MAAM;YAAE;QACb,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK;AACtB,QAAA,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM;;AAGvB,QAAA,GAAG,CAAC,SAAS,GAAG,CAAA,IAAA,EAAO,QAAQ,cAAc;QAC7C,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;;AAGxB,QAAA,MAAM,SAAS,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACtD,QAAA,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,qBAAqB,CAAC;AAChD,QAAA,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,qBAAqB,CAAC;AAChD,QAAA,GAAG,CAAC,SAAS,GAAG,SAAS;QACzB,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;;AAGxB,QAAA,MAAM,SAAS,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACtD,QAAA,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,eAAe,CAAC;AAC1C,QAAA,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,eAAe,CAAC;AAC1C,QAAA,GAAG,CAAC,SAAS,GAAG,SAAS;QACzB,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;;AAGxB,QAAA,MAAM,EAAE,GAAG,QAAQ,GAAG,CAAC;QACvB,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,QAAQ,IAAI,CAAC;QAC7B,GAAG,CAAC,SAAS,EAAE;AACf,QAAA,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;AAClC,QAAA,GAAG,CAAC,WAAW,GAAG,MAAM;AACxB,QAAA,GAAG,CAAC,SAAS,GAAG,CAAC;QACjB,GAAG,CAAC,MAAM,EAAE;AACZ,QAAA,GAAG,CAAC,WAAW,GAAG,MAAM;AACxB,QAAA,GAAG,CAAC,SAAS,GAAG,CAAC;QACjB,GAAG,CAAC,MAAM,EAAE;IACd,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;;AAGlC,IAAA,MAAM,OAAO,GAAG,WAAW,CAAC,MAAK;AAC/B,QAAA,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO;AACnC,QAAA,IAAI,CAAC,MAAM;YAAE;QACb,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK;AACtB,QAAA,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM;AAEvB,QAAA,MAAM,IAAI,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACjD,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACjC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,GAAG,EAAE,CAAA,IAAA,EAAO,CAAC,CAAA,YAAA,CAAc,CAAC;QACpD;AACA,QAAA,GAAG,CAAC,SAAS,GAAG,IAAI;QACpB,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;;QAGxB,MAAM,EAAE,GAAG,CAAC,QAAQ,GAAG,GAAG,IAAI,CAAC;QAC/B,GAAG,CAAC,SAAS,EAAE;AACf,QAAA,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;AACjB,QAAA,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;AACjB,QAAA,GAAG,CAAC,WAAW,GAAG,MAAM;AACxB,QAAA,GAAG,CAAC,SAAS,GAAG,CAAC;QACjB,GAAG,CAAC,MAAM,EAAE;AACd,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,SAAS,CAAC,MAAK,EAAG,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AACxC,IAAA,SAAS,CAAC,MAAK,EAAG,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAE1C,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAsC,KAAI;AAC3E,QAAA,MAAM,MAAM,GAAG,WAAW,CAAC,OAAO;AAClC,QAAA,IAAI,CAAC,MAAM;YAAE;AACb,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE;QAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI;QAC/B,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG;QAC9B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACpD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QACzD,WAAW,CAAC,CAAC,CAAC;QACd,WAAW,CAAC,CAAC,CAAC;QACd,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACpC,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAExB,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,CAAsC,KAAI;AAC5E,QAAA,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO;AACnC,QAAA,IAAI,CAAC,MAAM;YAAE;AACb,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE;QAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI;QAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;QAC9D,WAAW,CAAC,CAAC,CAAC;QACd,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAElC,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAA,CAC9BC,GAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAC7B,EACFA,GAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,cAAc,EACvB,WAAW,EAAE,cAAc,EAC3B,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,CAC9B,CAAA,EAAA,CACE;AAEV;;;;"}

package/dist/esm/pixel/PixelEditor.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styles from './PixelEditor.module.css.js';
+import { usePixelEditor } from './usePixelEditor.js';
+import PixelEditorMenuBar from './PixelEditorMenuBar.js';
+import PixelEditorToolbar from './PixelEditorToolbar.js';
+import PixelEditorCanvas from './PixelEditorCanvas.js';
+import PixelEditorRightPanel from './PixelEditorRightPanel.js';
+import PixelEditorTimeline from './PixelEditorTimeline.js';
+import PixelEditorStatusBar from './PixelEditorStatusBar.js';
+
+const PixelEditor = ({ initialWidth = 64, initialHeight = 64, className, onSaveToLibrary, }) => {
+    const api = usePixelEditor({ initialWidth, initialHeight, onSaveToLibrary });
+    return (jsxs("div", { className: `${styles.root} ${className || ""}`, children: [jsx("input", { ref: api.fInp, type: "file", accept: ".ase,.aseprite,.png,.jpg,.jpeg,.gif,.bmp,.webp,.svg,.tga,.ico,.tiff,.tif,.avif", style: { display: "none" }, onChange: (e) => {
+                    var _a;
+                    const f = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+                    if (f)
+                        api.openFile(f);
+                    e.target.value = "";
+                } }), jsx(PixelEditorMenuBar, { api: api, hasOnSaveToLibrary: !!onSaveToLibrary }), jsxs("div", { className: styles.mainArea, children: [jsx(PixelEditorToolbar, { api: api }), jsx(PixelEditorCanvas, { api: api }), jsx(PixelEditorRightPanel, { api: api })] }), jsx(PixelEditorTimeline, { api: api }), jsx(PixelEditorStatusBar, { api: api }), api.dlgNew && (jsx("div", { className: styles.dialogOverlay, onClick: () => api.setDlgNew(false), children: jsxs("div", { className: styles.dialog, onClick: (e) => e.stopPropagation(), children: [jsx("h3", { children: "New Document" }), jsx("label", { children: "Width (px)" }), jsx("input", { type: "number", min: 1, max: 4096, value: api.nw, onChange: (e) => api.setNw(+e.target.value || 64), "aria-label": "Document width" }), jsx("label", { children: "Height (px)" }), jsx("input", { type: "number", min: 1, max: 4096, value: api.nh, onChange: (e) => api.setNh(+e.target.value || 64), "aria-label": "Document height" }), jsx("div", { style: { display: "flex", gap: 4, flexWrap: "wrap", marginTop: 8 }, children: [
+                                [16, 16], [32, 32], [48, 48], [64, 64], [128, 128],
+                                [256, 256], [16, 32], [32, 64], [48, 16], [64, 32],
+                            ].map(([w, h]) => (jsxs("button", { className: styles.btnSecondary, style: { fontSize: 10, padding: "2px 6px" }, onClick: () => { api.setNw(w); api.setNh(h); }, children: [w, "x", h] }, `${w}x${h}`))) }), jsxs("div", { className: styles.dialogActions, children: [jsx("button", { className: styles.btnSecondary, onClick: () => api.setDlgNew(false), children: "Cancel" }), jsx("button", { className: styles.btnPrimary, onClick: () => api.newDoc(api.nw, api.nh), children: "Create" })] })] }) }))] }));
+};
+
+export { PixelEditor };
+//# sourceMappingURL=PixelEditor.js.map

package/dist/esm/pixel/PixelEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEditor.js","sources":["../../../src/pixel/PixelEditor.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/pixel/PixelEditor.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"root":"PixelEditor-module_root__3gidG","menuBar":"PixelEditor-module_menuBar__8JFld","menuBtn":"PixelEditor-module_menuBtn__w-GQC","menuSep":"PixelEditor-module_menuSep__pNZsR","toolbar":"PixelEditor-module_toolbar__paCGq","toolBtn":"PixelEditor-module_toolBtn__wD1Kj","toolBtnActive":"PixelEditor-module_toolBtnActive__R51U0","mainArea":"PixelEditor-module_mainArea__Z0x6l","canvasContainer":"PixelEditor-module_canvasContainer__8z2AY","rightPanel":"PixelEditor-module_rightPanel__ZjrCh","panelSection":"PixelEditor-module_panelSection__3l225","panelTitle":"PixelEditor-module_panelTitle__vYyeO","layerItem":"PixelEditor-module_layerItem__J-gtn","layerItemActive":"PixelEditor-module_layerItemActive__yPt29","layerVis":"PixelEditor-module_layerVis__Uj7n2","layerName":"PixelEditor-module_layerName__HovwJ","layerOpacity":"PixelEditor-module_layerOpacity__qmWvu","paletteGrid":"PixelEditor-module_paletteGrid__knY-n","paletteSwatch":"PixelEditor-module_paletteSwatch__MUbha","paletteSwatchActive":"PixelEditor-module_paletteSwatchActive__wDR4T","bottomPanel":"PixelEditor-module_bottomPanel__rviLF","timelineControls":"PixelEditor-module_timelineControls__Laroq","timelineFrames":"PixelEditor-module_timelineFrames__dw06F","frameThumb":"PixelEditor-module_frameThumb__2E9mG","frameThumbActive":"PixelEditor-module_frameThumbActive__Z0eK4","frameNum":"PixelEditor-module_frameNum__PoGQC","statusBar":"PixelEditor-module_statusBar__QnphD","dialogOverlay":"PixelEditor-module_dialogOverlay__IgyFy","dialog":"PixelEditor-module_dialog__OnkAG","dialogActions":"PixelEditor-module_dialogActions__fOa7a","btnPrimary":"PixelEditor-module_btnPrimary__FYlTy","btnSecondary":"PixelEditor-module_btnSecondary__qLfyJ","brushSlider":"PixelEditor-module_brushSlider__UxQ38","toolSep":"PixelEditor-module_toolSep__YIu-E","toolGroup":"PixelEditor-module_toolGroup__xA2lN","miniBtn":"PixelEditor-module_miniBtn__tg5N0","miniBtnActive":"PixelEditor-module_miniBtnActive__gpveu","colorSwatches":"PixelEditor-module_colorSwatches__jFuRX","brushShapes":"PixelEditor-module_brushShapes__2bBfl","pressureToggles":"PixelEditor-module_pressureToggles__AITuh","checkLabel":"PixelEditor-module_checkLabel__-d-TA","hsvPicker":"PixelEditor-module_hsvPicker__0ERIh","layerLock":"PixelEditor-module_layerLock__xeWnc","layerNameInput":"PixelEditor-module_layerNameInput__ZiOKv","layerControls":"PixelEditor-module_layerControls__MrpXo","blendSelect":"PixelEditor-module_blendSelect__QCwns","layerOpSlider":"PixelEditor-module_layerOpSlider__Vw-qs"};
+
+export { styles as default };
+//# sourceMappingURL=PixelEditor.module.css.js.map

package/dist/esm/pixel/PixelEditor.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEditor.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/pixel/PixelEditorCanvas.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import styles from './PixelEditor.module.css.js';
+
+const PixelEditorCanvas = React.memo(({ api }) => (jsx("div", { ref: api.boxRef, className: styles.canvasContainer, children: jsx("canvas", { ref: api.cvRef, onPointerDown: api.onDown, onPointerMove: api.onMove, onPointerUp: api.onUp, onPointerLeave: () => {
+            api.drawing.current = false;
+            api.panning.current = false;
+            api.setCursor(null);
+        }, onWheel: api.onWheel, onContextMenu: (e) => e.preventDefault(), style: { inset: 0, width: "100%", height: "100%", touchAction: "none" }, "aria-label": "Pixel editor canvas" }) })));
+PixelEditorCanvas.displayName = "PixelEditorCanvas";
+
+export { PixelEditorCanvas as default };
+//# sourceMappingURL=PixelEditorCanvas.js.map

package/dist/esm/pixel/PixelEditorCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEditorCanvas.js","sources":["../../../src/pixel/PixelEditorCanvas.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAWA,MAAM,iBAAiB,GAAoB,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,MAC5DA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EACrDA,gBACE,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,aAAa,EAAE,GAAG,CAAC,MAAM,EACzB,aAAa,EAAE,GAAG,CAAC,MAAM,EACzB,WAAW,EAAE,GAAG,CAAC,IAAI,EACrB,cAAc,EAAE,MAAK;AACnB,YAAA,GAAG,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK;AAC3B,YAAA,GAAG,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK;AAC3B,YAAA,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC;QACrB,CAAC,EACD,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,EACxC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAA,YAAA,EAC5D,qBAAqB,GAChC,EAAA,CACE,CACP;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/dist/esm/pixel/PixelEditorMenuBar.js

@@ -0,0 +1,9 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React from 'react';
+import styles from './PixelEditor.module.css.js';
+
+const PixelEditorMenuBar = React.memo(({ api, hasOnSaveToLibrary }) => (jsxs("div", { className: styles.menuBar, children: [jsx("button", { className: styles.menuBtn, onClick: () => api.setDlgNew(true), children: "New" }), jsx("button", { className: styles.menuBtn, onClick: () => { var _a; return (_a = api.fInp.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: "Open" }), jsx("button", { className: styles.menuBtn, onClick: api.exportAse, children: "Save .ase" }), jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: api.exportPNG, children: "PNG" }), jsx("button", { className: styles.menuBtn, onClick: api.exportJPG, children: "JPG" }), jsx("button", { className: styles.menuBtn, onClick: api.exportWebP, children: "WebP" }), jsx("button", { className: styles.menuBtn, onClick: api.exportBMP, children: "BMP" }), jsx("button", { className: styles.menuBtn, onClick: api.exportSVG, children: "SVG" }), jsx("button", { className: styles.menuBtn, onClick: api.exportSheet, children: "Sheet" }), hasOnSaveToLibrary && (jsxs(Fragment, { children: [jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: api.saveToLibrary, children: "\uD83D\uDCE6 Save to Library" })] })), jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: api.undo, children: "Undo" }), jsx("button", { className: styles.menuBtn, onClick: api.redo, children: "Redo" }), jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: () => api.flipCv("h"), children: "Flip H" }), jsx("button", { className: styles.menuBtn, onClick: () => api.flipCv("v"), children: "Flip V" }), jsx("button", { className: styles.menuBtn, onClick: api.rotateCv, children: "Rot 90\u00B0" }), jsx("button", { className: styles.menuBtn, onClick: api.clearCv, children: "Clear" }), jsx("div", { className: styles.menuSep }), jsxs("button", { className: styles.menuBtn, onClick: () => api.setGrid((g) => !g), children: ["Grid: ", api.grid ? "ON" : "OFF"] }), jsx("div", { className: styles.menuSep }), jsx("button", { className: styles.menuBtn, onClick: api.doCopy, disabled: !api.sel, children: "Copy" }), jsx("button", { className: styles.menuBtn, onClick: api.doCut, disabled: !api.sel, children: "Cut" }), jsx("button", { className: styles.menuBtn, onClick: api.doPaste, disabled: !api.clipboard.current, children: "Paste" }), jsx("button", { className: styles.menuBtn, onClick: api.doSelectAll, children: "Sel All" })] })));
+PixelEditorMenuBar.displayName = "PixelEditorMenuBar";
+
+export { PixelEditorMenuBar as default };
+//# sourceMappingURL=PixelEditorMenuBar.js.map

package/dist/esm/pixel/PixelEditorMenuBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEditorMenuBar.js","sources":["../../../src/pixel/PixelEditorMenuBar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/pixel/PixelEditorRightPanel.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import styles from './PixelEditor.module.css.js';
+import { BRUSH_SHAPES, BLEND_MODES } from './pixelEditorTypes.js';
+import { HSVPicker } from './HSVPicker.js';
+
+const PixelEditorRightPanel = React.memo(({ api }) => (jsxs("div", { className: styles.rightPanel, children: [jsxs("div", { className: styles.panelSection, children: [jsx("div", { className: styles.panelTitle, children: jsx("span", { children: "Brush" }) }), jsxs("div", { className: styles.brushSlider, children: [jsx("label", { children: "Size" }), jsx("input", { type: "range", min: 1, max: 64, value: api.brush.size, onChange: (e) => api.setBrush((b) => ({ ...b, size: +e.target.value })), "aria-label": "Brush size" }), jsx("span", { children: api.brush.size })] }), jsxs("div", { className: styles.brushSlider, children: [jsx("label", { children: "Opacity" }), jsx("input", { type: "range", min: 1, max: 100, value: api.brush.opacity, onChange: (e) => api.setBrush((b) => ({ ...b, opacity: +e.target.value })), "aria-label": "Brush opacity" }), jsxs("span", { children: [api.brush.opacity, "%"] })] }), jsxs("div", { className: styles.brushSlider, children: [jsx("label", { children: "Flow" }), jsx("input", { type: "range", min: 1, max: 100, value: api.brush.flow, onChange: (e) => api.setBrush((b) => ({ ...b, flow: +e.target.value })), "aria-label": "Brush flow" }), jsxs("span", { children: [api.brush.flow, "%"] })] }), jsxs("div", { className: styles.brushSlider, children: [jsx("label", { children: "Hard" }), jsx("input", { type: "range", min: 0, max: 100, value: api.brush.hardness, onChange: (e) => api.setBrush((b) => ({ ...b, hardness: +e.target.value })), "aria-label": "Brush hardness" }), jsxs("span", { children: [api.brush.hardness, "%"] })] }), jsxs("div", { className: styles.brushSlider, children: [jsx("label", { children: "Space" }), jsx("input", { type: "range", min: 1, max: 100, value: api.brush.spacing, onChange: (e) => api.setBrush((b) => ({ ...b, spacing: +e.target.value })), "aria-label": "Brush spacing" }), jsxs("span", { children: [api.brush.spacing, "%"] })] }), jsx("div", { className: styles.brushShapes, children: BRUSH_SHAPES.map((s) => (jsx("button", { className: `${styles.miniBtn} ${api.brush.shape === s.id ? styles.miniBtnActive : ""}`, onClick: () => api.setBrush((b) => ({ ...b, shape: s.id })), title: s.label, children: s.icon }, s.id))) }), jsxs("div", { className: styles.pressureToggles, children: [jsxs("label", { className: styles.checkLabel, children: [jsx("input", { type: "checkbox", checked: api.brush.pressureSize, onChange: (e) => api.setBrush((b) => ({ ...b, pressureSize: e.target.checked })) }), "Pressure\u2192Size"] }), jsxs("label", { className: styles.checkLabel, children: [jsx("input", { type: "checkbox", checked: api.brush.pressureOpacity, onChange: (e) => api.setBrush((b) => ({ ...b, pressureOpacity: e.target.checked })) }), "Pressure\u2192Opacity"] })] })] }), jsxs("div", { className: styles.panelSection, children: [jsxs("div", { className: styles.panelTitle, children: [jsx("span", { children: "Colour" }), jsx("button", { onClick: () => api.setShowHSV(!api.showHSV), title: "Toggle HSV Picker", children: api.showHSV ? "▾" : "▸" })] }), api.showHSV && jsx(HSVPicker, { color: api.col1, onChange: api.setCol1 })] }), jsxs("div", { className: styles.panelSection, children: [jsxs("div", { className: styles.panelTitle, children: [jsx("span", { children: "Layers" }), jsxs("span", { children: [jsx("button", { onClick: api.addLayer, title: "Add Layer", "aria-label": "Add Layer", children: "+" }), jsx("button", { onClick: api.dupLayer, title: "Duplicate Layer", "aria-label": "Duplicate Layer", children: "\u29C9" }), jsx("button", { onClick: api.rmLayer, title: "Remove Layer", "aria-label": "Remove Layer", children: "\u2212" }), jsx("button", { onClick: api.mergeDown, title: "Merge Down", "aria-label": "Merge Down", children: "\u2913" }), jsx("button", { onClick: api.moveLayerUp, title: "Move Up", "aria-label": "Move Up", children: "\u2191" }), jsx("button", { onClick: api.moveLayerDown, title: "Move Down", "aria-label": "Move Down", children: "\u2193" })] })] }), [...api.layers].map((l, i) => ({ l, i })).reverse().map(({ l, i }) => (jsxs("div", { className: `${styles.layerItem} ${i === api.aLi ? styles.layerItemActive : ""}`, onClick: () => api.setALi(i), children: [jsx("span", { className: styles.layerVis, onClick: (e) => { e.stopPropagation(); api.toggleVis(i); }, children: l.visible ? "👁" : "─" }), jsx("span", { className: styles.layerLock, onClick: (e) => { e.stopPropagation(); api.toggleLock(i); }, title: l.locked ? "Locked" : "Unlocked", children: l.locked ? "🔒" : "🔓" }), api.editingLayerName === l.id ? (jsx("input", { className: styles.layerNameInput, value: l.name, onChange: (e) => api.renameLayer(i, e.target.value), onBlur: () => api.setEditingLayerName(null), onKeyDown: (e) => { if (e.key === "Enter")
+                                api.setEditingLayerName(null); }, autoFocus: true, onClick: (e) => e.stopPropagation(), "aria-label": "Layer name" })) : (jsx("span", { className: styles.layerName, onDoubleClick: (e) => { e.stopPropagation(); api.setEditingLayerName(l.id); }, children: l.name })), jsxs("span", { className: styles.layerOpacity, children: [Math.round((l.opacity / 255) * 100), "%"] })] }, l.id))), api.layers[api.aLi] && (jsxs("div", { className: styles.layerControls, children: [jsx("select", { value: api.layers[api.aLi].blendMode, onChange: (e) => api.setLayerBlendMode(api.aLi, e.target.value), className: styles.blendSelect, "aria-label": "Blend mode", children: BLEND_MODES.map((m) => (jsx("option", { value: m, children: m }, m))) }), jsx("input", { type: "range", min: 0, max: 255, value: api.layers[api.aLi].opacity, onChange: (e) => api.setLayerOpacity(api.aLi, +e.target.value), className: styles.layerOpSlider, title: `Opacity: ${Math.round((api.layers[api.aLi].opacity / 255) * 100)}%` })] }))] }), jsxs("div", { className: styles.panelSection, children: [jsxs("div", { className: styles.panelTitle, children: [jsx("span", { children: "Palette" }), jsx("button", { onClick: () => { if (!api.pal.includes(api.col1))
+                                api.setPal((p) => [...p, api.col1]); }, title: "Add current colour", children: "+" })] }), jsx("div", { className: styles.paletteGrid, children: api.pal.map((c, i) => (jsx("div", { className: `${styles.paletteSwatch} ${c === api.col1 ? styles.paletteSwatchActive : ""}`, style: { backgroundColor: c }, onClick: () => api.setCol1(c), onContextMenu: (e) => { e.preventDefault(); api.setCol2(c); }, title: c }, i))) })] })] })));
+PixelEditorRightPanel.displayName = "PixelEditorRightPanel";
+
+export { PixelEditorRightPanel as default };
+//# sourceMappingURL=PixelEditorRightPanel.js.map

package/dist/esm/pixel/PixelEditorRightPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEditorRightPanel.js","sources":["../../../src/pixel/PixelEditorRightPanel.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/pixel/PixelEditorStatusBar.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import styles from './PixelEditor.module.css.js';
+import { inB } from './pixelEditorTypes.js';
+
+const PixelEditorStatusBar = React.memo(({ api }) => {
+    var _a;
+    return (jsxs("div", { className: styles.statusBar, children: [jsxs("span", { children: [api.dw, "\u00D7", api.dh] }), jsxs("span", { children: ["Zoom ", Math.round(api.zoom * 100), "%"] }), api.cursor && inB(api.cursor.x, api.cursor.y, api.dw, api.dh) && (jsxs("span", { children: ["(", api.cursor.x, ", ", api.cursor.y, ")"] })), jsx("span", { children: api.tool }), jsxs("span", { children: ["Brush: ", api.brush.size, "px ", api.brush.shape] }), jsxs("span", { children: ["Pressure: ", Math.round(api.pressure * 100), "%"] }), jsxs("span", { children: ["Layer: ", (_a = api.layers[api.aLi]) === null || _a === void 0 ? void 0 : _a.name] }), jsxs("span", { children: ["Frame ", api.afi + 1, "/", api.fc] }), api.symmetry !== "none" && jsxs("span", { children: ["Sym: ", api.symmetry] }), api.shapeFilled && jsx("span", { children: "Filled" }), api.sel && jsxs("span", { children: ["Sel: ", api.sel.w, "\u00D7", api.sel.h] })] }));
+});
+PixelEditorStatusBar.displayName = "PixelEditorStatusBar";
+
+export { PixelEditorStatusBar as default };
+//# sourceMappingURL=PixelEditorStatusBar.js.map

package/dist/esm/pixel/PixelEditorStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEditorStatusBar.js","sources":["../../../src/pixel/PixelEditorStatusBar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAaA,MAAM,oBAAoB,GAAoB,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,KAAI;;AAAC,IAAA,QACpEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAA,CAC9BA,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAO,GAAG,CAAC,EAAE,EAAA,QAAA,EAAG,GAAG,CAAC,EAAE,IAAQ,EAC9BA,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,OAAA,EAAY,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,EAAA,GAAA,CAAA,EAAA,CAAS,EAC9C,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,KAC5DA,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAQ,GAAG,CAAC,MAAM,CAAC,CAAC,QAAI,GAAG,CAAC,MAAM,CAAC,CAAC,SAAS,CAC9C,EACDC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,GAAG,CAAC,IAAI,EAAA,CAAQ,EACvBD,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAA,EAAc,GAAG,CAAC,KAAK,CAAC,IAAI,EAAA,KAAA,EAAK,GAAG,CAAC,KAAK,CAAC,KAAK,IAAQ,EACxDA,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,YAAA,EAAiB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,EAAA,GAAA,CAAA,EAAA,CAAS,EACxDA,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAA,EAAc,MAAA,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,IAAQ,EAC/CA,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,QAAA,EAAa,GAAG,CAAC,GAAG,GAAG,CAAC,EAAA,GAAA,EAAG,GAAG,CAAC,EAAE,CAAA,EAAA,CAAQ,EACxC,GAAG,CAAC,QAAQ,KAAK,MAAM,IAAIA,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,OAAA,EAAY,GAAG,CAAC,QAAQ,CAAA,EAAA,CAAQ,EAC3D,GAAG,CAAC,WAAW,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAmB,EACtC,GAAG,CAAC,GAAG,IAAID,mCAAY,GAAG,CAAC,GAAG,CAAC,CAAC,EAAA,QAAA,EAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA,EAAA,CAAQ,CAAA,EAAA,CACjD;AACP,CAAA;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/dist/esm/pixel/PixelEditorTimeline.js

@@ -0,0 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import styles from './PixelEditor.module.css.js';
+
+const PixelEditorTimeline = React.memo(({ api }) => (jsxs("div", { className: styles.bottomPanel, children: [jsxs("div", { className: styles.timelineControls, children: [jsx("button", { onClick: api.addFrame, children: "+ Frame" }), jsx("button", { onClick: api.dupFrame, "aria-label": "Duplicate frame", children: "Dup" }), jsx("button", { onClick: api.rmFrame, "aria-label": "Remove frame", children: "\u2212 Frame" }), jsx("div", { className: styles.menuSep }), jsx("button", { onClick: () => api.setPlaying((p) => !p), children: api.playing ? "⏸" : "▶" }), jsx("label", { children: "FPS:" }), jsx("input", { type: "number", min: 1, max: 60, value: api.fps, onChange: (e) => api.setFps(+e.target.value || 8), "aria-label": "Frames per second" }), jsx("div", { className: styles.menuSep }), jsxs("label", { children: [jsx("input", { type: "checkbox", checked: api.onion, onChange: (e) => api.setOnion(e.target.checked) }), " ", "Onion"] }), jsx("div", { style: { flex: 1 } }), jsxs("span", { children: [api.fc, " frame", api.fc !== 1 ? "s" : ""] })] }), jsx("div", { className: styles.timelineFrames, children: Array.from({ length: api.fc }, (_, fi) => (jsxs("div", { className: `${styles.frameThumb} ${fi === api.afi ? styles.frameThumbActive : ""}`, onClick: () => api.setAfi(fi), children: [api.thumbs[fi] && (jsx("img", { src: api.thumbs[fi], alt: `Frame ${fi + 1}`, style: { width: 36, height: 36, imageRendering: "pixelated", objectFit: "contain" } })), jsx("span", { className: styles.frameNum, children: fi + 1 })] }, fi))) })] })));
+PixelEditorTimeline.displayName = "PixelEditorTimeline";
+
+export { PixelEditorTimeline as default };
+//# sourceMappingURL=PixelEditorTimeline.js.map

package/dist/esm/pixel/PixelEditorTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEditorTimeline.js","sources":["../../../src/pixel/PixelEditorTimeline.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/pixel/PixelEditorToolbar.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import styles from './PixelEditor.module.css.js';
+import { TOOLS, SYMMETRY_MODES } from './pixelEditorTypes.js';
+
+const PixelEditorToolbar = React.memo(({ api }) => (jsxs("div", { className: styles.toolbar, children: [TOOLS.map((t) => (jsx("button", { className: `${styles.toolBtn} ${api.tool === t.id ? styles.toolBtnActive : ""}`, onClick: () => api.setTool(t.id), title: `${t.label} (${t.key})`, children: t.icon }, t.id))), jsx("div", { className: styles.toolSep }), jsx("button", { className: `${styles.toolBtn} ${api.shapeFilled ? styles.toolBtnActive : ""}`, onClick: () => api.setShapeFilled((f) => !f), title: `${api.shapeFilled ? "Filled" : "Outline"} (F)`, children: api.shapeFilled ? "■" : "□" }), jsx("div", { className: styles.toolGroup, children: SYMMETRY_MODES.map((m) => (jsx("button", { className: `${styles.miniBtn} ${api.symmetry === m.id ? styles.miniBtnActive : ""}`, onClick: () => api.setSymmetry(m.id), title: `Symmetry: ${m.label}`, children: m.label.slice(0, 2) }, m.id))) }), jsxs("div", { className: styles.colorSwatches, children: [jsxs("label", { style: { position: "relative", width: 28, height: 28, cursor: "pointer" }, title: "Primary Colour (click for HSV)", children: [jsx("input", { type: "color", value: api.col1, onChange: (e) => api.setCol1(e.target.value), style: { position: "absolute", inset: 0, opacity: 0, cursor: "pointer", width: "100%", height: "100%" } }), jsx("span", { style: { display: "block", width: 28, height: 28, background: api.col1, border: "2px solid #fff", borderRadius: 3 } })] }), jsxs("label", { style: { position: "relative", width: 22, height: 22, cursor: "pointer" }, title: "Secondary Colour", children: [jsx("input", { type: "color", value: api.col2, onChange: (e) => api.setCol2(e.target.value), style: { position: "absolute", inset: 0, opacity: 0, cursor: "pointer", width: "100%", height: "100%" } }), jsx("span", { style: { display: "block", width: 22, height: 22, background: api.col2, border: "1px solid #888", borderRadius: 3 } })] }), jsx("button", { className: styles.toolBtn, onClick: () => {
+                        const tmp = api.col1;
+                        api.setCol1(api.col2);
+                        api.setCol2(tmp);
+                    }, title: "Swap (X)", style: { fontSize: 12, width: 24, height: 24 }, children: "\u21C4" })] })] })));
+PixelEditorToolbar.displayName = "PixelEditorToolbar";
+
+export { PixelEditorToolbar as default };
+//# sourceMappingURL=PixelEditorToolbar.js.map

package/dist/esm/pixel/PixelEditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEditorToolbar.js","sources":["../../../src/pixel/PixelEditorToolbar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}