@nice2dev/ui-graphics 1.1.10 → 1.2.1

package/dist/esm/vector/VectorEditor.js

@@ -2,6 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { NiceButton, NiceAppShell, NiceModal, NiceTextArea } from '@nice2dev/ui';
 import { NiceIcon } from '@nice2dev/ui-core';
 import { useRef, useState, useCallback, useEffect } from 'react';
+import { EditorAskDialog } from '../core/editorAsk.js';
 import { useNiceTranslation } from '../core/i18n.js';
 import { useVectorEditor } from './useVectorEditor.js';
 import { frameToTransform, sampleAnimation } from './vectorAnimation.js';
@@ -63,7 +64,7 @@ const NiceVectorEditor = ({ width: artW = 512, height: artH = 512, className, on
     }, [initialIcon, artW, artH, api]);
     const { shapes, selId, tool, zoom, px, py, dlgSvg, svgText, gridSize, boxRef, fInp, animations, previewTime, isPlaying, onDown, onMove, onUp, onWheel, onDblClick, openFile, switchTool, importSVGString, setDlgSvg, setSvgText, } = api;
     const toolRail = (jsx("div", { className: styles.toolbar, children: TOOLS.map((t) => (jsx(NiceButton, { className: `${styles.toolBtn} ${tool === t.id ? styles.toolBtnActive : ''}`, onClick: () => switchTool(t.id), "aria-label": `${t.label} (${t.key})`, variant: tool === t.id ? 'primary' : 'ghost', size: "sm", children: jsx(NiceIcon, { name: t.icon, size: "sm" }) }, t.id))) }));
