@thebuoyant-tsdev/mui-ts-library 1.3.1 → 1.4.0

package/dist/index.js

@@ -5,77 +5,79 @@ import z from "@mui/icons-material/WarningAmberOutlined";
 import B from "@mui/icons-material/ErrorOutlined";
 import V from "@mui/icons-material/CheckCircleOutlined";
 import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { EditorView as G, highlightActiveLine as K, highlightActiveLineGutter as ee, keymap as te, lineNumbers as ne, placeholder as q } from "@codemirror/view";
-import { Compartment as re, EditorState as ie } from "@codemirror/state";
-import { json as ae, jsonParseLinter as oe } from "@codemirror/lang-json";
-import { defaultKeymap as se, history as J, historyKeymap as ce, redo as Y, undo as X } from "@codemirror/commands";
-import { HighlightStyle as le, syntaxHighlighting as ue } from "@codemirror/language";
-import { lintGutter as de, linter as fe } from "@codemirror/lint";
-import { tags as Z } from "@lezer/highlight";
-import pe from "@mui/icons-material/ContentCopy";
-import me from "@mui/icons-material/Check";
-import he from "@mui/icons-material/Delete";
-import ge from "@mui/icons-material/Undo";
-import _e from "@mui/icons-material/Redo";
-import ve from "@mui/icons-material/AutoFixHigh";
-import ye from "@mui/icons-material/Compress";
-import { useStore as be } from "zustand";
-import { createStore as xe } from "zustand/vanilla";
-import { useVirtualizer as Se } from "@tanstack/react-virtual";
-import Ce from "@mui/icons-material/Add";
-import we from "@mui/icons-material/Edit";
-import Te from "@mui/icons-material/RestartAlt";
-import Ee from "@mui/icons-material/Restore";
-import De from "@mui/icons-material/Today";
-import Oe from "@mui/icons-material/UnfoldLess";
-import ke from "@mui/icons-material/UnfoldMore";
-import Ae from "@mui/icons-material/Visibility";
-import je from "@mui/icons-material/VisibilityOff";
-import Me from "@mui/icons-material/Close";
-import { EditorContent as Ne, useEditor as Pe } from "@tiptap/react";
-import { StarterKit as Fe } from "@tiptap/starter-kit";
-import { TextStyle as Ie } from "@tiptap/extension-text-style";
-import { Color as Le } from "@tiptap/extension-color";
-import { Highlight as Re } from "@tiptap/extension-highlight";
-import { Placeholder as ze } from "@tiptap/extension-placeholder";
-import { CharacterCount as Be } from "@tiptap/extension-character-count";
-import { Markdown as Ve } from "tiptap-markdown";
-import He from "@mui/icons-material/FormatBold";
-import Ue from "@mui/icons-material/FormatItalic";
-import We from "@mui/icons-material/FormatUnderlined";
-import Ge from "@mui/icons-material/StrikethroughS";
-import Ke from "@mui/icons-material/FormatListBulleted";
-import qe from "@mui/icons-material/FormatListNumbered";
-import Je from "@mui/icons-material/FormatQuote";
-import Ye from "@mui/icons-material/Code";
-import Xe from "@mui/icons-material/InsertLink";
-import Ze from "@mui/icons-material/HorizontalRule";
-import Qe from "@mui/icons-material/FormatColorText";
-import $e from "@mui/icons-material/BorderColor";
-import et from "@mui/icons-material/FormatClear";
-import tt from "@mui/icons-material/FormatColorReset";
-import { MSSQL as nt, MySQL as rt, PostgreSQL as it, SQLite as at, StandardSQL as ot, sql as st } from "@codemirror/lang-sql";
-import { autocompletion as ct, completionKeymap as lt } from "@codemirror/autocomplete";
-import ut from "@mui/icons-material/PlayArrow";
-import { format as dt } from "sql-formatter";
-import ft from "@mui/icons-material/WarningAmber";
+import { EditorView as G, highlightActiveLine as K, highlightActiveLineGutter as q, keymap as J, lineNumbers as ee, placeholder as te } from "@codemirror/view";
+import { Compartment as ne, EditorState as re } from "@codemirror/state";
+import { json as ie, jsonParseLinter as ae } from "@codemirror/lang-json";
+import { defaultKeymap as oe, history as se, historyKeymap as ce, redo as le, undo as ue } from "@codemirror/commands";
+import { HighlightStyle as de, syntaxHighlighting as fe } from "@codemirror/language";
+import { lintGutter as pe, linter as me } from "@codemirror/lint";
+import { tags as Y } from "@lezer/highlight";
+import he from "@mui/icons-material/ContentCopy";
+import ge from "@mui/icons-material/Check";
+import _e from "@mui/icons-material/Delete";
+import ve from "@mui/icons-material/Undo";
+import ye from "@mui/icons-material/Redo";
+import be from "@mui/icons-material/AutoFixHigh";
+import xe from "@mui/icons-material/Compress";
+import { useStore as Se } from "zustand";
+import { createStore as Ce } from "zustand/vanilla";
+import { useVirtualizer as we } from "@tanstack/react-virtual";
+import Te from "@mui/icons-material/Add";
+import Ee from "@mui/icons-material/Edit";
+import De from "@mui/icons-material/RestartAlt";
+import Oe from "@mui/icons-material/Restore";
+import ke from "@mui/icons-material/Today";
+import Ae from "@mui/icons-material/UnfoldLess";
+import je from "@mui/icons-material/UnfoldMore";
+import Me from "@mui/icons-material/Visibility";
+import Ne from "@mui/icons-material/VisibilityOff";
+import Pe from "@mui/icons-material/Close";
+import { EditorContent as Fe, useEditor as Ie } from "@tiptap/react";
+import { StarterKit as Le } from "@tiptap/starter-kit";
+import { TextStyle as Re } from "@tiptap/extension-text-style";
+import { Color as ze } from "@tiptap/extension-color";
+import { Highlight as Be } from "@tiptap/extension-highlight";
+import { Placeholder as Ve } from "@tiptap/extension-placeholder";
+import { CharacterCount as He } from "@tiptap/extension-character-count";
+import { Markdown as Ue } from "tiptap-markdown";
+import We from "@mui/icons-material/Fullscreen";
+import Ge from "@mui/icons-material/FullscreenExit";
+import Ke from "@mui/icons-material/FormatBold";
+import qe from "@mui/icons-material/FormatItalic";
+import Je from "@mui/icons-material/FormatUnderlined";
+import Ye from "@mui/icons-material/StrikethroughS";
+import Xe from "@mui/icons-material/FormatListBulleted";
+import Ze from "@mui/icons-material/FormatListNumbered";
+import Qe from "@mui/icons-material/FormatQuote";
+import $e from "@mui/icons-material/Code";
+import et from "@mui/icons-material/InsertLink";
+import tt from "@mui/icons-material/HorizontalRule";
+import nt from "@mui/icons-material/FormatColorText";
+import rt from "@mui/icons-material/BorderColor";
+import it from "@mui/icons-material/FormatClear";
+import at from "@mui/icons-material/FormatColorReset";
+import { MSSQL as ot, MySQL as st, PostgreSQL as ct, SQLite as lt, StandardSQL as ut, sql as dt } from "@codemirror/lang-sql";
+import { autocompletion as ft, completionKeymap as pt } from "@codemirror/autocomplete";
+import mt from "@mui/icons-material/PlayArrow";
+import { format as ht } from "sql-formatter";
+import gt from "@mui/icons-material/WarningAmber";
 //#region src/components/confirm-dialog/ConfirmDialog.types.ts
-var pt = {
+var _t = {
 	confirmLabel: "Confirm",
 	cancelLabel: "Cancel"
-}, mt = {
+}, vt = {
 	info: R,
 	warning: z,
 	error: B,
 	success: V
-}, ht = {
+}, yt = {
 	info: "primary",
 	warning: "warning",
 	error: "error",
 	success: "success"
 };
-function gt({ open: e, options: t, translation: n, onConfirm: r, onCancel: i }) {
-	let { title: a, description: o, confirmLabel: s, cancelLabel: c, severity: l = "info", hideCancelButton: d = !1, maxWidth: f = "xs", showIcon: g = !0 } = t, y = g ? mt[l] : null, b = ht[l], x = s ?? n.confirmLabel, S = c ?? n.cancelLabel;
+function bt({ open: e, options: t, translation: n, onConfirm: r, onCancel: i }) {
+	let { title: a, description: o, confirmLabel: s, cancelLabel: c, severity: l = "info", hideCancelButton: d = !1, maxWidth: f = "xs", showIcon: g = !0 } = t, y = g ? vt[l] : null, b = yt[l], x = s ?? n.confirmLabel, S = c ?? n.cancelLabel;
 	return /* @__PURE__ */ W(p, {
 		open: e,
 		onClose: i,
@@ -132,10 +134,10 @@ function gt({ open: e, options: t, translation: n, onConfirm: r, onCancel: i })
 		]
 	});
 }
-var _t = e(() => Promise.resolve(!1));
-function vt({ children: e, translation: n }) {
+var xt = e(() => Promise.resolve(!1));
+function St({ children: e, translation: n }) {
 	let r = {
-		...pt,
+		..._t,
 		...n
 	}, i = o(null), [a, c] = s({
 		open: !1,
@@ -146,9 +148,9 @@ function vt({ children: e, translation: n }) {
 			options: e
 		});
 	})), []);
