@nice2dev/ui-graphics 1.1.10 → 1.2.1

package/CHANGELOG.md

@@ -1,5 +1,178 @@
 # @nice2dev/ui-graphics — Changelog
 
+## 1.2.1
+
+### Patch Changes
+
+- 8c82c30: 1.2.1 — the decisions that waited since 1.2.0, and the debts the CI gates were holding. One API
+  change, agreed: `NiceIconSuggestorAI` suggests Nice icons only. Two stylesheets to import if you use
+  the packages: `@nice2dev/social/style.css`, `@nice2dev/ui-science/style.css`. Upgrade notes:
+  `documentation/omniverk/OMNIVERK_UPGRADE_1.2.1.md`.
+
+  **Tree-shaking.** An import from a package no longer brings the whole package. Module-level
+  statements that may have a side effect — a `displayName` assigned after each component (now
+  `Object.assign` inside `/* @__PURE__ */`, or under a development check for plain functions),
+  unannotated `forwardRef` / `memo` / `createContext` / icon-factory calls, spreads, registries filled
+  at import, `<style>` tags injected at import, a direct `eval` in ui-math — are gone. One import from
+  each of 53 packages: 5066.5 kB → 1171.6 kB (`@nice2dev/ui` 1928.2 kB → 12.9 kB, icon packs 48–275 kB
+  → 1.6–2.6 kB). `defaultViewRegistry` has the Nice\* input controls from the start, each loading its
+  module on first render; sixteen controls add their styles to `<head>` on first render.
+
+  **Dead code.** 405 source files no entry point imported (never on npm) are deleted;
+  `NiceClipboardStack` (`@nice2dev/ui`) and `NiceSampleBrowser` (`@nice2dev/ui-audio`), finished and
+  documented, are exported.
+
+  **ui-mobile draws Nice icons.** New peer `@nice2dev/icons ^1.2.0`; `TabIcons`, `DrawerIcons`,
+  `HeaderIcons`, the `NiceSwipeActions` presets and the `NiceInfiniteScroll` states are `Ntd*` icons
+  instead of pasted `<svg>`, simple glyphs are CSS marks. `@nice2dev/icons` adds `NtdReply` and
+  `NtdInbox`; an icon no longer throws without `window.matchMedia`.
+
+  **`NiceIconSuggestorAI` (breaking, agreed).** `AIIconLibrary` is `'nice'`; `svgPath` and `unicode`
+  left `AISuggestedIcon`; the preview is a `<NiceIcon>`, "Copy SVG" is "Copy JSX".
+
+  **Peer ranges.** Every internal `@nice2dev/*` peer is `^1.2.0` (was as wide as `^1.0.20`), except
+  `@nice2dev/icons ^1.2.1` where a package draws an icon new in 1.2.1: ui-mobile (`NtdReply`,
+  `NtdInbox`), ui-audio (`NtdMicrophoneOff`) and ui-security (`NtdBackspace`). ui-security, licensing
+  (`^1.2.0`) and templates (`^1.2.0`) gain the `@nice2dev/icons` peer: their glyph icons (`⌫`, `←`,
+  `→`, `↑`, `↓`) are Nice icons now. `@nice2dev/icons` adds `NtdBackspace`.
+
+  **Class names inside components.** 834 class names in library stylesheets had no `nice-` prefix
+  (`.tab-button`, `.status-badge`, `.selected`, …) and styled every element of that name on the page.
+  They follow `nice-{block}__{element}--{modifier}` now — no change on screen. The class theme hooks
+  next to `[data-theme]` on seven controls (`dark` on the AI chart / data grid / code and HTML
+  editors / form builder, `light-theme` on `NiceMAM` and `NiceVideoAnnotator`) are `nice-dark` /
+  `nice-light`; `NiceLowPowerMode` marks `<html>` with `nice-lpm-no-animations` /
+  `nice-lpm-reduced-quality`; the `NiceVideoEditor` of `@nice2dev/ui-video` styles its elements under
+  `nice-video-studio`, so they no longer collide with the `NiceVideoEditor` of `@nice2dev/ui`.
+  Rules for classes nothing rendered are gone, among them the stylesheet of `NiceGanttChart`, which
+  left ui-erp in 1.0.10.
+
+  **Translations.** About 3,400 UI texts in 32 packages were hard-coded; they go through `t()` now,
+  with the English text unchanged and pl / de / fr / es / uk in `@nice2dev/i18n` (ui-diagrams,
+  ui-presentations and ui-math in their own dictionaries). In `@nice2dev/events` and
+  `@nice2dev/admin` that includes column headers, option labels and the statuses and roles they used
+  to print raw (`checked-in`, `no-show`) — English labels for those come from the dictionary. ui-3d and ui-graphics read the app's
+  global translator, as ui-audio does since 1.2.0 — their own provider overrides it. ui-audio's
+  controls used 631 keys the dictionary did not have (English in every language), and the radio
+  player showed raw keys (`search_stations`). Texts that were hard-coded **in Polish** — in
+  `NiceSidebarNav`, `NiceNetworkDiscoveryPanel`, the backup and smart-home controls,
+  `NiceSavedQueryPanel`, `NiceNotificationPreferences`, the ui-buildings panels, the ui-printing
+  template editor and the photo editor — default to English now; Polish is in the dictionary. English
+  plurals glued on (`result{s}`) are two keys. `presentationsTranslator(lang)` (ui-presentations)
+  translates outside its provider.
+
+  **List props are optional.** 170 list props (`items`, `columns`, `data`, …) in 15 packages that
+  were required without a default are optional, with a stable empty default; every one of those
+  controls mounts without data (tested). `NiceStockChart` without data no longer computes NaN
+  coordinates.
+
+  **Unstyled components get stylesheets.** 98 components rendered class names no stylesheet had —
+  admin panels, auth forms, events rounds and pickers, the ERP invoice / purchase order / VAT table /
+  HR dashboard, the radio player, `NiceInbox`, PWA prompts, `NiceViewRenderer`, shells, smart-home,
+  … The fixed layout that sat in inline style objects is in classes now, so an app can override it;
+  values that depend on data stay inline. **`@nice2dev/social` and `@nice2dev/ui-science` ship a
+  stylesheet — import `@nice2dev/social/style.css` / `@nice2dev/ui-science/style.css`.** ui-science's
+  `sideEffects` is `["*.css"]`. Colours, spacing and radii in every stylesheet come from theme tokens
+  (visible in dark themes: `NiceRecipe` difficulty badges, transcoder states, warehouse heat map).
+
+  **Icons only from Nice.** About 130 glyphs (`×`, `→`, `↑`) and 100 pasted `<svg>` used as icons
+  are Nice icons; 11 `<svg>` stay as the control's own graphic (logos, spinners, checkbox mark). `NiceIcon`
+  gains `pin`, `mic-off`, `log-out`, `chevrons-left`, `chevrons-right`, `zoom-in`, `zoom-out`,
+  `navigation`, `refresh-ccw`, `minimize` and `smartphone`; `@nice2dev/icons` gains
+  `NtdMicrophoneOff`. The `icon` fields of the module, menu, tab, mode, quick-action, scene and admin
+  widget DTOs, notification channels and view toolbar items are rendered through `NiceIcon` — they
+  used to be printed as text. `NiceRatings` `thumbs` draws shapes instead of emoji.
+
+  **Dialogs instead of `window.prompt` / `confirm` / `alert`.** New `useNiceDialogs()` — `prompt`,
+  `confirm` and `alert` as promises on `NicePromptDialog` / `NiceConfirmDialog` — and
+  `NiceConfirmDialog.showReject`. Seventeen controls asked through the browser's blocking dialogs and
+  use the library's now (`NiceFileManager`, `NiceHtmlEditor`, `NiceViewRenderer` action `confirm`, the 3D,
+  vector and pixel editors, …). Keys pressed in `NicePromptDialog` / `NiceConfirmDialog` no longer
+  reach the page's shortcuts (Escape still closes them), and `NicePromptDialog`'s backdrop covers the
+  whole viewport.
+
+  **Smaller fixes.** `NiceFileManager.items` is optional. `NiceMLStudio` status badges: `draft`,
+  `registered`, `archived`, `cancelled` get a neutral colour, deploying / stopped deployments theirs.
+  Component docs (`doc.json`) list only props the components have. `NiceMobileTabs`: tabs beyond
+  `maxTabs` open from "More" (it only logged). `NiceInventoryManager`: new `onCreatePurchaseOrder`;
+  without it the "Create PO" button is gone (it only logged). Keyboard: `NiceNavShell` tabs follow the
+  WAI-ARIA tabs pattern, clickable `NiceDeviceTile` / `NiceCardGroup` cards and animated icons with
+  `trigger="click"` are focusable. ui-math: `CalculatorService.evaluate` parses instead of running
+  `new Function` (`asin`, `sinh`, `ceil`, exponents and `angleUnit` were wrong); `ExpressionParser`
+  takes `functions`, `constants`, `ignoreCase` and `strict`, multiplies implicitly (`2x`) and reads `^`
+  right to left. `InvoiceLine.vatRate` and `VatRate.rate` are documented as fractions (0.23).
+  `AmqpServerBinding` is `Record<string, never>`.
+
+## 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/Audience.js

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var ui = require('@nice2dev/ui');
 var React = require('react');
