@thebuoyant-tsdev/mui-ts-library 2.6.0 → 3.0.0

package/README.de.md

@@ -12,16 +12,15 @@ Eine typsichere React-Komponentenbibliothek auf Basis von **TypeScript** und **M
 
 | Komponente | Beschreibung | Docs |
 |---|---|---|
-| [`ConfirmDialog`](#confirmdialog) | Deklarativer Async-Bestätigungs-Dialog — `await confirm({ title, severity })` von überall in der App. Unterstützt Countdown-Auto-Confirm und `Enter` = Bestätigen. | [Vollständiges Manual →](user-manuals/ConfirmDialog.de.md) |
-| [`GanttChart`](#ganttchart) | Projekt-Timeline mit hierarchischen Aufgaben, Meilensteinen, Drag & Drop, Ctrl / Cmd ⌘+Scroll-Zoom, Heute-Chip und integrierten CRUD-Dialogen | [Vollständiges Manual →](user-manuals/GanttChart.de.md) |
+| [`GanttChart`](#ganttchart) | Projekt-Timeline mit hierarchischen Aufgaben, Meilensteinen, Drag & Drop, Ctrl / Cmd ⌘+Scroll-Zoom, Heute-Chip, Assignee-Spalte, CSV-Export und integrierten CRUD-Dialogen | [Vollständiges Manual →](user-manuals/GanttChart.de.md) |
 | [`TagSelection`](#tagselection) | Multi-Tag-Auswahlfeld mit Autocomplete, freier Tag-Erstellung, Overflow-Chips und MUI-Theme-Farben | [Vollständiges Manual →](user-manuals/TagSelection.de.md) |
-| [`PasswordStrengthMeter`](#passwordstrengthmeter) | Passwort-Eingabe mit animiertem Stärke-Meter, segmentierter Balkenanzeige, eigenen Anforderungen und Anforderungsliste | [Vollständiges Manual →](user-manuals/PasswordStrengthMeter.de.md) |
+| [`PasswordStrengthMeter`](#passwordstrengthmeter) | Passwort-Eingabe mit animiertem Stärke-Meter, Confirm-Feld mit Match-Validierung, eigenen Anforderungen und eingebautem sicheren Passwort-Generator | [Vollständiges Manual →](user-manuals/PasswordStrengthMeter.de.md) |
 | [`RichTextEditor`](#richtexteditor) | WYSIWYG-Editor (TipTap v3) mit Toolbar, Link-Dialog, Textfarbe, Hervorhebung, Wörter-Zähler, Vollbild-Modus, Markdown-Einfügen, Tabellen-Bearbeitung, Bild-Embed und Emoji-Picker | [Vollständiges Manual →](user-manuals/RichTextEditor.de.md) |
 | [`SqlEditor`](#sqleditor) | SQL-Code-Editor (CodeMirror 6) mit Syntax-Highlighting, Multi-Dialekt, Autocomplete, Linting und `Cmd+Enter`-Ausführen-Shortcut | [Vollständiges Manual →](user-manuals/SqlEditor.de.md) |
 | [`JsonEditor`](#jsoneditor) | JSON-Code-Editor (CodeMirror 6) mit Echtzeit-Validierung, Format- und Komprimieren-Schaltfläche sowie optionaler Minimap | [Vollständiges Manual →](user-manuals/JsonEditor.de.md) |
 | [`SunburstChart`](#sunburstchart) | D3 v7 hierarchisches Chart — konzentrische Ringe, Ctrl / Cmd ⌘+Click Drill-Down, Ctrl / Cmd ⌘+Scroll Zoom, Donut-Modus, eigene Farben, MUI-Theme-Integration. Erste der D3-Chart-Familie. | [Vollständiges Manual →](user-manuals/SunburstChart.de.md) |
 | [`ChordChart`](#chordchart) | D3 v7 Fluss-Chart — Arc-Gruppen, Bänder, Hover-Highlight, Ctrl / Cmd ⌘+Scroll-Zoom, gerichtet/ungerichtet, MUI-Theme-Integration | [Vollständiges Manual →](user-manuals/ChordChart.de.md) |
-| [`RadialTreeChart`](#radialtreedchart) | D3 v7 radialer Baum — Knoten auf konzentrischen Ringen, MUI-Icons, Ctrl / Cmd ⌘+Click Drill-Down, Ctrl / Cmd ⌘+Scroll Zoom, MUI-Theme-Integration | [Vollständiges Manual →](user-manuals/RadialTreeChart.de.md) |
+| [`RadialTreeChart`](#radialtreechart) | D3 v7 radialer Baum — Knoten auf konzentrischen Ringen, MUI-Icons, Ctrl / Cmd ⌘+Click Drill-Down, Ctrl / Cmd ⌘+Scroll Zoom, MUI-Theme-Integration | [Vollständiges Manual →](user-manuals/RadialTreeChart.de.md) |
 | [`CirclePackingChart`](#circlepackingchart) | D3 v7 Circle Packing — verschachtelte Kreise, animierter D3-Zoom, Ctrl / Cmd ⌘+Scroll-Zoom, Tiefen-Gradient oder Palette, MUI-Theme-Integration | [Vollständiges Manual →](user-manuals/CirclePackingChart.de.md) |
 | [`HorizontalTreeChart`](#horizontaltreechart) | D3 v7 Baum-Chart — 4 Orientierungen (LR/RL/TB/BT), geschwungene Links, Drill-Down, Ctrl / Cmd ⌘+Scroll-Zoom, MUI-Icons und Theme-Integration | [Vollständiges Manual →](user-manuals/HorizontalTreeChart.de.md) |
 
@@ -55,29 +54,7 @@ import { GanttChart, JsonEditor, useConfirm } from '@thebuoyant-tsdev/mui-ts-lib
 
 ## Schnellstart
 
-Die App wie gewohnt in MUI's `ThemeProvider` einschließen. `ConfirmDialog` benötigt zusätzlich einen `ConfirmDialogProvider` nahe der App-Wurzel — alle anderen Komponenten funktionieren ohne Provider.
-
-### ConfirmDialog
-
-Ersetzt jedes manuelle `open/setOpen`-State-Muster durch einen einzigen `await confirm(...)`-Aufruf. Eliminiert Boilerplate bei Lösch-Bestätigungen, destruktiven Aktionen und allen Flows, die vor dem Fortfahren eine Nutzerzustimmung benötigen — mit optionalem Countdown-Auto-Confirm und Enter = Bestätigen.
-
-```tsx
-import { ConfirmDialogProvider, useConfirm } from '@thebuoyant-tsdev/mui-ts-library';
-
-// App-Wurzel — einmalig
-<ConfirmDialogProvider>
-  <App />
-</ConfirmDialogProvider>
-
-// Überall innerhalb der App
-const confirm = useConfirm();
-const ok = await confirm({ title: 'Eintrag löschen?', severity: 'error', confirmLabel: 'Löschen', countdown: 10 });
-if (ok) handleDelete();
-```
-
-→ [Vollständige Dokumentation](user-manuals/ConfirmDialog.de.md)
-
----
+Die App wie gewohnt in MUI's `ThemeProvider` einschließen — alle Komponenten funktionieren ohne zusätzlichen Provider.
 
 ### GanttChart
 
@@ -121,7 +98,7 @@ const tags: TagSelectionItem[] = [
 
 ### PasswordStrengthMeter
 
-Passwort-Eingabe mit Echtzeit-Stärke-Feedback. Konzipiert für Registrierungs- und Passwort-Änderungs-Flows, bei denen Nutzer zu sicheren Passwörtern geführt werden sollen — mit animiertem Stärke-Meter, segmentierten Balken und einer Live-Anforderungs-Checkliste.
+Passwort-Eingabe mit Echtzeit-Stärke-Feedback und eingebautem sicheren Passwort-Generator. Konzipiert für Registrierungs- und Passwort-Änderungs-Flows — Nutzer zu starken Passwörtern führen oder per Klick eines generieren lassen.
 
 ```tsx
 import { PasswordStrengthMeter } from '@thebuoyant-tsdev/mui-ts-library';
@@ -129,7 +106,12 @@ import { PasswordStrengthMeter } from '@thebuoyant-tsdev/mui-ts-library';
 <PasswordStrengthMeter
   passwordMinLength={10}
   showSegmentedBar
+  showConfirmField                 // zweites Feld mit ✓/✗ Match-Validierung
+  showPasswordGenerator            // generiert ein kryptographisch sicheres Passwort
+  generatorOptions={{ length: 20 }}
   onPasswordChange={(password, result) => console.log(result.score)}
+  onConfirmChange={(value, matches) => console.log('Übereinstimmung:', matches)}
+  onPasswordGenerated={(pw) => console.log('Generiert:', pw)}
 />
 ```
 
@@ -290,9 +272,6 @@ Alle Typen und Defaults werden direkt exportiert — kein separates `@types/...`
 
 ```tsx
 import type {
-  // ConfirmDialog
-  ConfirmDialogOptions, ConfirmDialogSeverity,
-
   // GanttChart
   GanttTask, GanttTranslations, GanttTheme, GanttToolbarConfig,
 

package/README.md

@@ -12,16 +12,15 @@ A type-safe React component library built on **TypeScript** and **MUI (Material
 
 | Component | Description | Docs |
 |---|---|---|
-| [`ConfirmDialog`](#confirmdialog) | Declarative async confirmation dialog — `await confirm({ title, severity })` from anywhere in the app. Supports countdown auto-confirm and `Enter` = confirm shortcut. | [Full Manual →](user-manuals/ConfirmDialog.md) |
-| [`GanttChart`](#ganttchart) | Project timeline with hierarchical tasks, milestones, drag & drop, Ctrl / Cmd ⌘+Scroll zoom, today chip, and built-in CRUD dialogs | [Full Manual →](user-manuals/GanttChart.md) |
+| [`GanttChart`](#ganttchart) | Project timeline with hierarchical tasks, milestones, drag & drop, Ctrl / Cmd ⌘+Scroll zoom, today chip, assignee column, CSV export, and built-in CRUD dialogs | [Full Manual →](user-manuals/GanttChart.md) |
 | [`TagSelection`](#tagselection) | Multi-tag selector with autocomplete, free tag creation, overflow chips, and MUI theme colors | [Full Manual →](user-manuals/TagSelection.md) |
-| [`PasswordStrengthMeter`](#passwordstrengthmeter) | Password input with animated strength meter, segmented bar, custom requirements, and requirements checklist | [Full Manual →](user-manuals/PasswordStrengthMeter.md) |
+| [`PasswordStrengthMeter`](#passwordstrengthmeter) | Password input with animated strength meter, segmented bar, custom requirements, confirm field with match validation, and built-in secure password generator | [Full Manual →](user-manuals/PasswordStrengthMeter.md) |
 | [`RichTextEditor`](#richtexteditor) | WYSIWYG editor (TipTap v3) with toolbar, link dialog, text color, highlight, word count, fullscreen mode, Markdown paste, table editing, image embed, and emoji picker | [Full Manual →](user-manuals/RichTextEditor.md) |
 | [`SqlEditor`](#sqleditor) | SQL code editor (CodeMirror 6) with syntax highlighting, multi-dialect, autocomplete, linting, and `Cmd+Enter` execute shortcut | [Full Manual →](user-manuals/SqlEditor.md) |
 | [`JsonEditor`](#jsoneditor) | JSON code editor (CodeMirror 6) with real-time validation, Format, Compact buttons, and optional minimap | [Full Manual →](user-manuals/JsonEditor.md) |
 | [`SunburstChart`](#sunburstchart) | D3 v7 hierarchical chart — concentric rings, Ctrl / Cmd ⌘+Click drill-down, Ctrl / Cmd ⌘+Scroll zoom, donut mode, MUI theme integration | [Full Manual →](user-manuals/SunburstChart.md) |
 | [`ChordChart`](#chordchart) | D3 v7 flow chart — arc groups, ribbons, hover highlight, Ctrl / Cmd ⌘+Scroll zoom, directed/undirected, MUI theme integration | [Full Manual →](user-manuals/ChordChart.md) |
-| [`RadialTreeChart`](#radialtreedchart) | D3 v7 radial tree — hierarchical nodes on concentric rings, MUI icons, Ctrl / Cmd ⌘+Click drill-down, Ctrl / Cmd ⌘+Scroll zoom, MUI theme integration | [Full Manual →](user-manuals/RadialTreeChart.md) |
+| [`RadialTreeChart`](#radialtreechart) | D3 v7 radial tree — hierarchical nodes on concentric rings, MUI icons, Ctrl / Cmd ⌘+Click drill-down, Ctrl / Cmd ⌘+Scroll zoom, MUI theme integration | [Full Manual →](user-manuals/RadialTreeChart.md) |
 | [`CirclePackingChart`](#circlepackingchart) | D3 v7 circle packing — nested circles, animated D3 zoom, Ctrl / Cmd ⌘+Scroll zoom, depth gradient or palette, MUI theme integration | [Full Manual →](user-manuals/CirclePackingChart.md) |
 | [`HorizontalTreeChart`](#horizontaltreechart) | D3 v7 tree chart — 4 orientations (LR/RL/TB/BT), curved links, drill-down, Ctrl / Cmd ⌘+Scroll zoom, MUI icons and theme integration | [Full Manual →](user-manuals/HorizontalTreeChart.md) |
 
@@ -55,29 +54,7 @@ import { GanttChart, JsonEditor, useConfirm } from '@thebuoyant-tsdev/mui-ts-lib
 
 ## Quick Start
 
-Wrap your app in MUI's `ThemeProvider` as usual. `ConfirmDialog` additionally requires a `ConfirmDialogProvider` near the app root — all other components work without a provider.
-
-### ConfirmDialog
-
-Replace every manual `open/setOpen` state pattern with a single `await confirm(...)` call. Eliminates boilerplate from delete confirmations, destructive actions, and any flow that needs user approval before proceeding — with optional countdown auto-confirm and `Enter` = confirm shortcut.
-
-```tsx
-import { ConfirmDialogProvider, useConfirm } from '@thebuoyant-tsdev/mui-ts-library';
-
-// App root — once
-<ConfirmDialogProvider>
-  <App />
-</ConfirmDialogProvider>
-
-// Anywhere inside
-const confirm = useConfirm();
-const ok = await confirm({ title: 'Delete entry?', severity: 'error', confirmLabel: 'Delete', countdown: 10 });
-if (ok) handleDelete();
-```
-
-→ [Full documentation](user-manuals/ConfirmDialog.md)
-
----
+Wrap your app in MUI's `ThemeProvider` as usual — all components work without an additional provider.
 
 ### GanttChart
 
@@ -121,7 +98,7 @@ const tags: TagSelectionItem[] = [
 
 ### PasswordStrengthMeter
 
-Password input with real-time strength feedback. Designed for registration flows and password-change screens where you want to guide users toward secure passwords with an animated strength bar, segmented segments, and a live requirements checklist.
+Password input with real-time strength feedback, a confirm field with match validation, and a built-in secure password generator. Designed for registration flows and password-change screens.
 
 ```tsx
 import { PasswordStrengthMeter } from '@thebuoyant-tsdev/mui-ts-library';
@@ -129,7 +106,12 @@ import { PasswordStrengthMeter } from '@thebuoyant-tsdev/mui-ts-library';
 <PasswordStrengthMeter
   passwordMinLength={10}
   showSegmentedBar
+  showConfirmField                 // second input with ✓/✗ match validation
+  showPasswordGenerator            // generates a cryptographically secure password
+  generatorOptions={{ length: 20 }}
   onPasswordChange={(password, result) => console.log(result.score)}
+  onConfirmChange={(value, matches) => console.log('Matches:', matches)}
+  onPasswordGenerated={(pw) => console.log('Generated:', pw)}
 />
 ```
 
@@ -290,9 +272,6 @@ All types and defaults are exported directly — no separate `@types/...` packag
 
 ```tsx
 import type {
-  // ConfirmDialog
-  ConfirmDialogOptions, ConfirmDialogSeverity,
-
   // GanttChart
   GanttTask, GanttTranslations, GanttTheme, GanttToolbarConfig,
 

package/dist/components/gantt-chart/GanttChart.constants.d.ts

@@ -8,6 +8,7 @@ export declare const COLUMN_WIDTH_QUARTER = 360;
 export declare const BAR_HEIGHT = 16;
 export declare const STATUS_COL_WIDTH = 90;
 export declare const ACTIONS_COL_WIDTH = 96;
+export declare const ASSIGNEE_COL_WIDTH = 110;
 export declare const DIVIDER_WIDTH = 4;
 /** MUI-Farb-Token für Balken und Status-Punkte (bgcolor-kompatibel) */
 export declare const STATUS_BAR_COLOR: Record<string, string>;

package/dist/components/gantt-chart/GanttChart.d.ts

@@ -4,4 +4,4 @@ export declare function useGanttChartStore<T>(selector: (state: ReturnType<Gantt
 export declare function useRawGanttChartStore(): GanttChartStore;
 export declare function useGanttTranslations(): GanttTranslations;
 export declare function useGanttTheme(): GanttTheme;
-export declare function GanttChart({ tasks, timeScale, initialExpandAll, showToolbar, defaultRangeStart, defaultRangeEnd, translations, enableBuiltinDialogs, toolbarConfig, zoomable, draggable, resizable, inlineEdit, progressDraggable, showCriticalPath, virtualizeRows, cascadeDependencies, statusColors, ganttTheme, onTaskClick, onMilestoneClick, onAddTask, onEditTask, onDeleteTask, onStatusChange, onTasksChange, onTaskMoved, onTaskResized, onTaskCreated, onTaskUpdated, onTaskDeleted, height, width, minPanelWidth, maxPanelWidth, }: GanttChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function GanttChart({ tasks, timeScale, initialExpandAll, showToolbar, defaultRangeStart, defaultRangeEnd, translations, enableBuiltinDialogs, toolbarConfig, zoomable, draggable, resizable, inlineEdit, progressDraggable, showCriticalPath, virtualizeRows, showAssigneeColumn, cascadeDependencies, statusColors, ganttTheme, onExportCSV, onTaskClick, onMilestoneClick, onAddTask, onEditTask, onDeleteTask, onStatusChange, onTasksChange, onTaskMoved, onTaskResized, onTaskCreated, onTaskUpdated, onTaskDeleted, height, width, minPanelWidth, maxPanelWidth, }: GanttChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/gantt-chart/GanttChart.types.d.ts

@@ -11,6 +11,8 @@ export type GanttTask = {
     isMilestone?: boolean;
     progress?: number;
     color?: string;
+    /** Person or team responsible for this task — shown in the Assignee column */
+    assignee?: string;
 };
 export type GanttTaskNode = GanttTask & {
     children: GanttTaskNode[];
@@ -50,6 +52,8 @@ export type GanttTranslations = {
     dialogFieldDependencies: string;
     dialogFieldDependenciesNone: string;
     columnActions: string;
+    /** Header label for the Assignee column — shown when showAssigneeColumn=true */
+    columnAssignee: string;
     addTaskTooltip: string;
     editTaskTooltip: string;
     deleteTaskTooltip: string;
@@ -57,6 +61,8 @@ export type GanttTranslations = {
     expandAllTooltip: string;
     collapseAllTooltip: string;
     resetViewTooltip: string;
+    /** Toolbar tooltip for the CSV export button */
+    exportCsvTooltip: string;
 };
 export declare const DEFAULT_GANTT_TRANSLATIONS: GanttTranslations;
 export type GanttStatusColors = Partial<Record<GanttTaskStatus, string>>;
@@ -78,6 +84,8 @@ export type GanttToolbarConfig = {
     showDateRange?: boolean;
     showRangeReset?: boolean;
     showResetView?: boolean;
+    /** Show CSV export button in the toolbar (default: false) */
+    showExportCSV?: boolean;
 };
 export type GanttChartProps = {
     cascadeDependencies?: boolean;
@@ -102,6 +110,8 @@ export type GanttChartProps = {
     toolbarConfig?: GanttToolbarConfig;
     translations?: Partial<GanttTranslations>;
     virtualizeRows?: boolean;
+    /** Show the Assignee column in the task panel (default: false) */
+    showAssigneeColumn?: boolean;
     /** Breite des Charts. "auto" = 100 % des Eltern-Containers. Standard: "100%". */
     width?: number | string;
     zoomable?: boolean;
@@ -116,5 +126,11 @@ export type GanttChartProps = {
     onTaskMoved?: (task: GanttTask, newStart: Date, newEnd: Date) => void;
     onTaskResized?: (task: GanttTask, newEnd: Date) => void;
     onTasksChange?: (tasks: GanttTask[]) => void;
+    /**
+     * Fired when the user clicks the CSV export button.
+     * The first argument is the ready-to-download CSV string.
+     * When not provided, the chart triggers a browser download automatically.
+     */
+    onExportCSV?: (csv: string, tasks: GanttTask[]) => void;
     onTaskUpdated?: (task: GanttTask) => void;
 };

package/dist/components/gantt-chart/GanttTaskPanel.d.ts

@@ -16,6 +16,7 @@ type GanttTaskPanelProps = {
     onTaskDeleted?: (taskId: string) => void;
     inlineEdit?: boolean;
     virtualizeRows?: boolean;
+    showAssigneeColumn?: boolean;
 };
-export declare function GanttTaskPanel({ scrollRef, onScroll, panelWidth, onTaskClick, onAddTask, onEditTask, onDeleteTask, onStatusChange, onTasksChange, enableBuiltinDialogs, onTaskCreated, onTaskUpdated, onTaskDeleted, inlineEdit, virtualizeRows, }: GanttTaskPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function GanttTaskPanel({ scrollRef, onScroll, panelWidth, onTaskClick, onAddTask, onEditTask, onDeleteTask, onStatusChange, onTasksChange, enableBuiltinDialogs, onTaskCreated, onTaskUpdated, onTaskDeleted, inlineEdit, virtualizeRows, showAssigneeColumn, }: GanttTaskPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/gantt-chart/GanttToolbar.d.ts

@@ -2,6 +2,7 @@ import type { GanttToolbarConfig } from "./GanttChart.types";
 type GanttToolbarProps = {
     onScrollToToday?: () => void;
     config: Required<GanttToolbarConfig>;
+    onExportCSV?: () => void;
 };
-export declare function GanttToolbar({ onScrollToToday, config }: GanttToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function GanttToolbar({ onScrollToToday, config, onExportCSV }: GanttToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/password-strength-meter/PasswordStrengthMeter.d.ts

@@ -1,2 +1,2 @@
 import type { PasswordStrengthMeterProps } from "./PasswordStrengthMeter.types";
-export declare function PasswordStrengthMeter({ value, name, inputRef, disabled, error, helperText, autoComplete, customRequirements, showPasswordAdornment, showMeter, showSegmentedBar, showSummary, inputSize, translation, meterColors, passwordMinLength, checkColors, onPasswordChange, }: PasswordStrengthMeterProps): import("react/jsx-runtime").JSX.Element;
+export declare function PasswordStrengthMeter({ value, confirmValue, name, inputRef, disabled, error, helperText, autoComplete, customRequirements, generatorOptions, showConfirmField, showPasswordAdornment, showMeter, showPasswordGenerator, showSegmentedBar, showSummary, inputSize, translation, meterColors, passwordMinLength, checkColors, onPasswordChange, onConfirmChange, onPasswordGenerated, }: PasswordStrengthMeterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/password-strength-meter/PasswordStrengthMeter.types.d.ts

@@ -32,6 +32,30 @@ export type PasswordStrengthMeterTranslation = {
     showPasswordLabel: string;
     hidePasswordLabel: string;
     meterAriaLabel: string;
+    /** Tooltip for the password generator button */
+    generatePasswordLabel: string;
+    /** Label for the confirm password input */
+    confirmLabel: string;
+    /** Shown when passwords match */
+    confirmMatchLabel: string;
+    /** Shown when passwords do not match */
+    confirmMismatchLabel: string;
+};
+/**
+ * Options for the built-in password generator.
+ * All character classes are included by default.
+ */
+export type PasswordGeneratorOptions = {
+    /** Total password length (default: 16) */
+    length?: number;
+    /** Include uppercase letters A–Z (default: true) */
+    upper?: boolean;
+    /** Include lowercase letters a–z (default: true) */
+    lower?: boolean;
+    /** Include digits 0–9 (default: true) */
+    numbers?: boolean;
+    /** Include symbols !@#$%^&*... (default: true) */
+    symbols?: boolean;
 };
 export declare const DEFAULT_PASSWORD_TRANSLATIONS: PasswordStrengthMeterTranslation;
 export declare const DEFAULT_METER_COLORS: MeterColors;
@@ -51,6 +75,10 @@ export type PasswordStrengthMeterProps = {
     customRequirements?: CustomRequirement[];
     disabled?: boolean;
     error?: boolean;
+    /** Value of the confirm input in controlled mode. */
+    confirmValue?: string;
+    /** Options for the built-in password generator (used when showPasswordGenerator=true). */
+    generatorOptions?: PasswordGeneratorOptions;
     helperText?: string;
     inputRef?: React.Ref<HTMLInputElement>;
     inputSize?: "small" | "medium";
@@ -59,10 +87,18 @@ export type PasswordStrengthMeterProps = {
     passwordMinLength?: number;
     showMeter?: boolean;
     showPasswordAdornment?: boolean;
+    /** Show a second "Confirm password" input with match validation indicator. */
+    showConfirmField?: boolean;
+    /** Show a "Generate secure password" button — generates and fills a strong password on click. */
+    showPasswordGenerator?: boolean;
     showSummary?: boolean;
     /** Render the strength bar as 4 animated segments instead of a single growing bar. */
     showSegmentedBar?: boolean;
     translation?: Partial<PasswordStrengthMeterTranslation>;
     value?: string;
     onPasswordChange?: (password: string, strengthResult: StrengthResult) => void;
+    /** Fired when the confirm field value changes — includes whether the passwords match. */
+    onConfirmChange?: (confirmValue: string, matches: boolean) => void;
+    /** Fired when a password was generated — receives the generated password. */
+    onPasswordGenerated?: (password: string) => void;
 };

package/dist/components/tag-selection/TagSelection.types.d.ts

@@ -16,6 +16,10 @@ export type TagSelectionTranslation = {
     placeholder: string;
     loadingText: string;
     maxTagsReachedText: string;
+    colorPickerLabel: string;
+    backgroundColorLabel: string;
+    textColorLabel: string;
+    autoTextColorLabel: string;
 };
 export declare const DEFAULT_TAG_SELECTION_TRANSLATION: TagSelectionTranslation;
 export type TagSelectionProps = {
@@ -34,7 +38,7 @@ export type TagSelectionProps = {
     tags: TagSelectionItem[];
     translation?: Partial<TagSelectionTranslation>;
     onSearchChange?: (searchValue: string) => void;
-    onTagCreate?: (label: string, color: TagColor) => void;
+    onTagCreate?: (tag: TagSelectionItem) => void;
     onTagDelete?: (tag: TagSelectionItem, selectedTags: TagSelectionItem[], allTags: TagSelectionItem[]) => void;
     onTagSelect?: (tag: TagSelectionItem, selectedTags: TagSelectionItem[], allTags: TagSelectionItem[]) => void;
     onTagsChange?: (selectedTags: TagSelectionItem[], allTags: TagSelectionItem[]) => void;

package/dist/components/tag-selection/TagSelectionAutocomplete.d.ts

@@ -1,4 +1,4 @@
-import type { TagColor, TagSelectionItem, TagSelectionTranslation } from "./TagSelection.types";
+import type { TagSelectionItem, TagSelectionTranslation } from "./TagSelection.types";
 type TagSelectionAutocompleteProps = {
     inputSize: "medium" | "small";
     chipSize: "medium" | "small";
@@ -7,7 +7,7 @@ type TagSelectionAutocompleteProps = {
     translation: TagSelectionTranslation;
     onSearchChange: (value: string) => void;
     onTagSelect: (tag: TagSelectionItem) => void;
-    onTagCreate?: (label: string, color: TagColor) => void;
+    onTagCreate?: (tag: TagSelectionItem) => void;
     disabled?: boolean;
     loading?: boolean;
     isMaxReached?: boolean;