@thebuoyant-tsdev/mui-ts-library 1.3.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Thomas Schlender
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.de.md

@@ -0,0 +1,224 @@
+# mui-ts-library
+
+> [English Version →](README.md)
+
+Eine typsichere React-Komponentenbibliothek auf Basis von **TypeScript** und **MUI (Material UI v9)**. Die Komponenten folgen MUI's Design-Sprache, unterstützen Dark Mode und Theming von Haus aus und werden mit vollständigen TypeScript-Typen, Storybook-Stories und Unit-Tests ausgeliefert.
+
+---
+
+## Komponenten
+
+| Komponente | Beschreibung | Docs |
+|---|---|---|
+| [`ConfirmDialog`](#confirmdialog) | Deklarativer Async-Bestätigungs-Dialog — `await confirm({ title, severity })` von überall in der App | [Vollständiges Manual →](user-manuals/ConfirmDialog.de.md) |
+| [`GanttChart`](#ganttchart) | Projekt-Timeline mit hierarchischen Aufgaben, Meilensteinen, Drag & Drop, Zoom 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 und Anforderungsliste | [Vollständiges Manual →](user-manuals/PasswordStrengthMeter.de.md) |
+| [`RichTextEditor`](#richtexteditor) | WYSIWYG-Editor (TipTap v3) mit Toolbar, Link-Dialog, Textfarbe, Hervorhebung und Markdown-Einfügen | [Vollständiges Manual →](user-manuals/RichTextEditor.de.md) |
+| [`SqlEditor`](#sqleditor) | SQL-Code-Editor (CodeMirror 6) mit Syntax-Highlighting, Multi-Dialekt, Autocomplete und Linting | [Vollständiges Manual →](user-manuals/SqlEditor.de.md) |
+| [`JsonEditor`](#jsoneditor) | JSON-Code-Editor (CodeMirror 6) mit Echtzeit-Validierung, Format- und Komprimieren-Schaltfläche | [Vollständiges Manual →](user-manuals/JsonEditor.de.md) |
+
+---
+
+## Installation
+
+### Schritt 1 — Paketdatei erstellen
+
+Dieses Repository klonen und ausführen:
+
+```bash
+npm install
+npm run pack-release
+```
+
+Dieser Befehl baut die Bibliothek und legt eine fertige Paketdatei im Ordner `releases/` ab:
+
+```
+releases/thebuoyant-tsdev-mui-ts-library-1.3.0.tgz
+```
+
+Diese Datei per Slack, E-Mail oder Netzlaufwerk an das Team weitergeben.
+
+### Schritt 2 — Im eigenen Projekt installieren
+
+Ein Terminal im **eigenen React-Projekt** öffnen und ausführen:
+
+```bash
+npm install /pfad/zur/thebuoyant-tsdev-mui-ts-library-1.3.0.tgz
+```
+
+**Beispiele:**
+
+```bash
+# Datei liegt im Downloads-Ordner
+npm install ~/Downloads/thebuoyant-tsdev-mui-ts-library-1.3.0.tgz
+
+# Datei liegt im Nachbarordner des Projekts
+npm install ../thebuoyant-tsdev-mui-ts-library-1.3.0.tgz
+```
+
+### Schritt 3 — Peer-Dependencies installieren
+
+Falls MUI noch nicht im Projekt vorhanden ist:
+
+```bash
+npm install react@^19 react-dom@^19 @mui/material@^9 @emotion/react @emotion/styled @mui/icons-material@^9
+```
+
+### Schritt 4 — Fertig
+
+Beliebige Komponente importieren — TypeScript-Typen sind automatisch verfügbar:
+
+```tsx
+import { GanttChart, JsonEditor, useConfirm } from '@thebuoyant-tsdev/mui-ts-library';
+```
+
+---
+
+## 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
+
+```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' });
+if (ok) handleDelete();
+```
+
+→ [Vollständige Dokumentation](user-manuals/ConfirmDialog.de.md)
+
+---
+
+### GanttChart
+
+```tsx
+import { GanttChart } from '@thebuoyant-tsdev/mui-ts-library';
+import type { GanttTask } from '@thebuoyant-tsdev/mui-ts-library';
+
+const tasks: GanttTask[] = [
+  { id: '1', name: 'Phase 1', status: 'in-progress', startDate: new Date('2026-01-01'), endDate: new Date('2026-03-31') },
+  { id: '2', name: 'Go-Live', status: 'planned', startDate: new Date('2026-03-31'), endDate: new Date('2026-03-31'), isMilestone: true },
+];
+
+<GanttChart tasks={tasks} timeScale="months" height={500} draggable resizable onTasksChange={save} />
+```
+
+→ [Vollständige Dokumentation](user-manuals/GanttChart.de.md)
+
+---
+
+### TagSelection
+
+```tsx
+import { TagSelection } from '@thebuoyant-tsdev/mui-ts-library';
+import type { TagSelectionItem } from '@thebuoyant-tsdev/mui-ts-library';
+
+const tags: TagSelectionItem[] = [
+  { id: 'react', label: 'React', selected: true },
+  { id: 'ts',    label: 'TypeScript' },
+];
+
+<TagSelection tags={tags} onTagsChange={(selected) => console.log(selected)} />
+```
+
+→ [Vollständige Dokumentation](user-manuals/TagSelection.de.md)
+
+---
+
+### PasswordStrengthMeter
+
+```tsx
+import { PasswordStrengthMeter } from '@thebuoyant-tsdev/mui-ts-library';
+
+<PasswordStrengthMeter
+  passwordMinLength={10}
+  onPasswordChange={(password, result) => console.log(result.score)}
+/>
+```
+
+→ [Vollständige Dokumentation](user-manuals/PasswordStrengthMeter.de.md)
+
+---
+
+### RichTextEditor
+
+```tsx
+import { RichTextEditor } from '@thebuoyant-tsdev/mui-ts-library';
+
+<RichTextEditor
+  placeholder="Hier tippen …"
+  onChange={(html) => console.log(html)}
+/>
+```
+
+→ [Vollständige Dokumentation](user-manuals/RichTextEditor.de.md)
+
+---
+
+### SqlEditor
+
+```tsx
+import { SqlEditor } from '@thebuoyant-tsdev/mui-ts-library';
+
+<SqlEditor
+  placeholder="SQL-Abfrage eingeben …"
+  dialect="postgresql"
+  onChange={(sql) => console.log(sql)}
+/>
+```
+
+→ [Vollständige Dokumentation](user-manuals/SqlEditor.de.md)
+
+---
+
+### JsonEditor
+
+```tsx
+import { JsonEditor } from '@thebuoyant-tsdev/mui-ts-library';
+
+<JsonEditor
+  placeholder="JSON eingeben …"
+  showValidation
+  onChange={(json) => console.log(json)}
+/>
+```
+
+→ [Vollständige Dokumentation](user-manuals/JsonEditor.de.md)
+
+---
+
+## TypeScript
+
+Alle Typen und Defaults werden direkt exportiert — kein separates `@types/...`-Paket nötig.
+
+```tsx
+import type {
+  GanttTask,
+  ConfirmDialogOptions,
+  JsonEditorHighlightColors,
+  SqlEditorProps,
+  RichTextEditorTranslation,
+} from '@thebuoyant-tsdev/mui-ts-library';
+```
+
+---
+
+## Entwicklung
+
+Für lokales Setup, Storybook, Tests und Publish-Anleitung: [DEVELOPMENT.md](DEVELOPMENT.md).
+
+---
+
+## Lizenz
+
+MIT © Thomas Schlender

package/README.md

@@ -0,0 +1,224 @@
+# mui-ts-library
+
+> [Deutsche Version →](README.de.md)
+
+A type-safe React component library built on **TypeScript** and **MUI (Material UI v9)**. Components follow MUI's design language, support dark mode and theming out of the box, and ship with complete TypeScript types, Storybook stories, and unit tests.
+
+---
+
+## Components
+
+| Component | Description | Docs |
+|---|---|---|
+| [`ConfirmDialog`](#confirmdialog) | Declarative async confirmation dialog — `await confirm({ title, severity })` from anywhere in the app | [Full Manual →](user-manuals/ConfirmDialog.md) |
+| [`GanttChart`](#ganttchart) | Project timeline with hierarchical tasks, milestones, drag & drop, zoom, 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 and requirements checklist | [Full Manual →](user-manuals/PasswordStrengthMeter.md) |
+| [`RichTextEditor`](#richtexteditor) | WYSIWYG editor (TipTap v3) with toolbar, link dialog, text color, highlight, and Markdown paste | [Full Manual →](user-manuals/RichTextEditor.md) |
+| [`SqlEditor`](#sqleditor) | SQL code editor (CodeMirror 6) with syntax highlighting, multi-dialect, autocomplete, and linting | [Full Manual →](user-manuals/SqlEditor.md) |
+| [`JsonEditor`](#jsoneditor) | JSON code editor (CodeMirror 6) with real-time validation, Format, and Compact buttons | [Full Manual →](user-manuals/JsonEditor.md) |
+
+---
+
+## Installation
+
+### Step 1 — Get the package file
+
+Clone this repository and run:
+
+```bash
+npm install
+npm run pack-release
+```
+
+This builds the library and places a ready-to-use package file in the `releases/` folder:
+
+```
+releases/thebuoyant-tsdev-mui-ts-library-1.3.0.tgz
+```
+
+Share this file with your team via Slack, email, or a network drive.
+
+### Step 2 — Install in your project
+
+Open a terminal in **your own React project** and run:
+
+```bash
+npm install /path/to/thebuoyant-tsdev-mui-ts-library-1.3.0.tgz
+```
+
+**Examples:**
+
+```bash
+# File is in your Downloads folder
+npm install ~/Downloads/thebuoyant-tsdev-mui-ts-library-1.3.0.tgz
+
+# File is next to your project folder
+npm install ../thebuoyant-tsdev-mui-ts-library-1.3.0.tgz
+```
+
+### Step 3 — Install peer dependencies
+
+If your project doesn't have MUI set up yet:
+
+```bash
+npm install react@^19 react-dom@^19 @mui/material@^9 @emotion/react @emotion/styled @mui/icons-material@^9
+```
+
+### Step 4 — Done
+
+Import any component and TypeScript types are included automatically:
+
+```tsx
+import { GanttChart, JsonEditor, useConfirm } from '@thebuoyant-tsdev/mui-ts-library';
+```
+
+---
+
+## 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
+
+```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' });
+if (ok) handleDelete();
+```
+
+→ [Full documentation](user-manuals/ConfirmDialog.md)
+
+---
+
+### GanttChart
+
+```tsx
+import { GanttChart } from '@thebuoyant-tsdev/mui-ts-library';
+import type { GanttTask } from '@thebuoyant-tsdev/mui-ts-library';
+
+const tasks: GanttTask[] = [
+  { id: '1', name: 'Phase 1', status: 'in-progress', startDate: new Date('2026-01-01'), endDate: new Date('2026-03-31') },
+  { id: '2', name: 'Go-Live', status: 'planned', startDate: new Date('2026-03-31'), endDate: new Date('2026-03-31'), isMilestone: true },
+];
+
+<GanttChart tasks={tasks} timeScale="months" height={500} draggable resizable onTasksChange={save} />
+```
+
+→ [Full documentation](user-manuals/GanttChart.md)
+
+---
+
+### TagSelection
+
+```tsx
+import { TagSelection } from '@thebuoyant-tsdev/mui-ts-library';
+import type { TagSelectionItem } from '@thebuoyant-tsdev/mui-ts-library';
+
+const tags: TagSelectionItem[] = [
+  { id: 'react', label: 'React', selected: true },
+  { id: 'ts',    label: 'TypeScript' },
+];
+
+<TagSelection tags={tags} onTagsChange={(selected) => console.log(selected)} />
+```
+
+→ [Full documentation](user-manuals/TagSelection.md)
+
+---
+
+### PasswordStrengthMeter
+
+```tsx
+import { PasswordStrengthMeter } from '@thebuoyant-tsdev/mui-ts-library';
+
+<PasswordStrengthMeter
+  passwordMinLength={10}
+  onPasswordChange={(password, result) => console.log(result.score)}
+/>
+```
+
+→ [Full documentation](user-manuals/PasswordStrengthMeter.md)
+
+---
+
+### RichTextEditor
+
+```tsx
+import { RichTextEditor } from '@thebuoyant-tsdev/mui-ts-library';
+
+<RichTextEditor
+  placeholder="Start typing…"
+  onChange={(html) => console.log(html)}
+/>
+```
+
+→ [Full documentation](user-manuals/RichTextEditor.md)
+
+---
+
+### SqlEditor
+
+```tsx
+import { SqlEditor } from '@thebuoyant-tsdev/mui-ts-library';
+
+<SqlEditor
+  placeholder="Enter SQL query…"
+  dialect="postgresql"
+  onChange={(sql) => console.log(sql)}
+/>
+```
+
+→ [Full documentation](user-manuals/SqlEditor.md)
+
+---
+
+### JsonEditor
+
+```tsx
+import { JsonEditor } from '@thebuoyant-tsdev/mui-ts-library';
+
+<JsonEditor
+  placeholder="Enter JSON…"
+  showValidation
+  onChange={(json) => console.log(json)}
+/>
+```
+
+→ [Full documentation](user-manuals/JsonEditor.md)
+
+---
+
+## TypeScript
+
+All types and defaults are exported directly — no separate `@types/...` package needed.
+
+```tsx
+import type {
+  GanttTask,
+  ConfirmDialogOptions,
+  JsonEditorHighlightColors,
+  SqlEditorProps,
+  RichTextEditorTranslation,
+} from '@thebuoyant-tsdev/mui-ts-library';
+```
+
+---
+
+## Development
+
+For local setup, Storybook, tests, and publishing instructions, see [DEVELOPMENT.md](DEVELOPMENT.md).
+
+---
+
+## License
+
+MIT © Thomas Schlender

package/dist/components/confirm-dialog/ConfirmDialog.types.d.ts

@@ -0,0 +1,21 @@
+import type React from "react";
+export type ConfirmDialogSeverity = "info" | "warning" | "error" | "success";
+export type ConfirmDialogTranslation = {
+    confirmLabel: string;
+    cancelLabel: string;
+};
+export declare const DEFAULT_CONFIRM_DIALOG_TRANSLATION: ConfirmDialogTranslation;
+export type ConfirmDialogOptions = {
+    title?: string;
+    description?: string | React.ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    severity?: ConfirmDialogSeverity;
+    hideCancelButton?: boolean;
+    maxWidth?: "xs" | "sm" | "md" | "lg" | "xl";
+    showIcon?: boolean;
+};
+export type ConfirmDialogProviderProps = {
+    children: React.ReactNode;
+    translation?: Partial<ConfirmDialogTranslation>;
+};

package/dist/components/confirm-dialog/ConfirmDialogProvider.d.ts

@@ -0,0 +1,5 @@
+import type { ConfirmDialogOptions, ConfirmDialogProviderProps } from "./ConfirmDialog.types";
+type ConfirmFn = (options: ConfirmDialogOptions) => Promise<boolean>;
+export declare function ConfirmDialogProvider({ children, translation }: ConfirmDialogProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useConfirm(): ConfirmFn;
+export {};

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

@@ -0,0 +1,11 @@
+export declare const ROW_HEIGHT = 40;
+export declare const HEADER_HEIGHT = 40;
+export declare const LEFT_PANEL_WIDTH = 320;
+export declare const COLUMN_WIDTH_DAY = 20;
+export declare const COLUMN_WIDTH_WEEK = 40;
+export declare const COLUMN_WIDTH_MONTH = 120;
+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 DIVIDER_WIDTH = 4;

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

@@ -0,0 +1,7 @@
+import { type GanttChartStore } from "./GanttChart.store";
+import type { GanttChartProps, GanttTheme, GanttTranslations } from "./GanttChart.types";
+export declare function useGanttChartStore<T>(selector: (state: ReturnType<GanttChartStore["getState"]>) => T): T;
+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;

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

@@ -0,0 +1,28 @@
+import type { GanttTask, GanttTaskNode, GanttTimeScale } from "./GanttChart.types";
+import type { TimelineRange } from "./util/gantt-chart.util";
+export type GanttChartStoreState = {
+    tasks: GanttTask[];
+    taskTree: GanttTaskNode[];
+    expandedIds: Set<string>;
+    timeScale: GanttTimeScale;
+    timelineRange: TimelineRange;
+    isRangeCustomized: boolean;
+    cascadeDependencies: boolean;
+    defaultTimeScale: GanttTimeScale;
+    initialExpandAll: boolean;
+    isExpandedCustomized: boolean;
+    setTasks: (tasks: GanttTask[]) => void;
+    addTask: (task: GanttTask) => void;
+    updateTask: (task: GanttTask) => void;
+    deleteTask: (taskId: string) => void;
+    toggleExpand: (taskId: string) => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+    setTimeScale: (scale: GanttTimeScale) => void;
+    setTimelineRange: (range: TimelineRange) => void;
+    resetTimelineRange: () => void;
+    resetView: () => void;
+    getVisibleTasks: () => GanttTaskNode[];
+};
+export type GanttChartStore = ReturnType<typeof createGanttChartStore>;
+export declare function createGanttChartStore(initialTasks: GanttTask[], initialTimeScale?: GanttTimeScale, initialExpandAll?: boolean, initialRange?: TimelineRange, cascadeDependencies?: boolean): import("zustand").StoreApi<GanttChartStoreState>;

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

@@ -0,0 +1,119 @@
+export type GanttTaskStatus = "planned" | "in-progress" | "done" | "blocked";
+export type GanttTimeScale = "days" | "weeks" | "months" | "quarters";
+export type GanttTask = {
+    id: string;
+    parentId?: string;
+    name: string;
+    status: GanttTaskStatus;
+    startDate: Date;
+    endDate: Date;
+    dependencies?: string[];
+    isMilestone?: boolean;
+    progress?: number;
+    color?: string;
+};
+export type GanttTaskNode = GanttTask & {
+    children: GanttTaskNode[];
+    depth: number;
+};
+export type GanttTranslations = {
+    scaleDays: string;
+    scaleWeeks: string;
+    scaleMonths: string;
+    scaleQuarters: string;
+    rangeFrom: string;
+    rangeTo: string;
+    rangeResetTooltip: string;
+    columnName: string;
+    columnStatus: string;
+    statusPlanned: string;
+    statusInProgress: string;
+    statusDone: string;
+    statusBlocked: string;
+    weekColumnPrefix: string;
+    dateLocale: string;
+    dialogAddTitle: string;
+    dialogEditTitle: string;
+    dialogDeleteTitle: string;
+    dialogSave: string;
+    dialogCancel: string;
+    dialogDelete: string;
+    dialogFieldName: string;
+    dialogFieldStartDate: string;
+    dialogFieldEndDate: string;
+    dialogFieldStatus: string;
+    dialogFieldMilestone: string;
+    dialogFieldParent: string;
+    dialogFieldParentNone: string;
+    dialogDeleteConfirm: string;
+    dialogFieldDependencies: string;
+    dialogFieldDependenciesNone: string;
+    columnActions: string;
+    addTaskTooltip: string;
+    editTaskTooltip: string;
+    deleteTaskTooltip: string;
+    scrollToTodayTooltip: string;
+    expandAllTooltip: string;
+    collapseAllTooltip: string;
+    resetViewTooltip: string;
+};
+export declare const DEFAULT_GANTT_TRANSLATIONS: GanttTranslations;
+export type GanttStatusColors = Partial<Record<GanttTaskStatus, string>>;
+export type GanttTheme = {
+    statusColors?: GanttStatusColors;
+    criticalPathColor?: string;
+    milestoneColor?: string;
+    todayLineColor?: string;
+    weekendColor?: string;
+    barBorderRadius?: number;
+};
+export type GanttToolbarConfig = {
+    showScaleDays?: boolean;
+    showScaleWeeks?: boolean;
+    showScaleMonths?: boolean;
+    showScaleQuarters?: boolean;
+    showExpandCollapseAll?: boolean;
+    showScrollToToday?: boolean;
+    showDateRange?: boolean;
+    showRangeReset?: boolean;
+    showResetView?: boolean;
+};
+export type GanttChartProps = {
+    tasks: GanttTask[];
+    timeScale?: GanttTimeScale;
+    /** Höhe des Charts. "auto" = 100 % des Eltern-Containers. Standard: 400. */
+    height?: number | string;
+    /** Breite des Charts. "auto" = 100 % des Eltern-Containers. Standard: "100%". */
+    width?: number | string;
+    initialExpandAll?: boolean;
+    showToolbar?: boolean;
+    toolbarConfig?: GanttToolbarConfig;
+    defaultRangeStart?: Date;
+    defaultRangeEnd?: Date;
+    translations?: Partial<GanttTranslations>;
+    minPanelWidth?: number;
+    maxPanelWidth?: number;
+    enableBuiltinDialogs?: boolean;
+    zoomable?: boolean;
+    draggable?: boolean;
+    resizable?: boolean;
+    cascadeDependencies?: boolean;
+    showCriticalPath?: boolean;
+    inlineEdit?: boolean;
+    progressDraggable?: boolean;
+    virtualizeRows?: boolean;
+    statusColors?: GanttStatusColors;
+    ganttTheme?: GanttTheme;
+    onTaskClick?: (task: GanttTask) => void;
+    onMilestoneClick?: (task: GanttTask) => void;
+    onAddTask?: (parentTask?: GanttTask) => void;
+    onEditTask?: (task: GanttTask) => void;
+    onDeleteTask?: (task: GanttTask) => void;
+    onStatusChange?: (task: GanttTask, status: GanttTaskStatus) => void;
+    onTaskMoved?: (task: GanttTask, newStart: Date, newEnd: Date) => void;
+    onTaskResized?: (task: GanttTask, newEnd: Date) => void;
+    onTasksChange?: (tasks: GanttTask[]) => void;
+    onTaskCreated?: (task: GanttTask) => void;
+    onTaskUpdated?: (task: GanttTask) => void;
+    onTaskDeleted?: (taskId: string) => void;
+};

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

@@ -0,0 +1,9 @@
+import type { GanttTask } from "./GanttChart.types";
+type GanttDeleteDialogProps = {
+    open: boolean;
+    task: GanttTask | null;
+    onConfirm: () => void;
+    onClose: () => void;
+};
+export declare function GanttDeleteDialog({ open, task, onConfirm, onClose }: GanttDeleteDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import type { GanttTask } from "./GanttChart.types";
+type GanttTaskDialogProps = {
+    open: boolean;
+    mode: "add" | "edit";
+    initialTask?: GanttTask;
+    defaultParentId?: string;
+    onSave: (data: Omit<GanttTask, "id">) => void;
+    onClose: () => void;
+};
+export declare function GanttTaskDialog({ open, mode, initialTask, defaultParentId, onSave, onClose, }: GanttTaskDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};