@thebuoyant-tsdev/mui-ts-library 1.3.0

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

@@ -0,0 +1,21 @@
+import { type RefObject, type UIEventHandler } from "react";
+import type { GanttTask, GanttTaskStatus } from "./GanttChart.types";
+type GanttTaskPanelProps = {
+    scrollRef: RefObject<HTMLDivElement | null>;
+    onScroll: UIEventHandler<HTMLDivElement>;
+    panelWidth: number;
+    onTaskClick?: (task: GanttTask) => void;
+    onAddTask?: (task: GanttTask) => void;
+    onEditTask?: (task: GanttTask) => void;
+    onDeleteTask?: (task: GanttTask) => void;
+    onStatusChange?: (task: GanttTask, status: GanttTaskStatus) => void;
+    onTasksChange?: (tasks: GanttTask[]) => void;
+    enableBuiltinDialogs?: boolean;
+    onTaskCreated?: (task: GanttTask) => void;
+    onTaskUpdated?: (task: GanttTask) => void;
+    onTaskDeleted?: (taskId: string) => void;
+    inlineEdit?: boolean;
+    virtualizeRows?: 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 {};

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

@@ -0,0 +1,19 @@
+import { type RefObject, type UIEventHandler } from "react";
+import type { GanttTask, GanttTaskStatus } from "./GanttChart.types";
+type GanttTimelineProps = {
+    scrollRef: RefObject<HTMLDivElement | null>;
+    onScroll: UIEventHandler<HTMLDivElement>;
+    onTaskClick?: (task: GanttTask) => void;
+    onMilestoneClick?: (task: GanttTask) => void;
+    draggable?: boolean;
+    resizable?: boolean;
+    progressDraggable?: boolean;
+    showCriticalPath?: boolean;
+    virtualizeRows?: boolean;
+    onTaskMoved?: (task: GanttTask, newStart: Date, newEnd: Date) => void;
+    onTaskResized?: (task: GanttTask, newEnd: Date) => void;
+    onTasksChange?: (tasks: GanttTask[]) => void;
+    onStatusChange?: (task: GanttTask, status: GanttTaskStatus) => void;
+};
+export declare function GanttTimeline({ scrollRef, onScroll, onTaskClick, onMilestoneClick, draggable, resizable, progressDraggable, showCriticalPath, virtualizeRows, onTaskMoved, onTaskResized, onTasksChange, onStatusChange, }: GanttTimelineProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+export type HeaderColumn = {
+    key: string;
+    label: string;
+    width: number;
+    isWeekend?: boolean;
+};
+export type HeaderGroup = {
+    key: string;
+    label: string;
+    width: number;
+};
+type GanttTimelineHeaderProps = {
+    columns: HeaderColumn[];
+    groups?: HeaderGroup[];
+};
+export declare function GanttTimelineHeader({ columns, groups }: GanttTimelineHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,80 @@
+import type { GanttTask, GanttTaskNode, GanttTimeScale } from "../GanttChart.types";
+export type TimelineRange = {
+    start: Date;
+    end: Date;
+};
+/**
+ * Standardbereich = aktuelles Quartal. Hat der Task-Set Daten außerhalb dieses Quartals,
+ * wird der Bereich auf beiden Seiten mit einem Monat Puffer erweitert — er wird nie verkleinert.
+ */
+export declare function getTimelineRange(tasks: GanttTask[]): TimelineRange;
+export declare function getDisplayRange(timelineRange: TimelineRange, timeScale: GanttTimeScale): TimelineRange;
+export type TaskPosition = {
+    left: number;
+    width: number;
+};
+/**
+ * Berechnet Left und Width eines Balkens relativ zur gesamten Timeline.
+ * Meilensteine (isMilestone=true) erhalten eine Mindestbreite von 0,
+ * da sie als Punkt/Raute statt als Balken gerendert werden.
+ */
+export declare function calculateTaskPosition(task: GanttTask, range: TimelineRange): TaskPosition;
+/**
+ * Baut aus einer flachen Task-Liste einen verschachtelten Baum auf.
+ * Voraussetzung: parentId referenziert eine id, die in derselben Liste vorhanden ist.
+ */
+export declare function buildTaskTree(tasks: GanttTask[]): GanttTaskNode[];
+/**
+ * Gibt die sichtbare, geordnete Flachliste zurück, abhängig davon welche
+ * Knoten aufgeklappt sind. Root-Tasks sind immer sichtbar.
+ */
+export declare function getVisibleTasks(nodes: GanttTaskNode[], expandedIds: Set<string>): GanttTaskNode[];
+export declare function startOfMonth(date: Date): Date;
+export declare function endOfMonth(date: Date): Date;
+export declare function addMonths(date: Date, months: number): Date;
+export declare function addDays(date: Date, days: number): Date;
+/**
+ * Verschiebt alle Finish-to-Start-Nachfolger des geänderten Tasks um dasselbe Zeit-Delta.
+ * Läuft via BFS durch den Abhängigkeitsgraphen — zyklische Abhängigkeiten werden durch
+ * das `visited`-Set abgefangen.
+ */
+export declare function cascadeDateUpdate(tasks: GanttTask[], changedTaskId: string, deltaMs: number): GanttTask[];
+/**
+ * Gibt alle Monatsersten zwischen start und end zurück.
+ * Wird für den Timeline-Header benötigt.
+ */
+export declare function getMonthsInRange(range: TimelineRange): Date[];
+/** Gibt den Montag der Woche zurück, die das gegebene Datum enthält (ISO 8601). */
+export declare function startOfWeek(date: Date): Date;
+/**
+ * Berechnet die ISO-8601-Kalenderwoche.
+ * Woche 1 = die Woche mit dem ersten Donnerstag des Jahres.
+ */
+export declare function getISOWeekNumber(date: Date): number;
+/** Gibt alle Wochenanfänge (Montage) zwischen start und end zurück. */
+export declare function getWeeksInRange(range: TimelineRange): Date[];
+/** Gibt alle Tage (Mitternacht) zwischen start und end zurück (inklusive). */
+export declare function getDaysInRange(range: TimelineRange): Date[];
+export type QuarterLabel = {
+    key: string;
+    label: string;
+    start: Date;
+};
+export declare function startOfQuarter(date: Date): Date;
+export declare function endOfQuarter(date: Date): Date;
+/**
+ * Gibt alle Quartalsstarts zwischen start und end zurück.
+ * Beginnt immer am Quartalsbeginn, der start enthält.
+ */
+export declare function getQuartersInRange(range: TimelineRange): QuarterLabel[];
+/**
+ * Berechnet den kritischen Pfad: alle Tasks, von denen aus über Finish-to-Start-Abhängigkeiten
+ * das globale Projektende erreichbar ist.
+ *
+ * Algorithmus: Für jeden Task wird per DFS (mit Memoization) das späteste Enddatum berechnet,
+ * das über seine Nachfolger-Kette erreichbar ist. Tasks, deren Wert dem globalen Maximum
+ * entspricht, bilden den kritischen Pfad.
+ *
+ * Zirkuläre Abhängigkeiten werden durch einen `inStack`-Guard abgefangen.
+ */
+export declare function computeCriticalPath(tasks: GanttTask[]): Set<string>;

package/dist/components/json-editor/JsonEditor.d.ts

@@ -0,0 +1,2 @@
+import { type JsonEditorProps } from "./JsonEditor.types";
+export declare function JsonEditor({ value, onChange, onValidChange, placeholder, height, width, disabled, readonly, error, helperText, name, indent, showLineNumbers, showLineColumn, showValidation, toolbarConfig, translation, highlightColors, onBlur, onFocus, }: JsonEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/json-editor/JsonEditor.types.d.ts

@@ -0,0 +1,60 @@
+export type JsonEditorToolbarConfig = {
+    showFormat?: boolean;
+    showCompact?: boolean;
+    showCopy?: boolean;
+    showClear?: boolean;
+    showUndoRedo?: boolean;
+};
+export declare const DEFAULT_JSON_EDITOR_TOOLBAR_CONFIG: Required<JsonEditorToolbarConfig>;
+export type JsonEditorTranslation = {
+    format: string;
+    compact: string;
+    copy: string;
+    copySuccess: string;
+    clear: string;
+    undo: string;
+    redo: string;
+    lineColumn: string;
+    validJson: string;
+    invalidJson: string;
+};
+export declare const DEFAULT_JSON_EDITOR_TRANSLATION: JsonEditorTranslation;
+export type JsonEditorHighlightColors = {
+    /** JSON property names. Default: theme primary.main (bold). */
+    propertyName?: string;
+    /** String values. Default: theme success.main. */
+    string?: string;
+    /** Number values. Default: theme warning.main. */
+    number?: string;
+    /** Boolean values (true/false). Default: theme info.main. */
+    boolean?: string;
+    /** Null values. Default: theme text.secondary. */
+    null?: string;
+};
+export type JsonEditorProps = {
+    value?: string;
+    onChange?: (json: string) => void;
+    onValidChange?: (isValid: boolean) => void;
+    placeholder?: string;
+    /** Total height (toolbar + content). Numbers → px. "auto" → fills surrounding flex container. */
+    height?: number | string;
+    /** Width. Numbers → px. Default → 100%. */
+    width?: number | string;
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: boolean;
+    helperText?: string;
+    /** Name for native form submission via hidden input. */
+    name?: string;
+    /** Indentation spaces used by the Format button. Default: 2. */
+    indent?: number;
+    showLineNumbers?: boolean;
+    showLineColumn?: boolean;
+    /** Shows a Valid / Invalid JSON indicator in the footer. */
+    showValidation?: boolean;
+    toolbarConfig?: JsonEditorToolbarConfig;
+    translation?: Partial<JsonEditorTranslation>;
+    highlightColors?: JsonEditorHighlightColors;
+    onBlur?: () => void;
+    onFocus?: () => void;
+};

package/dist/components/json-editor/JsonEditorContent.d.ts

@@ -0,0 +1,17 @@
+import { EditorView } from "@codemirror/view";
+import type { JsonEditorHighlightColors } from "./JsonEditor.types";
+type JsonEditorContentProps = {
+    value?: string;
+    onChange?: (json: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    showLineNumbers?: boolean;
+    highlightColors?: JsonEditorHighlightColors;
+    onViewReady: (view: EditorView | null) => void;
+    onCursorChange: (line: number, col: number) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+};
+export declare function JsonEditorContent({ value, onChange, placeholder, disabled, readonly, showLineNumbers, highlightColors, onViewReady, onCursorChange, onBlur, onFocus, }: JsonEditorContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/json-editor/JsonEditorFooter.d.ts

@@ -0,0 +1,13 @@
+import type { JsonEditorTranslation } from "./JsonEditor.types";
+type JsonEditorFooterProps = {
+    helperText?: string;
+    error?: boolean;
+    showLineColumn?: boolean;
+    showValidation?: boolean;
+    isValid: boolean;
+    cursorLine: number;
+    cursorCol: number;
+    translation: JsonEditorTranslation;
+};
+export declare function JsonEditorFooter({ helperText, error, showLineColumn, showValidation, isValid, cursorLine, cursorCol, translation: t, }: JsonEditorFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/json-editor/JsonEditorToolbar.d.ts

@@ -0,0 +1,11 @@
+import type { EditorView } from "@codemirror/view";
+import type { JsonEditorToolbarConfig, JsonEditorTranslation } from "./JsonEditor.types";
+type JsonEditorToolbarProps = {
+    viewRef: React.MutableRefObject<EditorView | null>;
+    toolbarConfig: Required<JsonEditorToolbarConfig>;
+    translation: JsonEditorTranslation;
+    indent: number;
+    disabled?: boolean;
+};
+export declare function JsonEditorToolbar({ viewRef, toolbarConfig: tc, translation: t, indent, disabled, }: JsonEditorToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,56 @@
+import type React from "react";
+export type StrengthScore = 0 | 1 | 2 | 3 | 4;
+export type MeterStatus = "weak" | "ok" | "good" | "very good";
+export type StrengthResult = {
+    score: StrengthScore;
+    percent: number;
+    meterStatus: MeterStatus;
+    length: number;
+    hasLower: boolean;
+    hasUpper: boolean;
+    hasDigit: boolean;
+    hasSymbol: boolean;
+};
+export type CheckColors = {
+    failure: string;
+    success: string;
+};
+export type MeterColors = {
+    weak: string;
+    ok: string;
+    good: string;
+    veryGood: string;
+};
+export type PasswordStrengthMeterTranslation = {
+    label: string;
+    summaryHeaderLabel: string;
+    summaryMinChars: string;
+    summaryCapitalLetter: string;
+    summaryLowerCaseLetter: string;
+    summaryNumber: string;
+    summarySpecialChar: string;
+    showPasswordLabel: string;
+    hidePasswordLabel: string;
+    meterAriaLabel: string;
+};
+export declare const DEFAULT_PASSWORD_TRANSLATIONS: PasswordStrengthMeterTranslation;
+export declare const DEFAULT_METER_COLORS: MeterColors;
+export declare const DEFAULT_CHECK_COLORS: CheckColors;
+export type PasswordStrengthMeterProps = {
+    value?: string;
+    name?: string;
+    inputRef?: React.Ref<HTMLInputElement>;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    autoComplete?: string;
+    showPasswordAdornment?: boolean;
+    showMeter?: boolean;
+    showSummary?: boolean;
+    inputSize?: "small" | "medium";
+    translation?: Partial<PasswordStrengthMeterTranslation>;
+    meterColors?: Partial<MeterColors>;
+    passwordMinLength?: number;
+    checkColors?: CheckColors;
+    onPasswordChange?: (password: string, strengthResult: StrengthResult) => void;
+};

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

@@ -0,0 +1,2 @@
+import type { StrengthResult } from "../PasswordStrengthMeter.types";
+export declare function scorePassword(password: string, passwordMinLength: number): StrengthResult;

package/dist/components/rich-text-editor/RichTextEditor.d.ts

@@ -0,0 +1,2 @@
+import { type RichTextEditorProps } from "./RichTextEditor.types";
+export declare function RichTextEditor({ value, onChange, placeholder, outputFormat, height, width, showCharacterCount, maxCharacters, toolbarConfig, disabled, readonly, name, error, helperText, translation, onBlur, onFocus, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/rich-text-editor/RichTextEditor.types.d.ts

@@ -0,0 +1,72 @@
+export type RichTextEditorOutputFormat = "html" | "json";
+export type RichTextEditorToolbarConfig = {
+    showBold?: boolean;
+    showItalic?: boolean;
+    showUnderline?: boolean;
+    showStrike?: boolean;
+    showHeading1?: boolean;
+    showHeading2?: boolean;
+    showHeading3?: boolean;
+    showBulletList?: boolean;
+    showOrderedList?: boolean;
+    showBlockquote?: boolean;
+    showCodeBlock?: boolean;
+    showLink?: boolean;
+    showHorizontalRule?: boolean;
+    showTextColor?: boolean;
+    showHighlight?: boolean;
+    showUndoRedo?: boolean;
+    showClearFormat?: boolean;
+};
+export declare const DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG: Required<RichTextEditorToolbarConfig>;
+export type RichTextEditorTranslation = {
+    bold: string;
+    italic: string;
+    underline: string;
+    strike: string;
+    heading1: string;
+    heading2: string;
+    heading3: string;
+    bulletList: string;
+    orderedList: string;
+    blockquote: string;
+    codeBlock: string;
+    link: string;
+    horizontalRule: string;
+    textColor: string;
+    removeTextColor: string;
+    highlight: string;
+    removeHighlight: string;
+    undo: string;
+    redo: string;
+    clearFormat: string;
+    linkDialogTitle: string;
+    linkDialogUrlLabel: string;
+    linkDialogSave: string;
+    linkDialogCancel: string;
+    linkDialogRemove: string;
+    characterCount: string;
+    characterCountMax: string;
+};
+export declare const DEFAULT_RICH_TEXT_EDITOR_TRANSLATION: RichTextEditorTranslation;
+export type RichTextEditorProps = {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    outputFormat?: RichTextEditorOutputFormat;
+    /** Gesamthöhe des Editors (Toolbar + Inhalt). Zahlen → px. "auto" → füllt den umgebenden Flex-Container. */
+    height?: number | string;
+    /** Breite des Editors. Zahlen → px. "auto" oder leer → 100% des Elternelements. */
+    width?: number | string;
+    showCharacterCount?: boolean;
+    maxCharacters?: number;
+    toolbarConfig?: RichTextEditorToolbarConfig;
+    disabled?: boolean;
+    readonly?: boolean;
+    name?: string;
+    error?: boolean;
+    helperText?: string;
+    translation?: Partial<RichTextEditorTranslation>;
+    onBlur?: () => void;
+    onFocus?: () => void;
+};

package/dist/components/rich-text-editor/RichTextEditorColorPicker.d.ts

@@ -0,0 +1,12 @@
+type RichTextEditorColorPickerProps = {
+    anchorEl: HTMLElement | null;
+    open: boolean;
+    onClose: () => void;
+    mode: "textColor" | "highlight";
+    activeColor?: string | null;
+    onSelectColor: (color: string) => void;
+    onRemoveColor: () => void;
+    removeLabel: string;
+};
+export declare function RichTextEditorColorPicker({ anchorEl, open, onClose, mode, activeColor, onSelectColor, onRemoveColor, removeLabel, }: RichTextEditorColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/rich-text-editor/RichTextEditorContent.d.ts

@@ -0,0 +1,9 @@
+import { type Editor } from "@tiptap/react";
+type RichTextEditorContentProps = {
+    editor: Editor | null;
+    error?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+};
+export declare function RichTextEditorContent({ editor, error, disabled, readonly, }: RichTextEditorContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/rich-text-editor/RichTextEditorFooter.d.ts

@@ -0,0 +1,11 @@
+import { type RichTextEditorTranslation } from "./RichTextEditor.types";
+type RichTextEditorFooterProps = {
+    helperText?: string;
+    error?: boolean;
+    showCharacterCount?: boolean;
+    charCount: number;
+    maxCharacters?: number;
+    translation: RichTextEditorTranslation;
+};
+export declare function RichTextEditorFooter({ helperText, error, showCharacterCount, charCount, maxCharacters, translation: t, }: RichTextEditorFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/rich-text-editor/RichTextEditorLinkDialog.d.ts

@@ -0,0 +1,10 @@
+import { type Editor } from "@tiptap/react";
+import { type RichTextEditorTranslation } from "./RichTextEditor.types";
+type RichTextEditorLinkDialogProps = {
+    open: boolean;
+    onClose: () => void;
+    editor: Editor;
+    translation: RichTextEditorTranslation;
+};
+export declare function RichTextEditorLinkDialog({ open, onClose, editor, translation: t, }: RichTextEditorLinkDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/rich-text-editor/RichTextEditorToolbar.d.ts

@@ -0,0 +1,10 @@
+import { type Editor } from "@tiptap/react";
+import { type RichTextEditorTranslation, type RichTextEditorToolbarConfig } from "./RichTextEditor.types";
+type RichTextEditorToolbarProps = {
+    editor: Editor | null;
+    toolbarConfig: Required<RichTextEditorToolbarConfig>;
+    translation: RichTextEditorTranslation;
+    disabled?: boolean;
+};
+export declare function RichTextEditorToolbar({ editor, toolbarConfig: tc, translation: t, disabled, }: RichTextEditorToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/rich-text-editor/util/rich-text-editor.util.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Prüft ob ein TipTap-HTML-String inhaltlich leer ist (nur leere Tags, kein sichtbarer Text).
+ */
+export declare function isRichTextEditorEmpty(html: string): boolean;
+/**
+ * Wandelt einen TipTap-JSON-String in einen lesbaren HTML-String um —
+ * nur für Display-Zwecke ohne Editor-Instanz verwendbar.
+ */
+export declare function richTextJsonToHtml(json: string): string;

package/dist/components/sql-editor/SqlEditor.d.ts

@@ -0,0 +1,2 @@
+import { type SqlEditorProps } from "./SqlEditor.types";
+export declare function SqlEditor({ value, onChange, placeholder, height, width, disabled, readonly, error, helperText, name, dialect, showLineNumbers, showLineColumn, showErrorCount, toolbarConfig, translation, highlightColors, schema, onExecute, onLint, onBlur, onFocus, }: SqlEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/sql-editor/SqlEditor.types.d.ts

@@ -0,0 +1,73 @@
+export type SqlLintError = {
+    line: number;
+    col?: number;
+    message: string;
+    severity?: "error" | "warning" | "info";
+};
+export type SqlEditorToolbarConfig = {
+    showFormat?: boolean;
+    showCopy?: boolean;
+    showClear?: boolean;
+    showExecute?: boolean;
+    showUndoRedo?: boolean;
+};
+export declare const DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG: Required<SqlEditorToolbarConfig>;
+export type SqlEditorTranslation = {
+    format: string;
+    copy: string;
+    copySuccess: string;
+    clear: string;
+    execute: string;
+    undo: string;
+    redo: string;
+    lineColumn: string;
+    errorCount: string;
+};
+export declare const DEFAULT_SQL_EDITOR_TRANSLATION: SqlEditorTranslation;
+export type SqlEditorDialect = "standard" | "mysql" | "postgresql" | "sqlite" | "mssql";
+export type SqlColumn = {
+    name: string;
+    type?: string;
+};
+export type SqlTable = {
+    name: string;
+    columns?: SqlColumn[];
+};
+export type SqlSchema = {
+    tables: SqlTable[];
+};
+export type SqlEditorHighlightColors = {
+    /** SQL keywords like SELECT, FROM, WHERE. Default: theme primary.main (bold). */
+    keyword?: string;
+    /** String literals like 'value'. Default: theme success.main (bold). */
+    string?: string;
+    /** Identifiers: table names, column names, aliases. Default: theme info.main. */
+    identifier?: string;
+};
+export type SqlEditorProps = {
+    value?: string;
+    onChange?: (sql: string) => void;
+    placeholder?: string;
+    /** Total height (toolbar + content). Numbers → px. "auto" → fills surrounding flex container. */
+    height?: number | string;
+    /** Width. Numbers → px. Default → 100%. */
+    width?: number | string;
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: boolean;
+    helperText?: string;
+    /** Name for native form submission via hidden input. */
+    name?: string;
+    dialect?: SqlEditorDialect;
+    showLineNumbers?: boolean;
+    showLineColumn?: boolean;
+    showErrorCount?: boolean;
+    toolbarConfig?: SqlEditorToolbarConfig;
+    translation?: Partial<SqlEditorTranslation>;
+    highlightColors?: SqlEditorHighlightColors;
+    schema?: SqlSchema;
+    onExecute?: (sql: string) => void;
+    onLint?: (sql: string) => Promise<SqlLintError[]> | SqlLintError[];
+    onBlur?: () => void;
+    onFocus?: () => void;
+};

package/dist/components/sql-editor/SqlEditorContent.d.ts

@@ -0,0 +1,23 @@
+import { EditorView } from "@codemirror/view";
+import type { SqlEditorDialect, SqlLintError, SqlSchema } from "./SqlEditor.types";
+type SqlEditorContentProps = {
+    value?: string;
+    onChange?: (sql: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    showLineNumbers?: boolean;
+    dialect?: SqlEditorDialect;
+    keywordColor?: string;
+    stringColor?: string;
+    identifierColor?: string;
+    schema?: SqlSchema;
+    onLint?: (sql: string) => Promise<SqlLintError[]> | SqlLintError[];
+    onDiagnosticsChange?: (count: number) => void;
+    onViewReady: (view: EditorView | null) => void;
+    onCursorChange: (line: number, col: number) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+};
+export declare function SqlEditorContent({ value, onChange, placeholder, disabled, readonly, showLineNumbers, dialect, keywordColor, stringColor, identifierColor, schema, onLint, onDiagnosticsChange, onViewReady, onCursorChange, onBlur, onFocus, }: SqlEditorContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sql-editor/SqlEditorFooter.d.ts

@@ -0,0 +1,13 @@
+import type { SqlEditorTranslation } from "./SqlEditor.types";
+type SqlEditorFooterProps = {
+    helperText?: string;
+    error?: boolean;
+    showLineColumn?: boolean;
+    showErrorCount?: boolean;
+    diagnosticsCount: number;
+    cursorLine: number;
+    cursorCol: number;
+    translation: SqlEditorTranslation;
+};
+export declare function SqlEditorFooter({ helperText, error, showLineColumn, showErrorCount, diagnosticsCount, cursorLine, cursorCol, translation: t, }: SqlEditorFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sql-editor/SqlEditorToolbar.d.ts

@@ -0,0 +1,12 @@
+import type { EditorView } from "@codemirror/view";
+import type { SqlEditorDialect, SqlEditorToolbarConfig, SqlEditorTranslation } from "./SqlEditor.types";
+type SqlEditorToolbarProps = {
+    viewRef: React.MutableRefObject<EditorView | null>;
+    toolbarConfig: Required<SqlEditorToolbarConfig>;
+    translation: SqlEditorTranslation;
+    dialect: SqlEditorDialect;
+    disabled?: boolean;
+    onExecute?: (sql: string) => void;
+};
+export declare function SqlEditorToolbar({ viewRef, toolbarConfig: tc, translation: t, dialect, disabled, onExecute, }: SqlEditorToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import type { TagSelectionProps } from "./TagSelection.types";
+export declare function TagSelection({ tags, showSelectedTags, showSelectedTagsLabel, showAutoComplete, translation, inputSize, chipSize, disabled, loading, maxTags, allowCreate, maxVisibleChips, popoverPlacement, listboxMaxHeight, onTagSelect, onTagDelete, onTagsChange, onSearchChange, onTagCreate, }: TagSelectionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import type { TagSelectionItem } from "./TagSelection.types";
+export type TagSelectionStoreState = {
+    tags: TagSelectionItem[];
+    searchValue: string;
+    setTags: (tags: TagSelectionItem[]) => void;
+    setSearchValue: (searchValue: string) => void;
+    selectTag: (tagId: string) => void;
+    deleteTag: (tagId: string) => void;
+    addTag: (tag: TagSelectionItem) => void;
+};
+export type TagSelectionStore = ReturnType<typeof createTagSelectionStore>;
+export declare function createTagSelectionStore(initialTags: TagSelectionItem[]): import("zustand").StoreApi<TagSelectionStoreState>;