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

package/dist/index.js

@@ -6,12 +6,13 @@ 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 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 { Compartment as ne, EditorState as Y } from "@codemirror/state";
+import { json as re, jsonParseLinter as ie } from "@codemirror/lang-json";
+import { defaultKeymap as ae, history as oe, historyKeymap as se, redo as ce, undo as le } from "@codemirror/commands";
+import { HighlightStyle as ue, syntaxHighlighting as de } from "@codemirror/language";
+import { lintGutter as fe, linter as pe } from "@codemirror/lint";
+import { tags as X } from "@lezer/highlight";
+import { showMinimap as me } from "@replit/codemirror-minimap";
 import he from "@mui/icons-material/ContentCopy";
 import ge from "@mui/icons-material/Check";
 import _e from "@mui/icons-material/Delete";
@@ -76,17 +77,35 @@ var _t = {
 	error: "error",
 	success: "success"
 };
-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;
+function bt({ open: e, options: t, translation: n, onConfirm: i, onCancel: a }) {
+	let { title: o, description: c, confirmLabel: l, cancelLabel: d, countdown: f, severity: g = "info", hideCancelButton: y = !1, maxWidth: b = "xs", showIcon: x = !0 } = t, S = x ? vt[g] : null, C = yt[g], w = l ?? n.confirmLabel, T = d ?? n.cancelLabel, [E, D] = s(null);
+	r(() => {
+		if (!e || !f || f <= 0) {
+			D(null);
+			return;
+		}
+		D(f);
+		let t = setInterval(() => {
+			D((e) => e === null || e <= 1 ? (clearInterval(t), 0) : e - 1);
+		}, 1e3);
+		return () => clearInterval(t);
+	}, [e, f]), r(() => {
+		E === 0 && i();
+	}, [E]);
+	function O(e) {
+		e.key === "Enter" && (e.preventDefault(), i());
+	}
+	let k = E !== null && E > 0 ? `${w} (${E})` : w;
 	return /* @__PURE__ */ W(p, {
 		open: e,
-		onClose: i,
-		maxWidth: f,
+		onClose: a,
+		onKeyDown: O,
+		maxWidth: b,
 		fullWidth: !0,
-		"aria-labelledby": a ? "confirm-dialog-title" : void 0,
-		"aria-describedby": o ? "confirm-dialog-description" : void 0,
+		"aria-labelledby": o ? "confirm-dialog-title" : void 0,
+		"aria-describedby": c ? "confirm-dialog-description" : void 0,
 		children: [
-			a && /* @__PURE__ */ W(_, {
+			o && /* @__PURE__ */ W(_, {
 				id: "confirm-dialog-title",
 				"data-testid": "confirm-dialog-title",
 				sx: {
@@ -94,22 +113,22 @@ function bt({ open: e, options: t, translation: n, onConfirm: r, onCancel: i })
 					alignItems: "center",
 					gap: 1
 				},
-				children: [y && /* @__PURE__ */ U(y, {
-					color: l,
+				children: [S && /* @__PURE__ */ U(S, {
+					color: g,
 					"data-testid": "confirm-dialog-icon",
 					fontSize: "small"
-				}), a]
+				}), o]
 			}),
-			o && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(v, {}), /* @__PURE__ */ U(h, { children: typeof o == "string" ? /* @__PURE__ */ U(I, {
+			c && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(v, {}), /* @__PURE__ */ U(h, { children: typeof c == "string" ? /* @__PURE__ */ U(I, {
 				id: "confirm-dialog-description",
 				"data-testid": "confirm-dialog-description",
 				variant: "body2",
 				color: "text.secondary",
-				children: o
+				children: c
 			}) : /* @__PURE__ */ U("div", {
 				id: "confirm-dialog-description",
 				"data-testid": "confirm-dialog-description",
-				children: o
+				children: c
 			}) })] }),
 			/* @__PURE__ */ U(v, {}),
 			/* @__PURE__ */ W(m, {
@@ -117,18 +136,18 @@ function bt({ open: e, options: t, translation: n, onConfirm: r, onCancel: i })
 					px: 2,
 					py: 1.5
 				},
-				children: [!d && /* @__PURE__ */ U(u, {
+				children: [!y && /* @__PURE__ */ U(u, {
 					"data-testid": "confirm-dialog-cancel-btn",
-					onClick: i,
+					onClick: a,
 					color: "inherit",
-					children: S
+					children: T
 				}), /* @__PURE__ */ U(u, {
 					"data-testid": "confirm-dialog-confirm-btn",
-					onClick: r,
-					color: b,
+					onClick: i,
+					color: C,
 					variant: "contained",
 					autoFocus: !0,
-					children: x
+					children: k
 				})]
 			})
 		]
@@ -194,142 +213,151 @@ var wt = {
 };
 //#endregion
 //#region src/components/json-editor/JsonEditorContent.tsx
-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;
+function Et({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly: a = !1, showLineNumbers: s = !0, showMinimap: c = !1, highlightColors: u, onViewReady: d, onCursorChange: f, onBlur: p, onFocus: m }) {
+	let h = o(null), g = o(null), _ = o(t), v = o(f), y = o(p), b = o(m), x = o(d), S = o(new ne()), C = o(new ne()), w = L(), T = w.palette.mode === "dark", E = u?.propertyName ?? w.palette.primary.main, D = u?.string ?? w.palette.success.main, O = u?.number ?? w.palette.warning.main, k = u?.boolean ?? w.palette.info.main, A = u?.null ?? w.palette.text.secondary;
 	return r(() => {
-		g.current = t;
+		_.current = t;
 	}, [t]), r(() => {
-		_.current = d;
-	}, [d]), r(() => {
 		v.current = f;
 	}, [f]), r(() => {
 		y.current = p;
 	}, [p]), r(() => {
-		b.current = u;
-	}, [u]), r(() => {
-		if (!m.current) return;
-		let t = h.current?.state.doc.toString() ?? e ?? "", r = de.define([
+		b.current = m;
+	}, [m]), r(() => {
+		x.current = d;
+	}, [d]), r(() => {
+		if (!h.current) return;
+		let t = g.current?.state.doc.toString() ?? e ?? "", r = ue.define([
 			{
-				tag: Y.propertyName,
-				color: T,
+				tag: X.propertyName,
+				color: E,
 				fontWeight: "bold"
 			},
 			{
-				tag: Y.string,
-				color: E
+				tag: X.string,
+				color: D
 			},
 			{
-				tag: Y.number,
-				color: D
+				tag: X.number,
+				color: O
 			},
 			{
-				tag: Y.bool,
-				color: O,
+				tag: X.bool,
+				color: k,
 				fontWeight: "bold"
 			},
 			{
-				tag: Y.null,
-				color: k,
+				tag: X.null,
+				color: A,
 				fontStyle: "italic"
 			},
 			{
-				tag: Y.bracket,
-				color: C.palette.text.secondary
+				tag: X.bracket,
+				color: w.palette.text.secondary
 			},
 			{
-				tag: Y.punctuation,
-				color: C.palette.text.disabled
+				tag: X.punctuation,
+				color: w.palette.text.disabled
 			},
 			{
-				tag: Y.invalid,
-				color: C.palette.error.main,
+				tag: X.invalid,
+				color: w.palette.error.main,
 				textDecoration: "underline wavy"
 			}
-		]), o = [
-			G.theme({
-				"&": {
-					height: "100%",
-					fontFamily: "'Fira Code', 'JetBrains Mono', 'Consolas', monospace",
-					fontSize: "0.875rem"
-				},
-				".cm-scroller": { overflow: "auto" },
-				".cm-content": {
-					padding: "8px 4px",
-					caretColor: C.palette.text.primary
-				},
-				".cm-gutters": {
-					backgroundColor: w ? C.palette.grey[900] : C.palette.grey[50],
-					color: C.palette.text.disabled,
-					border: "none",
-					borderRight: `1px solid ${C.palette.divider}`
-				},
-				".cm-lineNumbers .cm-gutterElement": {
-					minWidth: "36px",
-					paddingLeft: "4px"
-				},
-				".cm-activeLineGutter": { backgroundColor: C.palette.action.selected },
-				".cm-activeLine": { backgroundColor: C.palette.action.hover },
-				"&.cm-focused .cm-selectionBackground, .cm-selectionBackground": { backgroundColor: C.palette.primary.main + "40" },
-				".cm-cursor, .cm-dropCursor": { borderLeftColor: C.palette.text.primary },
-				"&.cm-focused": { outline: "none" },
-				".cm-placeholder": {
-					color: C.palette.text.disabled,
-					fontStyle: "italic"
-				},
-				".cm-gutter-lint": { width: "16px" },
-				".cm-lint-marker-error": { color: C.palette.error.main },
-				".cm-lint-marker-warning": { color: C.palette.warning.main },
-				".cm-tooltip.cm-tooltip-lint": {
-					backgroundColor: C.palette.background.paper,
-					border: `1px solid ${C.palette.divider}`,
-					borderRadius: "4px"
-				},
-				".cm-diagnostic-error": { borderLeft: `3px solid ${C.palette.error.main}` },
-				".cm-diagnostic-warning": { borderLeft: `3px solid ${C.palette.warning.main}` }
-			}, { dark: w }),
-			fe(r),
-			ie(),
-			pe(),
-			me(ae()),
-			se(),
-			J.of([...oe, ...ce]),
-			x.current.of(G.editable.of(!i && !a)),
-			S.current.of(re.readOnly.of(a)),
+		]), o = G.theme({
+			"&": {
+				height: "100%",
+				fontFamily: "'Fira Code', 'JetBrains Mono', 'Consolas', monospace",
+				fontSize: "0.875rem"
+			},
+			".cm-scroller": { overflow: "auto" },
+			".cm-content": {
+				padding: "8px 4px",
+				caretColor: w.palette.text.primary
+			},
+			".cm-gutters": {
+				backgroundColor: T ? w.palette.grey[900] : w.palette.grey[50],
+				color: w.palette.text.disabled,
+				border: "none",
+				borderRight: `1px solid ${w.palette.divider}`
+			},
+			".cm-lineNumbers .cm-gutterElement": {
+				paddingLeft: "4px",
+				paddingRight: "8px"
+			},
+			".cm-activeLineGutter": { backgroundColor: w.palette.action.selected },
+			".cm-activeLine": { backgroundColor: w.palette.action.hover },
+			"&.cm-focused .cm-selectionBackground, .cm-selectionBackground": { backgroundColor: w.palette.primary.main + "40" },
+			".cm-cursor, .cm-dropCursor": { borderLeftColor: w.palette.text.primary },
+			"&.cm-focused": { outline: "none" },
+			".cm-placeholder": {
+				color: w.palette.text.disabled,
+				fontStyle: "italic"
+			},
+			".cm-gutter-lint": { width: "16px" },
+			".cm-lint-marker-error": { color: w.palette.error.main },
+			".cm-lint-marker-warning": { color: w.palette.warning.main },
+			".cm-tooltip.cm-tooltip-lint": {
+				backgroundColor: w.palette.background.paper,
+				border: `1px solid ${w.palette.divider}`,
+				borderRadius: "4px"
+			},
+			".cm-diagnostic-error": { borderLeft: `3px solid ${w.palette.error.main}` },
+			".cm-diagnostic-warning": { borderLeft: `3px solid ${w.palette.warning.main}` }
+		}, { dark: T }), l = c ? [me.of({
+			create: () => {
+				let e = document.createElement("div");
+				return e.style.width = "80px", e.style.overflow = "hidden", e.style.borderLeft = `1px solid ${w.palette.divider}`, e.style.backgroundColor = T ? w.palette.grey[900] : w.palette.grey[50], { dom: e };
+			},
+			displayText: "blocks",
+			showOverlay: "always"
+		})] : [], u = [
+			o,
+			de(r),
+			re(),
+			fe(),
+			pe(ie()),
+			oe(),
+			J.of([...ae, ...se]),
+			S.current.of(G.editable.of(!i && !a)),
+			C.current.of(Y.readOnly.of(a)),
 			K(),
 			...s ? [ee(), q()] : [],
 			...n ? [te(n)] : [],
+			...l,
 			G.updateListener.of((e) => {
-				e.docChanged && g.current?.(e.state.doc.toString());
+				e.docChanged && _.current?.(e.state.doc.toString());
 				let t = e.state.selection.main.head, n = e.state.doc.lineAt(t);
-				_.current(n.number, t - n.from + 1);
+				v.current(n.number, t - n.from + 1);
 			}),
 			G.domEventHandlers({
 				blur: () => {
-					v.current?.();
+					y.current?.();
 				},
 				focus: () => {
-					y.current?.();
+					b.current?.();
 				}
 			})
-		], c = new G({
-			state: re.create({
+		], d = new G({
+			state: Y.create({
 				doc: t,
-				extensions: o
+				extensions: u
 			}),
-			parent: m.current
+			parent: h.current
 		});
-		return h.current = c, b.current(c), () => {
-			b.current(null), c.destroy(), h.current = null;
+		return g.current = d, x.current(d), () => {
+			x.current(null), d.destroy(), g.current = null;
 		};
 	}, [
-		w,
 		T,
 		E,
 		D,
 		O,
-		k
+		k,
+		A,
+		c
 	]), r(() => {
-		let t = h.current;
+		let t = g.current;
 		if (!t) return;
 		let n = t.state.doc.toString();
 		n !== (e ?? "") && t.dispatch({ changes: {
@@ -338,16 +366,16 @@ function Et({ 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(re.readOnly.of(a))] });
+		g.current?.dispatch({ effects: [S.current.reconfigure(G.editable.of(!i && !a)), C.current.reconfigure(Y.readOnly.of(a))] });
 	}, [i, a]), /* @__PURE__ */ U(l, {
-		ref: m,
+		ref: h,
 		sx: {
 			flex: 1,
 			overflow: "hidden",
 			display: "flex",
 			flexDirection: "column",
 			opacity: i ? .5 : 1,
-			backgroundColor: C.palette.background.paper,
+			backgroundColor: w.palette.background.paper,
 			"& .cm-editor": {
 				flex: 1,
 				display: "flex",
@@ -358,7 +386,7 @@ function Et({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 }
 //#endregion
 //#region src/components/shared/ToolbarButton.tsx
-function X({ label: e, icon: t, onClick: n, active: r, disabled: i }) {
+function Z({ label: e, icon: t, onClick: n, active: r, disabled: i }) {
 	return /* @__PURE__ */ U(F, {
 		title: e,
 		arrow: !0,
@@ -423,11 +451,11 @@ function Dt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled:
 	}
 	function m() {
 		let t = e.current;
-		t && (ue(t), t.focus());
+		t && (le(t), t.focus());
 	}
 	function h() {
 		let t = e.current;
-		t && (le(t), t.focus());
+		t && (ce(t), t.focus());
 	}
 	let g = t.showFormat || t.showCompact, _ = t.showCopy || t.showClear, y = t.showUndoRedo;
 	return /* @__PURE__ */ W(l, {
@@ -447,12 +475,12 @@ function Dt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled:
 					display: "flex",
 					gap: .25
 				},
-				children: [t.showFormat && /* @__PURE__ */ U(X, {
+				children: [t.showFormat && /* @__PURE__ */ U(Z, {
 					label: n.format,
 					icon: /* @__PURE__ */ U(be, { fontSize: "small" }),
 					onClick: u,
 					disabled: c
-				}), t.showCompact && /* @__PURE__ */ U(X, {
+				}), t.showCompact && /* @__PURE__ */ U(Z, {
 					label: n.compact,
 					icon: /* @__PURE__ */ U(xe, { fontSize: "small" }),
 					onClick: d,
@@ -469,7 +497,7 @@ function Dt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled:
 					display: "flex",
 					gap: .25
 				},
-				children: [t.showCopy && /* @__PURE__ */ U(X, {
+				children: [t.showCopy && /* @__PURE__ */ U(Z, {
 					label: a ? n.copySuccess : n.copy,
 					icon: a ? /* @__PURE__ */ U(ge, {
 						fontSize: "small",
@@ -477,7 +505,7 @@ function Dt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled:
 					}) : /* @__PURE__ */ U(he, { fontSize: "small" }),
 					onClick: f,
 					disabled: c
-				}), t.showClear && /* @__PURE__ */ U(X, {
+				}), t.showClear && /* @__PURE__ */ U(Z, {
 					label: n.clear,
 					icon: /* @__PURE__ */ U(_e, { fontSize: "small" }),
 					onClick: p,
@@ -494,12 +522,12 @@ function Dt({ viewRef: e, toolbarConfig: t, translation: n, indent: r, disabled:
 					display: "flex",
 					gap: .25
 				},
-				children: [/* @__PURE__ */ U(X, {
+				children: [/* @__PURE__ */ U(Z, {
 					label: n.undo,
 					icon: /* @__PURE__ */ U(ve, { fontSize: "small" }),
 					onClick: m,
 					disabled: c
-				}), /* @__PURE__ */ U(X, {
+				}), /* @__PURE__ */ U(Z, {
 					label: n.redo,
 					icon: /* @__PURE__ */ U(ye, { fontSize: "small" }),
 					onClick: h,
@@ -575,31 +603,31 @@ function At(e) {
 		return !1;
 	}
 }
-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 = {
+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, showMinimap: y = !1, showValidation: b = !1, toolbarConfig: x, translation: S, highlightColors: C, onBlur: w, onFocus: T }) {
+	let E = {
 		...Tt,
-		...x
-	}, E = {
+		...S
+	}, D = {
 		...wt,
-		...b
-	}, D = kt(a), k = kt(c), A = D === "auto", j = A ? void 0 : D ?? 300, M = o(null), [N, P] = s({
+		...x
+	}, k = kt(a), A = kt(c), j = k === "auto", M = j ? void 0 : k ?? 300, N = o(null), [P, F] = s({
 		line: 1,
 		col: 1
-	}), [F, I] = s(() => At(e ?? "")), L = t((e) => {
-		M.current = e;
-	}, []), R = t((e, t) => {
-		P({
+	}), [I, L] = s(() => At(e ?? "")), R = t((e) => {
+		N.current = e;
+	}, []), z = t((e, t) => {
+		F({
 			line: e,
 			col: t
 		});
-	}, []), z = t((e) => {
+	}, []), B = t((e) => {
 		let t = At(e);
-		I(t), r?.(t), n?.(e);
-	}, [n, r]), B = _ || y || !!p;
+		L(t), r?.(t), n?.(e);
+	}, [n, r]), V = _ || b || !!p;
 	return /* @__PURE__ */ W(l, {
 		sx: {
-			width: k ?? "100%",
-			...A ? {
+			width: A ?? "100%",
+			...j ? {
 				display: "flex",
 				flexDirection: "column",
 				flex: 1
@@ -612,7 +640,7 @@ function jt({ value: e, onChange: n, onValidChange: r, placeholder: i, height: a
 					display: "flex",
 					flexDirection: "column",
 					overflow: "hidden",
-					...A ? { flex: 1 } : { height: j },
+					...j ? { flex: 1 } : { height: M },
 					borderColor: f ? "error.main" : void 0,
 					"&:focus-within": {
 						borderColor: f ? "error.main" : "primary.main",
@@ -620,34 +648,35 @@ function jt({ value: e, onChange: n, onValidChange: r, placeholder: i, height: a
 					}
 				},
 				children: [!d && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(Dt, {
-					viewRef: M,
-					toolbarConfig: E,
-					translation: T,
+					viewRef: N,
+					toolbarConfig: D,
+					translation: E,
 					indent: h,
 					disabled: u
 				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(Et, {
 					value: e,
-					onChange: z,
+					onChange: B,
 					placeholder: i,
 					disabled: u,
 					readonly: d,
 					showLineNumbers: g,
-					highlightColors: S,
-					onViewReady: L,
-					onCursorChange: R,
-					onBlur: C,
-					onFocus: w
+					showMinimap: y,
+					highlightColors: C,
+					onViewReady: R,
+					onCursorChange: z,
+					onBlur: w,
+					onFocus: T
 				})]
 			}),
-			B && /* @__PURE__ */ U(Ot, {
+			V && /* @__PURE__ */ U(Ot, {
 				helperText: p,
 				error: f,
 				showLineColumn: _,
-				showValidation: y,
-				isValid: F,
-				cursorLine: N.line,
-				cursorCol: N.col,
-				translation: T
+				showValidation: b,
+				isValid: I,
+				cursorLine: P.line,
+				cursorCol: P.col,
+				translation: E
 			}),
 			m && /* @__PURE__ */ U("input", {
 				type: "hidden",
@@ -660,7 +689,7 @@ function jt({ value: e, onChange: n, onValidChange: r, placeholder: i, height: a
 //#endregion
 //#region src/components/gantt-chart/util/gantt-chart.util.ts
 function Mt(e) {
-	let t = /* @__PURE__ */ new Date(), n = qt(t), r = Jt(t);
+	let t = /* @__PURE__ */ new Date(), n = Jt(t), r = Yt(t);
 	if (e.length === 0) return {
 		start: n,
 		end: r
@@ -673,11 +702,11 @@ function Mt(e) {
 }
 function Nt(e, t) {
 	return t === "weeks" ? {
-		start: Ut(e.start),
+		start: Wt(e.start),
 		end: e.end
 	} : t === "quarters" ? {
-		start: qt(e.start),
-		end: Jt(e.end)
+		start: Jt(e.start),
+		end: Yt(e.end)
 	} : e;
 }
 function Pt(e, t) {
@@ -722,10 +751,10 @@ function zt(e) {
 function Bt(e, t) {
 	return new Date(e.getFullYear(), e.getMonth() + t, e.getDate());
 }
-function Z(e, t) {
+function Vt(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t, 0, 0, 0, 0);
 }
-function Vt(e, t, n) {
+function Ht(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);
@@ -743,41 +772,41 @@ function Vt(e, t, n) {
 	}
 	return e.map((e) => i.get(e.id));
 }
-function Ht(e) {
+function Ut(e) {
 	let t = [], n = Rt(e.start);
 	for (; n <= e.end;) t.push(n), n = Bt(n, 1);
 	return t;
 }
-function Ut(e) {
+function Wt(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 Wt(e) {
+function Gt(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 Gt(e) {
-	let t = [], n = Ut(e.start);
+function Kt(e) {
+	let t = [], n = Wt(e.start);
 	for (; n <= e.end;) t.push(new Date(n)), n = new Date(n.getFullYear(), n.getMonth(), n.getDate() + 7);
 	return t;
 }
-function Kt(e) {
+function qt(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 qt(e) {
+function Jt(e) {
 	let t = Math.floor(e.getMonth() / 3) * 3;
 	return new Date(e.getFullYear(), t, 1, 0, 0, 0, 0);
 }
-function Jt(e) {
+function Yt(e) {
 	let t = Math.floor(e.getMonth() / 3) * 3 + 2;
 	return zt(new Date(e.getFullYear(), t, 1));
 }
-function Yt(e) {
-	let t = [], n = qt(e.start);
+function Xt(e) {
+	let t = [], n = Jt(e.start);
 	for (; n <= e.end;) {
 		let e = Math.floor(n.getMonth() / 3) + 1;
 		t.push({
@@ -788,7 +817,7 @@ function Yt(e) {
 	}
 	return t;
 }
-function Xt(e) {
+function Zt(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);
@@ -808,14 +837,14 @@ function Xt(e) {
 }
 //#endregion
 //#region src/components/gantt-chart/GanttChart.store.ts
-function Zt(e, t) {
+function Qt(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 Qt(e, t = "months", n = !1, r, i = !1) {
+function $t(e, t = "months", n = !1, r, i = !1) {
 	let a = Mt(e);
 	return Ce((o, s) => ({
 		tasks: e,
@@ -841,7 +870,7 @@ function Qt(e, t = "months", n = !1, r, i = !1) {
 				return {
 					tasks: n,
 					taskTree: Ft(n),
-					timelineRange: Zt(t.timelineRange, e)
+					timelineRange: Qt(t.timelineRange, e)
 				};
 			});
 		},
@@ -850,10 +879,10 @@ function Qt(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 = Vt(r, e.id, t);
+					r = Ht(r, e.id, t);
 				}
-				let i = Zt(t.timelineRange, e);
-				for (let e of r) i = Zt(i, e);
+				let i = Qt(t.timelineRange, e);
+				for (let e of r) i = Qt(i, e);
 				return {
 					tasks: r,
 					taskTree: Ft(r),
@@ -924,7 +953,7 @@ function Qt(e, t = "months", n = !1, r, i = !1) {
 }
 //#endregion
 //#region src/components/gantt-chart/GanttChart.types.ts
-var $t = {
+var en = {
 	scaleDays: "Tage",
 	scaleWeeks: "Wochen",
 	scaleMonths: "Monate",
@@ -939,6 +968,7 @@ var $t = {
 	statusDone: "Done",
 	statusBlocked: "Blocked",
 	weekColumnPrefix: "KW",
+	todayLabel: "Heute",
 	dateLocale: "de-DE",
 	dialogAddTitle: "Aufgabe hinzufügen",
 	dialogEditTitle: "Aufgabe bearbeiten",
@@ -964,12 +994,12 @@ var $t = {
 	addTaskTooltip: "Aufgabe hinzufügen",
 	editTaskTooltip: "Aufgabe bearbeiten",
 	deleteTaskTooltip: "Aufgabe löschen"
-}, en = {
+}, tn = {
 	planned: "warning.light",
 	"in-progress": "info.main",
 	done: "success.main",
 	blocked: "error.main"
-}, tn = {
+}, nn = {
 	planned: "warning",
 	"in-progress": "info",
 	done: "success",
@@ -977,16 +1007,16 @@ var $t = {
 };
 //#endregion
 //#region src/components/gantt-chart/GanttTaskDialog.tsx
-function nn(e) {
+function rn(e) {
 	return e.toISOString().slice(0, 10);
 }
-function rn(e, t, n) {
+function an(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
-function an(e) {
-	return e.flatMap((e) => [e, ...an(e.children)]);
+function on(e) {
+	return e.flatMap((e) => [e, ...on(e.children)]);
 }
-function on({ label: e }) {
+function sn({ label: e }) {
 	let t = o(null), [n, r] = s(!1);
 	return /* @__PURE__ */ U(F, {
 		title: e,
@@ -1009,8 +1039,8 @@ function on({ label: e }) {
 		})
 	});
 }
-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(() => {
+function cn({ 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(() => on(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]);
@@ -1018,7 +1048,7 @@ function sn({ 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 = nn(rn(/* @__PURE__ */ new Date(), v.start, v.end)), [O, k] = s({
+	]), C = x.filter((e) => !S.has(e.id)), T = C, D = rn(an(/* @__PURE__ */ new Date(), v.start, v.end)), [O, k] = s({
 		name: "",
 		startDate: D,
 		endDate: D,
@@ -1029,11 +1059,11 @@ function sn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, o
 	});
 	r(() => {
 		if (!e) return;
-		let r = nn(rn(/* @__PURE__ */ new Date(), v.start, v.end));
+		let r = rn(an(/* @__PURE__ */ new Date(), v.start, v.end));
 		k(t === "edit" && n ? {
 			name: n.name,
-			startDate: nn(n.startDate),
-			endDate: nn(n.endDate),
+			startDate: rn(n.startDate),
+			endDate: rn(n.endDate),
 			status: n.status,
 			isMilestone: n.isMilestone ?? !1,
 			parentId: n.parentId ?? "",
@@ -1214,7 +1244,7 @@ function sn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, o
 											flexShrink: 0
 										},
 										children: "└"
-									}), /* @__PURE__ */ U(on, { label: e.name })]
+									}), /* @__PURE__ */ U(sn, { label: e.name })]
 								})
 							}, e.id))]
 						})]
@@ -1258,7 +1288,7 @@ function sn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, o
 											flexShrink: 0
 										},
 										children: "└"
-									}), /* @__PURE__ */ U(on, { label: e.name })]
+									}), /* @__PURE__ */ U(sn, { label: e.name })]
 								})
 							}, e.id))
 						})]
@@ -1280,7 +1310,7 @@ function sn({ open: e, mode: t, initialTask: n, defaultParentId: i, onSave: o, o
 }
 //#endregion
 //#region src/components/gantt-chart/GanttDeleteDialog.tsx
-function cn({ open: e, task: t, onConfirm: n, onClose: r }) {
+function ln({ open: e, task: t, onConfirm: n, onClose: r }) {
 	let i = $(), a = i.dialogDeleteConfirm.replace("{name}", t?.name ?? "");
 	return /* @__PURE__ */ W(p, {
 		open: e,
@@ -1306,7 +1336,7 @@ function cn({ open: e, task: t, onConfirm: n, onClose: r }) {
 }
 //#endregion
 //#region src/components/gantt-chart/GanttTaskPanel.tsx
-function ln(e, t) {
+function un(e, t) {
 	return {
 		planned: t.statusPlanned,
 		"in-progress": t.statusInProgress,
@@ -1314,8 +1344,8 @@ function ln(e, t) {
 		blocked: t.statusBlocked
 	}[e];
 }
-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 = () => {
+function dn({ 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 } = Nn(), b = () => {
 		g !== null && g.trim() && p?.(e, g.trim()), _(null);
 	};
 	return /* @__PURE__ */ W(l, {
@@ -1371,7 +1401,7 @@ function un({ 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] ?? en[e.status] ?? "grey.400"
+						bgcolor: e.color ?? y?.[e.status] ?? tn[e.status] ?? "grey.400"
 					} }),
 					g === null ? /* @__PURE__ */ U(I, {
 						variant: "body2",
@@ -1459,10 +1489,10 @@ function un({ task: e, expandedIds: t, toggleExpand: n, hasActionsColumn: r, onT
 					justifyContent: "center"
 				},
 				children: [/* @__PURE__ */ U(f, {
-					label: ln(e.status, v),
+					label: un(e.status, v),
 					size: "small",
 					variant: "outlined",
-					color: e.color ?? y?.[e.status] ? "default" : tn[e.status] ?? "default",
+					color: e.color ?? y?.[e.status] ? "default" : nn[e.status] ?? "default",
 					sx: {
 						height: 20,
 						fontSize: 10,
@@ -1489,15 +1519,15 @@ function un({ task: e, expandedIds: t, toggleExpand: n, hasActionsColumn: r, onT
 						onClick: () => {
 							u(e, t), h(null);
 						},
-						children: ln(t, v)
+						children: un(t, v)
 					}, t))
 				})]
 			})
 		]
 	});
 }
-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({
+function fn({ 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 = An(), 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,
@@ -1619,7 +1649,7 @@ function dn({ scrollRef: e, onScroll: t, panelWidth: n, onTaskClick: r, onAddTas
 						height: 40,
 						transform: `translateY(${e.start}px)`
 					},
-					children: /* @__PURE__ */ U(un, {
+					children: /* @__PURE__ */ U(dn, {
 						task: D[e.index],
 						expandedIds: x,
 						toggleExpand: S,
@@ -1633,7 +1663,7 @@ function dn({ scrollRef: e, onScroll: t, panelWidth: n, onTaskClick: r, onAddTas
 						onInlineRename: g ? V : void 0
 					})
 				}, e.key))
-			}) : D.map((e) => /* @__PURE__ */ U(un, {
+			}) : D.map((e) => /* @__PURE__ */ U(dn, {
 				task: e,
 				expandedIds: x,
 				toggleExpand: S,
@@ -1647,21 +1677,21 @@ function dn({ scrollRef: e, onScroll: t, panelWidth: n, onTaskClick: r, onAddTas
 				onInlineRename: g ? V : void 0
 			}, e.id)),
 			f && /* @__PURE__ */ W(H, { children: [
-				/* @__PURE__ */ U(sn, {
+				/* @__PURE__ */ U(cn, {
 					open: k,
 					mode: "add",
 					defaultParentId: F?.id,
 					onSave: R,
 					onClose: () => A(!1)
 				}),
-				/* @__PURE__ */ U(sn, {
+				/* @__PURE__ */ U(cn, {
 					open: j,
 					mode: "edit",
 					initialTask: F ?? void 0,
 					onSave: z,
 					onClose: () => M(!1)
 				}),
-				/* @__PURE__ */ U(cn, {
+				/* @__PURE__ */ U(ln, {
 					open: N,
 					task: F,
 					onConfirm: B,
@@ -1673,10 +1703,10 @@ function dn({ 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;
+var pn = 864e5;
+function mn({ totalWidth: e, displayRange: t, onTaskMoved: n, onTaskResized: r, onTasksChange: i }) {
+	let a = Q((e) => e.updateTask), c = An(), l = $(), u = o(1);
+	u.current = e > 0 ? e / ((t.end.getTime() - t.start.getTime()) / pn) : 1;
 	let d = o(n);
 	d.current = n;
 	let f = o(r);
@@ -1713,14 +1743,14 @@ function pn({ totalWidth: e, displayRange: t, onTaskMoved: n, onTaskResized: r,
 					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);
+							let r = Vt(e.originalStart, t.deltaDays), i = Vt(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);
+							let r = Vt(e.originalEnd, t.deltaDays), i = r > e.originalStart ? r : Vt(e.originalStart, 1);
 							a({
 								...n,
 								endDate: i
@@ -1777,7 +1807,7 @@ function pn({ totalWidth: e, displayRange: t, onTaskMoved: n, onTaskResized: r,
 }
 //#endregion
 //#region src/components/gantt-chart/GanttTimelineHeader.tsx
-function mn({ items: e }) {
+function hn({ items: e }) {
 	return /* @__PURE__ */ U(l, {
 		sx: { display: "flex" },
 		children: e.map((e) => /* @__PURE__ */ U(l, {
@@ -1800,7 +1830,8 @@ function mn({ items: e }) {
 		}, e.key))
 	});
 }
-function hn({ columns: e, groups: t }) {
+function gn({ columns: e, groups: t, todayX: n, todayLabel: r, todayTooltip: i, todayColor: a }) {
+	let o = L(), s = t ? 80 : 40, c = a ?? o.palette.primary.main, u = o.palette.getContrastText(c);
 	return /* @__PURE__ */ W(l, {
 		sx: {
 			position: "sticky",
@@ -1809,34 +1840,72 @@ function hn({ columns: e, groups: t }) {
 			zIndex: 1,
 			borderBottom: "1px solid",
 			borderColor: "divider",
-			height: t ? 80 : 40,
+			height: s,
 			overflow: "visible"
 		},
-		children: [t && /* @__PURE__ */ U(l, {
-			sx: {
-				height: 40,
-				borderBottom: "1px solid",
-				borderColor: "divider",
-				overflow: "visible"
-			},
-			children: /* @__PURE__ */ U(mn, { items: t })
-		}), /* @__PURE__ */ U(mn, { items: e })]
+		children: [
+			t && /* @__PURE__ */ U(l, {
+				sx: {
+					height: 40,
+					borderBottom: "1px solid",
+					borderColor: "divider",
+					overflow: "visible"
+				},
+				children: /* @__PURE__ */ U(hn, { items: t })
+			}),
+			/* @__PURE__ */ U(hn, { items: e }),
+			n != null && r && /* @__PURE__ */ U(F, {
+				title: i ?? "",
+				placement: "top",
+				arrow: !0,
+				children: /* @__PURE__ */ U(f, {
+					"data-testid": "gantt-today-chip",
+					size: "small",
+					label: r,
+					sx: {
+						position: "absolute",
+						bottom: 0,
+						left: n,
+						transform: "translateX(-50%) translateY(50%)",
+						zIndex: 3,
+						height: 20,
+						fontSize: "0.65rem",
+						fontWeight: 700,
+						letterSpacing: "0.03em",
+						backgroundColor: c,
+						color: u,
+						border: `1.5px solid ${c}`,
+						boxShadow: o.shadows[2],
+						cursor: "default",
+						userSelect: "none",
+						"& .MuiChip-label": {
+							px: "6px",
+							py: 0
+						},
+						"&:hover": {
+							backgroundColor: c,
+							opacity: .9
+						}
+					}
+				})
+			})
+		]
 	});
 }
 //#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;
+function _n({ 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 } = Nn(), 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)
+		startDate: Vt(e.startDate, n.deltaDays),
+		endDate: Vt(e.endDate, n.deltaDays)
 	};
 	else if (n.type === "resize") {
-		let t = Z(e.endDate, n.deltaDays);
+		let t = Vt(e.endDate, n.deltaDays);
 		w = {
 			...e,
-			endDate: t > e.startDate ? t : Z(e.startDate, 1)
+			endDate: t > e.startDate ? t : Vt(e.startDate, 1)
 		};
 	} else n.type === "progress" && n.newProgress !== void 0 && (w = {
 		...e,
@@ -1860,7 +1929,7 @@ function gn({ task: e, virtualTop: t, activeDrag: n, displayRange: r, totalWidth
 			backgroundSize: `${a}px 100%`,
 			backgroundRepeat: "repeat-x"
 		},
-		children: e.isMilestone ? /* @__PURE__ */ U(_n, {
+		children: e.isMilestone ? /* @__PURE__ */ U(vn, {
 			task: e,
 			left: T,
 			milestoneColor: x,
@@ -1868,7 +1937,7 @@ function gn({ task: e, virtualTop: t, activeDrag: n, displayRange: r, totalWidth
 			isCritical: o.has(e.id),
 			onMilestoneClick: f,
 			theme: v
-		}) : /* @__PURE__ */ U(vn, {
+		}) : /* @__PURE__ */ U(yn, {
 			task: e,
 			effectiveTask: w,
 			left: T,
@@ -1893,7 +1962,7 @@ function gn({ task: e, virtualTop: t, activeDrag: n, displayRange: r, totalWidth
 		})
 	});
 }
-function _n({ task: e, left: t, milestoneColor: n, criticalPathColor: r, isCritical: i, onMilestoneClick: a, theme: o }) {
+function vn({ 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: {
@@ -1911,14 +1980,14 @@ function _n({ task: e, left: t, milestoneColor: n, criticalPathColor: r, isCriti
 		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 }) {
+function yn({ 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, {
+		a && o && o.type !== "progress" && o.deltaDays !== 0 && /* @__PURE__ */ U(bn, {
 			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, {
+		a && o?.type === "progress" && o.newProgress !== void 0 && /* @__PURE__ */ W(bn, {
 			left: S,
 			children: [o.newProgress, "%"]
 		}),
@@ -1931,7 +2000,7 @@ function vn({ task: e, effectiveTask: t, left: n, width: r, totalWidth: i, isDra
 				height: 16,
 				top: "50%",
 				transform: "translateY(-50%)",
-				bgcolor: e.color ?? f?.[e.status] ?? en[e.status] ?? "grey.300",
+				bgcolor: e.color ?? f?.[e.status] ?? tn[e.status] ?? "grey.300",
 				borderRadius: m === void 0 ? 1 : `${m}px`,
 				overflow: "hidden",
 				opacity: a ? .75 : 1,
@@ -2000,7 +2069,7 @@ function vn({ task: e, effectiveTask: t, left: n, width: r, totalWidth: i, isDra
 		})
 	] });
 }
-function yn({ left: e, children: t }) {
+function bn({ left: e, children: t }) {
 	return /* @__PURE__ */ U(l, {
 		sx: {
 			position: "absolute",
@@ -2021,8 +2090,8 @@ function yn({ left: e, children: t }) {
 }
 //#endregion
 //#region src/components/gantt-chart/GanttWeekendStrips.tsx
-function bn({ strips: e, totalWidth: t, height: n, top: r }) {
-	let { weekendColor: i } = Mn();
+function xn({ strips: e, totalWidth: t, height: n, top: r }) {
+	let { weekendColor: i } = Nn();
 	return e.length === 0 ? null : /* @__PURE__ */ U(l, {
 		"aria-hidden": !0,
 		"data-testid": "gantt-weekend-strips",
@@ -2046,7 +2115,7 @@ function bn({ strips: e, totalWidth: t, height: n, top: r }) {
 }
 //#endregion
 //#region src/components/gantt-chart/GanttStatusContextMenu.tsx
-function xn({ contextMenu: e, onClose: t, onSelect: n }) {
+function Sn({ contextMenu: e, onClose: t, onSelect: n }) {
 	let r = $(), i = {
 		planned: r.statusPlanned,
 		"in-progress": r.statusInProgress,
@@ -2078,8 +2147,8 @@ function xn({ contextMenu: e, onClose: t, onSelect: n }) {
 }
 //#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();
+function Cn({ dependencyLines: e, todayX: t, totalWidth: n, height: r, top: i, arrowMarkerId: a }) {
+	let o = L(), { todayLineColor: s } = Nn();
 	return e.length === 0 && t === null ? null : /* @__PURE__ */ W("svg", {
 		"data-testid": "gantt-dependency-arrows",
 		style: {
@@ -2128,7 +2197,7 @@ function Sn({ dependencyLines: e, todayX: t, totalWidth: n, height: r, top: i, a
 }
 //#endregion
 //#region src/components/gantt-chart/GanttTimeline.tsx
-function Cn(e, t, n) {
+function wn(e, t, n) {
 	if (n === 0) return [];
 	let r = [], i = new Map(e.map((e, t) => [e.id, t]));
 	for (let a of e) {
@@ -2146,21 +2215,21 @@ function Cn(e, t, n) {
 	}
 	return r;
 }
-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) => ({
+function Tn({ 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 = An(), E = $(), D = L(), { todayLineColor: O } = Nn(), k = `gantt-arrow-${i().replace(/:/g, "")}`, A = a(() => Lt(y, x), [y, x]), j = a(() => Nt(S, C), [S, C]), M = a(() => C === "days" ? qt(j).map((e) => ({
 		key: e.toISOString(),
 		label: String(e.getDate()),
 		width: 20,
 		isWeekend: e.getDay() === 0 || e.getDay() === 6
-	})) : C === "weeks" ? Gt(k).map((e) => ({
+	})) : C === "weeks" ? Kt(j).map((e) => ({
 		key: e.toISOString(),
-		label: `${E.weekColumnPrefix}${Wt(e)}`,
+		label: `${E.weekColumnPrefix}${Gt(e)}`,
 		width: 40
-	})) : C === "quarters" ? Yt(k).map((e) => ({
+	})) : C === "quarters" ? Xt(j).map((e) => ({
 		key: e.key,
 		label: e.label,
 		width: 360
-	})) : Ht(k).map((e) => ({
+	})) : Ut(j).map((e) => ({
 		key: e.toISOString(),
 		label: e.toLocaleString(E.dateLocale, {
 			month: "short",
@@ -2169,13 +2238,13 @@ function wn({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: c, dr
 		width: 120
 	})), [
 		C,
-		k,
+		j,
 		E.weekColumnPrefix,
 		E.dateLocale
-	]), j = a(() => A.reduce((e, t) => e + t.width, 0), [A]), M = a(() => {
+	]), N = a(() => M.reduce((e, t) => e + t.width, 0), [M]), P = a(() => {
 		if (C !== "days") return;
 		let e = /* @__PURE__ */ new Map();
-		for (let t of A) {
+		for (let t of M) {
 			let n = new Date(t.key), r = `${n.getFullYear()}-${n.getMonth()}`;
 			e.has(r) || e.set(r, {
 				label: n.toLocaleString(E.dateLocale, {
@@ -2191,46 +2260,51 @@ function wn({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: c, dr
 		}));
 	}, [
 		C,
-		A,
+		M,
 		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,
+	]), F = a(() => wn(A, j, N), [
+		A,
+		j,
+		N
+	]), I = a(() => p ? Zt(b) : /* @__PURE__ */ new Set(), [p, b]), R = we({
+		count: A.length,
 		getScrollElement: () => e.current,
 		estimateSize: () => 40,
 		overscan: 5
-	}), I = a(() => {
+	}), z = a(() => {
 		if (C !== "days") return [];
 		let e = 0;
-		return A.flatMap((t) => {
+		return M.flatMap((t) => {
 			let n = t.isWeekend ? [{
 				key: t.key,
 				left: e
 			}] : [];
 			return e += t.width, n;
 		});
-	}, [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]);
+	}, [C, M]), B = a(() => {
+		let e = Date.now(), t = j.start.getTime(), n = j.end.getTime();
+		return e < t || e > n ? null : (e - t) / (n - t) * N;
+	}, [j, N]), V = a(() => (/* @__PURE__ */ new Date()).toLocaleDateString(E.dateLocale, {
+		weekday: "long",
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	}), [E.dateLocale]), G = O ?? D.palette.primary.main;
 	r(() => {
-		if (L === null || !e.current) return;
+		if (B === null || !e.current) return;
 		let t = e.current.clientWidth;
-		e.current.scrollLeft = Math.max(0, L - t / 2);
+		e.current.scrollLeft = Math.max(0, B - t / 2);
 	}, []);
-	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,
+	let K = C === "days" ? 20 : C === "weeks" ? 40 : C === "quarters" ? 360 : 120, q = P ? 80 : 40, { activeDrag: J, suppressClickRef: ee, handleBarMouseDown: te, handleProgressMouseDown: ne, formatDragDate: Y } = mn({
+		totalWidth: N,
+		displayRange: j,
 		onTaskMoved: h,
 		onTaskResized: g,
 		onTasksChange: _
-	}), [J, ee] = s(null), te = o(v);
-	te.current = v;
-	let ne = o(_);
-	return ne.current = _, /* @__PURE__ */ U(l, {
+	}), [re, ie] = s(null), ae = o(v);
+	ae.current = v;
+	let oe = o(_);
+	return oe.current = _, /* @__PURE__ */ U(l, {
 		ref: e,
 		onScroll: t,
 		"data-testid": "gantt-timeline-scroll",
@@ -2240,88 +2314,92 @@ function wn({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: c, dr
 		},
 		children: /* @__PURE__ */ W(l, {
 			sx: {
-				minWidth: j,
+				minWidth: N,
 				position: "relative"
 			},
 			children: [
-				/* @__PURE__ */ U(hn, {
-					columns: A,
-					groups: M
+				/* @__PURE__ */ U(gn, {
+					columns: M,
+					groups: P,
+					todayX: B,
+					todayLabel: E.todayLabel,
+					todayTooltip: V,
+					todayColor: G
 				}),
-				/* @__PURE__ */ U(bn, {
-					strips: I,
-					totalWidth: j,
-					height: O.length * 40,
-					top: z
+				/* @__PURE__ */ U(xn, {
+					strips: z,
+					totalWidth: N,
+					height: A.length * 40,
+					top: q
 				}),
 				m ? /* @__PURE__ */ U(l, {
 					sx: {
 						position: "relative",
-						height: F.getTotalSize()
+						height: R.getTotalSize()
 					},
-					children: F.getVirtualItems().map((e) => /* @__PURE__ */ U(gn, {
-						task: O[e.index],
+					children: R.getVirtualItems().map((e) => /* @__PURE__ */ U(_n, {
+						task: A[e.index],
 						virtualTop: e.start,
-						activeDrag: B,
-						displayRange: k,
-						totalWidth: j,
-						gridColumnWidth: R,
-						criticalTaskIds: P,
+						activeDrag: J,
+						displayRange: j,
+						totalWidth: N,
+						gridColumnWidth: K,
+						criticalTaskIds: I,
 						draggable: u,
 						resizable: d,
 						progressDraggable: f,
 						onTaskClick: n,
 						onMilestoneClick: c,
-						onContextMenu: (e, t, n) => ee({
+						onContextMenu: (e, t, n) => ie({
 							task: e,
 							mouseX: t,
 							mouseY: n
 						}),
-						suppressClickRef: V,
-						handleBarMouseDown: G,
-						handleProgressMouseDown: K,
-						formatDragDate: q
+						suppressClickRef: ee,
+						handleBarMouseDown: te,
+						handleProgressMouseDown: ne,
+						formatDragDate: Y
 					}, e.key))
-				}) : /* @__PURE__ */ U(H, { children: O.map((e) => /* @__PURE__ */ U(gn, {
+				}) : /* @__PURE__ */ U(H, { children: A.map((e) => /* @__PURE__ */ U(_n, {
 					task: e,
-					activeDrag: B,
-					displayRange: k,
-					totalWidth: j,
-					gridColumnWidth: R,
-					criticalTaskIds: P,
+					activeDrag: J,
+					displayRange: j,
+					totalWidth: N,
+					gridColumnWidth: K,
+					criticalTaskIds: I,
 					draggable: u,
 					resizable: d,
 					progressDraggable: f,
 					onTaskClick: n,
 					onMilestoneClick: c,
-					onContextMenu: (e, t, n) => ee({
+					onContextMenu: (e, t, n) => ie({
 						task: e,
 						mouseX: t,
 						mouseY: n
 					}),
-					suppressClickRef: V,
-					handleBarMouseDown: G,
-					handleProgressMouseDown: K,
-					formatDragDate: q
+					suppressClickRef: ee,
+					handleBarMouseDown: te,
+					handleProgressMouseDown: ne,
+					formatDragDate: Y
 				}, e.id)) }),
-				/* @__PURE__ */ U(xn, {
-					contextMenu: J,
-					onClose: () => ee(null),
+				/* @__PURE__ */ U(Sn, {
+					contextMenu: re,
+					onClose: () => ie(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);
+						}), ae.current?.(n, t), oe.current?.(T.getState().tasks), ie(null);
 					}
 				}),
-				/* @__PURE__ */ U(Sn, {
-					dependencyLines: N,
-					todayX: L,
-					totalWidth: j,
-					height: O.length * 40,
-					top: z,
-					arrowMarkerId: D
+				/* @__PURE__ */ U(Cn, {
+					dependencyLines: F,
+					todayX: B,
+					totalWidth: N,
+					height: A.length * 40,
+					top: q,
+					arrowMarkerId: k
 				})
 			]
 		})
@@ -2329,14 +2407,14 @@ function wn({ scrollRef: e, onScroll: t, onTaskClick: n, onMilestoneClick: c, dr
 }
 //#endregion
 //#region src/components/gantt-chart/GanttToolbar.tsx
-function Tn(e) {
+function En(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function En(e) {
+function Dn(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 Dn({ onScrollToToday: e, config: t }) {
+function On({ 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,
@@ -2405,9 +2483,9 @@ function Dn({ onScrollToToday: e, config: t }) {
 					type: "date",
 					size: "small",
 					label: n.rangeFrom,
-					value: Tn(s.start),
+					value: En(s.start),
 					onChange: (e) => {
-						let t = En(e.target.value);
+						let t = Dn(e.target.value);
 						t && d({
 							start: t,
 							end: s.end
@@ -2422,9 +2500,9 @@ function Dn({ onScrollToToday: e, config: t }) {
 					type: "date",
 					size: "small",
 					label: n.rangeTo,
-					value: Tn(s.end),
+					value: En(s.end),
 					onChange: (e) => {
-						let t = En(e.target.value);
+						let t = Dn(e.target.value);
 						t && d({
 							start: s.start,
 							end: t
@@ -2461,34 +2539,34 @@ function Dn({ onScrollToToday: e, config: t }) {
 }
 //#endregion
 //#region src/components/gantt-chart/GanttChart.tsx
-var On = e(null);
+var kn = e(null);
 function Q(e) {
-	let t = n(On);
+	let t = n(kn);
 	if (!t) throw Error("GanttChartStoreContext is missing.");
 	return Se(t, e);
 }
-function kn() {
-	let e = n(On);
+function An() {
+	let e = n(kn);
 	if (!e) throw Error("GanttChartStoreContext is missing.");
 	return e;
 }
-var An = e($t);
+var jn = e(en);
 function $() {
-	return n(An);
-}
-var jn = e({});
-function Mn() {
 	return n(jn);
 }
-function Nn(e, t) {
+var Mn = e({});
+function Nn() {
+	return n(Mn);
+}
+function Pn(e, t) {
 	return e === void 0 ? t : e === "auto" ? "100%" : typeof e == "string" && /^\d+$/.test(e) ? Number(e) : e;
 }
-var Pn = [
+var Fn = [
 	"days",
 	"weeks",
 	"months",
 	"quarters"
-], Fn = {
+], In = {
 	showScaleDays: !0,
 	showScaleWeeks: !0,
 	showScaleMonths: !0,
@@ -2499,11 +2577,11 @@ var Pn = [
 	showRangeReset: !0,
 	showResetView: !0
 };
-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,
+function Ln({ 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 = Pn(b, 400), P = a(() => ({
+		...In,
 		...y
-	}), [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);
+	}), [y]), F = Pn(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]);
@@ -2521,8 +2599,8 @@ function In({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 		let e = V.current, t = (e) => {
 			if (!e.ctrlKey) return;
 			e.preventDefault();
-			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]);
+			let t = Fn.indexOf(L);
+			e.deltaY < 0 && t > 0 ? R(Fn[t - 1]) : e.deltaY > 0 && t < Fn.length - 1 && R(Fn[t + 1]);
 		};
 		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
 	}, [
@@ -2555,7 +2633,7 @@ function In({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 			borderRadius: 1,
 			overflow: "hidden"
 		},
-		children: [v && /* @__PURE__ */ U(Dn, {
+		children: [v && /* @__PURE__ */ U(On, {
 			onScrollToToday: ee,
 			config: P
 		}), /* @__PURE__ */ W(l, {
@@ -2565,7 +2643,7 @@ function In({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ U(dn, {
+				/* @__PURE__ */ U(fn, {
 					scrollRef: B,
 					onScroll: q,
 					panelWidth: G,
@@ -2593,7 +2671,7 @@ function In({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 					},
 					onMouseDown: te
 				}),
-				/* @__PURE__ */ U(wn, {
+				/* @__PURE__ */ U(Tn, {
 					scrollRef: V,
 					onScroll: J,
 					onTaskClick: n,
@@ -2612,14 +2690,14 @@ function In({ tasks: e, onTaskClick: n, onMilestoneClick: i, onAddTask: c, onEdi
 		})]
 	});
 }
-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 }) {
+function Rn({ 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(() => ({
-		...$t,
+		...en,
 		...c
 	}), [c]), [R] = s(() => {
-		if (!(i !== void 0 || o !== void 0)) return Qt(e, t, n, void 0, v);
+		if (!(i !== void 0 || o !== void 0)) return $t(e, t, n, void 0, v);
 		let r = Mt(e);
-		return Qt(e, t, n, {
+		return $t(e, t, n, {
 			start: i ?? r.start,
 			end: o ?? r.end
 		}, v);
@@ -2630,13 +2708,13 @@ function Ln({ tasks: e, timeScale: t = "months", initialExpandAll: n = !1, showT
 			...b?.statusColors
 		}
 	}), [y, b]);
-	return /* @__PURE__ */ U(An.Provider, {
+	return /* @__PURE__ */ U(jn.Provider, {
 		value: L,
-		children: /* @__PURE__ */ U(jn.Provider, {
+		children: /* @__PURE__ */ U(Mn.Provider, {
 			value: z,
-			children: /* @__PURE__ */ U(On.Provider, {
+			children: /* @__PURE__ */ U(kn.Provider, {
 				value: R,
-				children: /* @__PURE__ */ U(In, {
+				children: /* @__PURE__ */ U(Ln, {
 					tasks: e,
 					timeScale: t,
 					enableBuiltinDialogs: l,
@@ -2672,8 +2750,8 @@ function Ln({ tasks: e, timeScale: t = "months", initialExpandAll: n = !1, showT
 }
 //#endregion
 //#region src/components/password-strength-meter/util/password-strength.util.ts
-var Rn = (e) => Math.max(0, Math.min(4, Math.round(e)));
-function zn(e, t) {
+var zn = (e) => Math.max(0, Math.min(4, Math.round(e)));
+function Bn(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,
@@ -2695,7 +2773,7 @@ function zn(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 = Rn(l), d = u <= 1 ? "weak" : u === 2 ? "ok" : u === 3 ? "good" : "very good";
+	let u = zn(l), d = u <= 1 ? "weak" : u === 2 ? "ok" : u === 3 ? "good" : "very good";
 	return {
 		score: u,
 		percent: u * 25,
@@ -2709,7 +2787,40 @@ function zn(e, t) {
 }
 //#endregion
 //#region src/components/password-strength-meter/PasswordStrengthBar.tsx
-function Bn({ percent: e, color: t, ariaLabel: n }) {
+function Vn({ percent: e, color: t, ariaLabel: n, segments: r = !1 }) {
+	if (r) {
+		let r = Math.round(e / 25);
+		return /* @__PURE__ */ U(l, {
+			role: "progressbar",
+			"aria-label": n,
+			"aria-valuenow": e,
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			sx: {
+				width: "100%",
+				display: "flex",
+				gap: "3px",
+				mt: .5
+			},
+			children: [
+				0,
+				1,
+				2,
+				3
+			].map((e) => /* @__PURE__ */ U(l, {
+				"data-testid": e < r ? "psm-meter-segment-active" : "psm-meter-segment",
+				sx: {
+					flex: 1,
+					height: "8px",
+					borderRadius: "3px",
+					border: "1px solid",
+					borderColor: "divider",
+					backgroundColor: e < r ? t : "transparent",
+					transition: "background-color 0.3s ease-in-out"
+				}
+			}, e))
+		});
+	}
 	return /* @__PURE__ */ U(l, {
 		role: "progressbar",
 		"aria-label": n,
@@ -2739,7 +2850,7 @@ function Bn({ percent: e, color: t, ariaLabel: n }) {
 }
 //#endregion
 //#region src/components/password-strength-meter/PasswordStrengthMeter.types.ts
-var Vn = {
+var Hn = {
 	label: "Password",
 	summaryHeaderLabel: "Requirements for your password",
 	summaryMinChars: "At least {n} characters",
@@ -2750,18 +2861,18 @@ var Vn = {
 	showPasswordLabel: "Show password",
 	hidePasswordLabel: "Hide password",
 	meterAriaLabel: "Password strength"
-}, Hn = {
+}, Un = {
 	weak: "#cc0000",
 	ok: "#fdc010",
 	good: "#8bc34a",
 	veryGood: "#43a047"
-}, Un = {
+}, Wn = {
 	failure: "#cc0000",
 	success: "#43a047"
 };
 //#endregion
 //#region src/components/password-strength-meter/PasswordStrengthMeter.tsx
-function Wn({ label: e, fulfilled: t, checkColors: n }) {
+function Gn({ label: e, fulfilled: t, checkColors: n }) {
 	return /* @__PURE__ */ W(j, {
 		direction: "row",
 		sx: {
@@ -2787,14 +2898,14 @@ function Wn({ label: e, fulfilled: t, checkColors: n }) {
 		})]
 	});
 }
-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 = {
-		...Vn,
-		...h
-	}, E = {
+function Kn({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, helperText: c, autoComplete: u, customRequirements: d, showPasswordAdornment: f = !0, showMeter: p = !0, showSegmentedBar: m = !1, showSummary: h = !0, inputSize: g = "medium", translation: _, meterColors: v, passwordMinLength: b = 8, checkColors: T = Wn, onPasswordChange: E }) {
+	let O = {
 		...Hn,
-		...g
-	}, O = `${i()}-password`, [k, A] = s(!1), [M, N] = s(""), P = e === void 0 ? M : e, F = a(() => zn(P, _), [P, _]);
+		..._
+	}, k = {
+		...Un,
+		...v
+	}, A = `${i()}-password`, [M, N] = s(!1), [P, F] = s(""), L = e === void 0 ? P : e, R = a(() => Bn(L, b), [L, b]);
 	return /* @__PURE__ */ W(j, { children: [
 		/* @__PURE__ */ W(y, {
 			variant: "outlined",
@@ -2802,19 +2913,19 @@ function Gn({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 			error: o,
 			children: [
 				/* @__PURE__ */ U(w, {
-					htmlFor: O,
-					size: m,
-					children: T.label
+					htmlFor: A,
+					size: g,
+					children: O.label
 				}),
 				/* @__PURE__ */ U(D, {
-					id: O,
-					type: k ? "text" : "password",
+					id: A,
+					type: M ? "text" : "password",
 					fullWidth: !0,
-					size: m,
-					value: P,
+					size: g,
+					value: L,
 					onChange: (t) => {
 						let n = t.target.value;
-						e === void 0 && N(n), b && b(n, zn(n, _));
+						e === void 0 && F(n), E && E(n, Bn(n, b));
 					},
 					disabled: r,
 					inputRef: n,
@@ -2823,14 +2934,14 @@ function Gn({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 						name: t,
 						autoComplete: u
 					},
-					endAdornment: d ? /* @__PURE__ */ U(C, {
+					endAdornment: f ? /* @__PURE__ */ U(C, {
 						position: "end",
 						children: /* @__PURE__ */ U(S, {
 							"data-testid": "psm-toggle",
 							disabled: r,
-							"aria-label": k ? T.hidePasswordLabel : T.showPasswordLabel,
+							"aria-label": M ? O.hidePasswordLabel : O.showPasswordLabel,
 							onClick: () => {
-								A((e) => !e);
+								N((e) => !e);
 							},
 							onMouseDown: (e) => {
 								e.preventDefault();
@@ -2839,28 +2950,29 @@ function Gn({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 								e.preventDefault();
 							},
 							edge: "end",
-							children: U(k ? Ne : Me, {})
+							children: U(M ? Ne : Me, {})
 						})
 					}) : null,
-					label: T.label
+					label: O.label
 				}),
 				c && /* @__PURE__ */ U(x, { children: c })
 			]
 		}),
-		f && /* @__PURE__ */ U(Bn, {
-			percent: F.percent,
+		p && /* @__PURE__ */ U(Vn, {
+			percent: R.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;
+					case "weak": return k.weak;
+					case "ok": return k.ok;
+					case "good": return k.good;
+					case "very good": return k.veryGood;
 					default: return "transparent";
 				}
-			})(F),
-			ariaLabel: T.meterAriaLabel
+			})(R),
+			ariaLabel: O.meterAriaLabel,
+			segments: m
 		}),
-		p && /* @__PURE__ */ W(l, {
+		h && /* @__PURE__ */ W(l, {
 			"data-testid": "psm-summary",
 			sx: {
 				mt: .5,
@@ -2873,40 +2985,48 @@ function Gn({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 					display: "block",
 					fontSize: 14
 				},
-				children: T.summaryHeaderLabel
+				children: O.summaryHeaderLabel
 			}), /* @__PURE__ */ W(j, {
 				direction: "row",
 				spacing: 6,
 				children: [/* @__PURE__ */ W(j, {
 					direction: "column",
 					children: [
-						/* @__PURE__ */ U(Wn, {
-							label: T.summaryMinChars.replace("{n}", String(_)),
-							fulfilled: F.length >= _,
-							checkColors: v
+						/* @__PURE__ */ U(Gn, {
+							label: O.summaryMinChars.replace("{n}", String(b)),
+							fulfilled: R.length >= b,
+							checkColors: T
 						}),
-						/* @__PURE__ */ U(Wn, {
-							label: T.summaryCapitalLetter,
-							fulfilled: F.hasUpper,
-							checkColors: v
+						/* @__PURE__ */ U(Gn, {
+							label: O.summaryCapitalLetter,
+							fulfilled: R.hasUpper,
+							checkColors: T
 						}),
-						/* @__PURE__ */ U(Wn, {
-							label: T.summaryLowerCaseLetter,
-							fulfilled: F.hasLower,
-							checkColors: v
+						/* @__PURE__ */ U(Gn, {
+							label: O.summaryLowerCaseLetter,
+							fulfilled: R.hasLower,
+							checkColors: T
 						})
 					]
 				}), /* @__PURE__ */ W(j, {
 					direction: "column",
-					children: [/* @__PURE__ */ U(Wn, {
-						label: T.summaryNumber,
-						fulfilled: F.hasDigit,
-						checkColors: v
-					}), /* @__PURE__ */ U(Wn, {
-						label: T.summarySpecialChar,
-						fulfilled: F.hasSymbol,
-						checkColors: v
-					})]
+					children: [
+						/* @__PURE__ */ U(Gn, {
+							label: O.summaryNumber,
+							fulfilled: R.hasDigit,
+							checkColors: T
+						}),
+						/* @__PURE__ */ U(Gn, {
+							label: O.summarySpecialChar,
+							fulfilled: R.hasSymbol,
+							checkColors: T
+						}),
+						d?.map((e, t) => /* @__PURE__ */ U(Gn, {
+							label: e.label,
+							fulfilled: typeof e.fulfilled == "function" ? e.fulfilled(L) : e.fulfilled,
+							checkColors: T
+						}, t))
+					]
 				})]
 			})]
 		})
@@ -2914,7 +3034,7 @@ function Gn({ value: e, name: t, inputRef: n, disabled: r = !1, error: o = !1, h
 }
 //#endregion
 //#region src/components/tag-selection/TagSelection.store.ts
-function Kn(e) {
+function qn(e) {
 	return Ce((t) => ({
 		tags: e,
 		searchValue: "",
@@ -2952,7 +3072,7 @@ function Kn(e) {
 }
 //#endregion
 //#region src/components/tag-selection/TagSelectionAutocomplete.tsx
-var qn = [
+var Jn = [
 	"default",
 	"primary",
 	"secondary",
@@ -2961,7 +3081,7 @@ var qn = [
 	"success",
 	"warning"
 ];
-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 }) {
+function Yn({ 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 = () => {
@@ -3060,7 +3180,7 @@ function Jn({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 				gap: .5,
 				alignItems: "center"
 			},
-			children: qn.map((e) => /* @__PURE__ */ U(f, {
+			children: Jn.map((e) => /* @__PURE__ */ U(f, {
 				size: u,
 				color: e,
 				label: e,
@@ -3073,7 +3193,7 @@ function Jn({ availableTags: e, searchValue: t, translation: n, onSearchChange:
 }
 //#endregion
 //#region src/components/tag-selection/TagSelectionChip.tsx
-function Yn({ tag: e, onDelete: t, onClick: n, chipSize: r = "medium", disabled: i = !1 }) {
+function Xn({ tag: e, onDelete: t, onClick: n, chipSize: r = "medium", disabled: i = !1 }) {
 	let a = !!(e.foregroundColor || e.backgroundColor);
 	return /* @__PURE__ */ U(f, {
 		size: r,
@@ -3100,7 +3220,7 @@ function Yn({ tag: e, onDelete: t, onClick: n, chipSize: r = "medium", disabled:
 }
 //#endregion
 //#region src/components/tag-selection/TagSelectionSelectedTags.tsx
-function Xn({ selectedTags: e, translation: t, onTagDelete: n, showSelectedTagsLabel: r, chipSize: i = "medium", disabled: a = !1, maxVisibleChips: o, popoverPlacement: c = "bottom" }) {
+function Zn({ 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"
@@ -3130,7 +3250,7 @@ function Xn({ selectedTags: e, translation: t, onTagDelete: n, showSelectedTagsL
 				flexWrap: "wrap",
 				gap: 1
 			},
-			children: [p.map((e) => /* @__PURE__ */ U(Yn, {
+			children: [p.map((e) => /* @__PURE__ */ U(Xn, {
 				tag: e,
 				onDelete: n,
 				chipSize: i,
@@ -3155,7 +3275,7 @@ function Xn({ selectedTags: e, translation: t, onTagDelete: n, showSelectedTagsL
 						gap: .5,
 						maxWidth: 320
 					},
-					children: m.map((e) => /* @__PURE__ */ U(Yn, {
+					children: m.map((e) => /* @__PURE__ */ U(Xn, {
 						tag: e,
 						onDelete: a ? void 0 : n,
 						chipSize: i,
@@ -3168,7 +3288,7 @@ function Xn({ selectedTags: e, translation: t, onTagDelete: n, showSelectedTagsL
 }
 //#endregion
 //#region src/components/tag-selection/TagSelection.types.ts
-var Zn = {
+var Qn = {
 	selectedTagsLabel: "Selected tags",
 	autoCompleteLabel: "Search and add tags",
 	noSelectedTagsText: "No tags selected.",
@@ -3176,14 +3296,14 @@ var Zn = {
 	placeholder: "Type to search...",
 	loadingText: "Loading...",
 	maxTagsReachedText: "Maximum number of tags reached."
-}, Qn = e(null);
-function $n(e) {
-	let t = n(Qn);
+}, $n = e(null);
+function er(e) {
+	let t = n($n);
 	if (!t) throw Error("TagSelectionStoreContext is missing.");
 	return Se(t, e);
 }
-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);
+function tr({ 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 = er((e) => e.tags), C = er((e) => e.searchValue), w = er((e) => e.setTags), T = er((e) => e.setSearchValue), E = er((e) => e.selectTag), D = er((e) => e.deleteTag), O = er((e) => e.addTag);
 	r(() => {
 		w(e);
 	}, [e, w]);
@@ -3192,7 +3312,7 @@ function er({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0,
 	};
 	return /* @__PURE__ */ U(l, {
 		sx: { width: "100%" },
-		children: /* @__PURE__ */ W(j, { children: [t && /* @__PURE__ */ U(Xn, {
+		children: /* @__PURE__ */ W(j, { children: [t && /* @__PURE__ */ U(Zn, {
 			selectedTags: k,
 			translation: g,
 			onTagDelete: (e) => {
@@ -3208,7 +3328,7 @@ function er({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0,
 			disabled: c,
 			maxVisibleChips: p,
 			popoverPlacement: m
-		}), i && /* @__PURE__ */ U(Jn, {
+		}), i && /* @__PURE__ */ U(Yn, {
 			availableTags: A,
 			searchValue: C,
 			translation: g,
@@ -3245,14 +3365,14 @@ function er({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0,
 		})] })
 	});
 }
-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 }) {
+function nr({ 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 = {
-		...Zn,
+		...Qn,
 		...i
-	}, [x] = s(() => Kn(e));
-	return /* @__PURE__ */ U(Qn.Provider, {
+	}, [x] = s(() => qn(e));
+	return /* @__PURE__ */ U($n.Provider, {
 		value: x,
-		children: /* @__PURE__ */ U(er, {
+		children: /* @__PURE__ */ U(tr, {
 			tags: e,
 			showSelectedTags: t,
 			showSelectedTagsLabel: n,
@@ -3277,7 +3397,7 @@ function tr({ tags: e, showSelectedTags: t = !0, showSelectedTagsLabel: n = !0,
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditor.types.ts
-var nr = {
+var rr = {
 	showBold: !0,
 	showItalic: !0,
 	showUnderline: !0,
@@ -3296,7 +3416,7 @@ var nr = {
 	showUndoRedo: !0,
 	showClearFormat: !0,
 	showFullscreenButton: !1
-}, rr = {
+}, ir = {
 	bold: "Bold",
 	italic: "Italic",
 	underline: "Underline",
@@ -3330,7 +3450,7 @@ var nr = {
 };
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditorContent.tsx
-function ir({ editor: e, error: t, disabled: n, readonly: r }) {
+function ar({ editor: e, error: t, disabled: n, readonly: r }) {
 	return /* @__PURE__ */ U(l, {
 		sx: {
 			flex: 1,
@@ -3419,7 +3539,7 @@ function ir({ editor: e, error: t, disabled: n, readonly: r }) {
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditorLinkDialog.tsx
-function ar({ open: e, onClose: t, editor: n, translation: i }) {
+function or({ open: e, onClose: t, editor: n, translation: i }) {
 	let [a, o] = s("");
 	r(() => {
 		if (e) {
@@ -3485,7 +3605,7 @@ function ar({ open: e, onClose: t, editor: n, translation: i }) {
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditorColorPicker.tsx
-var or = [
+var sr = [
 	"#000000",
 	"#434343",
 	"#666666",
@@ -3504,7 +3624,7 @@ var or = [
 	"#8a2be2",
 	"#ff1493",
 	"#a52a2a"
-], sr = [
+], cr = [
 	"#ffff00",
 	"#ffd700",
 	"#ffa500",
@@ -3524,7 +3644,7 @@ var or = [
 	"#ffffff",
 	"#000000"
 ];
-function cr({ color: e, active: t, onClick: n }) {
+function lr({ color: e, active: t, onClick: n }) {
 	return /* @__PURE__ */ U(F, {
 		title: e,
 		placement: "top",
@@ -3566,8 +3686,8 @@ function cr({ color: e, active: t, onClick: n }) {
 		})
 	});
 }
-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 ur({ anchorEl: e, open: t, onClose: n, mode: r, activeColor: i, onSelectColor: a, onRemoveColor: s, removeLabel: c }) {
+	let u = o(null), d = r === "highlight" ? cr : sr;
 	function f(e) {
 		a(e.target.value);
 	}
@@ -3591,7 +3711,7 @@ function lr({ anchorEl: e, open: t, onClose: n, mode: r, activeColor: i, onSelec
 				gap: .5,
 				mb: 1
 			},
-			children: d.map((e) => /* @__PURE__ */ U(cr, {
+			children: d.map((e) => /* @__PURE__ */ U(lr, {
 				color: e,
 				active: i?.toLowerCase() === e.toLowerCase(),
 				onClick: (e) => {
@@ -3661,7 +3781,7 @@ function lr({ anchorEl: e, open: t, onClose: n, mode: r, activeColor: i, onSelec
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditorToolbar.tsx
-function ur({ label: e, icon: t, activeColor: n, disabled: r, onClick: i }) {
+function dr({ label: e, icon: t, activeColor: n, disabled: r, onClick: i }) {
 	return /* @__PURE__ */ U(F, {
 		title: e,
 		arrow: !0,
@@ -3693,7 +3813,7 @@ function ur({ label: e, icon: t, activeColor: n, disabled: r, onClick: i }) {
 		}) })
 	});
 }
-function dr({ level: e }) {
+function fr({ level: e }) {
 	return /* @__PURE__ */ W(l, {
 		component: "span",
 		sx: {
@@ -3704,7 +3824,7 @@ function dr({ level: e }) {
 		children: ["H", e]
 	});
 }
-function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullscreen: i, onToggleFullscreen: a }) {
+function pr({ 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,
@@ -3739,28 +3859,28 @@ function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullsc
 						gap: .25
 					},
 					children: [
-						t.showBold && /* @__PURE__ */ U(X, {
+						t.showBold && /* @__PURE__ */ U(Z, {
 							label: n.bold,
 							icon: /* @__PURE__ */ U(Ke, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleBold().run(),
 							active: e?.isActive("bold"),
 							disabled: m
 						}),
-						t.showItalic && /* @__PURE__ */ U(X, {
+						t.showItalic && /* @__PURE__ */ U(Z, {
 							label: n.italic,
 							icon: /* @__PURE__ */ U(qe, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleItalic().run(),
 							active: e?.isActive("italic"),
 							disabled: m
 						}),
-						t.showUnderline && /* @__PURE__ */ U(X, {
+						t.showUnderline && /* @__PURE__ */ U(Z, {
 							label: n.underline,
 							icon: /* @__PURE__ */ U(Je, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleUnderline().run(),
 							active: e?.isActive("underline"),
 							disabled: m
 						}),
-						t.showStrike && /* @__PURE__ */ U(X, {
+						t.showStrike && /* @__PURE__ */ U(Z, {
 							label: n.strike,
 							icon: /* @__PURE__ */ U(Ye, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleStrike().run(),
@@ -3776,23 +3896,23 @@ function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullsc
 						gap: .25
 					},
 					children: [
-						t.showHeading1 && /* @__PURE__ */ U(X, {
+						t.showHeading1 && /* @__PURE__ */ U(Z, {
 							label: n.heading1,
-							icon: /* @__PURE__ */ U(dr, { level: 1 }),
+							icon: /* @__PURE__ */ U(fr, { level: 1 }),
 							onClick: () => e?.chain().focus().toggleHeading({ level: 1 }).run(),
 							active: e?.isActive("heading", { level: 1 }),
 							disabled: m
 						}),
-						t.showHeading2 && /* @__PURE__ */ U(X, {
+						t.showHeading2 && /* @__PURE__ */ U(Z, {
 							label: n.heading2,
-							icon: /* @__PURE__ */ U(dr, { level: 2 }),
+							icon: /* @__PURE__ */ U(fr, { level: 2 }),
 							onClick: () => e?.chain().focus().toggleHeading({ level: 2 }).run(),
 							active: e?.isActive("heading", { level: 2 }),
 							disabled: m
 						}),
-						t.showHeading3 && /* @__PURE__ */ U(X, {
+						t.showHeading3 && /* @__PURE__ */ U(Z, {
 							label: n.heading3,
-							icon: /* @__PURE__ */ U(dr, { level: 3 }),
+							icon: /* @__PURE__ */ U(fr, { level: 3 }),
 							onClick: () => e?.chain().focus().toggleHeading({ level: 3 }).run(),
 							active: e?.isActive("heading", { level: 3 }),
 							disabled: m
@@ -3805,13 +3925,13 @@ function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullsc
 						display: "flex",
 						gap: .25
 					},
-					children: [t.showBulletList && /* @__PURE__ */ U(X, {
+					children: [t.showBulletList && /* @__PURE__ */ U(Z, {
 						label: n.bulletList,
 						icon: /* @__PURE__ */ U(Xe, { fontSize: "small" }),
 						onClick: () => e?.chain().focus().toggleBulletList().run(),
 						active: e?.isActive("bulletList"),
 						disabled: m
-					}), t.showOrderedList && /* @__PURE__ */ U(X, {
+					}), t.showOrderedList && /* @__PURE__ */ U(Z, {
 						label: n.orderedList,
 						icon: /* @__PURE__ */ U(Ze, { fontSize: "small" }),
 						onClick: () => e?.chain().focus().toggleOrderedList().run(),
@@ -3826,28 +3946,28 @@ function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullsc
 						gap: .25
 					},
 					children: [
-						t.showBlockquote && /* @__PURE__ */ U(X, {
+						t.showBlockquote && /* @__PURE__ */ U(Z, {
 							label: n.blockquote,
 							icon: /* @__PURE__ */ U(Qe, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleBlockquote().run(),
 							active: e?.isActive("blockquote"),
 							disabled: m
 						}),
-						t.showCodeBlock && /* @__PURE__ */ U(X, {
+						t.showCodeBlock && /* @__PURE__ */ U(Z, {
 							label: n.codeBlock,
 							icon: /* @__PURE__ */ U($e, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().toggleCodeBlock().run(),
 							active: e?.isActive("codeBlock"),
 							disabled: m
 						}),
-						t.showLink && /* @__PURE__ */ U(X, {
+						t.showLink && /* @__PURE__ */ U(Z, {
 							label: n.link,
 							icon: /* @__PURE__ */ U(et, { fontSize: "small" }),
 							onClick: () => c(!0),
 							active: e?.isActive("link"),
 							disabled: m
 						}),
-						t.showHorizontalRule && /* @__PURE__ */ U(X, {
+						t.showHorizontalRule && /* @__PURE__ */ U(Z, {
 							label: n.horizontalRule,
 							icon: /* @__PURE__ */ U(tt, { fontSize: "small" }),
 							onClick: () => e?.chain().focus().setHorizontalRule().run(),
@@ -3861,13 +3981,13 @@ function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullsc
 						display: "flex",
 						gap: .25
 					},
-					children: [t.showTextColor && /* @__PURE__ */ U(ur, {
+					children: [t.showTextColor && /* @__PURE__ */ U(dr, {
 						label: n.textColor,
 						icon: /* @__PURE__ */ U(nt, { fontSize: "small" }),
 						activeColor: h,
 						disabled: m,
 						onClick: (e) => d(e.currentTarget)
-					}), t.showHighlight && /* @__PURE__ */ U(ur, {
+					}), t.showHighlight && /* @__PURE__ */ U(dr, {
 						label: n.highlight,
 						icon: /* @__PURE__ */ U(rt, { fontSize: "small" }),
 						activeColor: g,
@@ -3881,17 +4001,17 @@ function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullsc
 						display: "flex",
 						gap: .25
 					},
-					children: [t.showUndoRedo && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(X, {
+					children: [t.showUndoRedo && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(Z, {
 						label: n.undo,
 						icon: /* @__PURE__ */ U(ve, { fontSize: "small" }),
 						onClick: () => e?.chain().focus().undo().run(),
 						disabled: m || !e?.can().undo()
-					}), /* @__PURE__ */ U(X, {
+					}), /* @__PURE__ */ U(Z, {
 						label: n.redo,
 						icon: /* @__PURE__ */ U(ye, { fontSize: "small" }),
 						onClick: () => e?.chain().focus().redo().run(),
 						disabled: m || !e?.can().redo()
-					})] }), t.showClearFormat && /* @__PURE__ */ U(X, {
+					})] }), t.showClearFormat && /* @__PURE__ */ U(Z, {
 						label: n.clearFormat,
 						icon: /* @__PURE__ */ U(it, { fontSize: "small" }),
 						onClick: () => e?.chain().focus().clearNodes().unsetAllMarks().run(),
@@ -3917,13 +4037,13 @@ function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullsc
 				})
 			]
 		}),
-		t.showLink && e && /* @__PURE__ */ U(ar, {
+		t.showLink && e && /* @__PURE__ */ U(or, {
 			open: o,
 			onClose: () => c(!1),
 			editor: e,
 			translation: n
 		}),
-		t.showTextColor && /* @__PURE__ */ U(lr, {
+		t.showTextColor && /* @__PURE__ */ U(ur, {
 			anchorEl: u,
 			open: !!u,
 			onClose: () => d(null),
@@ -3933,7 +4053,7 @@ function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullsc
 			onRemoveColor: () => e?.chain().focus().unsetColor().run(),
 			removeLabel: n.removeTextColor
 		}),
-		t.showHighlight && /* @__PURE__ */ U(lr, {
+		t.showHighlight && /* @__PURE__ */ U(ur, {
 			anchorEl: f,
 			open: !!f,
 			onClose: () => p(null),
@@ -3947,7 +4067,7 @@ function fr({ editor: e, toolbarConfig: t, translation: n, disabled: r, isFullsc
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditorFooter.tsx
-function pr({ helperText: e, error: t, showCharacterCount: n, charCount: r, maxCharacters: i, showWordCount: a, wordCount: o, translation: s }) {
+function mr({ 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: {
@@ -3977,12 +4097,12 @@ function pr({ helperText: e, error: t, showCharacterCount: n, charCount: r, maxC
 }
 //#endregion
 //#region src/components/rich-text-editor/RichTextEditor.tsx
-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 }) {
+function hr({ 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,
+		...ir,
 		...h
 	}, C = {
-		...nr,
+		...rr,
 		...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,
@@ -4054,21 +4174,21 @@ function mr({ disabled: e = !1, error: t = !1, height: n, helperText: i, maxChar
 						borderWidth: 2
 					}
 				},
-				children: [f && !u && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(fr, {
+				children: [f && !u && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(pr, {
 					editor: M,
 					toolbarConfig: C,
 					translation: S,
 					disabled: e,
 					isFullscreen: w,
 					onToggleFullscreen: () => T((e) => !e)
-				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(ir, {
+				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(ar, {
 					editor: M,
 					error: t,
 					disabled: e,
 					readonly: u
 				})]
 			}),
-			F && /* @__PURE__ */ U(pr, {
+			F && /* @__PURE__ */ U(mr, {
 				helperText: i,
 				error: t,
 				showCharacterCount: d || a !== void 0 && a > 0,
@@ -4088,13 +4208,13 @@ function mr({ disabled: e = !1, error: t = !1, height: n, helperText: i, maxChar
 }
 //#endregion
 //#region src/components/sql-editor/SqlEditor.types.ts
-var hr = {
+var gr = {
 	showFormat: !0,
 	showCopy: !0,
 	showClear: !0,
 	showExecute: !1,
 	showUndoRedo: !0
-}, gr = {
+}, _r = {
 	format: "Format SQL",
 	copy: "Copy",
 	copySuccess: "Copied!",
@@ -4104,70 +4224,72 @@ var hr = {
 	redo: "Redo",
 	lineColumn: "Ln {line}, Col {col}",
 	errorCount: "{count} error(s)"
-}, _r = {
+}, vr = {
 	standard: ut,
 	mysql: st,
 	postgresql: ct,
 	sqlite: lt,
 	mssql: ot
 };
-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);
+function yr({ 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, onExecute: m, onLint: h, onDiagnosticsChange: g, onViewReady: _, onCursorChange: v, onBlur: y, onFocus: b }) {
+	let x = o(null), S = o(null), C = o(t), w = o(v), T = o(y), E = o(b), D = o(_), O = o(m), k = o(h), A = o(g), j = o(new ne()), M = o(new ne()), N = L(), P = N.palette.mode === "dark", F = !!h, I = JSON.stringify(p);
 	return r(() => {
-		S.current = t;
+		C.current = t;
 	}, [t]), r(() => {
-		C.current = _;
-	}, [_]), r(() => {
 		w.current = v;
 	}, [v]), r(() => {
 		T.current = y;
 	}, [y]), r(() => {
-		E.current = g;
-	}, [g]), r(() => {
-		D.current = m;
+		E.current = b;
+	}, [b]), r(() => {
+		D.current = _;
+	}, [_]), r(() => {
+		O.current = m;
 	}, [m]), r(() => {
-		O.current = h;
+		k.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 = de.define([
+		A.current = g;
+	}, [g]), r(() => {
+		if (!x.current) return;
+		let t = S.current?.state.doc.toString() ?? e ?? "", r = u ?? N.palette.primary.main, o = d ?? N.palette.success.main, l = f ?? N.palette.info.main, m = ue.define([
 			{
-				tag: Y.keyword,
+				tag: X.keyword,
 				color: r,
 				fontWeight: "bold"
 			},
 			{
-				tag: Y.name,
+				tag: X.name,
 				color: l
 			},
 			{
-				tag: [Y.string, Y.special(Y.string)],
+				tag: [X.string, X.special(X.string)],
 				color: o,
 				fontWeight: "bold"
 			},
 			{
-				tag: Y.number,
-				color: j.palette.warning.main
+				tag: X.number,
+				color: N.palette.warning.main
 			},
 			{
-				tag: [Y.lineComment, Y.blockComment],
-				color: j.palette.text.disabled,
+				tag: [X.lineComment, X.blockComment],
+				color: N.palette.text.disabled,
 				fontStyle: "italic"
 			},
 			{
-				tag: Y.operator,
-				color: j.palette.text.secondary
+				tag: X.operator,
+				color: N.palette.text.secondary
 			},
 			{
-				tag: [Y.function(Y.variableName), Y.function(Y.name)],
-				color: j.palette.secondary.main
+				tag: [X.function(X.variableName), X.function(X.name)],
+				color: N.palette.secondary.main
 			},
 			{
-				tag: Y.typeName,
-				color: j.palette.info.main
+				tag: X.typeName,
+				color: N.palette.info.main
 			},
 			{
-				tag: Y.invalid,
-				color: j.palette.error.main,
+				tag: X.invalid,
+				color: N.palette.error.main,
 				textDecoration: "underline wavy"
 			}
 		]), h = G.theme({
@@ -4179,64 +4301,64 @@ function vr({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 			".cm-scroller": { overflow: "auto" },
 			".cm-content": {
 				padding: "8px 4px",
-				caretColor: j.palette.text.primary
+				caretColor: N.palette.text.primary
 			},
 			".cm-gutters": {
-				backgroundColor: M ? j.palette.grey[900] : j.palette.grey[50],
-				color: j.palette.text.disabled,
+				backgroundColor: P ? N.palette.grey[900] : N.palette.grey[50],
+				color: N.palette.text.disabled,
 				border: "none",
-				borderRight: `1px solid ${j.palette.divider}`
+				borderRight: `1px solid ${N.palette.divider}`
 			},
 			".cm-lineNumbers .cm-gutterElement": {
-				minWidth: "36px",
-				paddingLeft: "4px"
+				paddingLeft: "4px",
+				paddingRight: "8px"
 			},
-			".cm-activeLineGutter": { backgroundColor: j.palette.action.selected },
-			".cm-activeLine": { backgroundColor: j.palette.action.hover },
-			"&.cm-focused .cm-selectionBackground, .cm-selectionBackground": { backgroundColor: j.palette.primary.main + "40" },
-			".cm-cursor, .cm-dropCursor": { borderLeftColor: j.palette.text.primary },
+			".cm-activeLineGutter": { backgroundColor: N.palette.action.selected },
+			".cm-activeLine": { backgroundColor: N.palette.action.hover },
+			"&.cm-focused .cm-selectionBackground, .cm-selectionBackground": { backgroundColor: N.palette.primary.main + "40" },
+			".cm-cursor, .cm-dropCursor": { borderLeftColor: N.palette.text.primary },
 			"&.cm-focused": { outline: "none" },
 			".cm-placeholder": {
-				color: j.palette.text.disabled,
+				color: N.palette.text.disabled,
 				fontStyle: "italic"
 			},
 			".cm-tooltip": {
-				backgroundColor: j.palette.background.paper,
-				border: `1px solid ${j.palette.divider}`,
+				backgroundColor: N.palette.background.paper,
+				border: `1px solid ${N.palette.divider}`,
 				borderRadius: "4px",
-				boxShadow: j.shadows[4]
+				boxShadow: N.shadows[4]
 			},
-			".cm-tooltip-autocomplete > ul > li": { color: j.palette.text.primary },
+			".cm-tooltip-autocomplete > ul > li": { color: N.palette.text.primary },
 			".cm-tooltip-autocomplete > ul > li[aria-selected]": {
-				backgroundColor: j.palette.primary.main + "20",
-				color: j.palette.primary.main
+				backgroundColor: N.palette.primary.main + "20",
+				color: N.palette.primary.main
 			},
 			".cm-completionMatchedText": {
-				color: j.palette.primary.main,
+				color: N.palette.primary.main,
 				textDecoration: "none",
 				fontWeight: "bold"
 			},
 			".cm-completionDetail": {
-				color: j.palette.text.secondary,
+				color: N.palette.text.secondary,
 				fontStyle: "italic"
 			},
 			".cm-gutter-lint": { width: "16px" },
-			".cm-lint-marker-error": { color: j.palette.error.main },
-			".cm-lint-marker-warning": { color: j.palette.warning.main },
+			".cm-lint-marker-error": { color: N.palette.error.main },
+			".cm-lint-marker-warning": { color: N.palette.warning.main },
 			".cm-tooltip.cm-tooltip-lint": {
-				backgroundColor: j.palette.background.paper,
-				border: `1px solid ${j.palette.divider}`,
+				backgroundColor: N.palette.background.paper,
+				border: `1px solid ${N.palette.divider}`,
 				borderRadius: "4px"
 			},
-			".cm-diagnostic-error": { borderLeft: `3px solid ${j.palette.error.main}` },
-			".cm-diagnostic-warning": { borderLeft: `3px solid ${j.palette.warning.main}` },
-			".cm-diagnostic-info": { borderLeft: `3px solid ${j.palette.info.main}` }
-		}, { dark: M }), g = p ? Object.fromEntries(p.tables.map((e) => [e.name, (e.columns ?? []).map((e) => ({
+			".cm-diagnostic-error": { borderLeft: `3px solid ${N.palette.error.main}` },
+			".cm-diagnostic-warning": { borderLeft: `3px solid ${N.palette.warning.main}` },
+			".cm-diagnostic-info": { borderLeft: `3px solid ${N.palette.info.main}` }
+		}, { dark: P }), g = p ? Object.fromEntries(p.tables.map((e) => [e.name, (e.columns ?? []).map((e) => ({
 			label: e.name,
 			detail: e.type,
 			type: "property"
 		}))])) : void 0, _ = async (e) => {
-			let t = D.current;
+			let t = k.current;
 			if (!t) return [];
 			let n = e.state.doc.toString();
 			try {
@@ -4249,63 +4371,67 @@ function vr({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 						message: t.message
 					};
 				});
-				return O.current?.(r.length), r;
+				return A.current?.(r.length), r;
 			} catch {
 				return [];
 			}
-		}, v = [
+		}, v = J.of([{
+			key: "Mod-Enter",
+			run: (e) => (O.current?.(e.state.doc.toString()), !0)
+		}]), y = [
 			h,
-			fe(m),
+			de(m),
 			dt({
-				dialect: _r[c],
+				dialect: vr[c],
 				schema: g
 			}),
-			se(),
+			oe(),
 			ft(),
+			v,
 			J.of([
-				...oe,
-				...ce,
+				...ae,
+				...se,
 				...pt
 			]),
-			k.current.of(G.editable.of(!i && !a)),
-			A.current.of(re.readOnly.of(a)),
+			j.current.of(G.editable.of(!i && !a)),
+			M.current.of(Y.readOnly.of(a)),
 			K(),
 			...s ? [ee(), q()] : [],
 			...n ? [te(n)] : [],
-			...N ? [pe(), me(_, { delay: 600 })] : [],
+			...F ? [fe(), pe(_, { delay: 600 })] : [],
 			G.updateListener.of((e) => {
-				e.docChanged && S.current?.(e.state.doc.toString());
+				e.docChanged && C.current?.(e.state.doc.toString());
 				let t = e.state.selection.main.head, n = e.state.doc.lineAt(t);
-				C.current(n.number, t - n.from + 1);
+				w.current(n.number, t - n.from + 1);
 			}),
 			G.domEventHandlers({
 				blur: () => {
-					w.current?.();
+					T.current?.();
 				},
 				focus: () => {
-					T.current?.();
+					E.current?.();
 				}
 			})
-		], y = new G({
-			state: re.create({
+		], b = new G({
+			state: Y.create({
 				doc: t,
-				extensions: v
+				extensions: y
 			}),
-			parent: b.current
+			parent: x.current
 		});
-		return x.current = y, E.current(y), () => {
-			E.current(null), y.destroy(), x.current = null;
+		return S.current = b, D.current(b), () => {
+			D.current(null), b.destroy(), S.current = null;
 		};
 	}, [
-		M,
+		P,
 		c,
-		N,
+		F,
 		u,
 		d,
 		f,
-		P
+		I
 	]), r(() => {
-		let t = x.current;
+		let t = S.current;
 		if (!t) return;
 		let n = t.state.doc.toString();
 		n !== (e ?? "") && t.dispatch({ changes: {
@@ -4314,16 +4440,16 @@ function vr({ 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(re.readOnly.of(a))] });
+		S.current?.dispatch({ effects: [j.current.reconfigure(G.editable.of(!i && !a)), M.current.reconfigure(Y.readOnly.of(a))] });
 	}, [i, a]), /* @__PURE__ */ U(l, {
-		ref: b,
+		ref: x,
 		sx: {
 			flex: 1,
 			overflow: "hidden",
 			display: "flex",
 			flexDirection: "column",
 			opacity: i ? .5 : 1,
-			backgroundColor: j.palette.background.paper,
+			backgroundColor: N.palette.background.paper,
 			"& .cm-editor": {
 				flex: 1,
 				display: "flex",
@@ -4334,14 +4460,14 @@ function vr({ value: e, onChange: t, placeholder: n, disabled: i = !1, readonly:
 }
 //#endregion
 //#region src/components/sql-editor/SqlEditorToolbar.tsx
-var yr = {
+var br = {
 	standard: "sql",
 	mysql: "mysql",
 	postgresql: "postgresql",
 	sqlite: "sqlite",
 	mssql: "tsql"
 };
-function br({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled: i, onExecute: a }) {
+function xr({ 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() ?? "";
@@ -4359,18 +4485,18 @@ function br({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 	}
 	function p() {
 		let t = e.current;
-		t && (ue(t), t.focus());
+		t && (le(t), t.focus());
 	}
 	function m() {
 		let t = e.current;
-		t && (le(t), t.focus());
+		t && (ce(t), t.focus());
 	}
 	function h() {
 		let t = e.current;
 		if (!t) return;
 		let n = t.state.doc.toString();
 		try {
-			let e = ht(n, { language: yr[r] });
+			let e = ht(n, { language: br[r] });
 			t.dispatch({ changes: {
 				from: 0,
 				to: t.state.doc.length,
@@ -4401,7 +4527,7 @@ function br({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 					display: "flex",
 					gap: .25
 				},
-				children: /* @__PURE__ */ U(X, {
+				children: /* @__PURE__ */ U(Z, {
 					label: n.format,
 					icon: /* @__PURE__ */ U(be, { fontSize: "small" }),
 					onClick: h,
@@ -4418,7 +4544,7 @@ function br({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 					display: "flex",
 					gap: .25
 				},
-				children: [t.showCopy && /* @__PURE__ */ U(X, {
+				children: [t.showCopy && /* @__PURE__ */ U(Z, {
 					label: o ? n.copySuccess : n.copy,
 					icon: o ? /* @__PURE__ */ U(ge, {
 						fontSize: "small",
@@ -4426,7 +4552,7 @@ function br({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 					}) : /* @__PURE__ */ U(he, { fontSize: "small" }),
 					onClick: d,
 					disabled: u
-				}), t.showClear && /* @__PURE__ */ U(X, {
+				}), t.showClear && /* @__PURE__ */ U(Z, {
 					label: n.clear,
 					icon: /* @__PURE__ */ U(_e, { fontSize: "small" }),
 					onClick: f,
@@ -4443,12 +4569,12 @@ function br({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 					display: "flex",
 					gap: .25
 				},
-				children: [/* @__PURE__ */ U(X, {
+				children: [/* @__PURE__ */ U(Z, {
 					label: n.undo,
 					icon: /* @__PURE__ */ U(ve, { fontSize: "small" }),
 					onClick: p,
 					disabled: u
-				}), /* @__PURE__ */ U(X, {
+				}), /* @__PURE__ */ U(Z, {
 					label: n.redo,
 					icon: /* @__PURE__ */ U(ye, { fontSize: "small" }),
 					onClick: m,
@@ -4459,7 +4585,7 @@ function br({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 				orientation: "vertical",
 				flexItem: !0,
 				sx: { mx: .5 }
-			}), /* @__PURE__ */ U(X, {
+			}), /* @__PURE__ */ U(Z, {
 				label: n.execute,
 				icon: /* @__PURE__ */ U(mt, { fontSize: "small" }),
 				onClick: g,
@@ -4471,7 +4597,7 @@ function br({ viewRef: e, toolbarConfig: t, translation: n, dialect: r, disabled
 }
 //#endregion
 //#region src/components/sql-editor/SqlEditorFooter.tsx
-function xr({ helperText: e, error: t, showLineColumn: n, showErrorCount: r, diagnosticsCount: i, cursorLine: a, cursorCol: o, translation: s }) {
+function Sr({ 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: {
@@ -4512,12 +4638,12 @@ function xr({ helperText: e, error: t, showLineColumn: n, showErrorCount: r, dia
 }
 //#endregion
 //#region src/components/sql-editor/SqlEditor.tsx
-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 }) {
+function Cr({ 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 = {
-		...gr,
+		..._r,
 		...b
 	}, k = {
-		...hr,
+		...gr,
 		...y
 	}, A = kt(i), j = kt(a), M = A === "auto", N = M ? void 0 : A ?? 300, P = o(null), [F, I] = s({
 		line: 1,
@@ -4555,14 +4681,14 @@ function Sr({ value: e, onChange: n, placeholder: r, height: i, width: a, disabl
 						borderWidth: 2
 					}
 				},
-				children: [!u && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(br, {
+				children: [!u && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(xr, {
 					viewRef: P,
 					toolbarConfig: k,
 					translation: D,
 					dialect: m,
 					disabled: c,
 					onExecute: C
-				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(vr, {
+				}), /* @__PURE__ */ U(v, {})] }), /* @__PURE__ */ U(yr, {
 					value: e,
 					onChange: n,
 					placeholder: r,
@@ -4574,6 +4700,7 @@ function Sr({ value: e, onChange: n, placeholder: r, height: i, width: a, disabl
 					stringColor: x?.string,
 					identifierColor: x?.identifier,
 					schema: S,
+					onExecute: C,
 					onLint: w,
 					onDiagnosticsChange: w ? V : void 0,
 					onViewReady: z,
@@ -4582,7 +4709,7 @@ function Sr({ value: e, onChange: n, placeholder: r, height: i, width: a, disabl
 					onFocus: E
 				})]
 			}),
-			G && /* @__PURE__ */ U(xr, {
+			G && /* @__PURE__ */ U(Sr, {
 				helperText: f,
 				error: d,
 				showLineColumn: g,
@@ -4601,4 +4728,4 @@ function Sr({ value: e, onChange: n, placeholder: r, height: i, width: a, disabl
 	});
 }
 //#endregion
-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 };
+export { St as ConfirmDialogProvider, Wn as DEFAULT_CHECK_COLORS, _t as DEFAULT_CONFIRM_DIALOG_TRANSLATION, en as DEFAULT_GANTT_TRANSLATIONS, wt as DEFAULT_JSON_EDITOR_TOOLBAR_CONFIG, Tt as DEFAULT_JSON_EDITOR_TRANSLATION, Un as DEFAULT_METER_COLORS, Hn as DEFAULT_PASSWORD_TRANSLATIONS, rr as DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG, ir as DEFAULT_RICH_TEXT_EDITOR_TRANSLATION, gr as DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG, _r as DEFAULT_SQL_EDITOR_TRANSLATION, Qn as DEFAULT_TAG_SELECTION_TRANSLATION, Rn as GanttChart, jt as JsonEditor, Kn as PasswordStrengthMeter, hr as RichTextEditor, Cr as SqlEditor, nr as TagSelection, Ct as useConfirm, Q as useGanttChartStore, Nn as useGanttTheme, $ as useGanttTranslations, An as useRawGanttChartStore };