@mk-kit/ui 0.37.0 → 0.39.0

package/README.md

@@ -10,6 +10,9 @@ is the target, not the marketing. MIT licensed. Zero runtime dependencies
 beyond Angular.
 
 - **Docs & live demos:** <https://mk-kit.dev>
+- **API reference:** <https://mk-kit.dev/api> — also as [api.json](https://mk-kit.dev/api.json), [llms.txt](https://mk-kit.dev/llms.txt) and [llms-full.txt](https://mk-kit.dev/llms-full.txt) for tools and AI assistants
+- **Testing:** `@mk-kit/ui/testing` — component harnesses for TestBed specs (<https://mk-kit.dev/testing>)
+- **MCP server:** `npx -y @mk-kit/mcp` — exact component/input/output lookup for Claude Code, Cursor & co. ([@mk-kit/mcp](https://www.npmjs.com/package/@mk-kit/mcp))
 - **Changelog:** [CHANGELOG.md](https://github.com/mk-kit/mk-kit/blob/main/CHANGELOG.md)
 - **Issues:** <https://github.com/mk-kit/mk-kit/issues>
 
@@ -20,7 +23,12 @@ ng add @mk-kit/ui
 ```
 
 `ng add` installs the package and wires the theme stylesheet into
-`angular.json`. By hand instead:
+`angular.json`.
+
+**Coming from PrimeNG?** `ng g @mk-kit/ui:migrate-primeng --dry-run` shows
+what the codemod would rewrite (imports, class names, 1:1 selectors, a few
+input names) and what needs a manual touch; without `--dry-run` it applies
+the changes and writes `primeng-migration.md`. Details: <https://mk-kit.dev/migration>. By hand instead:
 
 ```bash
 npm install @mk-kit/ui
@@ -71,14 +79,14 @@ export class AppRoot {
 
 | Group | Highlights |
 |---|---|
-| **Forms & inputs** (53)** | text, number, password (strength meter), OTP, phone (country prefix), postal code, currency, card number, IBAN, tax id, masked input, tag input, select, autocomplete, multi-select, tree-select, transfer list, checkbox, radio, switch, slider, range slider, rating, colour picker, file upload (dropzone), signature pad, numeric keypad & on-screen keyboard, repeater (`FormArray`), form field with automatic validation messages, form error summary, listbox, cascader (multi-column select), floating labels |
+| **Forms & inputs** (54) | text, number, password (strength meter), OTP, phone (country prefix), postal code, currency, card number, IBAN, tax id, masked input, tag input, select, autocomplete, multi-select, tree-select, transfer list, checkbox, radio, switch, slider, range slider, rating, colour picker, file upload (dropzone), signature pad, numeric keypad & on-screen keyboard, repeater (`FormArray`), form field with automatic validation messages, form error summary, listbox, cascader (multi-column select), floating labels, dynamic form (JSON schema → form) |
 | **Date & time** | calendar, date picker, date-range picker, time picker, month/year picker, week picker, inline mini date, event calendar with editable week/day grid (drag to move / resize) |
-| **Tables & grids** (7)** | data table — sort, multi-select, expandable rows, tree rows, grouping, sticky header, column resize / reorder / pin, inline cell edit, responsive stacking, CSV export, print styles — plus `MkTableDataSource` for server-side sort/page/filter, query builder (`mk-query-builder` → predicate / readable text / `MkTableDataSource.setQuery()`) |
+| **Tables & grids** (7) | data table — sort, multi-select, expandable rows, tree rows, grouping, sticky header, column resize / reorder / pin, inline cell edit, responsive stacking, CSV export, print styles — plus `MkTableDataSource` for server-side sort/page/filter, query builder (`mk-query-builder` → predicate / readable text / `MkTableDataSource.setQuery()`) |
 | **Charts** (12) | line/area, bar (stacked, horizontal, label fitting), donut, gauge, progress ring, scatter/bubble, radar, funnel, treemap, heatmap, calendar heatmap, sparkline — SVG, themed, accessible |
 | **Data display** (25) | cards, lists, stat cards, badges, tags, chips, avatars & groups, timeline, description list, tree, empty state, countdown, QR code, diff view, JSON viewer, code block, virtual scroll, carousel, kanban |
 | **Navigation & layout** (21) | app shell (responsive sidebar), stack / flex / grid layout primitives, nav list & groups, tabs, stepper, breadcrumb, pagination, menu, context menu, command palette (⌘K), page header, toolbar, splitter, drawer, scroll area, FAB, back-to-top |
-| **Feedback & overlays** (21)** | dialogs (+ `confirm()` / `alert()` / `prompt()`), bottom sheet, drawer, popover, popconfirm, hovercard, tooltip, toast, snackbar, alert, banner, result page, notification center, product tour, progress bar, loading bar, spinner, skeletons, block UI (region / page overlay), draggable & resizable dialogs |
-| **Editors & interactions** (25)** | block editor (Notion-style, HTML round-trip), rich text, markdown renderer, code editor, log viewer, drag & drop, sortable list, @mentions, hotkeys, undo/redo history, permissions (`*mkCan`), clipboard, intersect, infinite scroll, ripple, scrollspy, chat (streaming message log, tool cards, prompt box) |
+| **Feedback & overlays** (21) | dialogs (+ `confirm()` / `alert()` / `prompt()`), bottom sheet, drawer, popover, popconfirm, hovercard, tooltip, toast, snackbar, alert, banner, result page, notification center, product tour, progress bar, loading bar, spinner, skeletons, block UI (region / page overlay), draggable & resizable dialogs |
+| **Editors & interactions** (25) | block editor (Notion-style, HTML round-trip), rich text, markdown renderer, code editor, log viewer, drag & drop, sortable list, @mentions, hotkeys, undo/redo history, permissions (`*mkCan`), clipboard, intersect, infinite scroll, ripple, scrollspy, chat (streaming message log, tool cards, prompt box) |
 | **Media** (6) | image with states, gallery, lightbox, cropper, media manager |
 | **Core services** | theme (light/dark/system + density), breakpoints, overlay & anchored panels, focus trap, live announcer, icon registry (426 built-in icons), i18n |
 
@@ -96,7 +104,9 @@ import { MkDatePicker } from '@mk-kit/ui/datetime';
 
 Available: `core`, `forms`, `datetime`, `table`, `data`, `navigation`,
 `feedback`, `directives`, `dnd`, `media`, `icon`, `button`, `checkbox`, `chip`,
-`context-menu`, `layout`, `chat`, `query-builder`, `rich-text`, `block-editor`. `sideEffects: false` throughout.
+`context-menu`, `layout`, `chat`, `query-builder`, `dynamic-form`, `rich-text`, `block-editor`,
+plus `testing` (component harnesses for specs — never re-exported from the
+umbrella). `sideEffects: false` throughout.
 
 ## Theming
 

package/fesm2022/mk-kit-ui-core.mjs

@@ -1379,6 +1379,8 @@ const MK_DEFAULT_I18N = {
     chatToolRunning: 'Running',
     chatToolDone: 'Done',
     chatToolError: 'Failed',
+    dynamicFormAdd: 'Add',
+    dynamicFormRemove: (index) => `Remove item ${index}`,
     queryBuilderLabel: 'Filter conditions',
     queryAddRule: 'Add rule',
     queryAddGroup: 'Add group',