+var i18n = require('../core/i18n.js');
 var AnimatedPerson = require('./AnimatedPerson.js');
 var characterTypes = require('./characterTypes.js');
 var choreoDSL = require('./choreoDSL.js');
@@ -35,6 +36,7 @@ function makeAudience(n) {
 }
 /** Grid of animated audience members with wave/cheer actions. */
 const NiceAudience = ({ count = 36, columns = 12 }) => {
+    const { t } = i18n.useNiceTranslation();
     const people = React.useMemo(() => makeAudience(count), [count]);
     const refs = React.useRef([]);
     refs.current = [];
@@ -59,7 +61,7 @@ const NiceAudience = ({ count = 36, columns = 12 }) => {
                     display: 'grid',
                     gap: 8,
                     gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
-                }, children: people.map((c, i) => (jsxRuntime.jsx(AnimatedPerson, { character: c, score: 10, startPose: "idle", onReady: (fx) => (refs.current[i] = fx) }, i))) }), jsxRuntime.jsxs("div", { style: { display: 'flex', gap: 8 }, children: [jsxRuntime.jsx(ui.NiceButton, { variant: "ghost", size: "sm", onClick: wave, children: "Wave" }), jsxRuntime.jsx(ui.NiceButton, { variant: "ghost", size: "sm", onClick: cheer, children: "Cheer" })] })] }));
+                }, children: people.map((c, i) => (jsxRuntime.jsx(AnimatedPerson, { character: c, score: 10, startPose: "idle", onReady: (fx) => (refs.current[i] = fx) }, i))) }), jsxRuntime.jsxs("div", { style: { display: 'flex', gap: 8 }, children: [jsxRuntime.jsx(ui.NiceButton, { variant: "ghost", size: "sm", onClick: wave, children: t('audience.wave', 'Wave') }), jsxRuntime.jsx(ui.NiceButton, { variant: "ghost", size: "sm", onClick: cheer, children: t('audience.cheer', 'Cheer') })] })] }));
 };
 
 module.exports = NiceAudience;

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/rig/RigPlayer.js