-	return /* @__PURE__ */ W(_t.Provider, {
+	return /* @__PURE__ */ W(xt.Provider, {
 		value: l,
-		children: [e, /* @__PURE__ */ U(gt, {
+		children: [e, /* @__PURE__ */ U(bt, {
 			open: a.open,
 			options: a.options,
 			translation: r,
@@ -167,18 +169,18 @@ function vt({ children: e, translation: n }) {
 		})]
 	});
 }
-function yt() {
-	return n(_t);
+function Ct() {
+	return n(xt);
 }
 //#endregion
 //#region src/components/json-editor/JsonEditor.types.ts
-var bt = {
+var wt = {
 	showFormat: !0,
 	showCompact: !0,
 	showCopy: !0,
 	showClear: !0,
 	showUndoRedo: !0
-}, xt = {
+}, Tt = {
 	format: "Format JSON",
 	compact: "Compact JSON",
 	copy: "Copy",
@@ -192,8 +194,8 @@ var bt = {
 };
 //#endregion
 //#region src/components/json-editor/JsonEditorContent.tsx
-function St({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly: a = !1, showLineNumbers: s = !0, highlightColors: c, onViewReady: u, onCursorChange: d, onBlur: f, onFocus: p }) {
-	let m = o(null), h = o(null), g = o(t), _ = o(d), v = o(f), y = o(p), b = o(u), x = o(new re()), S = o(new re()), C = L(), w = C.palette.mode === "dark", T = c?.propertyName ?? C.palette.primary.main, E = c?.string ?? C.palette.success.main, D = c?.number ?? C.palette.warning.main, O = c?.boolean ?? C.palette.info.main, k = c?.null ?? C.palette.text.secondary;
+function Et({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly: a = !1, showLineNumbers: s = !0, highlightColors: c, onViewReady: u, onCursorChange: d, onBlur: f, onFocus: p }) {
+	let m = o(null), h = o(null), g = o(t), _ = o(d), v = o(f), y = o(p), b = o(u), x = o(new ne()), S = o(new ne()), C = L(), w = C.palette.mode === "dark", T = c?.propertyName ?? C.palette.primary.main, E = c?.string ?? C.palette.success.main, D = c?.number ?? C.palette.warning.main, O = c?.boolean ?? C.palette.info.main, k = c?.null ?? C.palette.text.secondary;
 	return r(() => {
 		g.current = t;
 	}, [t]), r(() => {
@@ -206,40 +208,40 @@ function St({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 		b.current = u;
 	}, [u]), r(() => {
 		if (!m.current) return;
-		let t = h.current?.state.doc.toString() ?? e ?? "", r = le.define([
+		let t = h.current?.state.doc.toString() ?? e ?? "", r = de.define([
 			{
-				tag: Z.propertyName,
+				tag: Y.propertyName,
 				color: T,
 				fontWeight: "bold"
 			},
 			{
-				tag: Z.string,
+				tag: Y.string,
 				color: E
 			},
 			{
-				tag: Z.number,
+				tag: Y.number,
 				color: D
 			},
 			{
-				tag: Z.bool,
+				tag: Y.bool,
 				color: O,
 				fontWeight: "bold"
 			},
 			{
-				tag: Z.null,
+				tag: Y.null,
 				color: k,
 				fontStyle: "italic"
 			},
 			{
-				tag: Z.bracket,
+				tag: Y.bracket,
 				color: C.palette.text.secondary
 			},
 			{
-				tag: Z.punctuation,
+				tag: Y.punctuation,
 				color: C.palette.text.disabled
 			},
 			{
-				tag: Z.invalid,
+				tag: Y.invalid,
 				color: C.palette.error.main,
 				textDecoration: "underline wavy"
 			}
@@ -285,17 +287,17 @@ function St({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 				".cm-diagnostic-error": { borderLeft: `3px solid ${C.palette.error.main}` },
 				".cm-diagnostic-warning": { borderLeft: `3px solid ${C.palette.warning.main}` }
 			}, { dark: w }),
-			ue(r),
-			ae(),
-			de(),
-			fe(oe()),
-			J(),
-			te.of([...se, ...ce]),
+			fe(r),
+			ie(),
+			pe(),
+			me(ae()),
+			se(),
+			J.of([...oe, ...ce]),
 			x.current.of(G.editable.of(!i && !a)),
-			S.current.of(ie.readOnly.of(a)),
+			S.current.of(re.readOnly.of(a)),
 			K(),
-			...s ? [ne(), ee()] : [],
-			...n ? [q(n)] : [],
+			...s ? [ee(), q()] : [],
+			...n ? [te(n)] : [],
 			G.updateListener.of((e) => {
 				e.docChanged && g.current?.(e.state.doc.toString());
 				let t = e.state.selection.main.head, n = e.state.doc.lineAt(t);
@@ -310,7 +312,7 @@ function St({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 				}
 			})
 		], c = new G({
-			state: ie.create({
+			state: re.create({
 				doc: t,
 				extensions: o
 			}),
@@ -336,7 +338,7 @@ function St({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 			insert: e ?? ""
 		} });
 	}, [e]), r(() => {
-		h.current?.dispatch({ effects: [x.current.reconfigure(G.editable.of(!i && !a)), S.current.reconfigure(ie.readOnly.of(a))] });
+		h.current?.dispatch({ effects: [x.current.reconfigure(G.editable.of(!i && !a)), S.current.reconfigure(re.readOnly.of(a))] });
 	}, [i, a]), /* @__PURE__ */ U(l, {
 		ref: m,
 		sx: {
@@ -355,23 +357,27 @@ function St({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 	});
 }
 //#endregion
-//#region src/components/json-editor/JsonEditorToolbar.tsx
-function Ct({ label: e, icon: t, onClick: n, disabled: r }) {
+//#region src/components/shared/ToolbarButton.tsx
+function X({ label: e, icon: t, onClick: n, active: r, disabled: i }) {
 	return /* @__PURE__ */ U(F, {
 		title: e,
 		arrow: !0,
 		children: /* @__PURE__ */ U("span", { children: /* @__PURE__ */ U(S, {
 			size: "small",
+			onMouseDown: (e) => e.preventDefault(),
 			onClick: n,
-			disabled: r,
-			color: "default",
+			disabled: i,
+			color: r ? "primary" : "default",
 			sx: { borderRadius: 1 },
 			"aria-label": e,
+			"aria-pressed": r,
 			children: t
 		}) })
 	});
 }
-function wt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled: i }) {
+//#endregion
+//#region src/components/json-editor/JsonEditorToolbar.tsx
+function Dt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled: i }) {
 	let [a, o] = s(!1), c = i || !e.current;
 	function u() {
 		let t = e.current;
@@ -417,11 +423,11 @@ function wt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled:
 	}
 	function m() {
 		let t = e.current;
-		t && (X(t), t.focus());
+		t && (ue(t), t.focus());
 	}
 	function h() {
 		let t = e.current;
-		t && (Y(t), t.focus());
+		t && (le(t), t.focus());
 	}
 	let g = t.showFormat || t.showCompact, _ = t.showCopy || t.showClear, y = t.showUndoRedo;
 	return /* @__PURE__ */ W(l, {
@@ -441,14 +447,14 @@ function wt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled:
 					display: "flex",
 					gap: .25
 				},
-				children: [t.showFormat && /* @__PURE__ */ U(Ct, {
+				children: [t.showFormat && /* @__PURE__ */ U(X, {
 					label: n.format,
-					icon: /* @__PURE__ */ U(ve, { fontSize: "small" }),
+					icon: /* @__PURE__ */ U(be, { fontSize: "small" }),
 					onClick: u,
 					disabled: c
-				}), t.showCompact && /* @__PURE__ */ U(Ct, {
+				}), t.showCompact && /* @__PURE__ */ U(X, {
 					label: n.compact,
-					icon: /* @__PURE__ */ U(ye, { fontSize: "small" }),
+					icon: /* @__PURE__ */ U(xe, { fontSize: "small" }),
 					onClick: d,
 					disabled: c
 				})]
@@ -463,17 +469,17 @@ function wt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled:
 					display: "flex",
 					gap: .25
 				},
-				children: [t.showCopy && /* @__PURE__ */ U(Ct, {
+				children: [t.showCopy && /* @__PURE__ */ U(X, {
 					label: a ? n.copySuccess : n.copy,
-					icon: a ? /* @__PURE__ */ U(me, {
+					icon: a ? /* @__PURE__ */ U(ge, {
 						fontSize: "small",
 						color: "success"
-					}) : /* @__PURE__ */ U(pe, { fontSize: "small" }),
+					}) : /* @__PURE__ */ U(he, { fontSize: "small" }),
 					onClick: f,
 					disabled: c
-				}), t.showClear && /* @__PURE__ */ U(Ct, {
+				}), t.showClear && /* @__PURE__ */ U(X, {
 					label: n.clear,
-					icon: /* @__PURE__ */ U(he, { fontSize: "small" }),
+					icon: /* @__PURE__ */ U(_e, { fontSize: "small" }),
 					onClick: p,
 					disabled: c
 				})]
@@ -488,14 +494,14 @@ function wt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled:
 					display: "flex",
 					gap: .25
 				},
-				children: [/* @__PURE__ */ U(Ct, {
+				children: [/* @__PURE__ */ U(X, {
 					label: n.undo,
-					icon: /* @__PURE__ */ U(ge, { fontSize: "small" }),
+					icon: /* @__PURE__ */ U(ve, { fontSize: "small" }),
 					onClick: m,
 					disabled: c
-				}), /* @__PURE__ */ U(Ct, {
+				}), /* @__PURE__ */ U(X, {
 					label: n.redo,
-					icon: /* @__PURE__ */ U(_e, { fontSize: "small" }),
+					icon: /* @__PURE__ */ U(ye, { fontSize: "small" }),
 					onClick: h,
 					disabled: c
 				})]
@@ -506,7 +512,7 @@ function wt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled:
 }
 //#endregion
 //#region src/components/json-editor/JsonEditorFooter.tsx
-function Tt({ helperText: e, error: t, showLineColumn: n, showValidation: r, isValid: i, cursorLine: a, cursorCol: o, translation: s }) {
+function Ot({ helperText: e, error: t, showLineColumn: n, showValidation: r, isValid: i, cursorLine: a, cursorCol: o, translation: s }) {
 	let c = s.lineColumn.replace("{line}", String(a)).replace("{col}", String(o));
 	return /* @__PURE__ */ W(l, {
 		sx: {
@@ -555,11 +561,13 @@ function Tt({ helperText: e, error: t, showLineColumn: n, showValidation: r, isV
 	});
 }
 //#endregion
-//#region src/components/json-editor/JsonEditor.tsx
-function Et(e) {
+//#region src/components/shared/normalizeSize.ts
+function kt(e) {
 	if (!(e === "" || e === void 0)) return typeof e == "string" && e !== "auto" && !isNaN(Number(e)) ? Number(e) : e;
 }
-function Dt(e) {
+//#endregion
+//#region src/components/json-editor/JsonEditor.tsx
+function At(e) {
 	if (!e.trim()) return !1;
 	try {
 		return JSON.parse(e), !0;
@@ -567,17 +575,17 @@ function Dt(e) {
 		return !1;
 	}
 }
-function Ot({ value: e, onChange: n, onValidChange: r, placeholder: i, height: a, width: c, disabled: u = !1, readonly: d = !1, error: f = !1, helperText: p, name: m, indent: h = 2, showLineNumbers: g = !0, showLineColumn: _ = !0, showValidation: y = !1, toolbarConfig: b, translation: x, highlightColors: S, onBlur: C, onFocus: w }) {
+function jt({ value: e, onChange: n, onValidChange: r, placeholder: i, height: a, width: c, disabled: u = !1, readonly: d = !1, error: f = !1, helperText: p, name: m, indent: h = 2, showLineNumbers: g = !0, showLineColumn: _ = !0, showValidation: y = !1, toolbarConfig: b, translation: x, highlightColors: S, onBlur: C, onFocus: w }) {
 	let T = {
-		...xt,
+		...Tt,
 		...x
 	}, E = {
-		...bt,
+		...wt,
 		...b
-	}, D = Et(a), k = Et(c), A = D === "auto", j = A ? void 0 : D ?? 300, M = o(null), [N, P] = s({
+	}, D = kt(a), k = kt(c), A = D === "auto", j = A ? void 0 : D ?? 300, M = o(null), [N, P] = s({
 		line: 1,
 		col: 1
-	}), [F, I] = s(() => Dt(e ?? "")), L = t((e) => {
+	}), [F, I] = s(() => At(e ?? "")), L = t((e) => {
 		M.current = e;
 	}, []), R = t((e, t) => {
 		P({
@@ -585,7 +593,7 @@ function Ot({ value: e, onChange: n, onValidChange: r, placeholder: i, height: a
 			col: t
 		});
 	}, []), z = t((e) => {
-		let t = Dt(e);
+		let t = At(e);
 		I(t), r?.(t), n?.(e);
 	}, [n, r]), B = _ || y || !!p;
 	return /* @__PURE__ */ W(l, {
@@ -611,13 +619,13 @@ function Ot({ value: e, onChange: n, onValidChange: r, placeholder: i, height: a
 						borderWidth: 2
 					}
 				},
-				children: [!d && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(wt, {
+				children: [!d && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(Dt, {
 					viewRef: M,
 					toolbarConfig: E,
 					translation: T,
 					indent: h,
 					disabled: u
-				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(St, {
+				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(Et, {
 					value: e,
 					onChange: z,
 					placeholder: i,
@@ -631,7 +639,7 @@ function Ot({ value: e, onChange: n, onValidChange: r, placeholder: i, height: a
 					onFocus: w
 				})]
 			}),
-			B && /* @__PURE__ */ U(Tt, {
+			B && /* @__PURE__ */ U(Ot, {
 				helperText: p,
 				error: f,
 				showLineColumn: _,
@@ -651,28 +659,28 @@ function Ot({ value: e, onChange: n, onValidChange: r, placeholder: i, height: a
 }
 //#endregion
 //#region src/components/gantt-chart/util/gantt-chart.util.ts
-function kt(e) {
-	let t = /* @__PURE__ */ new Date(), n = Gt(t), r = Kt(t);
+function Mt(e) {
+	let t = /* @__PURE__ */ new Date(), n = qt(t), r = Jt(t);
 	if (e.length === 0) return {
 		start: n,
 		end: r
 	};
-	let i = e.map((e) => e.startDate.getTime()), a = e.map((e) => e.endDate.getTime()), o = Ft(Lt(new Date(Math.min(...i)), -1)), s = It(Lt(new Date(Math.max(...a)), 1));
+	let i = e.map((e) => e.startDate.getTime()), a = e.map((e) => e.endDate.getTime()), o = Rt(Bt(new Date(Math.min(...i)), -1)), s = zt(Bt(new Date(Math.max(...a)), 1));
 	return {
 		start: o < n ? o : n,
 		end: s > r ? s : r
 	};
 }
-function At(e, t) {
+function Nt(e, t) {
 	return t === "weeks" ? {
-		start: Vt(e.start),
+		start: Ut(e.start),
 		end: e.end
 	} : t === "quarters" ? {
-		start: Gt(e.start),
-		end: Kt(e.end)
+		start: qt(e.start),
+		end: Jt(e.end)
 	} : e;
 }
-function jt(e, t) {
+function Pt(e, t) {
 	let n = t.end.getTime() - t.start.getTime();
 	if (n <= 0) return {
 		left: 0,
@@ -684,7 +692,7 @@ function jt(e, t) {
 		width: Math.max(0, i)
 	};
 }
-function Mt(e) {
+function Ft(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.id, {
 		...n,
@@ -693,31 +701,31 @@ function Mt(e) {
 	});
 	let n = [];
 	for (let e of t.values()) e.parentId && t.has(e.parentId) ? t.get(e.parentId).children.push(e) : n.push(e);
-	return Nt(n, 0), n;
+	return It(n, 0), n;
 }
-function Nt(e, t) {
-	for (let n of e) n.depth = t, Nt(n.children, t + 1);
+function It(e, t) {
+	for (let n of e) n.depth = t, It(n.children, t + 1);
 }
-function Pt(e, t) {
+function Lt(e, t) {
 	let n = [];
 	function r(e) {
 		for (let i of e) n.push(i), i.children.length > 0 && t.has(i.id) && r(i.children);
 	}
 	return r(e), n;
 }
-function Ft(e) {
+function Rt(e) {
 	return new Date(e.getFullYear(), e.getMonth(), 1, 0, 0, 0, 0);
 }
-function It(e) {
+function zt(e) {
 	return new Date(e.getFullYear(), e.getMonth() + 1, 0, 23, 59, 59, 999);
 }
-function Lt(e, t) {
+function Bt(e, t) {
 	return new Date(e.getFullYear(), e.getMonth() + t, e.getDate());
 }
-function Rt(e, t) {
+function Z(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t, 0, 0, 0, 0);
 }
-function zt(e, t, n) {
+function Vt(e, t, n) {
 	if (n === 0) return e;
 	let r = /* @__PURE__ */ new Map();
 	for (let t of e) for (let e of t.dependencies ?? []) r.has(e) || r.set(e, []), r.get(e).push(t.id);
@@ -735,41 +743,41 @@ function zt(e, t, n) {
 	}
 	return e.map((e) => i.get(e.id));
 }
-function Bt(e) {
-	let t = [], n = Ft(e.start);
-	for (; n <= e.end;) t.push(n), n = Lt(n, 1);
+function Ht(e) {
+	let t = [], n = Rt(e.start);
+	for (; n <= e.end;) t.push(n), n = Bt(n, 1);
 	return t;
 }
-function Vt(e) {
+function Ut(e) {
 	let t = new Date(e), n = t.getDay(), r = n === 0 ? -6 : 1 - n;
 	return t.setDate(t.getDate() + r), t.setHours(0, 0, 0, 0), t;
 }
-function Ht(e) {
+function Wt(e) {
 	let t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate())), n = t.getUTCDay() || 7;
 	t.setUTCDate(t.getUTCDate() + 4 - n);
 	let r = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
 	return Math.ceil(((t.getTime() - r.getTime()) / 864e5 + 1) / 7);
 }
-function Ut(e) {
-	let t = [], n = Vt(e.start);
+function Gt(e) {
+	let t = [], n = Ut(e.start);
 	for (; n <= e.end;) t.push(new Date(n)), n = new Date(n.getFullYear(), n.getMonth(), n.getDate() + 7);
 	return t;
 }
-function Wt(e) {
+function Kt(e) {
 	let t = [], n = new Date(e.start.getFullYear(), e.start.getMonth(), e.start.getDate(), 0, 0, 0, 0), r = new Date(e.end.getFullYear(), e.end.getMonth(), e.end.getDate(), 0, 0, 0, 0).getTime();
 	for (; n.getTime() <= r;) t.push(new Date(n)), n = new Date(n.getFullYear(), n.getMonth(), n.getDate() + 1, 0, 0, 0, 0);
 	return t;
 }
-function Gt(e) {
+function qt(e) {
 	let t = Math.floor(e.getMonth() / 3) * 3;
 	return new Date(e.getFullYear(), t, 1, 0, 0, 0, 0);
 }
-function Kt(e) {
+function Jt(e) {
 	let t = Math.floor(e.getMonth() / 3) * 3 + 2;
-	return It(new Date(e.getFullYear(), t, 1));
+	return zt(new Date(e.getFullYear(), t, 1));
 }
-function qt(e) {
-	let t = [], n = Gt(e.start);
+function Yt(e) {
+	let t = [], n = qt(e.start);
 	for (; n <= e.end;) {
 		let e = Math.floor(n.getMonth() / 3) + 1;
 		t.push({
@@ -780,7 +788,7 @@ function qt(e) {
 	}
 	return t;
 }
-function Jt(e) {
+function Xt(e) {
 	if (e.length === 0) return /* @__PURE__ */ new Set();
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) for (let e of n.dependencies ?? []) t.has(e) || t.set(e, []), t.get(e).push(n.id);
@@ -800,18 +808,18 @@ function Jt(e) {
 }
 //#endregion
 //#region src/components/gantt-chart/GanttChart.store.ts
-function Yt(e, t) {
-	let n = t.startDate < e.start ? Ft(Lt(t.startDate, -1)) : e.start, r = t.endDate > e.end ? It(Lt(t.endDate, 1)) : e.end;
+function Zt(e, t) {
+	let n = t.startDate < e.start ? Rt(Bt(t.startDate, -1)) : e.start, r = t.endDate > e.end ? zt(Bt(t.endDate, 1)) : e.end;
 	return n === e.start && r === e.end ? e : {
 		start: n,
 		end: r
 	};
 }
-function Xt(e, t = "months", n = !1, r, i = !1) {
-	let a = kt(e);
-	return xe((o, s) => ({
+function Qt(e, t = "months", n = !1, r, i = !1) {
+	let a = Mt(e);
+	return Ce((o, s) => ({
 		tasks: e,
-		taskTree: Mt(e),
+		taskTree: Ft(e),
 		expandedIds: n ? new Set(e.map((e) => e.id)) : new Set(e.filter((e) => !e.parentId).map((e) => e.id)),
 		timeScale: t,
 		timelineRange: r ?? a,
@@ -823,8 +831,8 @@ function Xt(e, t = "months", n = !1, r, i = !1) {
 		setTasks: (e) => {
 			o((t) => ({
 				tasks: e,
-				taskTree: Mt(e),
-				...t.isRangeCustomized ? {} : { timelineRange: kt(e) }
+				taskTree: Ft(e),
+				...t.isRangeCustomized ? {} : { timelineRange: Mt(e) }
 			}));
 		},
 		addTask: (e) => {
@@ -832,8 +840,8 @@ function Xt(e, t = "months", n = !1, r, i = !1) {
 				let n = [...t.tasks, e];
 				return {
 					tasks: n,
-					taskTree: Mt(n),
-					timelineRange: Yt(t.timelineRange, e)
+					taskTree: Ft(n),
+					timelineRange: Zt(t.timelineRange, e)
 				};
 			});
 		},
@@ -842,13 +850,13 @@ function Xt(e, t = "months", n = !1, r, i = !1) {
 				let n = t.tasks.find((t) => t.id === e.id), r = t.tasks.map((t) => t.id === e.id ? e : t);
 				if (t.cascadeDependencies && n) {
 					let t = e.endDate.getTime() - n.endDate.getTime();
-					r = zt(r, e.id, t);
+					r = Vt(r, e.id, t);
 				}
-				let i = Yt(t.timelineRange, e);
-				for (let e of r) i = Yt(i, e);
+				let i = Zt(t.timelineRange, e);
+				for (let e of r) i = Zt(i, e);
 				return {
 					tasks: r,
-					taskTree: Mt(r),
+					taskTree: Ft(r),
 					timelineRange: i
 				};
 			});
@@ -862,7 +870,7 @@ function Xt(e, t = "months", n = !1, r, i = !1) {
 				let i = t.tasks.filter((e) => !n.has(e.id));
 				return {
 					tasks: i,
-					taskTree: Mt(i)
+					taskTree: Ft(i)
 				};
 			});
 		},
@@ -895,14 +903,14 @@ function Xt(e, t = "months", n = !1, r, i = !1) {
 		},
 		resetTimelineRange: () => {
 			o((e) => ({
-				timelineRange: kt(e.tasks),
+				timelineRange: Mt(e.tasks),
 				isRangeCustomized: !1
 			}));
 		},
 		resetView: () => {
 			o((e) => ({
 				timeScale: e.defaultTimeScale,
-				timelineRange: kt(e.tasks),
+				timelineRange: Mt(e.tasks),
 				isRangeCustomized: !1,
 				isExpandedCustomized: !1,
 				expandedIds: e.initialExpandAll ? new Set(e.tasks.map((e) => e.id)) : new Set(e.tasks.filter((e) => !e.parentId).map((e) => e.id))
@@ -910,13 +918,13 @@ function Xt(e, t = "months", n = !1, r, i = !1) {
 		},
 		getVisibleTasks: () => {
 			let { taskTree: e, expandedIds: t } = s();
-			return Pt(e, t);
+			return Lt(e, t);
 		}
 	}));
 }
 //#endregion
 //#region src/components/gantt-chart/GanttChart.types.ts
-var Zt = {
+var $t = {
 	scaleDays: "Tage",
 	scaleWeeks: "Wochen",
 	scaleMonths: "Monate",
@@ -956,19 +964,29 @@ var Zt = {
 	addTaskTooltip: "Aufgabe hinzufügen",
 	editTaskTooltip: "Aufgabe bearbeiten",
 	deleteTaskTooltip: "Aufgabe löschen"
+}, en = {
+	planned: "warning.light",
+	"in-progress": "info.main",
+	done: "success.main",
+	blocked: "error.main"
+}, tn = {
+	planned: "warning",
+	"in-progress": "info",
+	done: "success",
+	blocked: "error"
 };
 //#endregion
 //#region src/components/gantt-chart/GanttTaskDialog.tsx
-function Qt(e) {
+function nn(e) {
 	return e.toISOString().slice(0, 10);
 }
-function $t(e, t, n) {
+function rn(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
-function en(e) {
-	return e.flatMap((e) => [e, ...en(e.children)]);
+function an(e) {
+	return e.flatMap((e) => [e, ...an(e.children)]);
 }
-function tn({ label: e }) {
+function on({ label: e }) {
 	let t = o(null), [n, r] = s(!1);
 	return /* @__PURE__ */ U(F, {
 		title: e,
@@ -991,8 +1009,8 @@ function tn({ label: e }) {
 		})
 	});
 }
-function nn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, onClose: c }) {
-	let f = Sn(), g = Q((e) => e.taskTree), v = Q((e) => e.timelineRange), x = a(() => en(g), [g]), S = a(() => {
+function sn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, onClose: c }) {
+	let f = $(), g = Q((e) => e.taskTree), v = Q((e) => e.timelineRange), x = a(() => an(g), [g]), S = a(() => {
 		if (t === "add" || !n) return /* @__PURE__ */ new Set();
 		let e = (t) => [t.id, ...t.children.flatMap(e)], r = x.find((e) => e.id === n.id);
 		return new Set(r ? e(r) : [n.id]);
@@ -1000,7 +1018,7 @@ function nn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, o
 		t,
 		n,
 		x
-	]), C = x.filter((e) => !S.has(e.id)), T = C, D = Qt($t(/* @__PURE__ */ new Date(), v.start, v.end)), [O, k] = s({
+	]), C = x.filter((e) => !S.has(e.id)), T = C, D = nn(rn(/* @__PURE__ */ new Date(), v.start, v.end)), [O, k] = s({
 		name: "",
 		startDate: D,
 		endDate: D,
@@ -1011,11 +1029,11 @@ function nn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, o
 	});
 	r(() => {
 		if (!e) return;
-		let r = Qt($t(/* @__PURE__ */ new Date(), v.start, v.end));
+		let r = nn(rn(/* @__PURE__ */ new Date(), v.start, v.end));
 		k(t === "edit" && n ? {
 			name: n.name,
-			startDate: Qt(n.startDate),
-			endDate: Qt(n.endDate),
+			startDate: nn(n.startDate),
+			endDate: nn(n.endDate),
 			status: n.status,
 			isMilestone: n.isMilestone ?? !1,
 			parentId: n.parentId ?? "",
@@ -1196,7 +1214,7 @@ function nn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, o
 											flexShrink: 0
 										},
 										children: "└"
-									}), /* @__PURE__ */ U(tn, { label: e.name })]
+									}), /* @__PURE__ */ U(on, { label: e.name })]
 								})
 							}, e.id))]
 						})]
@@ -1240,7 +1258,7 @@ function nn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, o
 											flexShrink: 0
 										},
 										children: "└"
-									}), /* @__PURE__ */ U(tn, { label: e.name })]
+									}), /* @__PURE__ */ U(on, { label: e.name })]
 								})
 							}, e.id))
 						})]
@@ -1262,8 +1280,8 @@ function nn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, o
 }
 //#endregion
 //#region src/components/gantt-chart/GanttDeleteDialog.tsx
-function rn({ open: e, task: t, onConfirm: n, onClose: r }) {
-	let i = Sn(), a = i.dialogDeleteConfirm.replace("{name}", t?.name ?? "");
+function cn({ open: e, task: t, onConfirm: n, onClose: r }) {
+	let i = $(), a = i.dialogDeleteConfirm.replace("{name}", t?.name ?? "");
 	return /* @__PURE__ */ W(p, {
 		open: e,
 		onClose: r,
@@ -1288,18 +1306,7 @@ function rn({ open: e, task: t, onConfirm: n, onClose: r }) {
 }
 //#endregion
 //#region src/components/gantt-chart/GanttTaskPanel.tsx
-var an = {
-	planned: "warning.main",
-	"in-progress": "info.main",
-	done: "success.main",
-	blocked: "error.main"
-}, on = {
-	planned: "warning",
-	"in-progress": "info",
-	done: "success",
-	blocked: "error"
-};
-function sn(e, t) {
+function ln(e, t) {
 	return {
 		planned: t.statusPlanned,
 		"in-progress": t.statusInProgress,
@@ -1307,8 +1314,8 @@ function sn(e, t) {
 		blocked: t.statusBlocked
 	}[e];
 }
-function cn({ task: e, expandedIds: t, toggleExpand: n, hasActionsColumn: r, onTaskClick: i, onAddTask: a, onEditTask: o, onDeleteTask: c, onStatusChange: u, inlineEdit: d, onInlineRename: p }) {
-	let [m, h] = s(null), [g, _] = s(null), v = Sn(), { statusColors: y } = wn(), b = () => {
+function un({ task: e, expandedIds: t, toggleExpand: n, hasActionsColumn: r, onTaskClick: i, onAddTask: a, onEditTask: o, onDeleteTask: c, onStatusChange: u, inlineEdit: d, onInlineRename: p }) {
+	let [m, h] = s(null), [g, _] = s(null), v = $(), { statusColors: y } = Mn(), b = () => {
 		g !== null && g.trim() && p?.(e, g.trim()), _(null);
 	};
 	return /* @__PURE__ */ W(l, {
@@ -1364,7 +1371,7 @@ function cn({ task: e, expandedIds: t, toggleExpand: n, hasActionsColumn: r, onT
 						borderRadius: e.isMilestone ? 0 : "50%",
 						transform: e.isMilestone ? "rotate(45deg)" : void 0,
 						flexShrink: 0,
-						bgcolor: e.color ?? y?.[e.status] ?? an[e.status] ?? "grey.400"
+						bgcolor: e.color ?? y?.[e.status] ?? en[e.status] ?? "grey.400"
 					} }),
 					g === null ? /* @__PURE__ */ U(I, {
 						variant: "body2",
@@ -1416,7 +1423,7 @@ function cn({ task: e, expandedIds: t, toggleExpand: n, hasActionsColumn: r, onT
 							onClick: (t) => {
 								t.stopPropagation(), o(e);
 							},
-							children: /* @__PURE__ */ U(we, { fontSize: "inherit" })
+							children: /* @__PURE__ */ U(Ee, { fontSize: "inherit" })
 						})
 					}),
 					a && /* @__PURE__ */ U(F, {
@@ -1427,7 +1434,7 @@ function cn({ task: e, expandedIds: t, toggleExpand: n, hasActionsColumn: r, onT
 							onClick: (t) => {
 								t.stopPropagation(), a(e);
 							},
-							children: /* @__PURE__ */ U(Ce, { fontSize: "inherit" })
+							children: /* @__PURE__ */ U(Te, { fontSize: "inherit" })
 						})
 					}),
 					c && /* @__PURE__ */ U(F, {
@@ -1438,7 +1445,7 @@ function cn({ task: e, expandedIds: t, toggleExpand: n, hasActionsColumn: r, onT
 							onClick: (t) => {
 								t.stopPropagation(), c(e);
 							},
-							children: /* @__PURE__ */ U(he, { fontSize: "inherit" })
+							children: /* @__PURE__ */ U(_e, { fontSize: "inherit" })
 						})
 					})
 				]
@@ -1452,10 +1459,10 @@ function cn({ task: e, expandedIds: t, toggleExpand: n, hasActionsColumn: r, onT
 					justifyContent: "center"
 				},
 				children: [/* @__PURE__ */ U(f, {
-					label: sn(e.status, v),
+					label: ln(e.status, v),
 					size: "small",
 					variant: "outlined",
-					color: e.color ?? y?.[e.status] ? "default" : on[e.status] ?? "default",
+					color: e.color ?? y?.[e.status] ? "default" : tn[e.status] ?? "default",
 					sx: {
 						height: 20,
 						fontSize: 10,
@@ -1482,15 +1489,15 @@ function cn({ task: e, expandedIds: t, toggleExpand: n, hasActionsColumn: r, onT
 						onClick: () => {
 							u(e, t), h(null);
 						},
-						children: sn(t, v)
+						children: ln(t, v)
 					}, t))
 				})]
 			})
 		]
 	});
 }
-function ln({ scrollRef: e, onScroll: t, panelWidth: n, onTaskClick: r, onAddTask: i, onEditTask: o, onDeleteTask: c, onStatusChange: u, onTasksChange: d, enableBuiltinDialogs: f, onTaskCreated: p, onTaskUpdated: m, onTaskDeleted: h, inlineEdit: g, virtualizeRows: _ = !1 }) {
-	let v = Sn(), y = bn(), b = Q((e) => e.taskTree), x = Q((e) => e.expandedIds), S = Q((e) => e.toggleExpand), C = Q((e) => e.timeScale), w = Q((e) => e.addTask), T = Q((e) => e.updateTask), E = Q((e) => e.deleteTask), D = a(() => Pt(b, x), [b, x]), O = Se({
+function dn({ scrollRef: e, onScroll: t, panelWidth: n, onTaskClick: r, onAddTask: i, onEditTask: o, onDeleteTask: c, onStatusChange: u, onTasksChange: d, enableBuiltinDialogs: f, onTaskCreated: p, onTaskUpdated: m, onTaskDeleted: h, inlineEdit: g, virtualizeRows: _ = !1 }) {
+	let v = $(), y = kn(), b = Q((e) => e.taskTree), x = Q((e) => e.expandedIds), S = Q((e) => e.toggleExpand), C = Q((e) => e.timeScale), w = Q((e) => e.addTask), T = Q((e) => e.updateTask), E = Q((e) => e.deleteTask), D = a(() => Lt(b, x), [b, x]), O = we({
 		count: D.length,
 		getScrollElement: () => e.current,
 		estimateSize: () => 40,
@@ -1520,9 +1527,9 @@ function ln({ scrollRef: e, onScroll: t, panelWidth: n, onTaskClick: r, onAddTas
 		L(e), A(!0);
 	} : i, K = f ? (e) => {
 		L(e), M(!0);
-	} : o, ee = f ? (e) => {
+	} : o, q = f ? (e) => {
 		L(e), P(!0);
-	} : c, te = !!(G || K || ee);
+	} : c, J = !!(G || K || q);
 	return /* @__PURE__ */ W(l, {
 		ref: e,
 		onScroll: t,
@@ -1567,7 +1574,7 @@ function ln({ scrollRef: e, onScroll: t, panelWidth: n, onTaskClick: r, onAddTas
 								children: v.columnName
 							})
 						}),
-						te && /* @__PURE__ */ U(l, {
+						J && /* @__PURE__ */ U(l, {
 							sx: {
 								width: 96,
 								flexShrink: 0,
@@ -1612,49 +1619,49 @@ function ln({ scrollRef: e, onScroll: t, panelWidth: n, onTaskClick: r, onAddTas
 						height: 40,
 						transform: `translateY(${e.start}px)`
 					},
-					children: /* @__PURE__ */ U(cn, {
+					children: /* @__PURE__ */ U(un, {
 						task: D[e.index],
 						expandedIds: x,
 						toggleExpand: S,
-						hasActionsColumn: te,
+						hasActionsColumn: J,
 						onTaskClick: r,
 						onAddTask: G,
 						onEditTask: K,
-						onDeleteTask: ee,
+						onDeleteTask: q,
 						onStatusChange: u,
 						inlineEdit: g,
 						onInlineRename: g ? V : void 0
 					})
 				}, e.key))
-			}) : D.map((e) => /* @__PURE__ */ U(cn, {
+			}) : D.map((e) => /* @__PURE__ */ U(un, {
 				task: e,
 				expandedIds: x,
 				toggleExpand: S,
-				hasActionsColumn: te,
+				hasActionsColumn: J,
 				onTaskClick: r,
 				onAddTask: G,
 				onEditTask: K,
-				onDeleteTask: ee,
+				onDeleteTask: q,
 				onStatusChange: u,
 				inlineEdit: g,
 				onInlineRename: g ? V : void 0
 			}, e.id)),
 			f && /* @__PURE__ */ W(H, { children: [
-				/* @__PURE__ */ U(nn, {
+				/* @__PURE__ */ U(sn, {
 					open: k,
 					mode: "add",
 					defaultParentId: F?.id,
 					onSave: R,
 					onClose: () => A(!1)
 				}),
-				/* @__PURE__ */ U(nn, {
+				/* @__PURE__ */ U(sn, {
 					open: j,
 					mode: "edit",
 					initialTask: F ?? void 0,
 					onSave: z,
 					onClose: () => M(!1)
 				}),
-				/* @__PURE__ */ U(rn, {
+				/* @__PURE__ */ U(cn, {
 					open: N,
 					task: F,
 					onConfirm: B,
@@ -1665,8 +1672,112 @@ function ln({ scrollRef: e, onScroll: t, panelWidth: n, onTaskClick: r, onAddTas
 	});
 }
 //#endregion
+//#region src/components/gantt-chart/hooks/useGanttDrag.ts
+var fn = 864e5;
+function pn({ totalWidth: e, displayRange: t, onTaskMoved: n, onTaskResized: r, onTasksChange: i }) {
+	let a = Q((e) => e.updateTask), c = kn(), l = $(), u = o(1);
+	u.current = e > 0 ? e / ((t.end.getTime() - t.start.getTime()) / fn) : 1;
+	let d = o(n);
+	d.current = n;
+	let f = o(r);
+	f.current = r;
+	let p = o(i);
+	p.current = i;
+	let m = o(null), h = o(null), [g, _] = s(null), v = o(!1);
+	return {
+		activeDrag: g,
+		suppressClickRef: v,
+		handleBarMouseDown: (e, t, n) => {
+			e.stopPropagation(), v.current = !1, m.current = {
+				type: n,
+				taskId: t.id,
+				startX: e.clientX,
+				originalStart: t.startDate,
+				originalEnd: t.endDate
+			}, document.body.style.cursor = n === "resize" ? "ew-resize" : "grabbing";
+			let r = (e) => {
+				let t = m.current;
+				if (!t || t.type === "progress") return;
+				let n = e.clientX - t.startX, r = Math.round(n / u.current);
+				Math.abs(n) >= 5 && (v.current = !0);
+				let i = {
+					taskId: t.taskId,
+					type: t.type,
+					deltaDays: r
+				};
+				h.current = i, _(i);
+			}, i = () => {
+				document.body.style.cursor = "";
+				let e = m.current, t = h.current;
+				if (e && t && v.current && t.deltaDays !== 0) {
+					let n = c.getState().tasks.find((t) => t.id === e.taskId);
+					if (n) {
+						if (t.type === "move") {
+							let r = Z(e.originalStart, t.deltaDays), i = Z(e.originalEnd, t.deltaDays);
+							a({
+								...n,
+								startDate: r,
+								endDate: i
+							}), d.current?.(n, r, i);
+						} else {
+							let r = Z(e.originalEnd, t.deltaDays), i = r > e.originalStart ? r : Z(e.originalStart, 1);
+							a({
+								...n,
+								endDate: i
+							}), f.current?.(n, i);
+						}
+						p.current?.(c.getState().tasks);
+					}
+				}
+				m.current = null, h.current = null, _(null), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
+			};
+			document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
+		},
+		handleProgressMouseDown: (e, t, n, r) => {
+			e.stopPropagation(), v.current = !1, m.current = {
+				type: "progress",
+				taskId: t.id,
+				startX: e.clientX,
+				originalStart: t.startDate,
+				originalEnd: t.endDate,
+				initialProgress: n,
+				barWidthPx: r
+			}, document.body.style.cursor = "ew-resize";
+			let i = (e) => {
+				let t = m.current;
+				if (!t || t.type !== "progress") return;
+				let n = e.clientX - t.startX;
+				Math.abs(n) >= 5 && (v.current = !0);
+				let r = n / (t.barWidthPx ?? 1) * 100, i = Math.round(Math.max(0, Math.min(100, (t.initialProgress ?? 0) + r))), a = {
+					taskId: t.taskId,
+					type: "progress",
+					deltaDays: 0,
+					newProgress: i
+				};
+				h.current = a, _(a);
+			}, o = () => {
+				document.body.style.cursor = "";
+				let e = m.current, t = h.current;
+				if (e && t && t.type === "progress" && t.newProgress !== void 0 && v.current) {
+					let n = c.getState().tasks.find((t) => t.id === e.taskId);
+					n && (a({
+						...n,
+						progress: t.newProgress
+					}), p.current?.(c.getState().tasks));
+				}
+				m.current = null, h.current = null, _(null), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o);
+			};
+			document.addEventListener("mousemove", i), document.addEventListener("mouseup", o);
+		},
+		formatDragDate: (e) => e.toLocaleDateString(l.dateLocale, {
+			day: "2-digit",
+			month: "short"
+		})
+	};
+}
+//#endregion
 //#region src/components/gantt-chart/GanttTimelineHeader.tsx
-function un({ items: e }) {
+function mn({ items: e }) {
 	return /* @__PURE__ */ U(l, {
 		sx: { display: "flex" },
 		children: e.map((e) => /* @__PURE__ */ U(l, {
@@ -1689,7 +1800,7 @@ function un({ items: e }) {
 		}, e.key))
 	});
 }
-function dn({ columns: e, groups: t }) {
+function hn({ columns: e, groups: t }) {
 	return /* @__PURE__ */ W(l, {
 		sx: {
 			position: "sticky",
@@ -1708,28 +1819,325 @@ function dn({ columns: e, groups: t }) {
 				borderColor: "divider",
 				overflow: "visible"
 			},
-			children: /* @__PURE__ */ U(un, { items: t })
-		}), /* @__PURE__ */ U(un, { items: e })]
+			children: /* @__PURE__ */ U(mn, { items: t })
+		}), /* @__PURE__ */ U(mn, { items: e })]
+	});
+}
+//#endregion
+//#region src/components/gantt-chart/GanttBarRow.tsx
+function gn({ task: e, virtualTop: t, activeDrag: n, displayRange: r, totalWidth: i, gridColumnWidth: a, criticalTaskIds: o, draggable: s = !1, resizable: c = !1, progressDraggable: u = !1, onTaskClick: d, onMilestoneClick: f, onContextMenu: p, suppressClickRef: m, handleBarMouseDown: h, handleProgressMouseDown: g, formatDragDate: _ }) {
+	let v = L(), { statusColors: y, criticalPathColor: b, milestoneColor: x, barBorderRadius: S } = Mn(), C = n?.taskId === e.id, w = e;
+	if (C && n) if (n.type === "move") w = {
+		...e,
+		startDate: Z(e.startDate, n.deltaDays),
+		endDate: Z(e.endDate, n.deltaDays)
+	};
+	else if (n.type === "resize") {
+		let t = Z(e.endDate, n.deltaDays);
+		w = {
+			...e,
+			endDate: t > e.startDate ? t : Z(e.startDate, 1)
+		};
+	} else n.type === "progress" && n.newProgress !== void 0 && (w = {
+		...e,
+		progress: n.newProgress
+	});
+	let { left: T, width: E } = Pt(w, r);
+	return /* @__PURE__ */ U(l, {
+		"data-testid": `gantt-bar-row-${e.id}`,
+		style: t === void 0 ? void 0 : {
+			position: "absolute",
+			top: t,
+			left: 0,
+			width: "100%"
+		},
+		sx: {
+			height: 40,
+			position: "relative",
+			borderBottom: "1px solid",
+			borderColor: "divider",
+			backgroundImage: (e) => `linear-gradient(to right, transparent calc(${a}px - 1px), ${e.palette.divider} calc(${a}px - 1px), ${e.palette.divider} ${a}px)`,
+			backgroundSize: `${a}px 100%`,
+			backgroundRepeat: "repeat-x"
+		},
+		children: e.isMilestone ? /* @__PURE__ */ U(_n, {
+			task: e,
+			left: T,
+			milestoneColor: x,
+			criticalPathColor: b,
+			isCritical: o.has(e.id),
+			onMilestoneClick: f,
+			theme: v
+		}) : /* @__PURE__ */ U(vn, {
+			task: e,
+			effectiveTask: w,
+			left: T,
+			width: E,
+			totalWidth: i,
+			isDragging: C,
+			activeDrag: n,
+			draggable: s,
+			resizable: c,
+			progressDraggable: u,
+			isCritical: o.has(e.id),
+			statusColors: y,
+			criticalPathColor: b,
+			barBorderRadius: S,
+			onTaskClick: d,
+			onContextMenu: p,
+			suppressClickRef: m,
+			handleBarMouseDown: h,
+			handleProgressMouseDown: g,
+			formatDragDate: _,
+			theme: v
+		})
+	});
+}
+function _n({ task: e, left: t, milestoneColor: n, criticalPathColor: r, isCritical: i, onMilestoneClick: a, theme: o }) {
+	return t < 0 || t > 100 ? null : /* @__PURE__ */ U(l, {
+		"data-testid": `gantt-milestone-${e.id}`,
+		sx: {
+			position: "absolute",
+			left: `${t}%`,
+			top: "50%",
+			width: 12,
+			height: 12,
+			bgcolor: n ?? "warning.main",
+			transform: "translate(-50%, -50%) rotate(45deg)",
+			cursor: a ? "pointer" : "default",
+			boxShadow: i ? `0 0 0 2.5px ${r ?? o.palette.error.main}` : void 0,
+			"&:hover": a ? { opacity: .8 } : void 0
+		},
+		onClick: () => a?.(e)
+	});
+}
+function vn({ task: e, effectiveTask: t, left: n, width: r, totalWidth: i, isDragging: a, activeDrag: o, draggable: s, resizable: c, progressDraggable: u, isCritical: d, statusColors: f, criticalPathColor: p, barBorderRadius: m, onTaskClick: h, onContextMenu: g, suppressClickRef: _, handleBarMouseDown: v, handleProgressMouseDown: y, formatDragDate: b, theme: x }) {
+	let S = Math.max(0, n), C = Math.min(100, n + Math.max(r, .5)) - S;
+	return C <= 0 ? null : /* @__PURE__ */ W(H, { children: [
+		a && o && o.type !== "progress" && o.deltaDays !== 0 && /* @__PURE__ */ U(yn, {
+			left: S,
+			children: o.type === "move" ? `${b(t.startDate)} – ${b(t.endDate)}` : `→ ${b(t.endDate)}`
+		}),
+		a && o?.type === "progress" && o.newProgress !== void 0 && /* @__PURE__ */ W(yn, {
+			left: S,
+			children: [o.newProgress, "%"]
+		}),
+		/* @__PURE__ */ W(l, {
+			"data-testid": `gantt-bar-${e.id}`,
+			sx: {
+				position: "absolute",
+				left: `${S}%`,
+				width: `${C}%`,
+				height: 16,
+				top: "50%",
+				transform: "translateY(-50%)",
+				bgcolor: e.color ?? f?.[e.status] ?? en[e.status] ?? "grey.300",
+				borderRadius: m === void 0 ? 1 : `${m}px`,
+				overflow: "hidden",
+				opacity: a ? .75 : 1,
+				boxShadow: d ? `inset 0 0 0 2.5px ${p ?? x.palette.error.main}` : void 0,
+				cursor: a ? "grabbing" : s ? "grab" : h ? "pointer" : "default",
+				userSelect: "none",
+				"&:hover": s || h ? { opacity: a ? .75 : .8 } : void 0
+			},
+			onMouseDown: s ? (t) => v(t, e, "move") : void 0,
+			onContextMenu: (t) => {
+				t.preventDefault(), t.stopPropagation(), g(e, t.clientX, t.clientY);
+			},
+			onClick: () => {
+				if (_.current) {
+					_.current = !1;
+					return;
+				}
+				h?.(e);
+			},
+			children: [
+				t.progress !== void 0 && t.progress > 0 && /* @__PURE__ */ U(l, {
+					"data-testid": `gantt-progress-${e.id}`,
+					sx: {
+						position: "absolute",
+						left: 0,
+						top: 0,
+						width: `${Math.min(t.progress, 100)}%`,
+						height: "100%",
+						bgcolor: "currentColor",
+						opacity: .4
+					}
+				}),
+				u && /* @__PURE__ */ U(l, {
+					"data-testid": `gantt-progress-handle-${e.id}`,
+					sx: {
+						position: "absolute",
+						left: `${Math.min(t.progress ?? 0, 100)}%`,
+						top: 0,
+						width: 6,
+						height: "100%",
+						transform: "translateX(-50%)",
+						cursor: "ew-resize",
+						bgcolor: "rgba(255,255,255,0.35)"
+					},
+					onMouseDown: (n) => {
+						n.stopPropagation();
+						let r = C / 100 * i;
+						y(n, e, t.progress ?? 0, r);
+					}
+				}),
+				c && /* @__PURE__ */ U(l, {
+					"data-testid": `gantt-resize-handle-${e.id}`,
+					sx: {
+						position: "absolute",
+						right: 0,
+						top: 0,
+						width: 6,
+						height: "100%",
+						cursor: "ew-resize"
+					},
+					onMouseDown: (t) => {
+						t.stopPropagation(), v(t, e, "resize");
+					}
+				})
+			]
+		})
+	] });
+}
+function yn({ left: e, children: t }) {
+	return /* @__PURE__ */ U(l, {
+		sx: {
+			position: "absolute",
+			left: `${e}%`,
+			top: 2,
+			bgcolor: "grey.800",
+			color: "common.white",
+			borderRadius: .5,
+			px: .75,
+			lineHeight: "18px",
+			fontSize: "0.65rem",
+			whiteSpace: "nowrap",
+			pointerEvents: "none",
+			zIndex: 100
+		},
+		children: t
+	});
+}
+//#endregion
+//#region src/components/gantt-chart/GanttWeekendStrips.tsx
+function bn({ strips: e, totalWidth: t, height: n, top: r }) {
+	let { weekendColor: i } = Mn();
+	return e.length === 0 ? null : /* @__PURE__ */ U(l, {
+		"aria-hidden": !0,
+		"data-testid": "gantt-weekend-strips",
+		sx: {
+			position: "absolute",
+			top: r,
+			left: 0,
+			width: t,
+			height: n,
+			pointerEvents: "none"
+		},
+		children: e.map((e) => /* @__PURE__ */ U(l, { sx: {
+			position: "absolute",
+			left: e.left,
+			width: 20,
+			top: 0,
+			height: "100%",
+			bgcolor: i ?? "action.hover"
+		} }, e.key))
+	});
+}
+//#endregion
+//#region src/components/gantt-chart/GanttStatusContextMenu.tsx
+function xn({ contextMenu: e, onClose: t, onSelect: n }) {
+	let r = $(), i = {
+		planned: r.statusPlanned,
+		"in-progress": r.statusInProgress,
+		done: r.statusDone,
+		blocked: r.statusBlocked
+	};
+	return /* @__PURE__ */ U(T, {
+		open: e !== null,
+		onClose: t,
+		anchorReference: "anchorPosition",
+		anchorPosition: e === null ? void 0 : {
+			top: e.mouseY,
+			left: e.mouseX
+		},
+		children: [
+			"planned",
+			"in-progress",
+			"done",
+			"blocked"
+		].map((t) => /* @__PURE__ */ U(E, {
+			selected: e?.task.status === t,
+			"data-testid": `gantt-status-menu-${t}`,
+			onClick: () => {
+				e && n(e.task, t);
+			},
+			children: i[t]
+		}, t))
+	});
+}
+//#endregion
+//#region src/components/gantt-chart/GanttDependencyArrows.tsx
+function Sn({ dependencyLines: e, todayX: t, totalWidth: n, height: r, top: i, arrowMarkerId: a }) {
+	let o = L(), { todayLineColor: s } = Mn();
+	return e.length === 0 && t === null ? null : /* @__PURE__ */ W("svg", {
+		"data-testid": "gantt-dependency-arrows",
+		style: {
+			position: "absolute",
+			top: i,
+			left: 0,
+			width: n,
+			height: r,
+			pointerEvents: "none",
+			overflow: "visible"
+		},
+		children: [
+			e.length > 0 && /* @__PURE__ */ U("defs", { children: /* @__PURE__ */ U("marker", {
+				id: a,
+				markerWidth: "6",
+				markerHeight: "4",
+				refX: "5",
+				refY: "2",
+				orient: "auto",
+				children: /* @__PURE__ */ U("polygon", {
+					points: "0 0, 6 2, 0 4",
+					fill: "currentColor"
+				})
+			}) }),
+			e.map((e) => /* @__PURE__ */ U("path", {
+				"data-testid": `gantt-dep-${e.key}`,
+				d: e.d,
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 1.5,
+				strokeOpacity: .4,
+				markerEnd: `url(#${a})`
+			}, e.key)),
+			t !== null && /* @__PURE__ */ U("line", {
+				"data-testid": "gantt-today-line",
+				x1: t,
+				y1: 0,
+				x2: t,
+				y2: r,
+				stroke: s ?? o.palette.primary.main,
+				strokeWidth: 1.5,
+				strokeDasharray: "4 2"
+			})
+		]
 	});
 }
 //#endregion
 //#region src/components/gantt-chart/GanttTimeline.tsx
-var fn = {
-	planned: "warning.light",
-	"in-progress": "info.main",
-	done: "success.main",
-	blocked: "error.main"
-}, pn = 864e5;
-function mn(e, t, n) {
+function Cn(e, t, n) {
 	if (n === 0) return [];
 	let r = [], i = new Map(e.map((e, t) => [e.id, t]));
 	for (let a of e) {
 		if (!a.dependencies?.length) continue;
-		let o = i.get(a.id), s = jt(a, t).left / 100 * n, c = o * 40 + 40 / 2;
+		let o = i.get(a.id), s = Pt(a, t).left / 100 * n, c = o * 40 + 40 / 2;
 		for (let o of a.dependencies) {
 			let l = i.get(o);
 			if (l === void 0) continue;
-			let u = e[l], d = jt(u, t), f = (d.left + d.width) / 100 * n, p = l * 40 + 40 / 2, m;
+			let u = e[l], d = Pt(u, t), f = (d.left + d.width) / 100 * n, p = l * 40 + 40 / 2, m;
 			m = s >= f + 48 ? (f + s) / 2 : f + 24 <= n - 8 ? f + 24 : Math.max(s - 24, 8), r.push({
 				key: `${o}-${a.id}`,
 				d: `M ${f} ${p} H ${m} V ${c} H ${s}`
@@ -1738,39 +2146,39 @@ function mn(e, t, n) {
 	}
 	return r;
 }
-function hn({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: c, draggable: u = !1, resizable: d = !1, progressDraggable: f = !1, showCriticalPath: p = !1, virtualizeRows: m = !1, onTaskMoved: h, onTaskResized: g, onTasksChange: _, onStatusChange: v }) {
-	let y = L(), b = Q((e) => e.taskTree), x = Q((e) => e.tasks), S = Q((e) => e.expandedIds), C = Q((e) => e.timelineRange), w = Q((e) => e.timeScale), D = Q((e) => e.updateTask), O = bn(), k = Sn(), { statusColors: A, criticalPathColor: j, milestoneColor: M, todayLineColor: N, weekendColor: P, barBorderRadius: F } = wn(), I = `gantt-arrow-${i().replace(/:/g, "")}`, R = a(() => Pt(b, S), [b, S]), z = a(() => At(C, w), [C, w]), B = a(() => w === "days" ? Wt(z).map((e) => ({
+function wn({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: c, draggable: u = !1, resizable: d = !1, progressDraggable: f = !1, showCriticalPath: p = !1, virtualizeRows: m = !1, onTaskMoved: h, onTaskResized: g, onTasksChange: _, onStatusChange: v }) {
+	let y = Q((e) => e.taskTree), b = Q((e) => e.tasks), x = Q((e) => e.expandedIds), S = Q((e) => e.timelineRange), C = Q((e) => e.timeScale), w = Q((e) => e.updateTask), T = kn(), E = $(), D = `gantt-arrow-${i().replace(/:/g, "")}`, O = a(() => Lt(y, x), [y, x]), k = a(() => Nt(S, C), [S, C]), A = a(() => C === "days" ? Kt(k).map((e) => ({
 		key: e.toISOString(),
 		label: String(e.getDate()),
 		width: 20,
 		isWeekend: e.getDay() === 0 || e.getDay() === 6
-	})) : w === "weeks" ? Ut(z).map((e) => ({
+	})) : C === "weeks" ? Gt(k).map((e) => ({
 		key: e.toISOString(),
-		label: `${k.weekColumnPrefix}${Ht(e)}`,
+		label: `${E.weekColumnPrefix}${Wt(e)}`,
 		width: 40
-	})) : w === "quarters" ? qt(z).map((e) => ({
+	})) : C === "quarters" ? Yt(k).map((e) => ({
 		key: e.key,
 		label: e.label,
 		width: 360
-	})) : Bt(z).map((e) => ({
+	})) : Ht(k).map((e) => ({
 		key: e.toISOString(),
-		label: e.toLocaleString(k.dateLocale, {
+		label: e.toLocaleString(E.dateLocale, {
 			month: "short",
 			year: "2-digit"
 		}),
 		width: 120
 	})), [
-		w,
-		z,
-		k.weekColumnPrefix,
-		k.dateLocale
-	]), V = a(() => B.reduce((e, t) => e + t.width, 0), [B]), G = a(() => {
-		if (w !== "days") return;
+		C,
+		k,
+		E.weekColumnPrefix,
+		E.dateLocale
+	]), j = a(() => A.reduce((e, t) => e + t.width, 0), [A]), M = a(() => {
+		if (C !== "days") return;
 		let e = /* @__PURE__ */ new Map();
-		for (let t of B) {
+		for (let t of A) {
 			let n = new Date(t.key), r = `${n.getFullYear()}-${n.getMonth()}`;
 			e.has(r) || e.set(r, {
-				label: n.toLocaleString(k.dateLocale, {
+				label: n.toLocaleString(E.dateLocale, {
 					month: "short",
 					year: "2-digit"
 				}),
@@ -1782,132 +2190,47 @@ function hn({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: c, dr
 			...t
 		}));
 	}, [
-		w,
-		B,
-		k.dateLocale
-	]), K = a(() => mn(R, z, V), [
-		R,
-		z,
-		V
-	]), ee = a(() => p ? Jt(x) : /* @__PURE__ */ new Set(), [p, x]), te = Se({
-		count: R.length,
+		C,
+		A,
+		E.dateLocale
+	]), N = a(() => Cn(O, k, j), [
+		O,
+		k,
+		j
+	]), P = a(() => p ? Xt(b) : /* @__PURE__ */ new Set(), [p, b]), F = we({
+		count: O.length,
 		getScrollElement: () => e.current,
 		estimateSize: () => 40,
 		overscan: 5
-	}), ne = a(() => {
-		if (w !== "days") return [];
+	}), I = a(() => {
+		if (C !== "days") return [];
 		let e = 0;
-		return B.flatMap((t) => {
+		return A.flatMap((t) => {
 			let n = t.isWeekend ? [{
 				key: t.key,
 				left: e
 			}] : [];
 			return e += t.width, n;
 		});
-	}, [w, B]), q = a(() => {
-		let e = Date.now(), t = z.start.getTime(), n = z.end.getTime();
-		return e < t || e > n ? null : (e - t) / (n - t) * V;
-	}, [z, V]);
+	}, [C, A]), L = a(() => {
+		let e = Date.now(), t = k.start.getTime(), n = k.end.getTime();
+		return e < t || e > n ? null : (e - t) / (n - t) * j;
+	}, [k, j]);
 	r(() => {
-		if (q === null || !e.current) return;
+		if (L === null || !e.current) return;
 		let t = e.current.clientWidth;
-		e.current.scrollLeft = Math.max(0, q - t / 2);
+		e.current.scrollLeft = Math.max(0, L - t / 2);
 	}, []);
-	let re = w === "days" ? 20 : w === "weeks" ? 40 : w === "quarters" ? 360 : 120, ie = G ? 80 : 40, ae = o(1);
-	ae.current = V > 0 ? V / ((z.end.getTime() - z.start.getTime()) / pn) : 1;
-	let oe = o(null), se = o(null), [J, ce] = s(null), Y = o(!1), [X, le] = s(null), ue = o(h);
-	ue.current = h;
-	let de = o(g);
-	de.current = g;
-	let fe = o(_);
-	fe.current = _;
-	let Z = o(v);
-	Z.current = v;
-	let pe = (e, t, n) => {
-		e.stopPropagation(), Y.current = !1, oe.current = {
-			type: n,
-			taskId: t.id,
-			startX: e.clientX,
-			originalStart: t.startDate,
-			originalEnd: t.endDate
-		}, document.body.style.cursor = n === "resize" ? "ew-resize" : "grabbing";
-		let r = (e) => {
-			let t = oe.current;
-			if (!t || t.type === "progress") return;
-			let n = e.clientX - t.startX, r = Math.round(n / ae.current);
-			Math.abs(n) >= 5 && (Y.current = !0);
-			let i = {
-				taskId: t.taskId,
-				type: t.type,
-				deltaDays: r
-			};
-			se.current = i, ce(i);
-		}, i = () => {
-			document.body.style.cursor = "";
-			let e = oe.current, t = se.current;
-			if (e && t && Y.current && t.deltaDays !== 0) {
-				let n = O.getState().tasks.find((t) => t.id === e.taskId);
-				if (n) {
-					if (t.type === "move") {
-						let r = Rt(e.originalStart, t.deltaDays), i = Rt(e.originalEnd, t.deltaDays);
-						D({
-							...n,
-							startDate: r,
-							endDate: i
-						}), ue.current?.(n, r, i);
-					} else {
-						let r = Rt(e.originalEnd, t.deltaDays), i = r > e.originalStart ? r : Rt(e.originalStart, 1);
-						D({
-							...n,
-							endDate: i
-						}), de.current?.(n, i);
-					}
-					fe.current?.(O.getState().tasks);
-				}
-			}
-			oe.current = null, se.current = null, ce(null), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
-		};
-		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
-	}, me = (e, t, n, r) => {
-		e.stopPropagation(), Y.current = !1, oe.current = {
-			type: "progress",
-			taskId: t.id,
-			startX: e.clientX,
-			originalStart: t.startDate,
-			originalEnd: t.endDate,
-			initialProgress: n,
-			barWidthPx: r
-		}, document.body.style.cursor = "ew-resize";
-		let i = (e) => {
-			let t = oe.current;
-			if (!t || t.type !== "progress") return;
-			let n = e.clientX - t.startX;
-			Math.abs(n) >= 5 && (Y.current = !0);
-			let r = n / (t.barWidthPx ?? 1) * 100, i = Math.round(Math.max(0, Math.min(100, (t.initialProgress ?? 0) + r))), a = {
-				taskId: t.taskId,
-				type: "progress",
-				deltaDays: 0,
-				newProgress: i
-			};
-			se.current = a, ce(a);
-		}, a = () => {
-			document.body.style.cursor = "";
-			let e = oe.current, t = se.current;
-			if (e && t && t.type === "progress" && t.newProgress !== void 0 && Y.current) {
-				let n = O.getState().tasks.find((t) => t.id === e.taskId);
-				n && (D({
-					...n,
-					progress: t.newProgress
-				}), fe.current?.(O.getState().tasks));
-			}
-			oe.current = null, se.current = null, ce(null), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a);
-		};
-		document.addEventListener("mousemove", i), document.addEventListener("mouseup", a);
-	}, he = (e) => e.toLocaleDateString(k.dateLocale, {
-		day: "2-digit",
-		month: "short"
-	});
-	return /* @__PURE__ */ U(l, {
+	let R = C === "days" ? 20 : C === "weeks" ? 40 : C === "quarters" ? 360 : 120, z = M ? 80 : 40, { activeDrag: B, suppressClickRef: V, handleBarMouseDown: G, handleProgressMouseDown: K, formatDragDate: q } = pn({
+		totalWidth: j,
+		displayRange: k,
+		onTaskMoved: h,
+		onTaskResized: g,
+		onTasksChange: _
+	}), [J, ee] = s(null), te = o(v);
+	te.current = v;
+	let ne = o(_);
+	return ne.current = _, /* @__PURE__ */ U(l, {
 		ref: e,
 		onScroll: t,
 		"data-testid": "gantt-timeline-scroll",
@@ -1917,293 +2240,88 @@ function hn({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: c, dr
 		},
 		children: /* @__PURE__ */ W(l, {
 			sx: {
-				minWidth: V,
+				minWidth: j,
 				position: "relative"
 			},
 			children: [
-				/* @__PURE__ */ U(dn, {
-					columns: B,
-					groups: G
+				/* @__PURE__ */ U(hn, {
+					columns: A,
+					groups: M
 				}),
-				ne.length > 0 && /* @__PURE__ */ U(l, {
-					"aria-hidden": !0,
-					"data-testid": "gantt-weekend-strips",
-					sx: {
-						position: "absolute",
-						top: ie,
-						left: 0,
-						width: V,
-						height: R.length * 40,
-						pointerEvents: "none"
-					},
-					children: ne.map((e) => /* @__PURE__ */ U(l, { sx: {
-						position: "absolute",
-						left: e.left,
-						width: 20,
-						top: 0,
-						height: "100%",
-						bgcolor: P ?? "action.hover"
-					} }, e.key))
+				/* @__PURE__ */ U(bn, {
+					strips: I,
+					totalWidth: j,
+					height: O.length * 40,
+					top: z
 				}),
-				(() => {
-					let e = (e, t, r) => {
-						let i = J?.taskId === e.id, a = e;
-						if (i && J) if (J.type === "move") a = {
-							...e,
-							startDate: Rt(e.startDate, J.deltaDays),
-							endDate: Rt(e.endDate, J.deltaDays)
-						};
-						else if (J.type === "resize") {
-							let t = Rt(e.endDate, J.deltaDays);
-							a = {
-								...e,
-								endDate: t > e.startDate ? t : Rt(e.startDate, 1)
-							};
-						} else J.type === "progress" && J.newProgress !== void 0 && (a = {
-							...e,
-							progress: J.newProgress
-						});
-						let { left: o, width: s } = jt(a, z);
-						return /* @__PURE__ */ U(l, {
-							"data-testid": `gantt-bar-row-${e.id}`,
-							style: r === void 0 ? void 0 : {
-								position: "absolute",
-								top: r,
-								left: 0,
-								width: "100%"
-							},
-							sx: {
-								height: 40,
-								position: "relative",
-								borderBottom: "1px solid",
-								borderColor: "divider",
-								backgroundImage: (e) => `linear-gradient(to right, transparent calc(${re}px - 1px), ${e.palette.divider} calc(${re}px - 1px), ${e.palette.divider} ${re}px)`,
-								backgroundSize: `${re}px 100%`,
-								backgroundRepeat: "repeat-x"
-							},
-							children: e.isMilestone ? o >= 0 && o <= 100 ? /* @__PURE__ */ U(l, {
-								"data-testid": `gantt-milestone-${e.id}`,
-								sx: {
-									position: "absolute",
-									left: `${o}%`,
-									top: "50%",
-									width: 12,
-									height: 12,
-									bgcolor: M ?? "warning.main",
-									transform: "translate(-50%, -50%) rotate(45deg)",
-									cursor: c ? "pointer" : "default",
-									boxShadow: ee.has(e.id) ? `0 0 0 2.5px ${j ?? y.palette.error.main}` : void 0,
-									"&:hover": c ? { opacity: .8 } : void 0
-								},
-								onClick: () => c?.(e)
-							}) : null : (() => {
-								let t = Math.max(0, o), r = Math.min(100, o + Math.max(s, .5)) - t;
-								return r <= 0 ? null : /* @__PURE__ */ W(H, { children: [
-									i && J && J.type !== "progress" && J.deltaDays !== 0 && /* @__PURE__ */ U(l, {
-										sx: {
-											position: "absolute",
-											left: `${t}%`,
-											top: 2,
-											bgcolor: "grey.800",
-											color: "common.white",
-											borderRadius: .5,
-											px: .75,
-											lineHeight: "18px",
-											fontSize: "0.65rem",
-											whiteSpace: "nowrap",
-											pointerEvents: "none",
-											zIndex: 100
-										},
-										children: J.type === "move" ? `${he(a.startDate)} – ${he(a.endDate)}` : `→ ${he(a.endDate)}`
-									}),
-									i && J?.type === "progress" && J.newProgress !== void 0 && /* @__PURE__ */ W(l, {
-										sx: {
-											position: "absolute",
-											left: `${t}%`,
-											top: 2,
-											bgcolor: "grey.800",
-											color: "common.white",
-											borderRadius: .5,
-											px: .75,
-											lineHeight: "18px",
-											fontSize: "0.65rem",
-											whiteSpace: "nowrap",
-											pointerEvents: "none",
-											zIndex: 100
-										},
-										children: [J.newProgress, "%"]
-									}),
-									/* @__PURE__ */ W(l, {
-										"data-testid": `gantt-bar-${e.id}`,
-										sx: {
-											position: "absolute",
-											left: `${t}%`,
-											width: `${r}%`,
-											height: 16,
-											top: "50%",
-											transform: "translateY(-50%)",
-											bgcolor: e.color ?? A?.[e.status] ?? fn[e.status] ?? "grey.300",
-											borderRadius: F === void 0 ? 1 : `${F}px`,
-											overflow: "hidden",
-											opacity: i ? .75 : 1,
-											boxShadow: ee.has(e.id) ? `inset 0 0 0 2.5px ${j ?? y.palette.error.main}` : void 0,
-											cursor: i ? "grabbing" : u ? "grab" : n ? "pointer" : "default",
-											userSelect: "none",
-											"&:hover": u || n ? { opacity: i ? .75 : .8 } : void 0
-										},
-										onMouseDown: u ? (t) => pe(t, e, "move") : void 0,
-										onContextMenu: (t) => {
-											t.preventDefault(), t.stopPropagation(), le({
-												task: e,
-												mouseX: t.clientX,
-												mouseY: t.clientY
-											});
-										},
-										onClick: () => {
-											if (Y.current) {
-												Y.current = !1;
-												return;
-											}
-											n?.(e);
-										},
-										children: [
-											a.progress !== void 0 && a.progress > 0 && /* @__PURE__ */ U(l, {
-												"data-testid": `gantt-progress-${e.id}`,
-												sx: {
-													position: "absolute",
-													left: 0,
-													top: 0,
-													width: `${Math.min(a.progress, 100)}%`,
-													height: "100%",
-													bgcolor: "currentColor",
-													opacity: .4
-												}
-											}),
-											f && /* @__PURE__ */ U(l, {
-												"data-testid": `gantt-progress-handle-${e.id}`,
-												sx: {
-													position: "absolute",
-													left: `${Math.min(a.progress ?? 0, 100)}%`,
-													top: 0,
-													width: 6,
-													height: "100%",
-													transform: "translateX(-50%)",
-													cursor: "ew-resize",
-													bgcolor: "rgba(255,255,255,0.35)"
-												},
-												onMouseDown: (t) => {
-													t.stopPropagation();
-													let n = r / 100 * V;
-													me(t, e, a.progress ?? 0, n);
-												}
-											}),
-											d && /* @__PURE__ */ U(l, {
-												"data-testid": `gantt-resize-handle-${e.id}`,
-												sx: {
-													position: "absolute",
-													right: 0,
-													top: 0,
-													width: 6,
-													height: "100%",
-													cursor: "ew-resize"
-												},
-												onMouseDown: (t) => {
-													t.stopPropagation(), pe(t, e, "resize");
-												}
-											})
-										]
-									})
-								] });
-							})()
-						}, t);
-					};
-					return m ? /* @__PURE__ */ U(l, {
-						sx: {
-							position: "relative",
-							height: te.getTotalSize()
-						},
-						children: te.getVirtualItems().map((t) => e(R[t.index], t.key, t.start))
-					}) : /* @__PURE__ */ U(H, { children: R.map((t) => e(t, t.id)) });
-				})(),
-				/* @__PURE__ */ U(T, {
-					open: X !== null,
-					onClose: () => le(null),
-					anchorReference: "anchorPosition",
-					anchorPosition: X === null ? void 0 : {
-						top: X.mouseY,
-						left: X.mouseX
+				m ? /* @__PURE__ */ U(l, {
+					sx: {
+						position: "relative",
+						height: F.getTotalSize()
 					},
-					children: [
-						"planned",
-						"in-progress",
-						"done",
-						"blocked"
-					].map((e) => {
-						let t = {
-							planned: k.statusPlanned,
-							"in-progress": k.statusInProgress,
-							done: k.statusDone,
-							blocked: k.statusBlocked
-						};
-						return /* @__PURE__ */ U(E, {
-							selected: X?.task.status === e,
-							"data-testid": `gantt-status-menu-${e}`,
-							onClick: () => {
-								if (!X) return;
-								let t = O.getState().tasks.find((e) => e.id === X.task.id) ?? X.task;
-								D({
-									...t,
-									status: e
-								}), Z.current?.(t, e), fe.current?.(O.getState().tasks), le(null);
-							},
-							children: t[e]
-						}, e);
-					})
+					children: F.getVirtualItems().map((e) => /* @__PURE__ */ U(gn, {
+						task: O[e.index],
+						virtualTop: e.start,
+						activeDrag: B,
+						displayRange: k,
+						totalWidth: j,
+						gridColumnWidth: R,
+						criticalTaskIds: P,
+						draggable: u,
+						resizable: d,
+						progressDraggable: f,
+						onTaskClick: n,
+						onMilestoneClick: c,
+						onContextMenu: (e, t, n) => ee({
+							task: e,
+							mouseX: t,
+							mouseY: n
+						}),
+						suppressClickRef: V,
+						handleBarMouseDown: G,
+						handleProgressMouseDown: K,
+						formatDragDate: q
+					}, e.key))
+				}) : /* @__PURE__ */ U(H, { children: O.map((e) => /* @__PURE__ */ U(gn, {
+					task: e,
+					activeDrag: B,
+					displayRange: k,
+					totalWidth: j,
+					gridColumnWidth: R,
+					criticalTaskIds: P,
+					draggable: u,
+					resizable: d,
+					progressDraggable: f,
+					onTaskClick: n,
+					onMilestoneClick: c,
+					onContextMenu: (e, t, n) => ee({
+						task: e,
+						mouseX: t,
+						mouseY: n
+					}),
+					suppressClickRef: V,
+					handleBarMouseDown: G,
+					handleProgressMouseDown: K,
+					formatDragDate: q
+				}, e.id)) }),
+				/* @__PURE__ */ U(xn, {
+					contextMenu: J,
+					onClose: () => ee(null),
+					onSelect: (e, t) => {
+						let n = T.getState().tasks.find((t) => t.id === e.id) ?? e;
+						w({
+							...n,
+							status: t
+						}), te.current?.(n, t), ne.current?.(T.getState().tasks), ee(null);
+					}
 				}),
-				(K.length > 0 || q !== null) && /* @__PURE__ */ W("svg", {
-					"data-testid": "gantt-dependency-arrows",
-					style: {
-						position: "absolute",
-						top: ie,
-						left: 0,
-						width: V,
-						height: R.length * 40,
-						pointerEvents: "none",
-						overflow: "visible"
-					},
-					children: [
-						K.length > 0 && /* @__PURE__ */ U("defs", { children: /* @__PURE__ */ U("marker", {
-							id: I,
-							markerWidth: "6",
-							markerHeight: "4",
-							refX: "5",
-							refY: "2",
-							orient: "auto",
-							children: /* @__PURE__ */ U("polygon", {
-								points: "0 0, 6 2, 0 4",
-								fill: "currentColor"
-							})
-						}) }),
-						K.map((e) => /* @__PURE__ */ U("path", {
-							"data-testid": `gantt-dep-${e.key}`,
-							d: e.d,
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: 1.5,
-							strokeOpacity: .4,
-							markerEnd: `url(#${I})`
-						}, e.key)),
-						q !== null && /* @__PURE__ */ U("line", {
-							"data-testid": "gantt-today-line",
-							x1: q,
-							y1: 0,
-							x2: q,
-							y2: R.length * 40,
-							stroke: N ?? y.palette.primary.main,
-							strokeWidth: 1.5,
-							strokeDasharray: "4 2"
-						})
-					]
+				/* @__PURE__ */ U(Sn, {
+					dependencyLines: N,
+					todayX: L,
+					totalWidth: j,
+					height: O.length * 40,
+					top: z,
+					arrowMarkerId: D
 				})
 			]
 		})
@@ -2211,15 +2329,15 @@ function hn({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: c, dr
 }
 //#endregion
 //#region src/components/gantt-chart/GanttToolbar.tsx
-function gn(e) {
+function Tn(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function _n(e) {
+function En(e) {
 	let [t, n, r] = e.split("-").map(Number);
 	return !t || !n || !r ? null : new Date(t, n - 1, r, 0, 0, 0, 0);
 }
-function vn({ onScrollToToday: e, config: t }) {
-	let n = Sn(), r = Q((e) => e.timeScale), i = Q((e) => e.defaultTimeScale), o = Q((e) => e.setTimeScale), s = Q((e) => e.timelineRange), c = Q((e) => e.isRangeCustomized), u = Q((e) => e.isExpandedCustomized), d = Q((e) => e.setTimelineRange), f = Q((e) => e.resetTimelineRange), p = Q((e) => e.resetView), m = Q((e) => e.tasks), h = Q((e) => e.expandedIds), g = Q((e) => e.expandAll), _ = Q((e) => e.collapseAll), v = m.length > 0 && m.every((e) => h.has(e.id)), y = r !== i || c || u, b = a(() => Date.now(), []), x = b >= s.start.getTime() && b <= s.end.getTime(), C = {
+function Dn({ onScrollToToday: e, config: t }) {
+	let n = $(), r = Q((e) => e.timeScale), i = Q((e) => e.defaultTimeScale), o = Q((e) => e.setTimeScale), s = Q((e) => e.timelineRange), c = Q((e) => e.isRangeCustomized), u = Q((e) => e.isExpandedCustomized), d = Q((e) => e.setTimelineRange), f = Q((e) => e.resetTimelineRange), p = Q((e) => e.resetView), m = Q((e) => e.tasks), h = Q((e) => e.expandedIds), g = Q((e) => e.expandAll), _ = Q((e) => e.collapseAll), v = m.length > 0 && m.every((e) => h.has(e.id)), y = r !== i || c || u, b = a(() => Date.now(), []), x = b >= s.start.getTime() && b <= s.end.getTime(), C = {
 		days: n.scaleDays,
 		weeks: n.scaleWeeks,
 		months: n.scaleMonths,
@@ -2270,7 +2388,7 @@ function vn({ onScrollToToday: e, config: t }) {
 						size: "small",
 						onClick: v ? _ : g,
 						"data-testid": "gantt-expand-collapse-all",
-						children: U(v ? Oe : ke, { fontSize: "small" })
+						children: U(v ? Ae : je, { fontSize: "small" })
 					})
 				}),
 				t.showScrollToToday && e && /* @__PURE__ */ U(F, {
@@ -2280,16 +2398,16 @@ function vn({ onScrollToToday: e, config: t }) {
 						onClick: e,
 						disabled: !x,
 						"data-testid": "gantt-scroll-to-today",
-						children: /* @__PURE__ */ U(De, { fontSize: "small" })
+						children: /* @__PURE__ */ U(ke, { fontSize: "small" })
 					}) })
 				}),
 				t.showDateRange && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(M, {
 					type: "date",
 					size: "small",
 					label: n.rangeFrom,
-					value: gn(s.start),
+					value: Tn(s.start),
 					onChange: (e) => {
-						let t = _n(e.target.value);
+						let t = En(e.target.value);
 						t && d({
 							start: t,
 							end: s.end
@@ -2304,9 +2422,9 @@ function vn({ onScrollToToday: e, config: t }) {
 					type: "date",
 					size: "small",
 					label: n.rangeTo,
-					value: gn(s.end),
+					value: Tn(s.end),
 					onChange: (e) => {
-						let t = _n(e.target.value);
+						let t = En(e.target.value);
 						t && d({
 							start: s.start,
 							end: t
@@ -2324,7 +2442,7 @@ function vn({ onScrollToToday: e, config: t }) {
 						size: "small",
 						onClick: f,
 						"data-testid": "gantt-range-reset",
-						children: /* @__PURE__ */ U(Ee, { fontSize: "small" })
+						children: /* @__PURE__ */ U(Oe, { fontSize: "small" })
 					})
 				}),
 				t.showResetView && /* @__PURE__ */ U(F, {
@@ -2334,7 +2452,7 @@ function vn({ onScrollToToday: e, config: t }) {
 						onClick: p,
 						disabled: !y,
 						"data-testid": "gantt-reset-view",
-						children: /* @__PURE__ */ U(Te, { fontSize: "small" })
+						children: /* @__PURE__ */ U(De, { fontSize: "small" })
 					}) })
 				})
 			]
@@ -2343,34 +2461,34 @@ function vn({ onScrollToToday: e, config: t }) {
 }
 //#endregion
 //#region src/components/gantt-chart/GanttChart.tsx
-var yn = e(null);
+var On = e(null);
 function Q(e) {
-	let t = n(yn);
+	let t = n(On);
 	if (!t) throw Error("GanttChartStoreContext is missing.");
-	return be(t, e);
+	return Se(t, e);
 }
-function bn() {
-	let e = n(yn);
+function kn() {
+	let e = n(On);
 	if (!e) throw Error("GanttChartStoreContext is missing.");
 	return e;
 }
-var xn = e(Zt);
-function Sn() {
-	return n(xn);
+var An = e($t);
+function $() {
+	return n(An);
 }
-var Cn = e({});
-function wn() {
-	return n(Cn);
+var jn = e({});
+function Mn() {
+	return n(jn);
 }
-function Tn(e, t) {
+function Nn(e, t) {
 	return e === void 0 ? t : e === "auto" ? "100%" : typeof e == "string" && /^\d+$/.test(e) ? Number(e) : e;
 }
-var En = [
+var Pn = [
 	"days",
 	"weeks",
 	"months",
 	"quarters"
-], Dn = {
+], Fn = {
 	showScaleDays: !0,
 	showScaleWeeks: !0,
 	showScaleMonths: !0,
@@ -2381,21 +2499,21 @@ var En = [
 	showRangeReset: !0,
 	showResetView: !0
 };
-function On({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEditTask: u, onDeleteTask: d, onStatusChange: f, onTasksChange: p, enableBuiltinDialogs: m = !0, onTaskCreated: h, onTaskUpdated: g, onTaskDeleted: _, showToolbar: v = !0, toolbarConfig: y, height: b, width: x, minPanelWidth: S = 200, maxPanelWidth: C = 600, zoomable: w = !1, draggable: T = !1, resizable: E = !1, inlineEdit: D = !1, progressDraggable: O = !1, showCriticalPath: k = !1, virtualizeRows: A = !1, onTaskMoved: j, onTaskResized: M }) {
-	let N = Tn(b, 400), P = a(() => ({
-		...Dn,
+function In({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEditTask: u, onDeleteTask: d, onStatusChange: f, onTasksChange: p, enableBuiltinDialogs: m = !0, onTaskCreated: h, onTaskUpdated: g, onTaskDeleted: _, showToolbar: v = !0, toolbarConfig: y, height: b, width: x, minPanelWidth: S = 200, maxPanelWidth: C = 600, zoomable: w = !1, draggable: T = !1, resizable: E = !1, inlineEdit: D = !1, progressDraggable: O = !1, showCriticalPath: k = !1, virtualizeRows: A = !1, onTaskMoved: j, onTaskResized: M }) {
+	let N = Nn(b, 400), P = a(() => ({
+		...Fn,
 		...y
-	}), [y]), F = Tn(x, "100%"), I = Q((e) => e.setTasks), L = Q((e) => e.timeScale), R = Q((e) => e.setTimeScale), z = Q((e) => e.timelineRange), B = o(null), V = o(null), H = o(!1), [G, K] = s(320);
+	}), [y]), F = Nn(x, "100%"), I = Q((e) => e.setTasks), L = Q((e) => e.timeScale), R = Q((e) => e.setTimeScale), z = Q((e) => e.timelineRange), B = o(null), V = o(null), H = o(!1), [G, K] = s(320);
 	r(() => {
 		I(e);
 	}, [e, I]);
-	let ee = () => {
+	let q = () => {
 		H.current ||= (H.current = !0, V.current && B.current && (V.current.scrollTop = B.current.scrollTop), !1);
-	}, te = () => {
+	}, J = () => {
 		H.current ||= (H.current = !0, B.current && V.current && (B.current.scrollTop = V.current.scrollTop), !1);
-	}, ne = t(() => {
+	}, ee = t(() => {
 		if (!V.current) return;
-		let e = At(z, L), t = Date.now(), n = e.start.getTime(), r = e.end.getTime(), i = (t - n) / (r - n) * V.current.scrollWidth;
+		let e = Nt(z, L), t = Date.now(), n = e.start.getTime(), r = e.end.getTime(), i = (t - n) / (r - n) * V.current.scrollWidth;
 		V.current.scrollLeft = Math.max(0, i - V.current.clientWidth / 2);
 	}, [z, L]);
 	r(() => {
@@ -2403,8 +2521,8 @@ function On({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 		let e = V.current, t = (e) => {
 			if (!e.ctrlKey) return;
 			e.preventDefault();
-			let t = En.indexOf(L);
-			e.deltaY < 0 && t > 0 ? R(En[t - 1]) : e.deltaY > 0 && t < En.length - 1 && R(En[t + 1]);
+			let t = Pn.indexOf(L);
+			e.deltaY < 0 && t > 0 ? R(Pn[t - 1]) : e.deltaY > 0 && t < Pn.length - 1 && R(Pn[t + 1]);
 		};
 		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
 	}, [
@@ -2412,7 +2530,7 @@ function On({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 		L,
 		R
 	]);
-	let q = t((e) => {
+	let te = t((e) => {
 		e.preventDefault();
 		let t = e.clientX, n = G, r = (e) => {
 			let r = e.clientX - t;
@@ -2437,8 +2555,8 @@ function On({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 			borderRadius: 1,
 			overflow: "hidden"
 		},
-		children: [v && /* @__PURE__ */ U(vn, {
-			onScrollToToday: ne,
+		children: [v && /* @__PURE__ */ U(Dn, {
+			onScrollToToday: ee,
 			config: P
 		}), /* @__PURE__ */ W(l, {
 			sx: {
@@ -2447,9 +2565,9 @@ function On({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ U(ln, {
+				/* @__PURE__ */ U(dn, {
 					scrollRef: B,
-					onScroll: ee,
+					onScroll: q,
 					panelWidth: G,
 					onTaskClick: n,
 					onAddTask: c,
@@ -2473,11 +2591,11 @@ function On({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 						cursor: "col-resize",
 						"&:hover": { bgcolor: "action.hover" }
 					},
-					onMouseDown: q
+					onMouseDown: te
 				}),
-				/* @__PURE__ */ U(hn, {
+				/* @__PURE__ */ U(wn, {
 					scrollRef: V,
-					onScroll: te,
+					onScroll: J,
 					onTaskClick: n,
 					onMilestoneClick: i,
 					draggable: T,
@@ -2494,14 +2612,14 @@ function On({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 		})]
 	});
 }
-function kn({ tasks: e, timeScale: t = "months", initialExpandAll: n = !1, showToolbar: r = !0, defaultRangeStart: i, defaultRangeEnd: o, translations: c, enableBuiltinDialogs: l = !0, toolbarConfig: u, zoomable: d = !1, draggable: f = !1, resizable: p = !1, inlineEdit: m = !1, progressDraggable: h = !1, showCriticalPath: g = !1, virtualizeRows: _ = !1, cascadeDependencies: v = !1, statusColors: y, ganttTheme: b, onTaskClick: x, onMilestoneClick: S, onAddTask: C, onEditTask: w, onDeleteTask: T, onStatusChange: E, onTasksChange: D, onTaskMoved: O, onTaskResized: k, onTaskCreated: A, onTaskUpdated: j, onTaskDeleted: M, height: N, width: P, minPanelWidth: F, maxPanelWidth: I }) {
+function Ln({ tasks: e, timeScale: t = "months", initialExpandAll: n = !1, showToolbar: r = !0, defaultRangeStart: i, defaultRangeEnd: o, translations: c, enableBuiltinDialogs: l = !0, toolbarConfig: u, zoomable: d = !1, draggable: f = !1, resizable: p = !1, inlineEdit: m = !1, progressDraggable: h = !1, showCriticalPath: g = !1, virtualizeRows: _ = !1, cascadeDependencies: v = !1, statusColors: y, ganttTheme: b, onTaskClick: x, onMilestoneClick: S, onAddTask: C, onEditTask: w, onDeleteTask: T, onStatusChange: E, onTasksChange: D, onTaskMoved: O, onTaskResized: k, onTaskCreated: A, onTaskUpdated: j, onTaskDeleted: M, height: N, width: P, minPanelWidth: F, maxPanelWidth: I }) {
 	let L = a(() => ({
-		...Zt,
+		...$t,
 		...c
 	}), [c]), [R] = s(() => {
-		if (!(i !== void 0 || o !== void 0)) return Xt(e, t, n, void 0, v);
-		let r = kt(e);
-		return Xt(e, t, n, {
+		if (!(i !== void 0 || o !== void 0)) return Qt(e, t, n, void 0, v);
+		let r = Mt(e);
+		return Qt(e, t, n, {
 			start: i ?? r.start,
 			end: o ?? r.end
 		}, v);
@@ -2512,13 +2630,13 @@ function kn({ tasks: e, timeScale: t = "months", initialExpandAll: n = !1, showT
 			...b?.statusColors
 		}
 	}), [y, b]);
-	return /* @__PURE__ */ U(xn.Provider, {
+	return /* @__PURE__ */ U(An.Provider, {
 		value: L,
-		children: /* @__PURE__ */ U(Cn.Provider, {
+		children: /* @__PURE__ */ U(jn.Provider, {
 			value: z,
-			children: /* @__PURE__ */ U(yn.Provider, {
+			children: /* @__PURE__ */ U(On.Provider, {
 				value: R,
-				children: /* @__PURE__ */ U(On, {
+				children: /* @__PURE__ */ U(In, {
 					tasks: e,
 					timeScale: t,
 					enableBuiltinDialogs: l,
@@ -2554,8 +2672,8 @@ function kn({ tasks: e, timeScale: t = "months", initialExpandAll: n = !1, showT
 }
 //#endregion
 //#region src/components/password-strength-meter/util/password-strength.util.ts
-var An = (e) => Math.max(0, Math.min(4, Math.round(e)));
-function jn(e, t) {
+var Rn = (e) => Math.max(0, Math.min(4, Math.round(e)));
+function zn(e, t) {
 	let n = e ?? "", r = n.length, i = /[a-z]/.test(n), a = /[A-Z]/.test(n), o = /\d/.test(n), s = /[^A-Za-z0-9]/.test(n), c = [
 		i,
 		a,
@@ -2577,7 +2695,7 @@ function jn(e, t) {
 	}
 	let l = 0;
 	l += 1, r >= t + 4 && (l += 1), c >= 2 && (l += 1), c >= 3 && (l += 1), /^(.)\1+$/.test(n) && (l -= 2), /1234|abcd|qwer|password|passwort|admin/i.test(n) && (l -= 2);
-	let u = An(l), d = u <= 1 ? "weak" : u === 2 ? "ok" : u === 3 ? "good" : "very good";
+	let u = Rn(l), d = u <= 1 ? "weak" : u === 2 ? "ok" : u === 3 ? "good" : "very good";
 	return {
 		score: u,
 		percent: u * 25,
@@ -2590,8 +2708,38 @@ function jn(e, t) {
 	};
 }
 //#endregion
+//#region src/components/password-strength-meter/PasswordStrengthBar.tsx
+function Bn({ percent: e, color: t, ariaLabel: n }) {
+	return /* @__PURE__ */ U(l, {
+		role: "progressbar",
+		"aria-label": n,
+		"aria-valuenow": e,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		sx: {
+			width: "100%",
+			height: "8px",
+			border: "1px solid",
+			borderColor: "divider",
+			borderRadius: "6px",
+			mt: .5,
+			display: "flex"
+		},
+		children: /* @__PURE__ */ U(l, {
+			"data-testid": "psm-meter",
+			sx: {
+				height: "100%",
+				width: `${e}%`,
+				backgroundColor: t,
+				borderRadius: "6px",
+				transition: "width 0.2s ease-in-out"
+			}
+		})
+	});
+}
+//#endregion
 //#region src/components/password-strength-meter/PasswordStrengthMeter.types.ts
-var Mn = {
+var Vn = {
 	label: "Password",
 	summaryHeaderLabel: "Requirements for your password",
 	summaryMinChars: "At least {n} characters",
@@ -2602,18 +2750,18 @@ var Mn = {
 	showPasswordLabel: "Show password",
 	hidePasswordLabel: "Hide password",
 	meterAriaLabel: "Password strength"
-}, Nn = {
+}, Hn = {
 	weak: "#cc0000",
 	ok: "#fdc010",
 	good: "#8bc34a",
 	veryGood: "#43a047"
-}, Pn = {
+}, Un = {
 	failure: "#cc0000",
 	success: "#43a047"
 };
 //#endregion
 //#region src/components/password-strength-meter/PasswordStrengthMeter.tsx
-function Fn({ label: e, fulfilled: t, checkColors: n }) {
+function Wn({ label: e, fulfilled: t, checkColors: n }) {
 	return /* @__PURE__ */ W(j, {
 		direction: "row",
 		sx: {
@@ -2639,14 +2787,14 @@ function Fn({ label: e, fulfilled: t, checkColors: n }) {
 		})]
 	});
 }
-function In({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, helperText: c, autoComplete: u, showPasswordAdornment: d = !0, showMeter: f = !0, showSummary: p = !0, inputSize: m = "medium", translation: h, meterColors: g, passwordMinLength: _ = 8, checkColors: v = Pn, onPasswordChange: b }) {
+function Gn({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, helperText: c, autoComplete: u, showPasswordAdornment: d = !0, showMeter: f = !0, showSummary: p = !0, inputSize: m = "medium", translation: h, meterColors: g, passwordMinLength: _ = 8, checkColors: v = Un, onPasswordChange: b }) {
 	let T = {
-		...Mn,
+		...Vn,
 		...h
 	}, E = {
-		...Nn,
+		...Hn,
 		...g
-	}, O = `${i()}-password`, [k, A] = s(!1), [M, N] = s(""), P = e === void 0 ? M : e, F = a(() => jn(P, _), [P, _]);
+	}, O = `${i()}-password`, [k, A] = s(!1), [M, N] = s(""), P = e === void 0 ? M : e, F = a(() => zn(P, _), [P, _]);
 	return /* @__PURE__ */ W(j, { children: [
 		/* @__PURE__ */ W(y, {
 			variant: "outlined",
@@ -2666,7 +2814,7 @@ function In({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 					value: P,
 					onChange: (t) => {
 						let n = t.target.value;
-						e === void 0 && N(n), b && b(n, jn(n, _));
+						e === void 0 && N(n), b && b(n, zn(n, _));
 					},
 					disabled: r,
 					inputRef: n,
@@ -2691,7 +2839,7 @@ function In({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 								e.preventDefault();
 							},
 							edge: "end",
-							children: U(k ? je : Ae, {})
+							children: U(k ? Ne : Me, {})
 						})
 					}) : null,
 					label: T.label
@@ -2699,39 +2847,18 @@ function In({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 				c && /* @__PURE__ */ U(x, { children: c })
 			]
 		}),
-		f && /* @__PURE__ */ U(l, {
-			role: "progressbar",
-			"aria-label": T.meterAriaLabel,
-			"aria-valuenow": F.percent,
-			"aria-valuemin": 0,
-			"aria-valuemax": 100,
-			sx: {
-				width: "100%",
-				height: "8px",
-				border: "1px solid",
-				borderColor: "divider",
-				borderRadius: "6px",
-				mt: .5,
-				display: "flex"
-			},
-			children: /* @__PURE__ */ U(l, {
-				"data-testid": "psm-meter",
-				sx: {
-					height: "100%",
-					width: `${F.percent}%`,
-					backgroundColor: ((e) => {
-						switch (e.meterStatus) {
-							case "weak": return E.weak;
-							case "ok": return E.ok;
-							case "good": return E.good;
-							case "very good": return E.veryGood;
-							default: return "transparent";
-						}
-					})(F),
-					borderRadius: "6px",
-					transition: "width 0.2s ease-in-out"
+		f && /* @__PURE__ */ U(Bn, {
+			percent: F.percent,
+			color: ((e) => {
+				switch (e.meterStatus) {
+					case "weak": return E.weak;
+					case "ok": return E.ok;
+					case "good": return E.good;
+					case "very good": return E.veryGood;
+					default: return "transparent";
 				}
-			})
+			})(F),
+			ariaLabel: T.meterAriaLabel
 		}),
 		p && /* @__PURE__ */ W(l, {
 			"data-testid": "psm-summary",
@@ -2753,17 +2880,17 @@ function In({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 				children: [/* @__PURE__ */ W(j, {
 					direction: "column",
 					children: [
-						/* @__PURE__ */ U(Fn, {
+						/* @__PURE__ */ U(Wn, {
 							label: T.summaryMinChars.replace("{n}", String(_)),
 							fulfilled: F.length >= _,
 							checkColors: v
 						}),
-						/* @__PURE__ */ U(Fn, {
+						/* @__PURE__ */ U(Wn, {
 							label: T.summaryCapitalLetter,
 							fulfilled: F.hasUpper,
 							checkColors: v
 						}),
-						/* @__PURE__ */ U(Fn, {
+						/* @__PURE__ */ U(Wn, {
 							label: T.summaryLowerCaseLetter,
 							fulfilled: F.hasLower,
 							checkColors: v
@@ -2771,11 +2898,11 @@ function In({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 					]
 				}), /* @__PURE__ */ W(j, {
 					direction: "column",
-					children: [/* @__PURE__ */ U(Fn, {
+					children: [/* @__PURE__ */ U(Wn, {
 						label: T.summaryNumber,
 						fulfilled: F.hasDigit,
 						checkColors: v
-					}), /* @__PURE__ */ U(Fn, {
+					}), /* @__PURE__ */ U(Wn, {
 						label: T.summarySpecialChar,
 						fulfilled: F.hasSymbol,
 						checkColors: v
@@ -2787,8 +2914,8 @@ function In({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 }
 //#endregion
 //#region src/components/tag-selection/TagSelection.store.ts
-function Ln(e) {
-	return xe((t) => ({
+function Kn(e) {
+	return Ce((t) => ({
 		tags: e,
 		searchValue: "",
 		setTags: (e) => {
@@ -2825,7 +2952,7 @@ function Ln(e) {
 }
 //#endregion
 //#region src/components/tag-selection/TagSelectionAutocomplete.tsx
-var Rn = [
+var qn = [
 	"default",
 	"primary",
 	"secondary",
@@ -2834,7 +2961,7 @@ var Rn = [
 	"success",
 	"warning"
 ];
-function zn({ availableTags: e, searchValue: t, translation: n, onSearchChange: r, onTagSelect: i, onTagCreate: a, inputSize: o = "medium", chipSize: u = "medium", disabled: d = !1, loading: p = !1, isMaxReached: m = !1, allowCreate: h = !1, listboxMaxHeight: g }) {
+function Jn({ availableTags: e, searchValue: t, translation: n, onSearchChange: r, onTagSelect: i, onTagCreate: a, inputSize: o = "medium", chipSize: u = "medium", disabled: d = !1, loading: p = !1, isMaxReached: m = !1, allowCreate: h = !1, listboxMaxHeight: g }) {
 	let [_, v] = s("default"), [y, b] = s(!1), x = d || m, C = e.filter((e) => e.label.toLowerCase().includes(t.trim().toLowerCase())), w = h && t.trim() !== "" && C.length === 0, T = y && !w, E = () => {
 		a?.(t.trim(), _), v("default");
 	}, D = () => {
@@ -2890,14 +3017,14 @@ function zn({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 								e.preventDefault();
 							},
 							onClick: E,
-							children: /* @__PURE__ */ U(me, { fontSize: "small" })
+							children: /* @__PURE__ */ U(ge, { fontSize: "small" })
 						}), /* @__PURE__ */ U(S, {
 							size: "small",
 							onMouseDown: (e) => {
 								e.preventDefault();
 							},
 							onClick: D,
-							children: /* @__PURE__ */ U(Me, { fontSize: "small" })
+							children: /* @__PURE__ */ U(Pe, { fontSize: "small" })
 						})] }), e.slotProps?.input?.endAdornment] })
 					}
 				}
@@ -2933,7 +3060,7 @@ function zn({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 				gap: .5,
 				alignItems: "center"
 			},
-			children: Rn.map((e) => /* @__PURE__ */ U(f, {
+			children: qn.map((e) => /* @__PURE__ */ U(f, {
 				size: u,
 				color: e,
 				label: e,
@@ -2946,7 +3073,7 @@ function zn({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 }
 //#endregion
 //#region src/components/tag-selection/TagSelectionChip.tsx
-function Bn({ tag: e, onDelete: t, onClick: n, chipSize: r = "medium", disabled: i = !1 }) {
+function Yn({ tag: e, onDelete: t, onClick: n, chipSize: r = "medium", disabled: i = !1 }) {
 	let a = !!(e.foregroundColor || e.backgroundColor);
 	return /* @__PURE__ */ U(f, {
 		size: r,
@@ -2973,7 +3100,7 @@ function Bn({ tag: e, onDelete: t, onClick: n, chipSize: r = "medium", disabled:
 }
 //#endregion
 //#region src/components/tag-selection/TagSelectionSelectedTags.tsx
-function Vn({ selectedTags: e, translation: t, onTagDelete: n, showSelectedTagsLabel: r, chipSize: i = "medium", disabled: a = !1, maxVisibleChips: o, popoverPlacement: c = "bottom" }) {
+function Xn({ selectedTags: e, translation: t, onTagDelete: n, showSelectedTagsLabel: r, chipSize: i = "medium", disabled: a = !1, maxVisibleChips: o, popoverPlacement: c = "bottom" }) {
 	let [u, d] = s(null), p = o === void 0 ? e : e.slice(0, o), m = o === void 0 ? [] : e.slice(o), h = !!u && m.length > 0, g = c === "top" ? {
 		vertical: "top",
 		horizontal: "left"
@@ -3003,7 +3130,7 @@ function Vn({ selectedTags: e, translation: t, onTagDelete: n, showSelectedTagsL
 				flexWrap: "wrap",
 				gap: 1
 			},
-			children: [p.map((e) => /* @__PURE__ */ U(Bn, {
+			children: [p.map((e) => /* @__PURE__ */ U(Yn, {
 				tag: e,
 				onDelete: n,
 				chipSize: i,
@@ -3028,7 +3155,7 @@ function Vn({ selectedTags: e, translation: t, onTagDelete: n, showSelectedTagsL
 						gap: .5,
 						maxWidth: 320
 					},
-					children: m.map((e) => /* @__PURE__ */ U(Bn, {
+					children: m.map((e) => /* @__PURE__ */ U(Yn, {
 						tag: e,
 						onDelete: a ? void 0 : n,
 						chipSize: i,
@@ -3041,7 +3168,7 @@ function Vn({ selectedTags: e, translation: t, onTagDelete: n, showSelectedTagsL
 }
 //#endregion
 //#region src/components/tag-selection/TagSelection.types.ts
-var Hn = {
+var Zn = {
 	selectedTagsLabel: "Selected tags",
 	autoCompleteLabel: "Search and add tags",
 	noSelectedTagsText: "No tags selected.",
@@ -3049,14 +3176,14 @@ var Hn = {
 	placeholder: "Type to search...",
 	loadingText: "Loading...",
 	maxTagsReachedText: "Maximum number of tags reached."
-}, Un = e(null);
-function Wn(e) {
-	let t = n(Un);
+}, Qn = e(null);
+function $n(e) {
+	let t = n(Qn);
 	if (!t) throw Error("TagSelectionStoreContext is missing.");
-	return be(t, e);
+	return Se(t, e);
 }
-function Gn({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0, showAutoComplete: i = !0, inputSize: o = "medium", chipSize: s = "small", disabled: c = !1, loading: u = !1, maxTags: d, allowCreate: f = !1, maxVisibleChips: p, popoverPlacement: m = "bottom", listboxMaxHeight: h, translation: g, onTagSelect: _, onTagDelete: v, onTagsChange: y, onSearchChange: b, onTagCreate: x }) {
-	let S = Wn((e) => e.tags), C = Wn((e) => e.searchValue), w = Wn((e) => e.setTags), T = Wn((e) => e.setSearchValue), E = Wn((e) => e.selectTag), D = Wn((e) => e.deleteTag), O = Wn((e) => e.addTag);
+function er({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0, showAutoComplete: i = !0, inputSize: o = "medium", chipSize: s = "small", disabled: c = !1, loading: u = !1, maxTags: d, allowCreate: f = !1, maxVisibleChips: p, popoverPlacement: m = "bottom", listboxMaxHeight: h, translation: g, onTagSelect: _, onTagDelete: v, onTagsChange: y, onSearchChange: b, onTagCreate: x }) {
+	let S = $n((e) => e.tags), C = $n((e) => e.searchValue), w = $n((e) => e.setTags), T = $n((e) => e.setSearchValue), E = $n((e) => e.selectTag), D = $n((e) => e.deleteTag), O = $n((e) => e.addTag);
 	r(() => {
 		w(e);
 	}, [e, w]);
@@ -3065,7 +3192,7 @@ function Gn({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0,
 	};
 	return /* @__PURE__ */ U(l, {
 		sx: { width: "100%" },
-		children: /* @__PURE__ */ W(j, { children: [t && /* @__PURE__ */ U(Vn, {
+		children: /* @__PURE__ */ W(j, { children: [t && /* @__PURE__ */ U(Xn, {
 			selectedTags: k,
 			translation: g,
 			onTagDelete: (e) => {
@@ -3081,7 +3208,7 @@ function Gn({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0,
 			disabled: c,
 			maxVisibleChips: p,
 			popoverPlacement: m
-		}), i && /* @__PURE__ */ U(zn, {
+		}), i && /* @__PURE__ */ U(Jn, {
 			availableTags: A,
 			searchValue: C,
 			translation: g,
@@ -3118,14 +3245,14 @@ function Gn({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0,
 		})] })
 	});
 }
-function Kn({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0, showAutoComplete: r = !0, translation: i, inputSize: a = "medium", chipSize: o = "small", disabled: c = !1, loading: l = !1, maxTags: u, allowCreate: d = !1, maxVisibleChips: f, popoverPlacement: p = "bottom", listboxMaxHeight: m, onTagSelect: h, onTagDelete: g, onTagsChange: _, onSearchChange: v, onTagCreate: y }) {
+function tr({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0, showAutoComplete: r = !0, translation: i, inputSize: a = "medium", chipSize: o = "small", disabled: c = !1, loading: l = !1, maxTags: u, allowCreate: d = !1, maxVisibleChips: f, popoverPlacement: p = "bottom", listboxMaxHeight: m, onTagSelect: h, onTagDelete: g, onTagsChange: _, onSearchChange: v, onTagCreate: y }) {
 	let b = {
-		...Hn,
+		...Zn,
 		...i
-	}, [x] = s(() => Ln(e));
-	return /* @__PURE__ */ U(Un.Provider, {
+	}, [x] = s(() => Kn(e));
+	return /* @__PURE__ */ U(Qn.Provider, {
 		value: x,
-		children: /* @__PURE__ */ U(Gn, {
+		children: /* @__PURE__ */ U(er, {
 			tags: e,
 			showSelectedTags: t,
 			showSelectedTagsLabel: n,
@@ -3150,7 +3277,7 @@ function Kn({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0,
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditor.types.ts
-var qn = {
+var nr = {
 	showBold: !0,
 	showItalic: !0,
 	showUnderline: !0,
@@ -3167,8 +3294,9 @@ var qn = {
 	showTextColor: !0,
 	showHighlight: !0,
 	showUndoRedo: !0,
-	showClearFormat: !0
-}, Jn = {
+	showClearFormat: !0,
+	showFullscreenButton: !1
+}, rr = {
 	bold: "Bold",
 	italic: "Italic",
 	underline: "Underline",
@@ -3195,11 +3323,14 @@ var qn = {
 	linkDialogCancel: "Cancel",
 	linkDialogRemove: "Remove link",
 	characterCount: "{count} characters",
-	characterCountMax: "{count} / {max} characters"
+	characterCountMax: "{count} / {max} characters",
+	wordCount: "{count} words",
+	fullscreen: "Full screen",
+	exitFullscreen: "Exit full screen"
 };
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditorContent.tsx
-function Yn({ editor: e, error: t, disabled: n, readonly: r }) {
+function ir({ editor: e, error: t, disabled: n, readonly: r }) {
 	return /* @__PURE__ */ U(l, {
 		sx: {
 			flex: 1,
@@ -3283,12 +3414,12 @@ function Yn({ editor: e, error: t, disabled: n, readonly: r }) {
 				}
 			}
 		},
-		children: /* @__PURE__ */ U(Ne, { editor: e })
+		children: /* @__PURE__ */ U(Fe, { editor: e })
 	});
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditorLinkDialog.tsx
-function Xn({ open: e, onClose: t, editor: n, translation: i }) {
+function ar({ open: e, onClose: t, editor: n, translation: i }) {
 	let [a, o] = s("");
 	r(() => {
 		if (e) {
@@ -3354,7 +3485,7 @@ function Xn({ open: e, onClose: t, editor: n, translation: i }) {
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditorColorPicker.tsx
-var Zn = [
+var or = [
 	"#000000",
 	"#434343",
 	"#666666",
@@ -3373,7 +3504,7 @@ var Zn = [
 	"#8a2be2",
 	"#ff1493",
 	"#a52a2a"
-], Qn = [
+], sr = [
 	"#ffff00",
 	"#ffd700",
 	"#ffa500",
@@ -3393,7 +3524,7 @@ var Zn = [
 	"#ffffff",
 	"#000000"
 ];
-function $n({ color: e, active: t, onClick: n }) {
+function cr({ color: e, active: t, onClick: n }) {
 	return /* @__PURE__ */ U(F, {
 		title: e,
 		placement: "top",
@@ -3435,8 +3566,8 @@ function $n({ color: e, active: t, onClick: n }) {
 		})
 	});
 }
-function er({ anchorEl: e, open: t, onClose: n, mode: r, activeColor: i, onSelectColor: a, onRemoveColor: s, removeLabel: c }) {
-	let u = o(null), d = r === "highlight" ? Qn : Zn;
+function lr({ anchorEl: e, open: t, onClose: n, mode: r, activeColor: i, onSelectColor: a, onRemoveColor: s, removeLabel: c }) {
+	let u = o(null), d = r === "highlight" ? sr : or;
 	function f(e) {
 		a(e.target.value);
 	}
@@ -3460,7 +3591,7 @@ function er({ anchorEl: e, open: t, onClose: n, mode: r, activeColor: i, onSelec
 				gap: .5,
 				mb: 1
 			},
-			children: d.map((e) => /* @__PURE__ */ U($n, {
+			children: d.map((e) => /* @__PURE__ */ U(cr, {
 				color: e,
 				active: i?.toLowerCase() === e.toLowerCase(),
 				onClick: (e) => {
@@ -3521,7 +3652,7 @@ function er({ anchorEl: e, open: t, onClose: n, mode: r, activeColor: i, onSelec
 							borderRadius: 1,
 							ml: "auto"
 						},
-						children: /* @__PURE__ */ U(tt, { fontSize: "small" })
+						children: /* @__PURE__ */ U(at, { fontSize: "small" })
 					})
 				})
 			]
@@ -3530,24 +3661,7 @@ function er({ anchorEl: e, open: t, onClose: n, mode: r, activeColor: i, onSelec
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditorToolbar.tsx
-function $({ label: e, icon: t, onClick: n, active: r, disabled: i }) {
-	return /* @__PURE__ */ U(F, {
-		title: e,
-		arrow: !0,
-		children: /* @__PURE__ */ U("span", { children: /* @__PURE__ */ U(S, {
-			size: "small",
-			onMouseDown: (e) => e.preventDefault(),
-			onClick: n,
-			disabled: i,
-			color: r ? "primary" : "default",
-			sx: { borderRadius: 1 },
-			"aria-label": e,
-			"aria-pressed": r,
-			children: t
-		}) })
-	});
-}
-function tr({ label: e, icon: t, activeColor: n, disabled: r, onClick: i }) {
+function ur({ label: e, icon: t, activeColor: n, disabled: r, onClick: i }) {
 	return /* @__PURE__ */ U(F, {
 		title: e,
 		arrow: !0,
@@ -3579,50 +3693,28 @@ function tr({ label: e, icon: t, activeColor: n, disabled: r, onClick: i }) {
 		}) })
 	});
 }
-function nr() {
-	return /* @__PURE__ */ U(l, {
-		component: "span",
-		sx: {
-			fontWeight: "bold",
-			fontSize: "0.875rem",
-			lineHeight: 1
-		},
-		children: "H1"
-	});
-}
-function rr() {
-	return /* @__PURE__ */ U(l, {
-		component: "span",
-		sx: {
-			fontWeight: "bold",
-			fontSize: "0.875rem",
-			lineHeight: 1
-		},
-		children: "H2"
-	});
-}
-function ir() {
-	return /* @__PURE__ */ U(l, {
+function dr({ level: e }) {
+	return /* @__PURE__ */ W(l, {
 		component: "span",
 		sx: {
 			fontWeight: "bold",
 			fontSize: "0.875rem",
 			lineHeight: 1
 		},
-		children: "H3"
+		children: ["H", e]
 	});
 }
-function ar({ editor: e, toolbarConfig: t, translation: n, disabled: r }) {
-	let [i, a] = s(!1), [o, c] = s(null), [u, d] = s(null), f = r || !e, p = e?.getAttributes("textStyle")?.color, m = e?.getAttributes("highlight")?.color, h = t.showBold || t.showItalic || t.showUnderline || t.showStrike, g = t.showHeading1 || t.showHeading2 || t.showHeading3, _ = t.showBulletList || t.showOrderedList, y = t.showBlockquote || t.showCodeBlock || t.showLink || t.showHorizontalRule, b = t.showTextColor || t.showHighlight, x = t.showUndoRedo || t.showClearFormat, S = [
-		h,
-		g,
+function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullscreen: i, onToggleFullscreen: a }) {
+	let [o, c] = s(!1), [u, d] = s(null), [f, p] = s(null), m = r || !e, h = e?.getAttributes("textStyle")?.color, g = e?.getAttributes("highlight")?.color, _ = t.showBold || t.showItalic || t.showUnderline || t.showStrike, y = t.showHeading1 || t.showHeading2 || t.showHeading3, b = t.showBulletList || t.showOrderedList, x = t.showBlockquote || t.showCodeBlock || t.showLink || t.showHorizontalRule, C = t.showTextColor || t.showHighlight, w = t.showUndoRedo || t.showClearFormat, T = [
 		_,
 		y,
 		b,
-		x
-	], C = S.filter(Boolean).length;
-	function w(e, t) {
-		return !e || S.slice(t + 1).findIndex(Boolean) === -1 ? null : /* @__PURE__ */ U(v, {
+		x,
+		C,
+		w
+	], E = T.filter(Boolean).length;
+	function D(e, t) {
+		return !e || T.slice(t + 1).findIndex(Boolean) === -1 ? null : /* @__PURE__ */ U(v, {
 			orientation: "vertical",
 			flexItem: !0,
 			sx: { mx: .5 }
@@ -3641,196 +3733,212 @@ function ar({ editor: e, toolbarConfig: t, translation: n, disabled: r }) {
 			role: "toolbar",
 			"aria-label": "Text formatting",
 			children: [
-				h && /* @__PURE__ */ W(l, {
+				_ && /* @__PURE__ */ W(l, {
 					sx: {
 						display: "flex",
 						gap: .25
 					},
 					children: [
-						t.showBold && /* @__PURE__ */ U($, {
+						t.showBold && /* @__PURE__ */ U(X, {
 							label: n.bold,
-							icon: /* @__PURE__ */ U(He, { fontSize: "small" }),
+							icon: /* @__PURE__ */ U(Ke, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleBold().run(),
 							active: e?.isActive("bold"),
-							disabled: f
+							disabled: m
 						}),
-						t.showItalic && /* @__PURE__ */ U($, {
+						t.showItalic && /* @__PURE__ */ U(X, {
 							label: n.italic,
-							icon: /* @__PURE__ */ U(Ue, { fontSize: "small" }),
+							icon: /* @__PURE__ */ U(qe, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleItalic().run(),
 							active: e?.isActive("italic"),
-							disabled: f
+							disabled: m
 						}),
-						t.showUnderline && /* @__PURE__ */ U($, {
+						t.showUnderline && /* @__PURE__ */ U(X, {
 							label: n.underline,
-							icon: /* @__PURE__ */ U(We, { fontSize: "small" }),
+							icon: /* @__PURE__ */ U(Je, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleUnderline().run(),
 							active: e?.isActive("underline"),
-							disabled: f
+							disabled: m
 						}),
-						t.showStrike && /* @__PURE__ */ U($, {
+						t.showStrike && /* @__PURE__ */ U(X, {
 							label: n.strike,
-							icon: /* @__PURE__ */ U(Ge, { fontSize: "small" }),
+							icon: /* @__PURE__ */ U(Ye, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleStrike().run(),
 							active: e?.isActive("strike"),
-							disabled: f
+							disabled: m
 						})
 					]
 				}),
-				w(h, 0),
-				g && /* @__PURE__ */ W(l, {
+				D(_, 0),
+				y && /* @__PURE__ */ W(l, {
 					sx: {
 						display: "flex",
 						gap: .25
 					},
 					children: [
-						t.showHeading1 && /* @__PURE__ */ U($, {
+						t.showHeading1 && /* @__PURE__ */ U(X, {
 							label: n.heading1,
-							icon: /* @__PURE__ */ U(nr, {}),
+							icon: /* @__PURE__ */ U(dr, { level: 1 }),
 							onClick: () => e?.chain().focus().toggleHeading({ level: 1 }).run(),
 							active: e?.isActive("heading", { level: 1 }),
-							disabled: f
+							disabled: m
 						}),
-						t.showHeading2 && /* @__PURE__ */ U($, {
+						t.showHeading2 && /* @__PURE__ */ U(X, {
 							label: n.heading2,
-							icon: /* @__PURE__ */ U(rr, {}),
+							icon: /* @__PURE__ */ U(dr, { level: 2 }),
 							onClick: () => e?.chain().focus().toggleHeading({ level: 2 }).run(),
 							active: e?.isActive("heading", { level: 2 }),
-							disabled: f
+							disabled: m
 						}),
-						t.showHeading3 && /* @__PURE__ */ U($, {
+						t.showHeading3 && /* @__PURE__ */ U(X, {
 							label: n.heading3,
-							icon: /* @__PURE__ */ U(ir, {}),
+							icon: /* @__PURE__ */ U(dr, { level: 3 }),
 							onClick: () => e?.chain().focus().toggleHeading({ level: 3 }).run(),
 							active: e?.isActive("heading", { level: 3 }),
-							disabled: f
+							disabled: m
 						})
 					]
 				}),
-				w(g, 1),
-				_ && /* @__PURE__ */ W(l, {
+				D(y, 1),
+				b && /* @__PURE__ */ W(l, {
 					sx: {
 						display: "flex",
 						gap: .25
 					},
-					children: [t.showBulletList && /* @__PURE__ */ U($, {
+					children: [t.showBulletList && /* @__PURE__ */ U(X, {
 						label: n.bulletList,
-						icon: /* @__PURE__ */ U(Ke, { fontSize: "small" }),
+						icon: /* @__PURE__ */ U(Xe, { fontSize: "small" }),
 						onClick: () => e?.chain().focus().toggleBulletList().run(),
 						active: e?.isActive("bulletList"),
-						disabled: f
-					}), t.showOrderedList && /* @__PURE__ */ U($, {
+						disabled: m
+					}), t.showOrderedList && /* @__PURE__ */ U(X, {
 						label: n.orderedList,
-						icon: /* @__PURE__ */ U(qe, { fontSize: "small" }),
+						icon: /* @__PURE__ */ U(Ze, { fontSize: "small" }),
 						onClick: () => e?.chain().focus().toggleOrderedList().run(),
 						active: e?.isActive("orderedList"),
-						disabled: f
+						disabled: m
 					})]
 				}),
-				w(_, 2),
-				y && /* @__PURE__ */ W(l, {
+				D(b, 2),
+				x && /* @__PURE__ */ W(l, {
 					sx: {
 						display: "flex",
 						gap: .25
 					},
 					children: [
-						t.showBlockquote && /* @__PURE__ */ U($, {
+						t.showBlockquote && /* @__PURE__ */ U(X, {
 							label: n.blockquote,
-							icon: /* @__PURE__ */ U(Je, { fontSize: "small" }),
+							icon: /* @__PURE__ */ U(Qe, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleBlockquote().run(),
 							active: e?.isActive("blockquote"),
-							disabled: f
+							disabled: m
 						}),
-						t.showCodeBlock && /* @__PURE__ */ U($, {
+						t.showCodeBlock && /* @__PURE__ */ U(X, {
 							label: n.codeBlock,
-							icon: /* @__PURE__ */ U(Ye, { fontSize: "small" }),
+							icon: /* @__PURE__ */ U($e, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleCodeBlock().run(),
 							active: e?.isActive("codeBlock"),
-							disabled: f
+							disabled: m
 						}),
-						t.showLink && /* @__PURE__ */ U($, {
+						t.showLink && /* @__PURE__ */ U(X, {
 							label: n.link,
-							icon: /* @__PURE__ */ U(Xe, { fontSize: "small" }),
-							onClick: () => a(!0),
+							icon: /* @__PURE__ */ U(et, { fontSize: "small" }),
+							onClick: () => c(!0),
 							active: e?.isActive("link"),
-							disabled: f
+							disabled: m
 						}),
-						t.showHorizontalRule && /* @__PURE__ */ U($, {
+						t.showHorizontalRule && /* @__PURE__ */ U(X, {
 							label: n.horizontalRule,
-							icon: /* @__PURE__ */ U(Ze, { fontSize: "small" }),
+							icon: /* @__PURE__ */ U(tt, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().setHorizontalRule().run(),
-							disabled: f
+							disabled: m
 						})
 					]
 				}),
-				w(y, 3),
-				b && /* @__PURE__ */ W(l, {
+				D(x, 3),
+				C && /* @__PURE__ */ W(l, {
 					sx: {
 						display: "flex",
 						gap: .25
 					},
-					children: [t.showTextColor && /* @__PURE__ */ U(tr, {
+					children: [t.showTextColor && /* @__PURE__ */ U(ur, {
 						label: n.textColor,
-						icon: /* @__PURE__ */ U(Qe, { fontSize: "small" }),
-						activeColor: p,
-						disabled: f,
-						onClick: (e) => c(e.currentTarget)
-					}), t.showHighlight && /* @__PURE__ */ U(tr, {
-						label: n.highlight,
-						icon: /* @__PURE__ */ U($e, { fontSize: "small" }),
-						activeColor: m,
-						disabled: f,
+						icon: /* @__PURE__ */ U(nt, { fontSize: "small" }),
+						activeColor: h,
+						disabled: m,
 						onClick: (e) => d(e.currentTarget)
+					}), t.showHighlight && /* @__PURE__ */ U(ur, {
+						label: n.highlight,
+						icon: /* @__PURE__ */ U(rt, { fontSize: "small" }),
+						activeColor: g,
+						disabled: m,
+						onClick: (e) => p(e.currentTarget)
 					})]
 				}),
-				w(b, 4),
-				x && /* @__PURE__ */ W(l, {
+				D(C, 4),
+				w && /* @__PURE__ */ W(l, {
 					sx: {
 						display: "flex",
 						gap: .25
 					},
-					children: [t.showUndoRedo && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U($, {
+					children: [t.showUndoRedo && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(X, {
 						label: n.undo,
-						icon: /* @__PURE__ */ U(ge, { fontSize: "small" }),
+						icon: /* @__PURE__ */ U(ve, { fontSize: "small" }),
 						onClick: () => e?.chain().focus().undo().run(),
-						disabled: f || !e?.can().undo()
-					}), /* @__PURE__ */ U($, {
+						disabled: m || !e?.can().undo()
+					}), /* @__PURE__ */ U(X, {
 						label: n.redo,
-						icon: /* @__PURE__ */ U(_e, { fontSize: "small" }),
+						icon: /* @__PURE__ */ U(ye, { fontSize: "small" }),
 						onClick: () => e?.chain().focus().redo().run(),
-						disabled: f || !e?.can().redo()
-					})] }), t.showClearFormat && /* @__PURE__ */ U($, {
+						disabled: m || !e?.can().redo()
+					})] }), t.showClearFormat && /* @__PURE__ */ U(X, {
 						label: n.clearFormat,
-						icon: /* @__PURE__ */ U(et, { fontSize: "small" }),
+						icon: /* @__PURE__ */ U(it, { fontSize: "small" }),
 						onClick: () => e?.chain().focus().clearNodes().unsetAllMarks().run(),
-						disabled: f
+						disabled: m
 					})]
 				}),
-				C === 0 && /* @__PURE__ */ U(l, { sx: { height: 32 } })
+				E === 0 && /* @__PURE__ */ U(l, { sx: { height: 32 } }),
+				t.showFullscreenButton && /* @__PURE__ */ U(l, {
+					sx: { ml: "auto" },
+					children: /* @__PURE__ */ U(F, {
+						title: i ? n.exitFullscreen : n.fullscreen,
+						arrow: !0,
+						children: /* @__PURE__ */ U("span", { children: /* @__PURE__ */ U(S, {
+							size: "small",
+							onMouseDown: (e) => e.preventDefault(),
+							onClick: a,
+							disabled: r || !e,
+							sx: { borderRadius: 1 },
+							"aria-label": i ? n.exitFullscreen : n.fullscreen,
+							children: U(i ? Ge : We, { fontSize: "small" })
+						}) })
+					})
+				})
 			]
 		}),
-		t.showLink && e && /* @__PURE__ */ U(Xn, {
-			open: i,
-			onClose: () => a(!1),
+		t.showLink && e && /* @__PURE__ */ U(ar, {
+			open: o,
+			onClose: () => c(!1),
 			editor: e,
 			translation: n
 		}),
-		t.showTextColor && /* @__PURE__ */ U(er, {
-			anchorEl: o,
-			open: !!o,
-			onClose: () => c(null),
+		t.showTextColor && /* @__PURE__ */ U(lr, {
+			anchorEl: u,
+			open: !!u,
+			onClose: () => d(null),
 			mode: "textColor",
-			activeColor: p,
+			activeColor: h,
 			onSelectColor: (t) => e?.chain().focus().setColor(t).run(),
 			onRemoveColor: () => e?.chain().focus().unsetColor().run(),
 			removeLabel: n.removeTextColor
 		}),
-		t.showHighlight && /* @__PURE__ */ U(er, {
-			anchorEl: u,
-			open: !!u,
-			onClose: () => d(null),
+		t.showHighlight && /* @__PURE__ */ U(lr, {
+			anchorEl: f,
+			open: !!f,
+			onClose: () => p(null),
 			mode: "highlight",
-			activeColor: m,
+			activeColor: g,
 			onSelectColor: (t) => e?.chain().focus().setHighlight({ color: t }).run(),
 			onRemoveColor: () => e?.chain().focus().unsetHighlight().run(),
 			removeLabel: n.removeHighlight
@@ -3839,8 +3947,8 @@ function ar({ editor: e, toolbarConfig: t, translation: n, disabled: r }) {
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditorFooter.tsx
-function or({ helperText: e, error: t, showCharacterCount: n, charCount: r, maxCharacters: i, translation: a }) {
-	let o = i === void 0 ? a.characterCount.replace("{count}", String(r)) : a.characterCountMax.replace("{count}", String(r)).replace("{max}", String(i));
+function pr({ helperText: e, error: t, showCharacterCount: n, charCount: r, maxCharacters: i, showWordCount: a, wordCount: o, translation: s }) {
+	let c = i === void 0 ? s.characterCount.replace("{count}", String(r)) : s.characterCountMax.replace("{count}", String(r)).replace("{max}", String(i)), u = i !== void 0 && r >= i ? "error" : "text.secondary", d = s.wordCount.replace("{count}", String(o));
 	return /* @__PURE__ */ W(l, {
 		sx: {
 			display: "flex",
@@ -3851,68 +3959,82 @@ function or({ helperText: e, error: t, showCharacterCount: n, charCount: r, maxC
 		children: [/* @__PURE__ */ U(x, {
 			error: t,
 			children: e ?? ""
-		}), n && /* @__PURE__ */ U(x, {
-			sx: { color: i !== void 0 && r >= i ? "error" : "text.secondary" },
-			children: o
+		}), (n || a) && /* @__PURE__ */ W(l, {
+			sx: {
+				display: "flex",
+				gap: 1.5,
+				alignItems: "center"
+			},
+			children: [a && /* @__PURE__ */ U(x, {
+				sx: { color: "text.secondary" },
+				children: d
+			}), n && /* @__PURE__ */ U(x, {
+				sx: { color: u },
+				children: c
+			})]
 		})]
 	});
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditor.tsx
-function sr(e) {
-	if (!(e === "" || e === void 0)) return typeof e == "string" && e !== "auto" && !isNaN(Number(e)) ? Number(e) : e;
-}
-function cr({ value: e, onChange: t, placeholder: n, outputFormat: i = "html", height: a, width: o, showCharacterCount: s = !1, maxCharacters: c, toolbarConfig: u, disabled: d = !1, readonly: f = !1, name: p, error: m = !1, helperText: h, translation: g, onBlur: _, onFocus: y }) {
-	let b = {
-		...Jn,
-		...g
-	}, x = {
-		...qn,
-		...u
-	}, S = sr(a), C = sr(o), w = S === "auto", T = w ? void 0 : S ?? 200, E = Pe({
+function mr({ disabled: e = !1, error: t = !1, height: n, helperText: i, maxCharacters: a, name: o, placeholder: c, readonly: u = !1, showCharacterCount: d = !1, showToolbar: f = !0, showWordCount: p = !1, toolbarConfig: m, translation: h, value: g, width: _, onBlur: y, onChange: b, onFocus: x }) {
+	let S = {
+		...rr,
+		...h
+	}, C = {
+		...nr,
+		...m
+	}, [w, T] = s(!1), E = kt(n), D = kt(_), k = E === "auto", A = k ? void 0 : E ?? 200, j = a !== void 0 && a > 0 || d || p, M = Ie({
 		shouldRerenderOnTransaction: !0,
 		extensions: [
-			Fe.configure({ link: { openOnClick: !1 } }),
-			Ie,
-			Le,
-			Re.configure({ multicolor: !0 }),
-			Ve.configure({
+			Le.configure({ link: { openOnClick: !1 } }),
+			Re,
+			ze,
+			Be.configure({ multicolor: !0 }),
+			Ue.configure({
 				transformPastedText: !0,
 				transformCopiedText: !1
 			}),
-			ze.configure({ placeholder: n ?? "" }),
-			...c !== void 0 && c > 0 ? [Be.configure({ limit: c })] : s ? [Be] : []
+			Ve.configure({ placeholder: c ?? "" }),
+			...j ? a !== void 0 && a > 0 ? [He.configure({ limit: a })] : [He] : []
 		],
-		content: e ?? "",
-		editable: !d && !f,
+		content: g ?? "",
+		editable: !e && !u,
 		onUpdate({ editor: e }) {
-			t && t(i === "json" ? JSON.stringify(e.getJSON()) : e.getHTML());
+			b?.(e.getHTML());
 		},
 		onBlur() {
-			_?.();
+			y?.();
 		},
 		onFocus() {
-			y?.();
+			x?.();
 		}
 	});
 	r(() => {
-		!E || e === void 0 || (i === "json" ? JSON.stringify(E.getJSON()) : E.getHTML()) !== e && E.commands.setContent(e, { emitUpdate: !1 });
+		!M || g === void 0 || M.getHTML() !== g && M.commands.setContent(g, { emitUpdate: !1 });
+	}, [M, g]), r(() => {
+		M && M.setEditable(!e && !u);
 	}, [
-		E,
+		M,
 		e,
-		i
-	]), r(() => {
-		E && E.setEditable(!d && !f);
-	}, [
-		E,
-		d,
-		f
+		u
 	]);
-	let D = E?.storage.characterCount?.characters?.() ?? 0, k = s || c !== void 0 && c > 0 || !!h;
+	let N = M?.storage.characterCount?.characters?.() ?? 0, P = M?.storage.characterCount?.words?.() ?? 0, F = d || a !== void 0 && a > 0 || p || !!i;
 	return /* @__PURE__ */ W(l, {
-		sx: {
-			width: C ?? "100%",
-			...w ? {
+		sx: w ? {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			width: "100vw",
+			height: "100vh",
+			zIndex: 1300,
+			display: "flex",
+			flexDirection: "column",
+			bgcolor: "background.default",
+			p: 1
+		} : {
+			width: D ?? "100%",
+			...k ? {
 				display: "flex",
 				flexDirection: "column",
 				flex: 1
@@ -3925,50 +4047,54 @@ function cr({ value: e, onChange: t, placeholder: n, outputFormat: i = "html", h
 					display: "flex",
 					flexDirection: "column",
 					overflow: "hidden",
-					...w ? { flex: 1 } : { height: T },
-					borderColor: m ? "error.main" : void 0,
+					...w || k ? { flex: 1 } : { height: A },
+					borderColor: t ? "error.main" : void 0,
 					"&:focus-within": {
-						borderColor: m ? "error.main" : "primary.main",
+						borderColor: t ? "error.main" : "primary.main",
 						borderWidth: 2
 					}
 				},
-				children: [!f && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(ar, {
-					editor: E,
-					toolbarConfig: x,
-					translation: b,
-					disabled: d
-				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(Yn, {
-					editor: E,
-					error: m,
-					disabled: d,
-					readonly: f
+				children: [f && !u && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(fr, {
+					editor: M,
+					toolbarConfig: C,
+					translation: S,
+					disabled: e,
+					isFullscreen: w,
+					onToggleFullscreen: () => T((e) => !e)
+				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(ir, {
+					editor: M,
+					error: t,
+					disabled: e,
+					readonly: u
 				})]
 			}),
-			k && /* @__PURE__ */ U(or, {
-				helperText: h,
-				error: m,
-				showCharacterCount: s || c !== void 0 && c > 0,
-				charCount: D,
-				maxCharacters: c && c > 0 ? c : void 0,
-				translation: b
+			F && /* @__PURE__ */ U(pr, {
+				helperText: i,
+				error: t,
+				showCharacterCount: d || a !== void 0 && a > 0,
+				charCount: N,
+				maxCharacters: a && a > 0 ? a : void 0,
+				showWordCount: p,
+				wordCount: P,
+				translation: S
 			}),
-			p && /* @__PURE__ */ U("input", {
+			o && /* @__PURE__ */ U("input", {
 				type: "hidden",
-				name: p,
-				value: E ? i === "json" ? JSON.stringify(E.getJSON()) : E.getHTML() : ""
+				name: o,
+				value: M ? M.getHTML() : ""
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/sql-editor/SqlEditor.types.ts
-var lr = {
+var hr = {
 	showFormat: !0,
 	showCopy: !0,
 	showClear: !0,
 	showExecute: !1,
 	showUndoRedo: !0
-}, ur = {
+}, gr = {
 	format: "Format SQL",
 	copy: "Copy",
 	copySuccess: "Copied!",
@@ -3978,15 +4104,15 @@ var lr = {
 	redo: "Redo",
 	lineColumn: "Ln {line}, Col {col}",
 	errorCount: "{count} error(s)"
-}, dr = {
-	standard: ot,
-	mysql: rt,
-	postgresql: it,
-	sqlite: at,
-	mssql: nt
+}, _r = {
+	standard: ut,
+	mysql: st,
+	postgresql: ct,
+	sqlite: lt,
+	mssql: ot
 };
-function fr({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly: a = !1, showLineNumbers: s = !0, dialect: c = "standard", keywordColor: u, stringColor: d, identifierColor: f, schema: p, onLint: m, onDiagnosticsChange: h, onViewReady: g, onCursorChange: _, onBlur: v, onFocus: y }) {
-	let b = o(null), x = o(null), S = o(t), C = o(_), w = o(v), T = o(y), E = o(g), D = o(m), O = o(h), k = o(new re()), A = o(new re()), j = L(), M = j.palette.mode === "dark", N = !!m, P = JSON.stringify(p);
+function vr({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly: a = !1, showLineNumbers: s = !0, dialect: c = "standard", keywordColor: u, stringColor: d, identifierColor: f, schema: p, onLint: m, onDiagnosticsChange: h, onViewReady: g, onCursorChange: _, onBlur: v, onFocus: y }) {
+	let b = o(null), x = o(null), S = o(t), C = o(_), w = o(v), T = o(y), E = o(g), D = o(m), O = o(h), k = o(new ne()), A = o(new ne()), j = L(), M = j.palette.mode === "dark", N = !!m, P = JSON.stringify(p);
 	return r(() => {
 		S.current = t;
 	}, [t]), r(() => {
@@ -4003,44 +4129,44 @@ function fr({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 		O.current = h;
 	}, [h]), r(() => {
 		if (!b.current) return;
-		let t = x.current?.state.doc.toString() ?? e ?? "", r = u ?? j.palette.primary.main, o = d ?? j.palette.success.main, l = f ?? j.palette.info.main, m = le.define([
+		let t = x.current?.state.doc.toString() ?? e ?? "", r = u ?? j.palette.primary.main, o = d ?? j.palette.success.main, l = f ?? j.palette.info.main, m = de.define([
 			{
-				tag: Z.keyword,
+				tag: Y.keyword,
 				color: r,
 				fontWeight: "bold"
 			},
 			{
-				tag: Z.name,
+				tag: Y.name,
 				color: l
 			},
 			{
-				tag: [Z.string, Z.special(Z.string)],
+				tag: [Y.string, Y.special(Y.string)],
 				color: o,
 				fontWeight: "bold"
 			},
 			{
-				tag: Z.number,
+				tag: Y.number,
 				color: j.palette.warning.main
 			},
 			{
-				tag: [Z.lineComment, Z.blockComment],
+				tag: [Y.lineComment, Y.blockComment],
 				color: j.palette.text.disabled,
 				fontStyle: "italic"
 			},
 			{
-				tag: Z.operator,
+				tag: Y.operator,
 				color: j.palette.text.secondary
 			},
 			{
-				tag: [Z.function(Z.variableName), Z.function(Z.name)],
+				tag: [Y.function(Y.variableName), Y.function(Y.name)],
 				color: j.palette.secondary.main
 			},
 			{
-				tag: Z.typeName,
+				tag: Y.typeName,
 				color: j.palette.info.main
 			},
 			{
-				tag: Z.invalid,
+				tag: Y.invalid,
 				color: j.palette.error.main,
 				textDecoration: "underline wavy"
 			}
@@ -4129,24 +4255,24 @@ function fr({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 			}
 		}, v = [
 			h,
-			ue(m),
-			st({
-				dialect: dr[c],
+			fe(m),
+			dt({
+				dialect: _r[c],
 				schema: g
 			}),
-			J(),
-			ct(),
-			te.of([
-				...se,
+			se(),
+			ft(),
+			J.of([
+				...oe,
 				...ce,
-				...lt
+				...pt
 			]),
 			k.current.of(G.editable.of(!i && !a)),
-			A.current.of(ie.readOnly.of(a)),
+			A.current.of(re.readOnly.of(a)),
 			K(),
-			...s ? [ne(), ee()] : [],
-			...n ? [q(n)] : [],
-			...N ? [de(), fe(_, { delay: 600 })] : [],
+			...s ? [ee(), q()] : [],
+			...n ? [te(n)] : [],
+			...N ? [pe(), me(_, { delay: 600 })] : [],
 			G.updateListener.of((e) => {
 				e.docChanged && S.current?.(e.state.doc.toString());
 				let t = e.state.selection.main.head, n = e.state.doc.lineAt(t);
@@ -4161,7 +4287,7 @@ function fr({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 				}
 			})
 		], y = new G({
-			state: ie.create({
+			state: re.create({
 				doc: t,
 				extensions: v
 			}),
@@ -4188,7 +4314,7 @@ function fr({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 			insert: e ?? ""
 		} });
 	}, [e]), r(() => {
-		x.current?.dispatch({ effects: [k.current.reconfigure(G.editable.of(!i && !a)), A.current.reconfigure(ie.readOnly.of(a))] });
+		x.current?.dispatch({ effects: [k.current.reconfigure(G.editable.of(!i && !a)), A.current.reconfigure(re.readOnly.of(a))] });
 	}, [i, a]), /* @__PURE__ */ U(l, {
 		ref: b,
 		sx: {
@@ -4208,29 +4334,14 @@ function fr({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 }
 //#endregion
 //#region src/components/sql-editor/SqlEditorToolbar.tsx
-var pr = {
+var yr = {
 	standard: "sql",
 	mysql: "mysql",
 	postgresql: "postgresql",
 	sqlite: "sqlite",
 	mssql: "tsql"
 };
-function mr({ label: e, icon: t, onClick: n, active: r, disabled: i }) {
-	return /* @__PURE__ */ U(F, {
-		title: e,
-		arrow: !0,
-		children: /* @__PURE__ */ U("span", { children: /* @__PURE__ */ U(S, {
-			size: "small",
-			onClick: n,
-			disabled: i,
-			color: r ? "primary" : "default",
-			sx: { borderRadius: 1 },
-			"aria-label": e,
-			children: t
-		}) })
-	});
-}
-function hr({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled: i, onExecute: a }) {
+function br({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled: i, onExecute: a }) {
 	let [o, c] = s(!1), u = i || !e.current;
 	function d() {
 		let t = e.current?.state.doc.toString() ?? "";
@@ -4248,18 +4359,18 @@ function hr({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 	}
 	function p() {
 		let t = e.current;
-		t && (X(t), t.focus());
+		t && (ue(t), t.focus());
 	}
 	function m() {
 		let t = e.current;
-		t && (Y(t), t.focus());
+		t && (le(t), t.focus());
 	}
 	function h() {
 		let t = e.current;
 		if (!t) return;
 		let n = t.state.doc.toString();
 		try {
-			let e = dt(n, { language: pr[r] });
+			let e = ht(n, { language: yr[r] });
 			t.dispatch({ changes: {
 				from: 0,
 				to: t.state.doc.length,
@@ -4290,9 +4401,9 @@ function hr({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 					display: "flex",
 					gap: .25
 				},
-				children: /* @__PURE__ */ U(mr, {
+				children: /* @__PURE__ */ U(X, {
 					label: n.format,
-					icon: /* @__PURE__ */ U(ve, { fontSize: "small" }),
+					icon: /* @__PURE__ */ U(be, { fontSize: "small" }),
 					onClick: h,
 					disabled: u
 				})
@@ -4307,17 +4418,17 @@ function hr({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 					display: "flex",
 					gap: .25
 				},
-				children: [t.showCopy && /* @__PURE__ */ U(mr, {
+				children: [t.showCopy && /* @__PURE__ */ U(X, {
 					label: o ? n.copySuccess : n.copy,
-					icon: o ? /* @__PURE__ */ U(me, {
+					icon: o ? /* @__PURE__ */ U(ge, {
 						fontSize: "small",
 						color: "success"
-					}) : /* @__PURE__ */ U(pe, { fontSize: "small" }),
+					}) : /* @__PURE__ */ U(he, { fontSize: "small" }),
 					onClick: d,
 					disabled: u
-				}), t.showClear && /* @__PURE__ */ U(mr, {
+				}), t.showClear && /* @__PURE__ */ U(X, {
 					label: n.clear,
-					icon: /* @__PURE__ */ U(he, { fontSize: "small" }),
+					icon: /* @__PURE__ */ U(_e, { fontSize: "small" }),
 					onClick: f,
 					disabled: u
 				})]
@@ -4332,14 +4443,14 @@ function hr({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 					display: "flex",
 					gap: .25
 				},
-				children: [/* @__PURE__ */ U(mr, {
+				children: [/* @__PURE__ */ U(X, {
 					label: n.undo,
-					icon: /* @__PURE__ */ U(ge, { fontSize: "small" }),
+					icon: /* @__PURE__ */ U(ve, { fontSize: "small" }),
 					onClick: p,
 					disabled: u
-				}), /* @__PURE__ */ U(mr, {
+				}), /* @__PURE__ */ U(X, {
 					label: n.redo,
-					icon: /* @__PURE__ */ U(_e, { fontSize: "small" }),
+					icon: /* @__PURE__ */ U(ye, { fontSize: "small" }),
 					onClick: m,
 					disabled: u
 				})]
@@ -4348,9 +4459,9 @@ function hr({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
-			}), /* @__PURE__ */ U(mr, {
+			}), /* @__PURE__ */ U(X, {
 				label: n.execute,
-				icon: /* @__PURE__ */ U(ut, { fontSize: "small" }),
+				icon: /* @__PURE__ */ U(mt, { fontSize: "small" }),
 				onClick: g,
 				disabled: u
 			})] }),
@@ -4360,7 +4471,7 @@ function hr({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 }
 //#endregion
 //#region src/components/sql-editor/SqlEditorFooter.tsx
-function gr({ helperText: e, error: t, showLineColumn: n, showErrorCount: r, diagnosticsCount: i, cursorLine: a, cursorCol: o, translation: s }) {
+function xr({ helperText: e, error: t, showLineColumn: n, showErrorCount: r, diagnosticsCount: i, cursorLine: a, cursorCol: o, translation: s }) {
 	let c = s.lineColumn.replace("{line}", String(a)).replace("{col}", String(o)), u = s.errorCount.replace("{count}", String(i));
 	return /* @__PURE__ */ W(l, {
 		sx: {
@@ -4376,7 +4487,7 @@ function gr({ helperText: e, error: t, showLineColumn: n, showErrorCount: r, dia
 				alignItems: "center",
 				gap: .5
 			},
-			children: [/* @__PURE__ */ U(ft, { sx: {
+			children: [/* @__PURE__ */ U(gt, { sx: {
 				fontSize: "0.875rem",
 				color: "error.main"
 			} }), /* @__PURE__ */ U(x, {
@@ -4401,17 +4512,14 @@ function gr({ helperText: e, error: t, showLineColumn: n, showErrorCount: r, dia
 }
 //#endregion
 //#region src/components/sql-editor/SqlEditor.tsx
-function _r(e) {
-	if (!(e === "" || e === void 0)) return typeof e == "string" && e !== "auto" && !isNaN(Number(e)) ? Number(e) : e;
-}
-function vr({ value: e, onChange: n, placeholder: r, height: i, width: a, disabled: c = !1, readonly: u = !1, error: d = !1, helperText: f, name: p, dialect: m = "standard", showLineNumbers: h = !0, showLineColumn: g = !0, showErrorCount: _ = !1, toolbarConfig: y, translation: b, highlightColors: x, schema: S, onExecute: C, onLint: w, onBlur: T, onFocus: E }) {
+function Sr({ value: e, onChange: n, placeholder: r, height: i, width: a, disabled: c = !1, readonly: u = !1, error: d = !1, helperText: f, name: p, dialect: m = "standard", showLineNumbers: h = !0, showLineColumn: g = !0, showErrorCount: _ = !1, toolbarConfig: y, translation: b, highlightColors: x, schema: S, onExecute: C, onLint: w, onBlur: T, onFocus: E }) {
 	let D = {
-		...ur,
+		...gr,
 		...b
 	}, k = {
-		...lr,
+		...hr,
 		...y
-	}, A = _r(i), j = _r(a), M = A === "auto", N = M ? void 0 : A ?? 300, P = o(null), [F, I] = s({
+	}, A = kt(i), j = kt(a), M = A === "auto", N = M ? void 0 : A ?? 300, P = o(null), [F, I] = s({
 		line: 1,
 		col: 1
 	}), [L, R] = s(0), z = t((e) => {
@@ -4447,14 +4555,14 @@ function vr({ value: e, onChange: n, placeholder: r, height: i, width: a, disabl
 						borderWidth: 2
 					}
 				},
-				children: [!u && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(hr, {
+				children: [!u && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(br, {
 					viewRef: P,
 					toolbarConfig: k,
 					translation: D,
 					dialect: m,
 					disabled: c,
 					onExecute: C
-				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(fr, {
+				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(vr, {
 					value: e,
 					onChange: n,
 					placeholder: r,
@@ -4474,7 +4582,7 @@ function vr({ value: e, onChange: n, placeholder: r, height: i, width: a, disabl
 					onFocus: E
 				})]
 			}),
-			G && /* @__PURE__ */ U(gr, {
+			G && /* @__PURE__ */ U(xr, {
 				helperText: f,
 				error: d,
 				showLineColumn: g,
@@ -4493,4 +4601,4 @@ function vr({ value: e, onChange: n, placeholder: r, height: i, width: a, disabl
 	});
 }
 //#endregion
-export { vt as ConfirmDialogProvider, Pn as DEFAULT_CHECK_COLORS, pt as DEFAULT_CONFIRM_DIALOG_TRANSLATION, Zt as DEFAULT_GANTT_TRANSLATIONS, bt as DEFAULT_JSON_EDITOR_TOOLBAR_CONFIG, xt as DEFAULT_JSON_EDITOR_TRANSLATION, Nn as DEFAULT_METER_COLORS, Mn as DEFAULT_PASSWORD_TRANSLATIONS, qn as DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG, Jn as DEFAULT_RICH_TEXT_EDITOR_TRANSLATION, lr as DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG, ur as DEFAULT_SQL_EDITOR_TRANSLATION, Hn as DEFAULT_TAG_SELECTION_TRANSLATION, kn as GanttChart, Ot as JsonEditor, In as PasswordStrengthMeter, cr as RichTextEditor, vr as SqlEditor, Kn as TagSelection, yt as useConfirm, Q as useGanttChartStore, wn as useGanttTheme, Sn as useGanttTranslations, bn as useRawGanttChartStore };
+export { St as ConfirmDialogProvider, Un as DEFAULT_CHECK_COLORS, _t as DEFAULT_CONFIRM_DIALOG_TRANSLATION, $t as DEFAULT_GANTT_TRANSLATIONS, wt as DEFAULT_JSON_EDITOR_TOOLBAR_CONFIG, Tt as DEFAULT_JSON_EDITOR_TRANSLATION, Hn as DEFAULT_METER_COLORS, Vn as DEFAULT_PASSWORD_TRANSLATIONS, nr as DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG, rr as DEFAULT_RICH_TEXT_EDITOR_TRANSLATION, hr as DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG, gr as DEFAULT_SQL_EDITOR_TRANSLATION, Zn as DEFAULT_TAG_SELECTION_TRANSLATION, Ln as GanttChart, jt as JsonEditor, Gn as PasswordStrengthMeter, mr as RichTextEditor, Sr as SqlEditor, tr as TagSelection, Ct as useConfirm, Q as useGanttChartStore, Mn as useGanttTheme, $ as useGanttTranslations, kn as useRawGanttChartStore };