@nice2dev/ui-graphics 1.1.10 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,75 @@
 # @nice2dev/ui-graphics — Changelog
 
+## 1.2.0
+
+### Minor Changes
+
+- 3a4939d: 1.2.0 — the API cleanup announced for this version, dictionaries per language by default, and
+  three new controls. **Breaking:** every removal has a replacement, listed name by name in
+  `documentation/omniverk/OMNIVERK_UPGRADE_1.2.0.md`.
+
+  **Removed (breaking).** All 118 `@deprecated` names: the aliases without the `Nice` prefix in
+  `ui-audio`, `ui-graphics` and `ui-3d`; `NiceBarcodeGenerator` (→ `NiceBarcode`), `NiceFloorPlanCanvas`
+  (→ `NiceSpatialEditor` in `@nice2dev/ui-buildings`), the v2 props and types of `NiceTopNav`,
+  `NiceProgress.showLabel`, `NiceCountryPicker.showDialCode` / `showFlag`, `type` on
+  `NiceDateTimePicker` / `NiceDateRangeBox` (→ `dateFormatPreset`); `ZoneOccupancy` in
+  `ui-buildings` and `events`, the `SmartHome*` types; the icon variant `flat` (→ `cutout`) and
+  `NiceIconEditor` (→ `NiceVectorEditor`); `NiceSizeLegacy`; the `snapGrid` module of `ui-diagrams` (→
+  `@nice2dev/spatial-core`); the opt-in stylesheet `@nice2dev/ui/css/legacy-bg-text-aliases.css`, which
+  formed an alias cycle with `style.css`. Props that were accepted and never read — 19 on
+  `NiceModuleGrid`, and more on `NiceAutocomplete`, `NiceTaskInbox`, `NiceConsentBanner`, the
+  building and communication controls, four `ui-audio` panels and `NiceStreamDashboard` — are gone
+  from the types. `NiceResourceAllocation` in `ui-erp` is `NiceCapacityPlanner` (the one in `ui`
+  keeps its name); `NiceGenericPlayerStageVisualizer` (→ `NiceStageVisualizer`) and
+  `NiceCubeBrowserProps` are removed. The `@nice2dev/ui/overlays` entry calls its modal, drawer,
+  bottom sheet and context menu `NiceOverlayModal`, `NiceOverlayDrawer`, `NiceOverlayBottomSheet` and
+  `NiceOverlayContextMenu`: the old names belonged to different components of `@nice2dev/ui`.
+
+  **Dictionaries per language.** `NiceI18nProvider` loads only the language in use, with `import()`
+  (it was `NiceI18nLazyProvider` in 1.1.10, which stays as the same component); the controls show their
+  built-in English until it arrives — `await loadNiceDictionary(lang)` before the first render to start
+  in the language. Nothing on the main entry of `@nice2dev/i18n` imports a dictionary any more:
+  `NICE_I18N_DICTIONARIES`, `createTranslator`, `NICE_I18N_VARIANTS` / `resolvePlVariant` and the
+  translation tooling moved to the new entry `@nice2dev/i18n/all`, and `@nice2dev/ui-core` no longer
+  re-exports the dictionary map. `@nice2dev/ui` with what it bundles: 1283 kB → 952 kB gzip loaded up
+  front. The `ui-audio` controls read the app's `NiceI18nProvider` now; their own provider overrides it.
+
+  **New controls.** `NiceRecurrenceEditor`, `NiceStopwatch`, `NiceCountdownTimer` (`@nice2dev/ui`) and
+  `NicePasswordGenerator` (`@nice2dev/auth`), plus `recurrenceDates()` and `generatePassword()`.
+  `NiceScheduler` honours a weekly rule's `byDay`, which it ignored.
+
+  **Visible changes.** The palette meets WCAG AA for text on every fill: darker fills in the light
+  theme, dark text on the fills of the dark theme (new `--nice-text-on-success` / `-error` / `-info` /
+  `-accent` / `-warning`; `NiceThemeText` takes `onSuccess`, `onError`, `onInfo`, `onWarning`). Mobile
+  and platform panels follow the app theme instead of `prefers-color-scheme`. Swipes in
+  `NiceSwipeActions`, `NiceTouchTable` and `NiceMobileCalendar` work with a mouse and a pen. The
+  `ui-forms` editors have the intended spacing (it was four times too large). `NiceMAM`,
+  `NiceTranscoder`, `NiceVideoAnnotator` and `NiceStreamDashboard` use `nice-`-prefixed BEM classes.
+
+  **Fixes.** Controls that invented results ask the host instead: `NiceIntegrationHub`,
+  `NiceMLStudio` (`onExperimentRun` may return metrics), `NiceRemoteManagement`
+  (`onCaptureScreenshot`), `NicePoseDetector` (`detector`), `NiceBatchScannerProvider`,
+  `NiceCacheStrategies`; `NiceLowCodeStudio` accepts dropped components. Controls that did nothing
+  work or say why they are off: `NiceStreamDashboard` adds sources, sends chat and runs the chosen
+  transition (new `onAddPlatform`, `onSendChatMessage`, `onTransition`, `onScreenshot`,
+  `onOpenAudioMixer`, `onOpenSettings`; `receiveChatMessage` feeds incoming chat), `NiceMLStudio`
+  downloads through `onModelDownload`, `NiceETLBuilder` saves through `onSave` (its Save button had
+  no handler), `NiceTranscoder` makes jobs of picked and dropped files, `NiceAutomationEditor` offers
+  the trigger types its model has. Texts of about fifty components go
+  through `t()` in six languages, among them the AI data grid, chart and form builders, the ML
+  studio, the report designer, the song picker, `NiceProtocolConfig`, `NiceETLBuilder` and
+  `NiceInlineHelp` — every key the controls pass to `t()` now has a dictionary entry, so none of
+  them stays English under another language; `NiceDataGridAI` sorts on a query in any language, not
+  only in English. `NiceWindow`, `NiceConsole`, `NiceFileManager` and `NiceGitManager` no longer
+  crash when `accessMode` switches to or from `'hidden'`. Ids come from `createId()` (`@nice2dev/ui-core`), so nothing throws
+  outside a secure context as `crypto.randomUUID()` did on plain http. `ui-3d` runs on three r183
+  without its deprecation warnings. `NiceRemoteManagement` calls the handlers of the latest render.
+  The AI hint popover and the `ui-platform` panels follow the app theme, not the system's or a
+  `.dark` class on the host. `NiceCommandPalette` has styles and its search filters;
+  `NiceTimeoutFeedback` starts its clock; `NiceOfflineBanner` takes `online`; Monaco's workers in
+  `NiceCodeEditor` load; the `ui-audio` panels that used Bootstrap classes use Nice controls; colours
+  that reached a canvas as `var(…)` (karaoke lanes and notes) are resolved first.
+
 ## 1.1.10
 
 ### Patch Changes

