@nice2dev/ui-graphics 1.0.6 → 1.1.0

package/dist/esm/pixel/PixelEditor.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
 import styles from './PixelEditor.module.css.js';
-import { c as Fe } from '../packages/ui/dist/NiceButton-DmTHNHet.js';
-import { a as ie } from '../packages/ui/dist/NiceToggle-C1UKGXmJ.js';
-import { f as fe } from '../packages/ui/dist/NiceErrorBoundary-D1hh5GGe.js';
+import { c as Fe } from '../packages/ui/dist/NiceButton-D9l39Rs7.js';
+import { a as ie } from '../packages/ui/dist/NiceToggle-CaY1u82g.js';
+import { f as fe } from '../packages/ui/dist/NiceErrorBoundary-niMx1aSJ.js';
 import { usePixelEditor } from './usePixelEditor.js';
 import PixelEditorMenuBar from './PixelEditorMenuBar.js';
 import PixelEditorToolbar from './PixelEditorToolbar.js';

package/dist/esm/pixel/PixelEditorMenuBar.js

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

package/dist/esm/pixel/PixelEditorRightPanel.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import styles from './PixelEditor.module.css.js';
-import { c as Fe, b as Re, a as De } from '../packages/ui/dist/NiceButton-DmTHNHet.js';
-import { U as Dn } from '../packages/ui/dist/NicePinCodeInput-4q8yULuo.js';
-import { N as se } from '../packages/ui/dist/NiceToggle-C1UKGXmJ.js';
+import { c as Fe, b as Re, a as De } from '../packages/ui/dist/NiceButton-D9l39Rs7.js';
+import { U as Dn } from '../packages/ui/dist/NicePinCodeInput-CrMfdxxc.js';
+import { N as se } from '../packages/ui/dist/NiceToggle-CaY1u82g.js';
 import { BRUSH_SHAPES, BLEND_MODES } from './pixelEditorTypes.js';
 import { HSVPicker } from './HSVPicker.js';
 