-    return (jsxs(Fragment, { children: [jsx("input", { ref: fInp, type: "file", accept: ".svg", style: { display: 'none' }, onChange: (e) => {
+    return (jsxs(Fragment, { children: [jsx(EditorAskDialog, { ask: api.pendingAsk }), jsx("input", { ref: fInp, type: "file", accept: ".svg", style: { display: 'none' }, onChange: (e) => {
                     var _a;
                     const f = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
                     if (f) {
@@ -109,13 +110,11 @@ const NiceVectorEditor = ({ width: artW = 512, height: artH = 512, className, on
                                 }
                                 const node = (jsx(ShapeRenderer, { shape: s, selected: s.id === selId, zoom: zoom }, s.id));
                                 return previewTr ? (jsx("g", { transform: previewTr, children: node }, s.id)) : (node);
-                            })] }) }) }), jsxs(NiceModal, { open: dlgSvg, onClose: () => setDlgSvg(false), title: "Paste SVG", children: [jsx("label", { children: "Paste SVG source code below:" }), jsx(NiceTextArea, { value: svgText, onChange: (val) => setSvgText(val), placeholder: '<svg xmlns="http://www.w3.org/2000/svg" ...>' }), jsxs("div", { className: styles.dialogActions, children: [jsx(NiceButton, { variant: "ghost", onClick: () => setDlgSvg(false), children: "Cancel" }), jsx(NiceButton, { variant: "primary", onClick: () => importSVGString(svgText), children: "Import" })] })] }), jsxs(NiceModal, { open: snippetOpen, onClose: () => setSnippetOpen(false), title: t('vectorEditor.snippet.title', 'Icon snippet copied to clipboard'), children: [jsxs("p", { style: { marginTop: 0 }, children: [t('vectorEditor.snippet.pasteHint', 'Paste into'), ' ', jsxs("code", { children: ["packages/icons/src/icons/", iconCategory ? `${iconCategory.toLowerCase()}` : '<category>', ".tsx"] }), ":"] }), jsx(NiceTextArea, { value: snippetText, onChange: (val) => setSnippetText(val), rows: 16 }), jsxs("div", { className: styles.dialogActions, children: [jsx(NiceButton, { variant: "primary", onClick: () => {
+                            })] }) }) }), jsxs(NiceModal, { open: dlgSvg, onClose: () => setDlgSvg(false), title: t('vectorEditor.pasteSvg', 'Paste SVG'), children: [jsx("label", { children: "Paste SVG source code below:" }), jsx(NiceTextArea, { value: svgText, onChange: (val) => setSvgText(val), placeholder: t('vectorEditor.svgXmlnsHttpWwwW3', '<svg xmlns="http://www.w3.org/2000/svg" ...>') }), jsxs("div", { className: styles.dialogActions, children: [jsx(NiceButton, { variant: "ghost", onClick: () => setDlgSvg(false), children: t('vectorEditor.cancel', 'Cancel') }), jsx(NiceButton, { variant: "primary", onClick: () => importSVGString(svgText), children: t('vectorEditor.import', 'Import') })] })] }), jsxs(NiceModal, { open: snippetOpen, onClose: () => setSnippetOpen(false), title: t('vectorEditor.snippet.title', 'Icon snippet copied to clipboard'), children: [jsxs("p", { style: { marginTop: 0 }, children: [t('vectorEditor.snippet.pasteHint', 'Paste into'), ' ', jsxs("code", { children: ["packages/icons/src/icons/", iconCategory ? `${iconCategory.toLowerCase()}` : '<category>', ".tsx"] }), ":"] }), jsx(NiceTextArea, { value: snippetText, onChange: (val) => setSnippetText(val), rows: 16 }), jsxs("div", { className: styles.dialogActions, children: [jsx(NiceButton, { variant: "primary", onClick: () => {
                                     if (typeof navigator !== 'undefined' && navigator.clipboard) {
                                         navigator.clipboard.writeText(snippetText).catch(() => { });
                                     }
                                 }, children: t('vectorEditor.snippet.copyAgain', 'Copy again') }), jsx(NiceButton, { variant: "ghost", onClick: () => setSnippetOpen(false), children: t('vectorEditor.snippet.close', 'Close') })] })] })] }));
 };
-/** @deprecated Use NiceVectorEditor */
-const VectorEditor = NiceVectorEditor;
 
-export { NiceVectorEditor, VectorEditor };
+export { NiceVectorEditor };

package/dist/esm/vector/VectorEditorShapeRenderer.js

@@ -6,7 +6,9 @@ const ShapeRenderer = ({ shape: s, selected, zoom }) => {
     if (s.hidden) {
         return null;
     }
-    const selStroke = selected ? 'rgba(85,102,204,0.6)' : undefined;
+    const selStroke = selected
+        ? 'color-mix(in srgb, var(--nice-color-primary, #5566cc) 60%, transparent)'
+        : undefined;
     const gProps = {};
     if (s.opacity < 1) {
         gProps.opacity = s.opacity;

package/dist/esm/vector/useVectorEditor.js

@@ -1,4 +1,5 @@
 import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import { useEditorAsk } from '../core/editorAsk.js';
 import { booleanOperation, flattenToOutline } from './vectorBooleanOps.js';
 import { buildSVGString, exportSVGFile, exportPNGFile, exportJPGFile, exportWebPFile, exportBMPFile } from './vectorEditorExport.js';
 import { parseSVGToShapes } from './vectorEditorImport.js';
@@ -10,10 +11,13 @@ import { cloneShapes, sid, snapToGrid } from './vectorEditorTypes.js';
  * so the component file is pure layout.
  */
 function useVectorEditor({ artW, artH, onSaveToLibrary }) {
+    // the library's dialogs for the text tool and the library name (not window.prompt)
+    const { pendingAsk, ask } = useEditorAsk();
     /* ── state ── */
     const [shapes, setShapes] = useState([]);
     const [selId, setSelId] = useState(null);
     const [tool, setTool] = useState('pointer');
+    // audit-allow: literal-color — the first fill of a new shape - document data
     const [fillCol, setFillCol] = useState('#5566cc');
     const [strokeCol, setStrokeCol] = useState('#000000');
     const [strokeW, setStrokeW] = useState(2);
@@ -176,28 +180,30 @@ function useVectorEditor({ artW, artH, onSaveToLibrary }) {
             return;
         }
         if (tool === 'text') {
-            const txt = prompt('Enter text:', 'Hello');
-            if (!txt) {
-                return;
-            }
-            const ns = {
-                id: sid(),
-                type: 'text',
-                x: p.x,
-                y: p.y,
-                w: txt.length * fontSize * 0.6,
-                h: fontSize,
-                ...defaultBase,
-                stroke: 'none',
-                strokeWidth: 0,
-                text: txt,
-                fontSize,
-                fontFamily,
-            };
-            const next = [...shapes, ns];
-            snap(next);
-            setShapes(next);
-            setSelId(ns.id);
+            // the text comes from a dialog: the shape is added once it is entered
+            void ask('prompt', 'Enter text:', 'Hello').then((txt) => {
+                if (!txt) {
+                    return;
+                }
+                const ns = {
+                    id: sid(),
+                    type: 'text',
+                    x: p.x,
+                    y: p.y,
+                    w: txt.length * fontSize * 0.6,
+                    h: fontSize,
+                    ...defaultBase,
+                    stroke: 'none',
+                    strokeWidth: 0,
+                    text: txt,
+                    fontSize,
+                    fontFamily,
+                };
+                const next = [...shapes, ns];
+                snap(next);
+                setShapes(next);
+                setSelId(ns.id);
+            });
             return;
         }
         if (tool === 'polygon') {
@@ -283,6 +289,7 @@ function useVectorEditor({ artW, artH, onSaveToLibrary }) {
         starPoints2,
         starInnerRatio,
         cornerRadius,
+        ask,
     ]);
     const onMove = useCallback((e) => {
         if (panning.current) {
@@ -697,15 +704,15 @@ function useVectorEditor({ artW, artH, onSaveToLibrary }) {
         const blob = new Blob([svg], { type: 'image/svg+xml' });
         const reader = new FileReader();
         reader.onload = () => {
-            const defaultName = 'drawing.svg';
-            const name = window.prompt('Save to library as:', defaultName);
-            if (!name || !name.trim()) {
-                return;
-            }
-            onSaveToLibrary(reader.result, name.trim(), 'image/svg+xml');
+            const dataUrl = reader.result;
+            void ask('prompt', 'Save to library as:', 'drawing.svg').then((name) => {
+                if (name && name.trim()) {
+                    onSaveToLibrary(dataUrl, name.trim(), 'image/svg+xml');
+                }
+            });
         };
         reader.readAsDataURL(blob);
-    }, [shapes, artW, artH, onSaveToLibrary]);
+    }, [shapes, artW, artH, onSaveToLibrary, ask]);
     /* ── export shortcuts ── */
     const exportSVG = useCallback(() => exportSVGFile(shapes, artW, artH, animations), [shapes, artW, artH, animations]);
     const exportPNG = useCallback(() => exportPNGFile(shapes, artW, artH), [shapes, artW, artH]);
@@ -791,6 +798,8 @@ function useVectorEditor({ artW, artH, onSaveToLibrary }) {
     /* ── return ── */
     return {
         // state
+        /** The question the editor waits on; render it with `EditorAskDialog`. */
+        pendingAsk,
         shapes,
         selId,
         tool,

package/dist/esm/vector/vectorEditorImport.js

@@ -16,6 +16,7 @@ function parseSVGToShapes(raw) {
     const elems = doc.querySelectorAll('rect, ellipse, circle, line, polyline, polygon, text, path');
     elems.forEach((el) => {
         const tag = el.tagName.toLowerCase();
+        // audit-allow: literal-color — an imported shape without a fill gets a visible default - document data
         const fill = el.getAttribute('fill') || (tag === 'line' ? 'none' : '#cccccc');
         const stroke = el.getAttribute('stroke') || 'none';
         const sw = parseFloat(el.getAttribute('stroke-width') || '1');

package/dist/esm/vector/vectorIconImport.js

@@ -37,6 +37,7 @@ function iconComponentToShapes(Icon, options) {
     // Force a generous size and visible colors so the parser sees concrete strokes/fills.
     const renderProps = {
         size: 'lg',
+        // audit-allow: literal-color +2 — an imported icon's default colours - document data
         primaryColor: '#5566cc',
         secondaryColor: '#a29bfe',
         strokeWidth: 2,

package/dist/types/animation/AnimatedPerson.d.ts

@@ -25,9 +25,5 @@ export type NiceAnimatedPersonProps = {
     /** Convenience height — currently informational, retained for API symmetry. */
     height?: number;
 };
-/** @deprecated Use NiceAnimatedPersonProps */
-export type AnimatedPersonProps = NiceAnimatedPersonProps;
 declare const NiceAnimatedPerson: React.FC<NiceAnimatedPersonProps>;
-/** @deprecated Use NiceAnimatedPerson */
-export declare const AnimatedPerson: React.FC<NiceAnimatedPersonProps>;
 export default NiceAnimatedPerson;

package/dist/types/animation/AnimationEditor.d.ts

@@ -16,9 +16,5 @@ export interface NiceAnimationEditorProps {
     className?: string;
     style?: React.CSSProperties;
 }
-/** @deprecated Use NiceAnimationEditorProps */
-export type AnimationEditorProps = NiceAnimationEditorProps;
-export declare function NiceAnimationEditor({ initialConfig, onChange, storageKey, onNotify, showJsonPanel, showPreview, className, style, }: AnimationEditorProps): React.JSX.Element;
-/** @deprecated Use NiceAnimationEditor */
-export declare const AnimationEditor: typeof NiceAnimationEditor;
+export declare function NiceAnimationEditor({ initialConfig, onChange, storageKey, onNotify, showJsonPanel, showPreview, className, style, }: NiceAnimationEditorProps): React.JSX.Element;
 export default NiceAnimationEditor;

package/dist/types/animation/Audience.d.ts

@@ -12,10 +12,6 @@ export type NiceAudienceProps = {
     /** Optional explicit height (forwarded to grid container). */
     height?: number | string;
 };
-/** @deprecated Use NiceAudienceProps */
-export type AudienceProps = NiceAudienceProps;
 /** Grid of animated audience members with wave/cheer actions. */
 declare const NiceAudience: React.FC<NiceAudienceProps>;
-/** @deprecated Use NiceAudience */
-export declare const Audience: React.FC<NiceAudienceProps>;
 export default NiceAudience;

package/dist/types/animation/BodyRenderer.d.ts

@@ -7,10 +7,6 @@ export type NiceBodyRendererProps = {
     /** Optional pixel size. Defaults to character.size (or 180). */
     size?: number;
 };
-/** @deprecated Use NiceBodyRendererProps */
-export type BodyRendererProps = NiceBodyRendererProps;
 /** Static character body composed from modular SVG shapes. */
 export declare const NiceBodyRenderer: React.FC<NiceBodyRendererProps>;
-/** @deprecated Use NiceBodyRenderer */
-export declare const BodyRenderer: React.FC<NiceBodyRendererProps>;
 export default NiceBodyRenderer;

package/dist/types/animation/rig/RigPlayer.d.ts

@@ -2,9 +2,6 @@ import React from 'react';
 import type { ChoreoStep } from '../animationHelper';
 import type { CharacterConfig } from '../characterTypes';
 import { type RigConfig, type RigPose } from './rigTypes';
-/** @deprecated Use NiceRigPlayerHandle */
-export interface RigPlayerHandle extends NiceRigPlayerHandle {
-}
 /** Public methods exposed via ref. */
 export interface NiceRigPlayerHandle {
     /** Set pose immediately (no tween). */
@@ -31,9 +28,5 @@ export type NiceRigPlayerProps = {
     /** Show debug joints. */
     debug?: boolean;
 };
-/** @deprecated Use NiceRigPlayerProps */
-export type RigPlayerProps = NiceRigPlayerProps;
 declare const NiceRigPlayer: React.ForwardRefExoticComponent<NiceRigPlayerProps & React.RefAttributes<NiceRigPlayerHandle>>;
-/** @deprecated Use NiceRigPlayer */
-export declare const RigPlayer: React.ForwardRefExoticComponent<NiceRigPlayerProps & React.RefAttributes<NiceRigPlayerHandle>>;
 export default NiceRigPlayer;

package/dist/types/animation/rig/RiggedBody.d.ts

@@ -2,8 +2,6 @@ import React from 'react';
 import type { CharacterConfig } from '../characterTypes';
 import { type RigConfig, type RigPose } from './rigTypes';
 /** Props for the rigged body renderer (pure SVG). */
-/** @deprecated Use NiceRiggedBodyProps */
-export type RiggedBodyProps = NiceRiggedBodyProps;
 export type NiceRiggedBodyProps = {
     /** Character visuals (colors). */
     character: CharacterConfig;
@@ -18,6 +16,4 @@ export type NiceRiggedBodyProps = {
 };
 /** Render a multi-bone body (arms: 3, legs: 3, torso: 3, neck+head). */
 declare const NiceRiggedBody: React.FC<NiceRiggedBodyProps>;
-/** @deprecated Use NiceRiggedBody */
-export declare const RiggedBody: React.FC<NiceRiggedBodyProps>;
 export default NiceRiggedBody;

package/dist/types/animation/shapes/heads.d.ts

@@ -18,7 +18,3 @@ export declare const HEAD_RENDERERS: Record<string, React.FC<HeadProps>>;
 export declare const NiceHead: React.FC<HeadProps & {
     variant: string;
 }>;
-/** @deprecated Use NiceHead */
-export declare const Head: React.FC<HeadProps & {
-    variant: string;
-}>;

package/dist/types/core/LocalUI.d.ts

@@ -16,6 +16,5 @@ export interface RangeInputProps extends Omit<React.InputHTMLAttributes<HTMLInpu
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
 }
 export declare const RangeInput: React.FC<RangeInputProps>;
-export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-}
+export type TextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 export declare const TextArea: React.FC<TextAreaProps>;

package/dist/types/core/editorAsk.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/** A question an editor hook waits on; {@link EditorAskDialog} shows it. */
+export interface EditorAsk {
+    /** `prompt` asks for a value, `confirm` for a yes / no. */
+    kind: 'prompt' | 'confirm';
+    /** The prompt's title, or the question to confirm. */
+    text: string;
+    /** Initial value of a prompt. */
+    defaultValue?: string;
+    /** Settles it: the entered value (`''` for an accepted confirm), or `null` when cancelled. */
+    answer: (value: string | null) => void;
+}
+/**
+ * The library's dialogs in place of `window.prompt` / `window.confirm` for the editor hooks,
+ * which hold state but render nothing: `ask` resolves with the answer (`null` when cancelled)
+ * and `pendingAsk` is the open question, for the editor component to pass to
+ * {@link EditorAskDialog}. One question at a time: a new one settles the open one as cancelled.
+ */
+export declare function useEditorAsk(): {
+    pendingAsk: EditorAsk | null;
+    ask: (kind: EditorAsk["kind"], text: string, defaultValue?: string) => Promise<string | null>;
+};
+/** Shows the question {@link useEditorAsk} is waiting on, if any. */
+export declare const EditorAskDialog: React.FC<{
+    ask: EditorAsk | null;
+}>;

package/dist/types/core/i18n.d.ts

@@ -1,26 +1,10 @@
-/**
- * i18n — Lightweight translation context for @nice2dev/ui-graphics.
- *
- * Drop-in replacement for react-i18next's useTranslation, requires NO
- * external dependencies. Consumers can optionally wrap with NiceI18nProvider
- * to supply their own translation function. Falls back to the default
- * (English key strings) when no provider is present.
- *
- * Usage in components:
- *   const { t } = useNiceTranslation();
- *   <button>{t('actions.save', 'Save')}</button>
- *
- * Usage in apps:
- *   <NiceI18nProvider t={(key, fallback) => myI18n(key) ?? fallback}>
- *     <App />
- *   </NiceI18nProvider>
- */
 import React from 'react';
 export type NiceTranslateFn = (key: string, defaultValue: string) => string;
 export interface NiceI18nProviderProps {
     t: NiceTranslateFn;
     children: React.ReactNode;
 }
+/** Overrides the app's global translator for the graphics controls below it. */
 export declare const NiceI18nProvider: React.FC<NiceI18nProviderProps>;
 export declare function useNiceTranslation(): {
     t: NiceTranslateFn;

package/dist/types/game/GameAsset2dEditor.d.ts

@@ -13,9 +13,5 @@ export interface NiceGameAsset2dEditorProps {
     onSave?: (project: unknown) => void;
     onExport?: (data: string, format: string) => void;
 }
-/** @deprecated Use NiceGameAsset2dEditorProps */
-export type GameAsset2dEditorProps = NiceGameAsset2dEditorProps;
 export declare const NiceGameAsset2dEditor: React.FC<NiceGameAsset2dEditorProps>;
-/** @deprecated Use NiceGameAsset2dEditor */
-export declare const GameAsset2dEditor: React.FC<NiceGameAsset2dEditorProps>;
 export default NiceGameAsset2dEditor;

package/dist/types/game/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * game/index.ts — Public exports for GameAsset2dEditor
  */
-export { NiceGameAsset2dEditor, GameAsset2dEditor, type NiceGameAsset2dEditorProps, type GameAsset2dEditorProps, } from './GameAsset2dEditor';
+export { NiceGameAsset2dEditor, type NiceGameAsset2dEditorProps } from './GameAsset2dEditor';
 export { useGameAssetEditor, type GameAssetEditorApi, type UseGameAssetEditorOptions, } from './useGameAssetEditor';
 export type { TileMapMode, TileDefinition, CollisionShape, TileLayer, TileMap, SpriteFrame, SpriteSheet, SpriteAnimation, AnimationState, AnimationTransition, TransitionCondition, AnimationParameter, AnimationStateMachine, EffectType, Effect, EffectPreset, GameAssetProject, ProjectSettings, EditorMode, TileMapTool, SpriteSheetTool, EditorState, ExportOptions, TiledExport, UnityExport, HistoryEntry, } from './gameAssetTypes';
 export { TILE_MAP_TOOLS, EFFECT_DEFAULTS, DEFAULT_PROJECT_SETTINGS } from './gameAssetTypes';

package/dist/types/index.d.ts

@@ -5,24 +5,18 @@
  *   import { PixelEditor } from '@nice2dev/ui-graphics';
  *   import { NiceI18nProvider } from '@nice2dev/ui-graphics';
  */
-export { NicePixelEditor, PixelEditor, type NicePixelEditorProps, type PixelEditorProps, } from './pixel/PixelEditor';
-export { NiceVectorEditor, VectorEditor, type NiceVectorEditorProps, type VectorEditorProps, } from './vector/VectorEditor';
+export { NicePixelEditor, type NicePixelEditorProps } from './pixel/PixelEditor';
+export { NiceVectorEditor, type NiceVectorEditorProps } from './vector/VectorEditor';
 export { default as NicePhotoEditor } from './photo/PhotoEditor';
-/** @deprecated Use NicePhotoEditor */
-export { default as PhotoEditor } from './photo/PhotoEditor';
 export type { PhotoEditorProps } from './photo/photoEditorTypes';
-export { NiceAnimationEditor, AnimationEditor, type NiceAnimationEditorProps, type AnimationEditorProps, } from './animation/AnimationEditor';
+export { NiceAnimationEditor, type NiceAnimationEditorProps } from './animation/AnimationEditor';
 export { default as NiceAnimatedPerson, type NiceAnimatedPersonProps, } from './animation/AnimatedPerson';
-/** @deprecated Use NiceAnimatedPerson / NiceAnimatedPersonProps */
-export { default as AnimatedPerson, type AnimatedPersonProps } from './animation/AnimatedPerson';
 export { type SpritePart, type SpriteAssembly, type AssembledPart, type SpritePartCategory, type SpriteDirection, type GeneratedSprite, type ProjectionMode, type PartPixelData, ALL_DIRECTIONS, createPartData, mirrorPartH, generateMirroredDirections, renderPart, assembleSprite, generateAllDirections, applyIsometricProjection, render8DirSpriteSheet, shiftHue, generateRecolorMap, registerPart, registerParts, getPart, getPartsByCategory, getPartsBySlot, getAllParts, } from './pixel/spriteGeneratorCore';
 export { SKIN_PALETTES, HAIR_PALETTES, CLOTHING_PALETTES, CHARACTER_PRESETS, initCharacterParts, } from './pixel/characterGeneratorPresets';
 export { WALL_PALETTES, ROOF_PALETTES, BUILDING_PRESETS, assembleBuildingFromConfig, initBuildingParts, type BuildingConfig, type FloorConfig, } from './pixel/buildingGeneratorPresets';
 export { FUR_PALETTES, SCALE_PALETTES, FEATHER_PALETTES, ANIMAL_PRESETS, initAnimalParts, } from './pixel/animalGeneratorPresets';
 export { default as NiceSpriteGeneratorPanel, type NiceSpriteGeneratorPanelProps, } from './pixel/SpriteGeneratorPanel';
-/** @deprecated Use NiceSpriteGeneratorPanel */
-export { default as SpriteGeneratorPanel, type SpriteGeneratorPanelProps, } from './pixel/SpriteGeneratorPanel';
-export { NiceGameAsset2dEditor, GameAsset2dEditor, type NiceGameAsset2dEditorProps, type GameAsset2dEditorProps, useGameAssetEditor, type GameAssetEditorApi, } from './game';
+export { NiceGameAsset2dEditor, type NiceGameAsset2dEditorProps, useGameAssetEditor, type GameAssetEditorApi, } from './game';
 export type { TileMap, TileLayer, TileDefinition, SpriteSheet, SpriteFrame, SpriteAnimation, AnimationStateMachine, AnimationState, AnimationTransition, GameAssetProject, Effect, EffectType, } from './game';
 export { NiceI18nProvider, useNiceTranslation, type NiceTranslateFn, type NiceI18nProviderProps, } from './core/i18n';
 export type { Layer, Tool as PixelTool, BlendMode } from './pixel/pixelEditorTypes';
@@ -47,20 +41,16 @@ export { default as NiceRiggedBody } from './animation/rig/RiggedBody';
 export { default as RiggedBody } from './animation/rig/RiggedBody';
 export { default as NiceRigPlayer } from './animation/rig/RigPlayer';
 export { default as RigPlayer } from './animation/rig/RigPlayer';
-export type { NiceRigPlayerHandle, RigPlayerHandle } from './animation/rig/RigPlayer';
+export type { NiceRigPlayerHandle } from './animation/rig/RigPlayer';
 export { rigPoseFor, playRigFromChoreo } from './animation/rig/choreoRigBridge';
 export { ChoreoBuilder, seq, compile, runSeq, runWave, runCannon, runRounds, } from './animation/choreoDSL';
 export { waveScoreChoreo, booChoreo, danceParty, showcaseAll } from './animation/choreography';
 export { default as NiceAudience } from './animation/Audience';
-/** @deprecated Use NiceAudience */
-export { default as Audience } from './animation/Audience';
-export type { NiceAudienceProps, AudienceProps } from './animation/Audience';
+export type { NiceAudienceProps } from './animation/Audience';
 export { scoreBus, onScore, reactionForScore, playIntro, simulateScore, attachScoreReactions, } from './animation/karaokeIntegration';
-export { NiceBodyRenderer, BodyRenderer, default as NiceBodyRendererDefault, } from './animation/BodyRenderer';
-/** @deprecated Use NiceBodyRendererDefault */
-export { default as BodyRendererDefault } from './animation/BodyRenderer';
-export type { NiceBodyRendererProps, BodyRendererProps } from './animation/BodyRenderer';
-export { NiceHead, Head, HEAD_RENDERERS } from './animation/shapes/heads';
+export { NiceBodyRenderer, default as NiceBodyRendererDefault } from './animation/BodyRenderer';
+export type { NiceBodyRendererProps } from './animation/BodyRenderer';
+export { NiceHead, HEAD_RENDERERS } from './animation/shapes/heads';
 export type { HeadProps } from './animation/shapes/heads';
 export { Eyes, EYES_RENDERERS } from './animation/shapes/eyes';
 export type { EyesProps } from './animation/shapes/eyes';

package/dist/types/photo/index.d.ts

@@ -1,6 +1,4 @@
 export { default as NicePhotoEditor } from './PhotoEditor';
-/** @deprecated Use NicePhotoEditor */
-export { default as PhotoEditor } from './PhotoEditor';
 export { usePhotoEditor } from './usePhotoEditor';
 export type * from './photoEditorTypes';
 export * from './photoFilters';

package/dist/types/pixel/PixelEditor.d.ts

@@ -13,9 +13,5 @@ export interface NicePixelEditorProps {
     className?: string;
     onSaveToLibrary?: (dataUrl: string, name: string, mimeType: string) => void;
 }
-/** @deprecated Use NicePixelEditorProps */
-export type PixelEditorProps = NicePixelEditorProps;
 export declare const NicePixelEditor: React.FC<NicePixelEditorProps>;
-/** @deprecated Use NicePixelEditor */
-export declare const PixelEditor: React.FC<NicePixelEditorProps>;
 export default NicePixelEditor;

package/dist/types/pixel/SpriteGeneratorPanel.d.ts

@@ -15,9 +15,5 @@ export interface NiceSpriteGeneratorPanelProps {
     /** Convenience callback fired whenever a sprite sheet is generated. */
     onGenerate?: (sheet: unknown) => void;
 }
-/** @deprecated Use NiceSpriteGeneratorPanelProps */
-export type SpriteGeneratorPanelProps = NiceSpriteGeneratorPanelProps;
 declare const NiceSpriteGeneratorPanel: React.FC<NiceSpriteGeneratorPanelProps>;
-/** @deprecated Use NiceSpriteGeneratorPanel */
-export declare const SpriteGeneratorPanel: React.FC<NiceSpriteGeneratorPanelProps>;
 export default NiceSpriteGeneratorPanel;

package/dist/types/pixel/usePixelEditor.d.ts

@@ -2,6 +2,7 @@
  * usePixelEditor — custom hook encapsulating ALL state, refs, callbacks,
  * side-effects and memos for the PixelEditor component.
  */
+import { type EditorAsk } from '../core/editorAsk';
 import { type Tool, type Layer, type BlendMode, type Selection } from './pixelEditorTypes';
 import { type BrushConfig, type SymmetryMode } from './pixelEditorUtils';
 export interface UsePixelEditorProps {
@@ -81,6 +82,8 @@ export interface PixelEditorAPI {
     exportSVG: () => void;
     exportSheet: () => void;
     saveToLibrary: () => void;
+    /** The question the editor waits on (library name); render it with `EditorAskDialog`. */
+    pendingAsk: EditorAsk | null;
     addLayer: () => void;
     rmLayer: () => void;
     toggleVis: (i: number) => void;

package/dist/types/vector/VectorEditor.d.ts

@@ -43,9 +43,5 @@ export interface NiceVectorEditorProps {
     /** Called when the user exports the current canvas as a createIcon snippet. */
     onExportIconSnippet?: (snippet: string, iconName: string, category?: string) => void;
 }
-/** @deprecated Use NiceVectorEditorProps */
-export type VectorEditorProps = NiceVectorEditorProps;
 export declare const NiceVectorEditor: React.FC<NiceVectorEditorProps>;
-/** @deprecated Use NiceVectorEditor */
-export declare const VectorEditor: React.FC<NiceVectorEditorProps>;
 export default NiceVectorEditor;

package/dist/types/vector/useVectorEditor.d.ts

@@ -11,6 +11,8 @@ export interface UseVectorEditorOptions {
     onSaveToLibrary?: (dataUrl: string, name: string, mimeType: string) => void;
 }
 export declare function useVectorEditor({ artW, artH, onSaveToLibrary }: UseVectorEditorOptions): {
+    /** The question the editor waits on; render it with `EditorAskDialog`. */
+    readonly pendingAsk: import("../core/editorAsk").EditorAsk | null;
     readonly shapes: VShape[];
     readonly selId: string | null;
     readonly tool: VTool;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/ui-graphics",
-  "version": "1.1.10",
+  "version": "1.2.1",
   "description": "Nice2Dev Graphics Editors — Pixel, Vector, Photo and Animation editors for React",
   "author": "NiceToDev <contact@nicetodev.com>",
   "license": "SEE LICENSE IN LICENSE",
@@ -64,15 +64,15 @@
     "nicetodev"
   ],
   "peerDependencies": {
-    "@nice2dev/ui-core": "^1.0.20",
-    "@nice2dev/ui": "^1.0.20",
+    "@nice2dev/ui-core": "^1.2.0",
+    "@nice2dev/ui": "^1.2.0",
     "framer-motion": ">=10.0.0",
     "react": ">=17.0.0",
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@nice2dev/ui": "^1.1.10",
-    "@nice2dev/ui-core": "^1.1.10",
+    "@nice2dev/ui": "^1.2.1",
+    "@nice2dev/ui-core": "^1.2.1",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",