package/README.md

@@ -12,11 +12,11 @@
 
 ### Editors
 
-- **PixelEditor** — Aseprite-inspired pixel art with layers, frames, dithering, GIF / sprite-sheet export, .aseprite import, tile map mode
-- **VectorEditor** — SVG shapes, pen tool, boolean operations, gradients, pattern fills, text-on-path, PDF export
-- **PhotoEditor** — 50+ filters, RAW support, smart selection (magic wand, lasso, magnetic), healing brush, content-aware fill, face detection, batch processing, AI style-transfer
-- **AnimationEditor** — 2D character builder with skeleton rigging, IK/FK, ragdoll/cloth physics, motion paths, Lottie & Spine export
-- **GameAsset2dEditor** — tile maps, sprite sheets, animation state machines, collision shapes, isometric 2.5D, multi-engine export (Tiled, Godot, Unity, Phaser, Construct)
+- **NicePixelEditor** — Aseprite-inspired pixel art with layers, frames, dithering, GIF / sprite-sheet export, .aseprite import, tile map mode
+- **NiceVectorEditor** — SVG shapes, pen tool, boolean operations, gradients, pattern fills, text-on-path, PDF export
+- **NicePhotoEditor** — 50+ filters, RAW support, smart selection (magic wand, lasso, magnetic), healing brush, content-aware fill, face detection, batch processing, AI style-transfer
+- **NiceAnimationEditor** — 2D character builder with skeleton rigging, IK/FK, ragdoll/cloth physics, motion paths, Lottie & Spine export
+- **NiceGameAsset2dEditor** — tile maps, sprite sheets, animation state machines, collision shapes, isometric 2.5D, multi-engine export (Tiled, Godot, Unity, Phaser, Construct)
 - **NiceIconEditor** — SVG icon creation with variant system
 - **NiceUIDesigner** — drag & drop UI builder generating React code
 - **Nice3DTexturePainter** — paint textures on 3D models in-browser
@@ -61,11 +61,11 @@ npm install @nice2dev/ui-graphics framer-motion
 ## Quick Start
 
 ```tsx
-import { PixelEditor } from '@nice2dev/ui-graphics';
+import { NicePixelEditor } from '@nice2dev/ui-graphics';
 import '@nice2dev/ui-graphics/style.css';
 
 function App() {
-  return <PixelEditor initialWidth={64} initialHeight={64} />;
+  return <NicePixelEditor initialWidth={64} initialHeight={64} />;
 }
 ```
 