package/dist/esm/pixel/PixelEditorTimeline.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import styles from './PixelEditor.module.css.js';
-import { c as Fe } from '../packages/ui/dist/NiceButton-DmTHNHet.js';
-import { a as ie, N as se } from '../packages/ui/dist/NiceToggle-C1UKGXmJ.js';
+import { c as Fe } from '../packages/ui/dist/NiceButton-D9l39Rs7.js';
+import { a as ie, N as se } from '../packages/ui/dist/NiceToggle-CaY1u82g.js';
 
 const PixelEditorTimeline = React.memo(({ api }) => (jsxs("div", { className: styles.bottomPanel, children: [jsxs("div", { className: styles.timelineControls, children: [jsx(Fe, { variant: "ghost", size: "sm", onClick: api.addFrame, children: "+ Frame" }), jsx(Fe, { variant: "ghost", size: "sm", onClick: api.dupFrame, "aria-label": "Duplicate frame", children: "Dup" }), jsx(Fe, { variant: "ghost", size: "sm", onClick: api.rmFrame, "aria-label": "Remove frame", children: "\u2212 Frame" }), jsx("div", { className: styles.menuSep }), jsx(Fe, { variant: "ghost", size: "sm", onClick: () => api.setPlaying((p) => !p), children: api.playing ? "⏸" : "▶" }), jsx("label", { children: "FPS:" }), jsx(ie, { min: 1, max: 60, value: api.fps, onChange: (val) => api.setFps(val !== null && val !== void 0 ? val : 8), "aria-label": "Frames per second" }), jsx("div", { className: styles.menuSep }), jsx(se, { checked: api.onion, onChange: (checked) => api.setOnion(checked), label: "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";

package/dist/esm/pixel/PixelEditorToolbar.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import styles from './PixelEditor.module.css.js';
-import { c as Fe, N as Ae } from '../packages/ui/dist/NiceButton-DmTHNHet.js';
+import { c as Fe, N as Ae } from '../packages/ui/dist/NiceButton-D9l39Rs7.js';
 import { TOOLS, SYMMETRY_MODES } from './pixelEditorTypes.js';
 
 const PixelEditorToolbar = React.memo(({ api }) => (jsxs("div", { className: styles.toolbar, children: [TOOLS.map((t) => (jsx(Fe, { className: `${styles.toolBtn} ${api.tool === t.id ? styles.toolBtnActive : ""}`, variant: api.tool === t.id ? 'primary' : 'ghost', size: "sm", onClick: () => api.setTool(t.id), title: `${t.label} (${t.key})`, children: t.icon }, t.id))), jsx("div", { className: styles.toolSep }), jsx(Fe, { className: `${styles.toolBtn} ${api.shapeFilled ? styles.toolBtnActive : ""}`, variant: api.shapeFilled ? 'primary' : 'ghost', size: "sm", 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(Fe, { className: `${styles.miniBtn} ${api.symmetry === m.id ? styles.miniBtnActive : ""}`, variant: api.symmetry === m.id ? 'primary' : 'ghost', size: "sm", onClick: () => api.setSymmetry(m.id), title: `Symmetry: ${m.label}`, children: m.label.slice(0, 2) }, m.id))) }), jsxs("div", { className: styles.colorSwatches, children: [jsx("label", { style: { position: "relative", width: 28, height: 28, cursor: "pointer" }, title: "Primary Colour (click for HSV)", children: jsx(Ae, { value: api.col1, onChange: (c) => api.setCol1(c) }) }), jsx("label", { style: { position: "relative", width: 22, height: 22, cursor: "pointer" }, title: "Secondary Colour", children: jsx(Ae, { value: api.col2, onChange: (c) => api.setCol2(c) }) }), jsx(Fe, { className: styles.toolBtn, variant: "ghost", size: "sm", onClick: () => {

package/dist/esm/pixel/SpriteGeneratorPanel.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import styles from './PixelEditor.module.css.js';
-import { c as Fe, a as De } from '../packages/ui/dist/NiceButton-DmTHNHet.js';
-import { a as ie, N as se } from '../packages/ui/dist/NiceToggle-C1UKGXmJ.js';
-import { f as fe } from '../packages/ui/dist/NiceErrorBoundary-D1hh5GGe.js';
+import { c as Fe, a as De } from '../packages/ui/dist/NiceButton-D9l39Rs7.js';
+import { a as ie, N as se } from '../packages/ui/dist/NiceToggle-CaY1u82g.js';
+import { f as fe } from '../packages/ui/dist/NiceErrorBoundary-niMx1aSJ.js';
 import { getAllParts, assembleSprite, applyIsometricProjection, getPart, generateAllDirections, render8DirSpriteSheet, getPartsByCategory, ALL_DIRECTIONS } from './spriteGeneratorCore.js';
 import { CHARACTER_PRESETS, initCharacterParts, SKIN_PALETTES, HAIR_PALETTES, CLOTHING_PALETTES } from './characterGeneratorPresets.js';
 import { BUILDING_PRESETS, assembleBuildingFromConfig, initBuildingParts, WALL_PALETTES, ROOF_PALETTES } from './buildingGeneratorPresets.js';

package/dist/esm/vector/VectorEditor.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as Fe } from '../packages/ui/dist/NiceButton-DmTHNHet.js';
-import { X as En } from '../packages/ui/dist/NicePinCodeInput-4q8yULuo.js';
-import { f as fe } from '../packages/ui/dist/NiceErrorBoundary-D1hh5GGe.js';
+import { c as Fe } from '../packages/ui/dist/NiceButton-D9l39Rs7.js';
+import { X as En } from '../packages/ui/dist/NicePinCodeInput-CrMfdxxc.js';
+import { f as fe } from '../packages/ui/dist/NiceErrorBoundary-niMx1aSJ.js';
 import styles from './VectorEditor.module.css.js';
 import { TOOLS } from './vectorEditorTypes.js';
 import { ShapeRenderer } from './VectorEditorShapeRenderer.js';

package/dist/esm/vector/VectorEditorMenuBar.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React from 'react';
-import { c as Fe, a as De } from '../packages/ui/dist/NiceButton-DmTHNHet.js';
-import { N as se } from '../packages/ui/dist/NiceToggle-C1UKGXmJ.js';
+import { c as Fe, a as De } from '../packages/ui/dist/NiceButton-D9l39Rs7.js';
+import { N as se } from '../packages/ui/dist/NiceToggle-CaY1u82g.js';
 import styles from './VectorEditor.module.css.js';
 
 const VectorEditorMenuBar$1 = ({ api, hasOnSaveToLibrary }) => {

package/dist/esm/vector/VectorEditorRightPanel.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { useState } from 'react';
-import { c as Fe, N as Ae, b as Re, a as De } from '../packages/ui/dist/NiceButton-DmTHNHet.js';
-import { U as Dn } from '../packages/ui/dist/NicePinCodeInput-4q8yULuo.js';
-import { a as ie } from '../packages/ui/dist/NiceToggle-C1UKGXmJ.js';
+import { c as Fe, N as Ae, b as Re, a as De } from '../packages/ui/dist/NiceButton-D9l39Rs7.js';
+import { U as Dn } from '../packages/ui/dist/NicePinCodeInput-CrMfdxxc.js';
+import { a as ie } from '../packages/ui/dist/NiceToggle-CaY1u82g.js';
 import styles from './VectorEditor.module.css.js';
 import { FONTS } from './vectorEditorTypes.js';
 import { PRESET_GRADIENTS, gradientToCSS, gradientId, cloneGradient } from './vectorGradients.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/ui-graphics",
-  "version": "1.0.6",
+  "version": "1.1.0",
   "description": "Nice2Dev Graphics Editors — Pixel, Vector, Photo and Animation editors for React",
   "author": "NiceToDev <contact@nicetodev.com>",
   "license": "SEE LICENSE IN LICENSE",