@@ -9,7 +9,7 @@ var RiggedBody = require('./RiggedBody.js');
 var rigMath = require('./rigMath.js');
 var rigTypes = require('./rigTypes.js');
 
-const NiceRigPlayer = React.forwardRef(({ character, rig, pose, size, debug }, ref) => {
+const NiceRigPlayer = /* @__PURE__ */ React.forwardRef(({ character, rig, pose, size, debug }, ref) => {
     var _a;
     const [current, setCurrent] = React.useState({ ...rigTypes.DEFAULT_POSE, ...(pose !== null && pose !== void 0 ? pose : {}) });
     const r = rig !== null && rig !== void 0 ? rig : rigTypes.DEFAULT_RIG;

package/dist/cjs/animation/rig/presets.js

@@ -3,66 +3,78 @@
 var rigTypes = require('./rigTypes.js');
 
 /** Slim proportions preset. */
-const RIG_SLIM = {
-    ...rigTypes.DEFAULT_RIG,
-    lUpperArm: { ...rigTypes.DEFAULT_RIG.lUpperArm, length: 0.11 },
-    lForearm: { ...rigTypes.DEFAULT_RIG.lForearm, length: 0.11 },
-    rUpperArm: { ...rigTypes.DEFAULT_RIG.rUpperArm, length: 0.11 },
-    rForearm: { ...rigTypes.DEFAULT_RIG.rForearm, length: 0.11 },
-    lThigh: { ...rigTypes.DEFAULT_RIG.lThigh, length: 0.14 },
-    lShin: { ...rigTypes.DEFAULT_RIG.lShin, length: 0.14 },
-    rThigh: { ...rigTypes.DEFAULT_RIG.rThigh, length: 0.14 },
-    rShin: { ...rigTypes.DEFAULT_RIG.rShin, length: 0.14 },
-};
+const RIG_SLIM = /* @__PURE__ */ (function () {
+    return {
+        ...rigTypes.DEFAULT_RIG,
+        lUpperArm: { ...rigTypes.DEFAULT_RIG.lUpperArm, length: 0.11 },
+        lForearm: { ...rigTypes.DEFAULT_RIG.lForearm, length: 0.11 },
+        rUpperArm: { ...rigTypes.DEFAULT_RIG.rUpperArm, length: 0.11 },
+        rForearm: { ...rigTypes.DEFAULT_RIG.rForearm, length: 0.11 },
+        lThigh: { ...rigTypes.DEFAULT_RIG.lThigh, length: 0.14 },
+        lShin: { ...rigTypes.DEFAULT_RIG.lShin, length: 0.14 },
+        rThigh: { ...rigTypes.DEFAULT_RIG.rThigh, length: 0.14 },
+        rShin: { ...rigTypes.DEFAULT_RIG.rShin, length: 0.14 },
+    };
+})();
 /** Broad shoulders preset. */
-const RIG_HERO = {
-    ...rigTypes.DEFAULT_RIG,
-    lShoulder: { ...rigTypes.DEFAULT_RIG.lShoulder, offset: [-0.13, 0] },
-    rShoulder: { ...rigTypes.DEFAULT_RIG.rShoulder, offset: [0.13, 0] },
-    lUpperArm: { ...rigTypes.DEFAULT_RIG.lUpperArm, length: 0.13 },
-    rUpperArm: { ...rigTypes.DEFAULT_RIG.rUpperArm, length: 0.13 },
-};
+const RIG_HERO = /* @__PURE__ */ (function () {
+    return {
+        ...rigTypes.DEFAULT_RIG,
+        lShoulder: { ...rigTypes.DEFAULT_RIG.lShoulder, offset: [-0.13, 0] },
+        rShoulder: { ...rigTypes.DEFAULT_RIG.rShoulder, offset: [0.13, 0] },
+        lUpperArm: { ...rigTypes.DEFAULT_RIG.lUpperArm, length: 0.13 },
+        rUpperArm: { ...rigTypes.DEFAULT_RIG.rUpperArm, length: 0.13 },
+    };
+})();
 /** Robot-like short limbs preset. */
-const RIG_ROBOT = {
-    ...rigTypes.DEFAULT_RIG,
-    lUpperArm: { ...rigTypes.DEFAULT_RIG.lUpperArm, length: 0.1 },
-    lForearm: { ...rigTypes.DEFAULT_RIG.lForearm, length: 0.1 },
-    rUpperArm: { ...rigTypes.DEFAULT_RIG.rUpperArm, length: 0.1 },
-    rForearm: { ...rigTypes.DEFAULT_RIG.rForearm, length: 0.1 },
-    lThigh: { ...rigTypes.DEFAULT_RIG.lThigh, length: 0.13 },
-    lShin: { ...rigTypes.DEFAULT_RIG.lShin, length: 0.13 },
-    rThigh: { ...rigTypes.DEFAULT_RIG.rThigh, length: 0.13 },
-    rShin: { ...rigTypes.DEFAULT_RIG.rShin, length: 0.13 },
-};
+const RIG_ROBOT = /* @__PURE__ */ (function () {
+    return {
+        ...rigTypes.DEFAULT_RIG,
+        lUpperArm: { ...rigTypes.DEFAULT_RIG.lUpperArm, length: 0.1 },
+        lForearm: { ...rigTypes.DEFAULT_RIG.lForearm, length: 0.1 },
+        rUpperArm: { ...rigTypes.DEFAULT_RIG.rUpperArm, length: 0.1 },
+        rForearm: { ...rigTypes.DEFAULT_RIG.rForearm, length: 0.1 },
+        lThigh: { ...rigTypes.DEFAULT_RIG.lThigh, length: 0.13 },
+        lShin: { ...rigTypes.DEFAULT_RIG.lShin, length: 0.13 },
+        rThigh: { ...rigTypes.DEFAULT_RIG.rThigh, length: 0.13 },
+        rShin: { ...rigTypes.DEFAULT_RIG.rShin, length: 0.13 },
+    };
+})();
 /** Happy pose. */
-const POSE_HAPPY = {
-    ...rigTypes.DEFAULT_POSE,
-    spineUpper: 80,
-    neck: 70,
-    head: 60,
-    lUpperArm: 60,
-    lForearm: 20,
-    rUpperArm: 120,
-    rForearm: 160,
-};
+const POSE_HAPPY = /* @__PURE__ */ (function () {
+    return {
+        ...rigTypes.DEFAULT_POSE,
+        spineUpper: 80,
+        neck: 70,
+        head: 60,
+        lUpperArm: 60,
+        lForearm: 20,
+        rUpperArm: 120,
+        rForearm: 160,
+    };
+})();
 /** Angry pose. */
-const POSE_ANGRY = {
-    ...rigTypes.DEFAULT_POSE,
-    head: 90,
-    lUpperArm: 150,
-    rUpperArm: 30,
-    lForearm: 160,
-    rForearm: 20,
-};
+const POSE_ANGRY = /* @__PURE__ */ (function () {
+    return {
+        ...rigTypes.DEFAULT_POSE,
+        head: 90,
+        lUpperArm: 150,
+        rUpperArm: 30,
+        lForearm: 160,
+        rForearm: 20,
+    };
+})();
 /** Dance pose A. */
-const POSE_DANCE_A = {
-    ...rigTypes.DEFAULT_POSE,
-    pelvis: 100,
-    lThigh: 120,
-    rThigh: 70,
-    lUpperArm: 30,
-    rUpperArm: 150,
-};
+const POSE_DANCE_A = /* @__PURE__ */ (function () {
+    return {
+        ...rigTypes.DEFAULT_POSE,
+        pelvis: 100,
+        lThigh: 120,
+        rThigh: 70,
+        lUpperArm: 30,
+        rUpperArm: 150,
+    };
+})();
 
 exports.POSE_ANGRY = POSE_ANGRY;
 exports.POSE_DANCE_A = POSE_DANCE_A;

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;