@@ -73,72 +73,65 @@ function App() {
 
 ## Editors
 
-### PixelEditor
+### NicePixelEditor
 
 ```tsx
-import { PixelEditor } from '@nice2dev/ui-graphics';
+import { NicePixelEditor } from '@nice2dev/ui-graphics';
 
-<PixelEditor
-  initialWidth={64}
-  initialHeight={64}
-  onSaveToLibrary={(dataUrl, name, mimeType) => upload(dataUrl)}
-/>
+<NicePixelEditor initialWidth={64} initialHeight={64} onSaveToLibrary={(dataUrl, name, mimeType) => upload(dataUrl)} />;
 ```
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `initialWidth` | `number` | `64` | Canvas width in pixels |
-| `initialHeight` | `number` | `64` | Canvas height in pixels |
-| `className` | `string` | — | CSS class on root |
-| `onSaveToLibrary` | `(dataUrl, name, mimeType) => void` | — | Callback on save |
+| Prop              | Type                                | Default | Description             |
+| ----------------- | ----------------------------------- | ------- | ----------------------- |
+| `initialWidth`    | `number`                            | `64`    | Canvas width in pixels  |
+| `initialHeight`   | `number`                            | `64`    | Canvas height in pixels |
+| `className`       | `string`                            | —       | CSS class on root       |
+| `onSaveToLibrary` | `(dataUrl, name, mimeType) => void` | —       | Callback on save        |
 
-### VectorEditor
+### NiceVectorEditor
 
 ```tsx
-import { VectorEditor } from '@nice2dev/ui-graphics';
+import { NiceVectorEditor } from '@nice2dev/ui-graphics';
 
-<VectorEditor />
+<NiceVectorEditor />;
 ```
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `className` | `string` | — | CSS class on root |
+| Prop        | Type     | Default | Description       |
+| ----------- | -------- | ------- | ----------------- |
+| `className` | `string` | —       | CSS class on root |
 
-### PhotoEditor
+### NicePhotoEditor
 
 ```tsx
-import { PhotoEditor } from '@nice2dev/ui-graphics';
+import { NicePhotoEditor } from '@nice2dev/ui-graphics';
 
-<PhotoEditor />
+<NicePhotoEditor />;
 ```
 
-### AnimationEditor
+### NiceAnimationEditor
 
 ```tsx
-import { AnimationEditor } from '@nice2dev/ui-graphics';
+import { NiceAnimationEditor } from '@nice2dev/ui-graphics';
 
-<AnimationEditor
-  onChange={(cfg) => saveCharacter(cfg)}
-  onNotify={(msg, type) => toast(msg, { type })}
-/>
+<NiceAnimationEditor onChange={(cfg) => saveCharacter(cfg)} onNotify={(msg, type) => toast(msg, { type })} />;
 ```
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `initialConfig` | `CharacterConfig` | `DEFAULT_CHARACTER` | Starting character config |
-| `onChange` | `(cfg: CharacterConfig) => void` | — | Called on every change |
-| `storageKey` | `string \| false` | `"nice2dev.animation-editor.character"` | localStorage key; `false` to disable |
-| `onNotify` | `(msg, type?) => void` | — | Notification callback |
-| `showJsonPanel` | `boolean` | `true` | Show JSON editor panel |
-| `showPreview` | `boolean` | `true` | Show animated preview |
-| `className` | `string` | — | CSS class on root |
+| Prop            | Type                             | Default                                 | Description                          |
+| --------------- | -------------------------------- | --------------------------------------- | ------------------------------------ |
+| `initialConfig` | `CharacterConfig`                | `DEFAULT_CHARACTER`                     | Starting character config            |
+| `onChange`      | `(cfg: CharacterConfig) => void` | —                                       | Called on every change               |
+| `storageKey`    | `string \| false`                | `"nice2dev.animation-editor.character"` | localStorage key; `false` to disable |
+| `onNotify`      | `(msg, type?) => void`           | —                                       | Notification callback                |
+| `showJsonPanel` | `boolean`                        | `true`                                  | Show JSON editor panel               |
+| `showPreview`   | `boolean`                        | `true`                                  | Show animated preview                |
+| `className`     | `string`                         | —                                       | CSS class on root                    |
 
-### GameAsset2dEditor
+### NiceGameAsset2dEditor
 
 ```tsx
-import { GameAsset2dEditor } from '@nice2dev/ui-graphics';
+import { NiceGameAsset2dEditor } from '@nice2dev/ui-graphics';
 
-<GameAsset2dEditor />
+<NiceGameAsset2dEditor />;
 ```
 
 ---
@@ -148,11 +141,11 @@ import { GameAsset2dEditor } from '@nice2dev/ui-graphics';
 ### i18n — Translation Provider
 
 ```tsx
-import { NiceI18nProvider, AnimationEditor } from '@nice2dev/ui-graphics';
+import { NiceI18nProvider, NiceAnimationEditor } from '@nice2dev/ui-graphics';
 
 <NiceI18nProvider t={(key, fallback) => myI18n(key) ?? fallback}>
-  <AnimationEditor />
-</NiceI18nProvider>
+  <NiceAnimationEditor />
+</NiceI18nProvider>;
 ```
 
 ### Plugin System
@@ -174,8 +167,8 @@ PluginRegistry.register(myPlugin);
 
 // Or via React context
 <NicePluginProvider plugins={[myPlugin]}>
-  <PixelEditor />
-</NicePluginProvider>
+  <NicePixelEditor />
+</NicePluginProvider>;
 ```
 
 ### Theme (Dark / Light)
@@ -185,7 +178,7 @@ import { NiceEditorThemeProvider, useEditorTheme } from '@nice2dev/ui-graphics';
 
 <NiceEditorThemeProvider initialMode="auto">
   <YourApp />
-</NiceEditorThemeProvider>
+</NiceEditorThemeProvider>;
 
 // Inside components:
 const { theme, mode, setMode, toggleMode } = useEditorTheme();
@@ -239,8 +232,8 @@ const guide = createGuide('vertical', 100);
 import { NiceRTLProvider, useIsRTL } from '@nice2dev/ui-graphics';
 
 <NiceRTLProvider direction="rtl">
-  <PixelEditor />
-</NiceRTLProvider>
+  <NicePixelEditor />
+</NiceRTLProvider>;
 ```
 
 ### Animation Utilities
@@ -248,9 +241,13 @@ import { NiceRTLProvider, useIsRTL } from '@nice2dev/ui-graphics';
 ```tsx
 import {
   solveTwoBoneIK,
-  blendPose, tweenPose, ease,
-  createLinearPath, evaluatePath,
-  exportToLottie, exportToSpine,
+  blendPose,
+  tweenPose,
+  ease,
+  createLinearPath,
+  evaluatePath,
+  exportToLottie,
+  exportToSpine,
 } from '@nice2dev/ui-graphics';
 
 // IK solving
@@ -318,13 +315,13 @@ npm run analyze
 ```
 src/
   index.ts          # public API barrel export
-  pixel/            # PixelEditor + utils
-  vector/           # VectorEditor + boolean ops, gradients
-  photo/            # PhotoEditor + filters, selection
-  animation/        # AnimationEditor + rig, physics, motion paths
+  pixel/            # NicePixelEditor + utils
+  vector/           # NiceVectorEditor + boolean ops, gradients
+  photo/            # NicePhotoEditor + filters, selection
+  animation/        # NiceAnimationEditor + rig, physics, motion paths
     rig/            # Skeleton rigging, IK, FK, pose blending
     shapes/         # SVG body part renderers
-  game/             # GameAsset2dEditor
+  game/             # NiceGameAsset2dEditor
   icon/             # NiceIconEditor
   ui/               # NiceUIDesigner
   texture/          # Nice3DTexturePainter

package/dist/cjs/animation/AnimationEditor.js

@@ -111,8 +111,5 @@ function NiceAnimationEditor({ initialConfig, onChange, storageKey = STORAGE_KEY
     };
     return (jsxRuntime.jsxs("div", { className: `ntd-animation-editor ${className !== null && className !== void 0 ? className : ''}`, style: style, children: [jsxRuntime.jsxs("div", { className: "ntd-ae-controls", children: [jsxRuntime.jsx(Row, { title: t('characterEditor.name', 'Name'), children: jsxRuntime.jsx(ui.NiceTextInput, { className: "ntd-ae-input", value: cfg.name || '', onChange: (val) => setCfg({ ...cfg, name: val }), placeholder: t('characterEditor.namePlaceholder', 'Character name') }) }), jsxRuntime.jsxs(Row, { title: t('characters.size', 'Size'), children: [jsxRuntime.jsx(ui.NiceSlider, { min: 140, max: 300, value: (_a = cfg.size) !== null && _a !== void 0 ? _a : 180, onChange: (val) => setCfg({ ...cfg, size: val }) }), jsxRuntime.jsxs("span", { className: "ntd-ae-size-value", children: [(_b = cfg.size) !== null && _b !== void 0 ? _b : 180, "px"] })] }), jsxRuntime.jsx(FeatureEditor, { title: t('characters.faceShape', 'Face'), feature: cfg.face, variants: characterTypes.VARIANTS.face, onChange: (v) => updateFeature('face', v) }), jsxRuntime.jsx(FeatureEditor, { title: t('characters.hairstyle', 'Hair'), feature: cfg.hair, variants: characterTypes.VARIANTS.hair, onChange: (v) => updateFeature('hair', v) }), jsxRuntime.jsx(FeatureEditor, { title: t('characters.eyes', 'Eyes'), feature: cfg.eyes, variants: characterTypes.VARIANTS.eyes, onChange: (v) => updateFeature('eyes', v) }), jsxRuntime.jsx(FeatureEditor, { title: t('characters.nose', 'Nose'), feature: cfg.nose, variants: characterTypes.VARIANTS.nose, onChange: (v) => updateFeature('nose', v) }), jsxRuntime.jsx(FeatureEditor, { title: t('characters.mouth', 'Mouth'), feature: cfg.mouth, variants: characterTypes.VARIANTS.mouth, onChange: (v) => updateFeature('mouth', v) }), jsxRuntime.jsx(FeatureEditor, { title: t('characters.clothing', 'Outfit'), feature: cfg.outfit, variants: characterTypes.VARIANTS.outfit, onChange: (v) => updateFeature('outfit', v) }), jsxRuntime.jsx(FeatureEditor, { title: t('characters.headwear', 'Headwear'), feature: cfg.headwear, variants: characterTypes.VARIANTS.headwear, onChange: (v) => updateFeature('headwear', v) }), jsxRuntime.jsx(FeatureEditor, { title: t('characters.prop', 'Prop'), feature: cfg.prop, variants: characterTypes.VARIANTS.prop, onChange: (v) => updateFeature('prop', v) }), jsxRuntime.jsxs("div", { className: "ntd-ae-action-row", children: [jsxRuntime.jsxs(ui.NiceButton, { className: "ntd-ae-btn", variant: "ghost", onClick: randomizeColors, children: [jsxRuntime.jsx(uiCore.NiceIcon, { name: "shuffle", size: 14 }), ' ', t('characterEditor.randomizeColors', 'Randomize colors')] }), jsxRuntime.jsxs(ui.NiceButton, { className: "ntd-ae-btn", variant: "ghost", onClick: downloadJson, children: [jsxRuntime.jsx(uiCore.NiceIcon, { name: "download", size: 14 }), " ", t('characters.downloadJson', 'Download JSON')] })] }), showJsonPanel && (jsxRuntime.jsxs("div", { className: "ntd-ae-json-panel", children: [jsxRuntime.jsx("div", { className: "ntd-ae-json-label", children: t('characterEditor.jsonSection', 'JSON') }), jsxRuntime.jsx(ui.NiceTextArea, { className: "ntd-ae-textarea", value: json, onChange: (val) => setJson(val) }), jsxRuntime.jsxs("div", { className: "ntd-ae-json-actions", children: [jsxRuntime.jsx(ui.NiceButton, { className: "ntd-ae-btn", variant: "primary", onClick: applyJson, children: t('characterEditor.applyJson', 'Apply JSON') }), jsxRuntime.jsx(ui.NiceButton, { className: "ntd-ae-btn", variant: "ghost", onClick: () => navigator.clipboard.writeText(JSON.stringify(cfg, null, 2)), children: t('characterEditor.copyToClipboard', 'Copy') })] })] }))] }), showPreview && (jsxRuntime.jsxs("div", { className: "ntd-ae-preview", children: [jsxRuntime.jsx("div", { className: "ntd-ae-preview-label", children: t('characterEditor.preview', 'Preview') }), jsxRuntime.jsx(AnimatedPerson, { character: cfg, score: 10, startPose: "idle" })] }))] }));
 }
-/** @deprecated Use NiceAnimationEditor */
-const AnimationEditor = NiceAnimationEditor;
 
-exports.AnimationEditor = AnimationEditor;
 exports.NiceAnimationEditor = NiceAnimationEditor;

package/dist/cjs/animation/BodyRenderer.js

@@ -25,11 +25,8 @@ const NiceBodyRenderer = ({ character, size }) => {
     const outfitBase = characterTypes.pick(character.outfit.colors, 0, characterTypes.DEFAULT_COLORS.shirt);
     const armColors = [skin, outfitBase, stroke];
     const legColors = [outfitBase, characterTypes.pick(character.outfit.colors, 1, outfitBase), stroke];
-    return (jsxRuntime.jsx("svg", { width: S, height: S, viewBox: `0 0 ${S} ${S}`, role: "img", children: jsxRuntime.jsxs("g", { transform: `translate(${S / 2} ${S * 0.86})`, children: [jsxRuntime.jsx(legs.Leg, { colors: legColors, side: -1, variant: "pants", scale: k, transform: "translate(-16 0)" }), jsxRuntime.jsx(legs.Leg, { colors: legColors, side: 1, variant: "pants", scale: k, transform: "translate(16 0)" }), jsxRuntime.jsx(torsos.Torso, { variant: "vShape", colors: [skin, 'var(--anim-transparent, #00000000)', stroke], scale: k }), jsxRuntime.jsx(outfits.Outfit, { variant: character.outfit.variant, colors: character.outfit.colors, scale: k }), jsxRuntime.jsx(arms.Arm, { colors: armColors, side: -1, variant: "sleeveShort", scale: k, transform: "translate(-40 -8)" }), jsxRuntime.jsx(arms.Arm, { colors: armColors, side: 1, variant: "sleeveShort", scale: k, transform: "translate(40 -8)" }), jsxRuntime.jsxs("g", { transform: "translate(0 -84)", children: [jsxRuntime.jsx(heads.Head, { variant: character.face.variant, colors: character.face.colors, scale: k }), jsxRuntime.jsx(hair.Hair, { variant: character.hair.variant, colors: character.hair.colors, scale: k }), jsxRuntime.jsx(eyes.Eyes, { variant: character.eyes.variant, colors: character.eyes.colors, scale: k }), jsxRuntime.jsx(noses.Nose, { variant: character.nose.variant, colors: character.nose.colors, scale: k }), jsxRuntime.jsx(mouths.Mouth, { variant: character.mouth.variant, colors: character.mouth.colors, scale: k }), jsxRuntime.jsx(headwear.Headwear, { variant: character.headwear.variant, colors: character.headwear.colors, scale: k })] })] }) }));
+    return (jsxRuntime.jsx("svg", { width: S, height: S, viewBox: `0 0 ${S} ${S}`, role: "img", children: jsxRuntime.jsxs("g", { transform: `translate(${S / 2} ${S * 0.86})`, children: [jsxRuntime.jsx(legs.Leg, { colors: legColors, side: -1, variant: "pants", scale: k, transform: "translate(-16 0)" }), jsxRuntime.jsx(legs.Leg, { colors: legColors, side: 1, variant: "pants", scale: k, transform: "translate(16 0)" }), jsxRuntime.jsx(torsos.Torso, { variant: "vShape", colors: [skin, 'var(--anim-transparent, #00000000)', stroke], scale: k }), jsxRuntime.jsx(outfits.Outfit, { variant: character.outfit.variant, colors: character.outfit.colors, scale: k }), jsxRuntime.jsx(arms.Arm, { colors: armColors, side: -1, variant: "sleeveShort", scale: k, transform: "translate(-40 -8)" }), jsxRuntime.jsx(arms.Arm, { colors: armColors, side: 1, variant: "sleeveShort", scale: k, transform: "translate(40 -8)" }), jsxRuntime.jsxs("g", { transform: "translate(0 -84)", children: [jsxRuntime.jsx(heads.NiceHead, { variant: character.face.variant, colors: character.face.colors, scale: k }), jsxRuntime.jsx(hair.Hair, { variant: character.hair.variant, colors: character.hair.colors, scale: k }), jsxRuntime.jsx(eyes.Eyes, { variant: character.eyes.variant, colors: character.eyes.colors, scale: k }), jsxRuntime.jsx(noses.Nose, { variant: character.nose.variant, colors: character.nose.colors, scale: k }), jsxRuntime.jsx(mouths.Mouth, { variant: character.mouth.variant, colors: character.mouth.colors, scale: k }), jsxRuntime.jsx(headwear.Headwear, { variant: character.headwear.variant, colors: character.headwear.colors, scale: k })] })] }) }));
 };
-/** @deprecated Use NiceBodyRenderer */
-const BodyRenderer = NiceBodyRenderer;
 
-exports.BodyRenderer = BodyRenderer;
 exports.NiceBodyRenderer = NiceBodyRenderer;
 exports.default = NiceBodyRenderer;

package/dist/cjs/animation/shapes/heads.js

@@ -67,11 +67,8 @@ const NiceHead = ({ variant, ...rest }) => {
     const Comp = (_a = HEAD_RENDERERS[variant]) !== null && _a !== void 0 ? _a : HeadRound;
     return jsxRuntime.jsx(Comp, { ...rest });
 };
-/** @deprecated Use NiceHead */
-const Head = NiceHead;
 
 exports.HEAD_RENDERERS = HEAD_RENDERERS;
-exports.Head = Head;
 exports.HeadChubby = HeadChubby;
 exports.HeadDiamond = HeadDiamond;
 exports.HeadHeart = HeadHeart;

package/dist/cjs/core/NiceBrushEngine.js

@@ -570,9 +570,7 @@ const NiceBrushEngine = ({ canvas, color = '#000000', onStrokeEnd, className = '
                             background: s.name === ((_a = BRUSH_PRESETS[name]) === null || _a === void 0 ? void 0 : _a.name)
                                 ? 'var(--nice-color-accent, #6366f1)'
                                 : 'transparent',
-                            color: s.name === ((_b = BRUSH_PRESETS[name]) === null || _b === void 0 ? void 0 : _b.name)
-                                ? 'var(--nice-text-on-primary, #fff)'
-                                : 'inherit',
+                            color: s.name === ((_b = BRUSH_PRESETS[name]) === null || _b === void 0 ? void 0 : _b.name) ? 'var(--nice-color-white, #fff)' : 'inherit',
                         }, children: BRUSH_PRESETS[name].name }, name));
                 }) }), jsxRuntime.jsxs("label", { children: ["Size: ", s.size, "px", jsxRuntime.jsx("input", { type: "range", min: 1, max: 200, value: s.size, onChange: (e) => engine.setSettings({ ...s, size: +e.target.value }), style: { width: '100%' } })] }), jsxRuntime.jsxs("label", { children: ["Opacity: ", Math.round(s.opacity * 100), "%", jsxRuntime.jsx("input", { type: "range", min: 0, max: 1, step: 0.01, value: s.opacity, onChange: (e) => engine.setSettings({ ...s, opacity: +e.target.value }), style: { width: '100%' } })] }), jsxRuntime.jsxs("label", { children: ["Flow: ", Math.round(s.flow * 100), "%", jsxRuntime.jsx("input", { type: "range", min: 0, max: 1, step: 0.01, value: s.flow, onChange: (e) => engine.setSettings({ ...s, flow: +e.target.value }), style: { width: '100%' } })] }), jsxRuntime.jsxs("label", { children: ["Hardness: ", Math.round(s.hardness * 100), "%", jsxRuntime.jsx("input", { type: "range", min: 0, max: 1, step: 0.01, value: s.hardness, onChange: (e) => engine.setSettings({ ...s, hardness: +e.target.value }), style: { width: '100%' } })] }), jsxRuntime.jsxs("label", { children: ["Smoothing: ", Math.round(s.smoothing * 100), "%", jsxRuntime.jsx("input", { type: "range", min: 0, max: 1, step: 0.01, value: s.smoothing, onChange: (e) => engine.setSettings({ ...s, smoothing: +e.target.value }), style: { width: '100%' } })] }), jsxRuntime.jsxs("label", { children: ["Tip:", jsxRuntime.jsxs("select", { value: s.tipShape, onChange: (e) => engine.setSettings({ ...s, tipShape: e.target.value }), style: { width: '100%' }, children: [jsxRuntime.jsx("option", { value: "circle", children: "Circle" }), jsxRuntime.jsx("option", { value: "square", children: "Square" }), jsxRuntime.jsx("option", { value: "diamond", children: "Diamond" }), jsxRuntime.jsx("option", { value: "texture", children: "Texture" })] })] }), jsxRuntime.jsxs("label", { children: ["Roundness: ", Math.round(s.roundness * 100), "%", jsxRuntime.jsx("input", { type: "range", min: 0.05, max: 1, step: 0.05, value: s.roundness, onChange: (e) => engine.setSettings({ ...s, roundness: +e.target.value }), style: { width: '100%' } })] }), jsxRuntime.jsxs("details", { children: [jsxRuntime.jsxs("summary", { style: { cursor: 'pointer', fontSize: 12 }, children: [jsxRuntime.jsx(uiCore.NiceIcon, { name: "bar-chart", size: 12 }), " Size Dynamics"] }), jsxRuntime.jsxs("label", { children: ["Source:", jsxRuntime.jsxs("select", { value: s.sizeDynamics.source, onChange: (e) => engine.setSettings({
                                     ...s,

package/dist/cjs/font/NiceFontEditor.js

@@ -191,7 +191,7 @@ const NiceFontEditor = ({ fontName = 'MyFont', onSave, className = '', tutorial,
         border: 'none',
         cursor: 'pointer',
         background: active ? 'var(--nice-info, #339af0)' : 'var(--nice-bg-secondary, #2c2e33)',
-        color: active ? 'var(--nice-text-on-primary, #fff)' : 'var(--nice-text, #c1c2c5)',
+        color: active ? 'var(--nice-color-white, #fff)' : 'var(--nice-text, #c1c2c5)',
         fontSize: 11,
     });
     const fieldStyle = {
@@ -232,7 +232,7 @@ const NiceFontEditor = ({ fontName = 'MyFont', onSave, className = '', tutorial,
                         }, children: "Save" }), jsxRuntime.jsx("button", { onClick: handleExportSvg, style: {
                             padding: '4px 12px',
                             background: '#228be6',
-                            color: 'var(--nice-text-on-primary, #fff)',
+                            color: 'var(--nice-color-white, #fff)',
                             border: 'none',
                             borderRadius: 3,
                             cursor: 'pointer',
@@ -265,7 +265,7 @@ const NiceFontEditor = ({ fontName = 'MyFont', onSave, className = '', tutorial,
                                                 ? 'var(--nice-bg-secondary, #2c2e33)'
                                                 : '#25262b',
                                         color: editor.selectedGlyph === g.unicode
-                                            ? 'var(--nice-text-on-primary, #fff)'
+                                            ? 'var(--nice-color-white, #fff)'
                                             : g.path
                                                 ? 'var(--nice-text, #c1c2c5)'
                                                 : '#5c5f66',

package/dist/cjs/game/GameAsset2dEditor.js

@@ -392,8 +392,5 @@ const NiceGameAsset2dEditor = ({ className, onSave, onExport, }) => {
     };
     return (jsxRuntime.jsx(ui.NiceAppShell, { className: `${GameAsset2dEditor_module.root} ${className || ''}`, flush: true, menubar: jsxRuntime.jsx(MenuBar, { api: api }), toolbar: jsxRuntime.jsx(ModeTabs, { api: api }), statusBar: jsxRuntime.jsx(StatusBar, { api: api }), children: jsxRuntime.jsx("div", { style: { display: 'flex', flexDirection: 'column', minHeight: 0, height: '100%' }, children: renderModeContent() }) }));
 };
-/** @deprecated Use NiceGameAsset2dEditor */
-const GameAsset2dEditor = NiceGameAsset2dEditor;
 
-exports.GameAsset2dEditor = GameAsset2dEditor;
 exports.NiceGameAsset2dEditor = NiceGameAsset2dEditor;

package/dist/cjs/index.js

@@ -73,14 +73,9 @@ var designTools = require('./design/design-tools.js');
 
 
 exports.NicePixelEditor = PixelEditor.NicePixelEditor;
-exports.PixelEditor = PixelEditor.PixelEditor;
 exports.NiceVectorEditor = VectorEditor.NiceVectorEditor;
-exports.VectorEditor = VectorEditor.VectorEditor;
 exports.NicePhotoEditor = PhotoEditor;
-exports.PhotoEditor = PhotoEditor;
-exports.AnimationEditor = AnimationEditor.AnimationEditor;
 exports.NiceAnimationEditor = AnimationEditor.NiceAnimationEditor;
-exports.AnimatedPerson = AnimatedPerson;
 exports.NiceAnimatedPerson = AnimatedPerson;
 exports.ALL_DIRECTIONS = spriteGeneratorCore.ALL_DIRECTIONS;
 exports.applyIsometricProjection = spriteGeneratorCore.applyIsometricProjection;
@@ -115,8 +110,6 @@ exports.FUR_PALETTES = animalGeneratorPresets.FUR_PALETTES;
 exports.SCALE_PALETTES = animalGeneratorPresets.SCALE_PALETTES;
 exports.initAnimalParts = animalGeneratorPresets.initAnimalParts;
 exports.NiceSpriteGeneratorPanel = SpriteGeneratorPanel;
-exports.SpriteGeneratorPanel = SpriteGeneratorPanel;
-exports.GameAsset2dEditor = GameAsset2dEditor.GameAsset2dEditor;
 exports.NiceGameAsset2dEditor = GameAsset2dEditor.NiceGameAsset2dEditor;
 exports.useGameAssetEditor = useGameAssetEditor.useGameAssetEditor;
 exports.NiceI18nProvider = i18n.NiceI18nProvider;
@@ -190,7 +183,6 @@ exports.booChoreo = choreography.booChoreo;
 exports.danceParty = choreography.danceParty;
 exports.showcaseAll = choreography.showcaseAll;
 exports.waveScoreChoreo = choreography.waveScoreChoreo;
-exports.Audience = Audience;
 exports.NiceAudience = Audience;
 exports.attachScoreReactions = karaokeIntegration.attachScoreReactions;
 exports.onScore = karaokeIntegration.onScore;
@@ -198,12 +190,9 @@ exports.playIntro = karaokeIntegration.playIntro;
 exports.reactionForScore = karaokeIntegration.reactionForScore;
 exports.scoreBus = karaokeIntegration.scoreBus;
 exports.simulateScore = karaokeIntegration.simulateScore;
-exports.BodyRenderer = BodyRenderer.BodyRenderer;
-exports.BodyRendererDefault = BodyRenderer.NiceBodyRenderer;
 exports.NiceBodyRenderer = BodyRenderer.NiceBodyRenderer;
 exports.NiceBodyRendererDefault = BodyRenderer.NiceBodyRenderer;
 exports.HEAD_RENDERERS = heads.HEAD_RENDERERS;
-exports.Head = heads.Head;
 exports.NiceHead = heads.NiceHead;
 exports.EYES_RENDERERS = eyes.EYES_RENDERERS;
 exports.Eyes = eyes.Eyes;