@equinor/stratus-ui 1.3.0 → 1.3.2

package/dist/index.js

@@ -13,11 +13,11 @@ import F from "@tiptap/extension-table-header";
 import I from "@tiptap/extension-table-row";
 import L from "@tiptap/extension-text-align";
 import { TextStyle as R } from "@tiptap/extension-text-style";
-import { Extension as z, Node as B, callOrReturn as ee, createStyleTag as V, escapeForRegEx as te, getExtensionField as ne, isNodeEmpty as re, isNodeSelection as ie, mergeAttributes as H } from "@tiptap/core";
-import { EditorContent as ae, ReactRenderer as oe, useEditor as se } from "@tiptap/react";
-import ce from "@tiptap/starter-kit";
-import { createPopper as le } from "@popperjs/core";
-import { addDays as U, addMonths as ue, addSeconds as de, addYears as fe, differenceInMilliseconds as pe, eachDayOfInterval as me, eachMonthOfInterval as he, eachQuarterOfInterval as ge, eachWeekOfInterval as _e, eachYearOfInterval as ve, endOfDay as ye, endOfDecade as W, endOfMonth as be, endOfWeek as xe, endOfYear as Se, format as Ce, getDayOfYear as we, getDecade as Te, getISOWeek as Ee, getQuarter as De, isAfter as Oe, isBefore as ke, isEqual as Ae, isSameDay as je, isSameMonth as Me, isSameQuarter as Ne, isSameWeek as Pe, isSameYear as Fe, isToday as Ie, isWeekend as Le, parse as Re, parseISO as ze, startOfDay as Be, startOfDecade as Ve, startOfMonth as He, startOfWeek as Ue, startOfYear as We, subDays as Ge, subMonths as Ke, subYears as qe, toDate as Je } from "date-fns";
+import { Extension as z, Node as B, callOrReturn as V, createStyleTag as H, escapeForRegEx as ee, getExtensionField as te, isNodeEmpty as ne, isNodeSelection as re, mergeAttributes as U } from "@tiptap/core";
+import { EditorContent as ie, ReactRenderer as ae, useEditor as oe } from "@tiptap/react";
+import se from "@tiptap/starter-kit";
+import { createPopper as ce } from "@popperjs/core";
+import { addDays as le, addMonths as ue, addSeconds as de, addYears as fe, differenceInMilliseconds as pe, eachDayOfInterval as me, eachMonthOfInterval as he, eachQuarterOfInterval as ge, eachWeekOfInterval as _e, eachYearOfInterval as ve, endOfDay as ye, endOfDecade as W, endOfMonth as be, endOfWeek as xe, endOfYear as Se, format as Ce, getDayOfYear as we, getDecade as Te, getISOWeek as Ee, getQuarter as De, isAfter as Oe, isBefore as ke, isEqual as Ae, isSameDay as je, isSameMonth as Me, isSameQuarter as Ne, isSameWeek as Pe, isSameYear as Fe, isToday as Ie, isWeekend as Le, parse as Re, parseISO as ze, startOfDay as Be, startOfDecade as Ve, startOfMonth as He, startOfWeek as Ue, startOfYear as We, subDays as Ge, subMonths as Ke, subYears as qe, toDate as Je } from "date-fns";
 //#region src/theme/palette.ts
 var Ye = {
 	primary: {
@@ -272,7 +272,7 @@ var it = e.forwardRef(function({ className: t, disabled: n = !1 }, r) {
 	"warning",
 	"danger"
 ]), ot = o(function(e, t) {
-	let { children: n, className: r, css: i, color: a = "inherit", size: o, rotation: s = 0, ...c } = e, { cssProps: l, otherProps: u } = K(c), d = at.has(a), f = a !== "inherit" && !d, p = {
+	let { children: n, className: r, style: i, color: a = "inherit", size: o, rotation: s = 0, ...c } = e, { cssProps: l, otherProps: u } = K(c), d = at.has(a), f = a !== "inherit" && !d, p = {
 		...o == null ? {} : {
 			width: o,
 			height: o
@@ -352,109 +352,109 @@ function ut(e, t, n) {
 	};
 }
 var dt = o(({ children: e, className: n, content: i, placement: a = "bottom", trigger: o = ["click", "hover"], open: c, defaultOpen: u = !1, arrow: f = !0, closeOnClickOutside: g = !0, tooltipRef: y, zIndex: w = 1500, maxWidth: T = "300px", fontSize: E = "0.75rem", style: D, container: O, keepMounted: k = !1, disablePortal: A = !1, onOpen: j, onClose: M, onClick: N, onMouseEnter: P, onMouseLeave: F, onContextMenu: I, onClickOutside: L, ...R }, z) => {
-	let [B, ee] = v(u), V = _(null), te = _(null), ne = _(void 0), [re, ie] = v(null), H = c !== void 0, ae = H ? c : B, oe = h(() => Array.isArray(o) ? o : [o], [o]), se = {};
-	for (let e of Object.keys(R)) e.startsWith("data-") && (se[e] = R[e]);
-	let ce = l((e) => {
-		H || ee(!0), j?.(e);
-	}, [H, j]), le = l((e) => {
-		H || ee(!1), M?.(e);
-	}, [H, M]);
+	let [B, V] = v(u), H = _(null), ee = _(null), te = _(void 0), [ne, re] = v(null), U = c !== void 0, ie = U ? c : B, ae = h(() => Array.isArray(o) ? o : [o], [o]), oe = {};
+	for (let e of Object.keys(R)) e.startsWith("data-") && (oe[e] = R[e]);
+	let se = l((e) => {
+		U || V(!0), j?.(e);
+	}, [U, j]), ce = l((e) => {
+		U || V(!1), M?.(e);
+	}, [U, M]);
 	p(y, () => ({
 		open: (e) => {
 			let t = new MouseEvent("click", {
 				bubbles: !0,
 				cancelable: !0
 			});
-			ce(e ?? t);
+			se(e ?? t);
 		},
 		close: (e) => {
 			let t = new MouseEvent("click", {
 				bubbles: !0,
 				cancelable: !0
 			});
-			le(e ?? t);
+			ce(e ?? t);
 		}
 	}));
-	let U = l(() => {
-		if (!V.current || !te.current) return;
-		let e = V.current.getBoundingClientRect(), t = te.current.getBoundingClientRect();
-		ie(ut(e, {
+	let le = l(() => {
+		if (!H.current || !ee.current) return;
+		let e = H.current.getBoundingClientRect(), t = ee.current.getBoundingClientRect();
+		re(ut(e, {
 			width: t.width,
 			height: t.height
 		}, a));
 	}, [a]);
 	m(() => {
-		ae && U();
+		ie && le();
 	}, [
-		ae,
-		U,
+		ie,
+		le,
 		i
 	]), d(() => {
-		if (!ae) return;
-		let e = () => U();
+		if (!ie) return;
+		let e = () => le();
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [ae, U]), d(() => {
-		if (!ae || !g || !oe.includes("click") && !oe.includes("contextMenu")) return;
+	}, [ie, le]), d(() => {
+		if (!ie || !g || !ae.includes("click") && !ae.includes("contextMenu")) return;
 		let e = (e) => {
 			let t = e.target;
-			V.current?.contains(t) || te.current?.contains(t) || (le(e), L?.(!1, e));
+			H.current?.contains(t) || ee.current?.contains(t) || (ce(e), L?.(!1, e));
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [
-		ae,
+		ie,
 		g,
-		le,
+		ce,
 		L
 	]);
 	let ue = l((e) => {
-		if (!oe.includes("click")) return;
-		let t = !ae;
-		H || ee(t), N?.(t, e), t ? j?.(e) : M?.(e);
+		if (!ae.includes("click")) return;
+		let t = !ie;
+		U || V(t), N?.(t, e), t ? j?.(e) : M?.(e);
 	}, [
-		oe,
 		ae,
-		H,
+		ie,
+		U,
 		N,
 		j,
 		M
 	]), de = l((e) => {
-		if (!oe.includes("contextMenu")) return;
+		if (!ae.includes("contextMenu")) return;
 		e.preventDefault();
-		let t = !ae;
-		H || ee(t), I?.(t, e), t ? j?.(e) : M?.(e);
+		let t = !ie;
+		U || V(t), I?.(t, e), t ? j?.(e) : M?.(e);
 	}, [
-		oe,
 		ae,
-		H,
+		ie,
+		U,
 		I,
 		j,
 		M
 	]), fe = l((e) => {
-		oe.includes("hover") && (clearTimeout(ne.current), ce(e), P?.(!0, e));
+		ae.includes("hover") && (clearTimeout(te.current), se(e), P?.(!0, e));
 	}, [
-		oe,
-		ce,
+		ae,
+		se,
 		P
 	]), pe = l((e) => {
-		oe.includes("hover") && (ne.current = setTimeout(() => le(e), 100), F?.(!1, e));
+		ae.includes("hover") && (te.current = setTimeout(() => ce(e), 100), F?.(!1, e));
 	}, [
-		oe,
-		le,
+		ae,
+		ce,
 		F
 	]), me = l(() => {
-		oe.includes("hover") && clearTimeout(ne.current);
-	}, [oe]), he = l((e) => {
-		oe.includes("hover") && (le(e), F?.(!1, e));
+		ae.includes("hover") && clearTimeout(te.current);
+	}, [ae]), he = l((e) => {
+		ae.includes("hover") && (ce(e), F?.(!1, e));
 	}, [
-		oe,
-		le,
+		ae,
+		ce,
 		F
 	]), ge = {};
-	oe.includes("click") && (ge.onClick = ue), oe.includes("contextMenu") && (ge.onContextMenu = de), oe.includes("hover") && (ge.onMouseEnter = fe, ge.onMouseLeave = pe);
+	ae.includes("click") && (ge.onClick = ue), ae.includes("contextMenu") && (ge.onContextMenu = de), ae.includes("hover") && (ge.onMouseEnter = fe, ge.onMouseLeave = pe);
 	let _e = l((e) => {
-		V.current = e;
+		H.current = e;
 	}, []), ve = () => typeof e == "string" ? /* @__PURE__ */ x("span", {
 		ref: _e,
 		...ge,
@@ -468,23 +468,23 @@ var dt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 			cursor: "pointer",
 			...e.props?.style
 		}
-	}) : e), ye = ct(a), W = Array.isArray(T) ? T[0] : T, be = Array.isArray(E) ? E[0] : E, xe = ae || k ? /* @__PURE__ */ S("div", {
+	}) : e), ye = ct(a), W = Array.isArray(T) ? T[0] : T, be = Array.isArray(E) ? E[0] : E, xe = ie || k ? /* @__PURE__ */ S("div", {
 		ref: (e) => {
-			te.current = e, typeof z == "function" ? z(e) : z && (z.current = e);
+			ee.current = e, typeof z == "function" ? z(e) : z && (z.current = e);
 		},
 		className: G("stratus-tooltip", `stratus-tooltip--${ye}`, n),
 		role: "tooltip",
-		"data-state": ae ? "open" : "closed",
+		"data-state": ie ? "open" : "closed",
 		style: {
-			top: re?.top ?? -9999,
-			left: re?.left ?? -9999,
+			top: ne?.top ?? -9999,
+			left: ne?.left ?? -9999,
 			zIndex: typeof w == "string" ? Number(w) || 1500 : w,
-			display: ae ? void 0 : "none",
-			...!ae && k ? { visibility: "hidden" } : {}
+			display: ie ? void 0 : "none",
+			...!ie && k ? { visibility: "hidden" } : {}
 		},
 		onMouseEnter: me,
 		onMouseLeave: he,
-		...se,
+		...oe,
 		children: [f && /* @__PURE__ */ x("span", { className: "stratus-tooltip__arrow" }), /* @__PURE__ */ x("div", {
 			className: "stratus-tooltip__content",
 			style: {
@@ -652,7 +652,7 @@ var yt = o(function(e, t) {
 		!R || w || k || (b ? b.toggleOpen(C, e, r) : O(!0));
 	}, B = (e) => {
 		!R || w || !k || (b ? b.toggleOpen(C, e, r) : O(!1));
-	}, ee = x(E ? _t : vt, {});
+	}, V = x(E ? _t : vt, {});
 	return /* @__PURE__ */ S("li", {
 		ref: t,
 		className: G("stratus-submenu", h),
@@ -684,7 +684,7 @@ var yt = o(function(e, t) {
 				}),
 				s && /* @__PURE__ */ x("span", {
 					className: G("stratus-submenu__trigger__arrow", E && k && "stratus-submenu__trigger__arrow--open"),
-					children: ee
+					children: V
 				})
 			]
 		}), E ? /* @__PURE__ */ x("div", {
@@ -770,17 +770,17 @@ var Ct = rt((e, t) => {
 		toggleSelect: R,
 		toggleOpen: z,
 		onClick: h
-	}, ee = n ?? "ul", V = G("stratus-menu", `stratus-menu--${i}`, T), te = {
+	}, V = n ?? "ul", H = G("stratus-menu", `stratus-menu--${i}`, T), ee = {
 		...E,
 		...C
 	};
 	return /* @__PURE__ */ x(xt.Provider, {
 		value: B,
-		children: /* @__PURE__ */ x(ee, {
+		children: /* @__PURE__ */ x(V, {
 			ref: t,
 			role: "menu",
-			className: V,
-			style: te,
+			className: H,
+			style: ee,
 			...D,
 			children: r
 		})
@@ -930,27 +930,27 @@ var Nt = {
 	3: "0 10px 20px var(--stratus-shadow-ambient), 0 3px 6px var(--stratus-shadow-penumbra)"
 };
 function Pt(e, t) {
-	let { columns: n, data: r, rowId: i = "id", childrenId: a = "children", compact: o = !1, headerHeight: s, rowHeight: c, dynamicHeight: u = !1, sortable: f = !0, multiSort: m = !1, resizable: g = !0, expandable: y = !1, expandedRowKeys: b, defaultExpandedRowKeys: C, draggable: k = !1, selectable: A = !1, selectRowOnClick: j = !0, stripedRows: M = !1, disabled: N = !1, elevation: P = 0, noDataValue: F, extraColumnsWidth: I, className: L, rowClassName: R, onRowClick: z, onColumnSort: B, onRowSelect: ee, onDragEnd: V, onEndReached: te, css: ne } = e, re = _(null), ie = _(null), [H, ae] = v(0);
+	let { columns: n, data: r, rowId: i = "id", childrenId: a = "children", compact: o = !1, headerHeight: s, rowHeight: c, dynamicHeight: u = !1, sortable: f = !0, multiSort: m = !1, resizable: g = !0, expandable: y = !1, expandedRowKeys: b, defaultExpandedRowKeys: C, draggable: k = !1, selectable: A = !1, selectRowOnClick: j = !0, stripedRows: M = !1, disabled: N = !1, elevation: P = 0, noDataValue: F, extraColumnsWidth: I, className: L, rowClassName: R, onRowClick: z, onColumnSort: B, onRowSelect: V, onDragEnd: H, onEndReached: ee, style: te } = e, ne = _(null), re = _(null), [U, ie] = v(0);
 	d(() => {
-		let e = re.current;
+		let e = ne.current;
 		if (!e) return;
 		let t = new ResizeObserver((e) => {
-			for (let t of e) ae(t.contentRect.width);
+			for (let t of e) ie(t.contentRect.width);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let [oe, se] = v([]), ce = l((e) => {
-		N || se((t) => {
+	let [ae, oe] = v([]), se = l((e) => {
+		N || oe((t) => {
 			let n = typeof e == "function" ? e(t) : e;
 			return B?.(Mt(n)), n;
 		});
-	}, [B, N]), [le, U] = v(() => C ? At(C) : {}), ue = h(() => b === void 0 ? le : At(b), [b, le]), de = l((e) => {
-		b === void 0 && U((t) => typeof e == "function" ? e(t) : e);
-	}, [b]), [fe, pe] = v(() => e.defaultSelectedRowsIds ? Object.fromEntries(e.defaultSelectedRowsIds.map((e) => [e, !0])) : {}), [me, he] = v(null), [ge, _e] = v(null), ve = l((e, t) => typeof e == "function" ? Math.max(e(H, t), 0) : typeof e == "string" ? e.endsWith("%") ? Math.max(parseFloat(e) / 100 * H, 0) : parseFloat(e) || 150 : e, [H]), ye = h(() => {
+	}, [B, N]), [ce, le] = v(() => C ? At(C) : {}), ue = h(() => b === void 0 ? ce : At(b), [b, ce]), de = l((e) => {
+		b === void 0 && le((t) => typeof e == "function" ? e(t) : e);
+	}, [b]), [fe, pe] = v(() => e.defaultSelectedRowsIds ? Object.fromEntries(e.defaultSelectedRowsIds.map((e) => [e, !0])) : {}), [me, he] = v(null), [ge, _e] = v(null), ve = l((e, t) => typeof e == "function" ? Math.max(e(U, t), 0) : typeof e == "string" ? e.endsWith("%") ? Math.max(parseFloat(e) / 100 * U, 0) : parseFloat(e) || 150 : e, [U]), ye = h(() => {
 		let e = [];
 		if (y) {
 			let t = I ? I({
-				totalWidth: H,
+				totalWidth: U,
 				column: { key: "__expandable__" },
 				defaultWidth: 48
 			}) : 48;
@@ -975,7 +975,7 @@ function Pt(e, t) {
 		}
 		if (A) {
 			let t = I ? I({
-				totalWidth: H,
+				totalWidth: U,
 				column: { key: "__selectable__" },
 				defaultWidth: 48
 			}) : 48;
@@ -995,7 +995,7 @@ function Pt(e, t) {
 					type: "checkbox",
 					checked: e.getIsSelected(),
 					onChange: (t) => {
-						e.toggleSelected(), ee?.({
+						e.toggleSelected(), V?.({
 							rowIndex: e.index,
 							rowData: e.original,
 							selected: t.target.checked
@@ -1007,7 +1007,7 @@ function Pt(e, t) {
 		}
 		if (k) {
 			let t = I ? I({
-				totalWidth: H,
+				totalWidth: U,
 				column: { key: "__draggable__" },
 				defaultWidth: 48
 			}) : 48;
@@ -1027,7 +1027,7 @@ function Pt(e, t) {
 			});
 		}
 		return n.forEach((t, n) => {
-			let r = t.key ?? t.dataKey, i = H > 0 ? ve(t.width, t) : 150, a = t.sortable === void 0 ? f : t.sortable, o = t.resizable === void 0 ? g : t.resizable, s;
+			let r = t.key ?? t.dataKey, i = U > 0 ? ve(t.width, t) : 150, a = t.sortable === void 0 ? f : t.sortable, o = t.resizable === void 0 ? g : t.resizable, s;
 			if (typeof t.sortType == "function") {
 				let e = t.sortType, n = t.dataKey;
 				s = (r, i) => e(r.original, i.original, n, t);
@@ -1065,7 +1065,7 @@ function Pt(e, t) {
 		}), e;
 	}, [
 		n,
-		H,
+		U,
 		y,
 		A,
 		k,
@@ -1073,7 +1073,7 @@ function Pt(e, t) {
 		g,
 		I,
 		ve,
-		ee
+		V
 	]), W = l((e) => String(e[i]), [i]), be = l((e) => {
 		let t = e[a];
 		return Array.isArray(t) ? t : void 0;
@@ -1081,13 +1081,13 @@ function Pt(e, t) {
 		data: r,
 		columns: ye,
 		state: {
-			sorting: oe,
+			sorting: ae,
 			expanded: ue,
 			rowSelection: fe
 		},
 		getRowId: W,
 		getSubRows: y ? be : void 0,
-		onSortingChange: ce,
+		onSortingChange: se,
 		onExpandedChange: de,
 		onRowSelectionChange: pe,
 		getCoreRowModel: T(),
@@ -1103,34 +1103,34 @@ function Pt(e, t) {
 	});
 	p(t, () => ({
 		clearSortState: () => {
-			se([]), B?.({});
+			oe([]), B?.({});
 		},
 		setColumnSort: ({ columnKey: e, order: t }) => {
 			let n = [{
 				id: e,
 				desc: t === "desc"
 			}];
-			se(n), B?.(Mt(n));
+			oe(n), B?.(Mt(n));
 		},
 		setSelectedRows: (e) => {
 			pe(Object.fromEntries(e.map((e) => [e, !0])));
 		},
 		getTableRef: () => ({
 			scrollToTop: (e) => {
-				ie.current && (ie.current.scrollTop = e);
+				re.current && (re.current.scrollTop = e);
 			},
 			scrollToRow: (e) => {
 				let t = c ?? (o ? 32 : 48);
-				ie.current && (ie.current.scrollTop = e * t);
+				re.current && (re.current.scrollTop = e * t);
 			},
 			scrollToLeft: (e) => {
-				ie.current && (ie.current.scrollLeft = e);
+				re.current && (re.current.scrollLeft = e);
 			},
-			getDOMNode: () => re.current,
+			getDOMNode: () => ne.current,
 			getExpandedState: () => ({ expandedData: (xe.getExpandedRowModel?.()?.rows ?? xe.getRowModel().rows).map((e) => e.original) }),
 			getExpandedRowKeys: () => jt(xe.getState().expanded, xe.getRowModel().rows),
 			setExpandedRowKeys: (e) => {
-				b === void 0 && U(At(e));
+				b === void 0 && le(At(e));
 			}
 		})
 	}), [
@@ -1140,14 +1140,14 @@ function Pt(e, t) {
 		b,
 		B
 	]), d(() => {
-		if (!te) return;
-		let e = ie.current;
+		if (!ee) return;
+		let e = re.current;
 		if (!e) return;
 		let t = () => {
-			e.scrollTop + e.clientHeight >= e.scrollHeight - 50 && te();
+			e.scrollTop + e.clientHeight >= e.scrollHeight - 50 && ee();
 		};
 		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
-	}, [te]);
+	}, [ee]);
 	let Se = Array.isArray(s) ? s[0] : s, Ce = c ?? (o ? 32 : 48), we = xe.getRowModel().rows, Te = xe.getHeaderGroups(), Ee = r.length === 0, De = P ? Nt[P] ?? Nt[1] : void 0, Oe = l((e, t) => {
 		!k || N || (he(e.id), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", e.id));
 	}, [k, N]), ke = l((e, t) => {
@@ -1160,7 +1160,7 @@ function Pt(e, t) {
 		let r = we.findIndex((e) => e.id === n), i = we.findIndex((t) => t.id === e.id);
 		if (r < 0 || i < 0) return;
 		let a = we.map((e) => e.original), [o] = a.splice(r, 1);
-		a.splice(i, 0, o), V?.({
+		a.splice(i, 0, o), H?.({
 			oldIndex: r,
 			newIndex: i,
 			rowData: o,
@@ -1171,19 +1171,19 @@ function Pt(e, t) {
 		N,
 		me,
 		we,
-		V
+		H
 	]), je = l(() => {
 		he(null), _e(null);
 	}, []);
 	return /* @__PURE__ */ x("div", {
-		ref: re,
+		ref: ne,
 		className: G("stratus-table-root", L),
 		style: {
-			...ne,
+			...te,
 			...De ? { boxShadow: De } : {}
 		},
 		children: /* @__PURE__ */ x("div", {
-			ref: ie,
+			ref: re,
 			className: "stratus-table-scroll",
 			children: /* @__PURE__ */ S("table", {
 				className: G("stratus-table", o ? "stratus-table--compact" : void 0),
@@ -1243,7 +1243,7 @@ function Pt(e, t) {
 							onDrop: (t) => Ae(e, t),
 							onDragEnd: je,
 							onClick: N ? void 0 : (t) => {
-								j && A && (e.toggleSelected(), ee?.({
+								j && A && (e.toggleSelected(), V?.({
 									rowIndex: e.index,
 									rowData: n,
 									selected: !e.getIsSelected()
@@ -1924,15 +1924,15 @@ function On({ header: e, headerId: t, hasStringHeader: n, closable: r, fullScree
 //#endregion
 //#region src/components/Drawer/Drawer.tsx
 var kn = o(function(e, t) {
-	let { open: n = !1, variant: r = "temporary", placement: i = "left", smallScreenSize: a = 425, header: o, closable: s = !1, fullScreen: c = !1, initialFullScreen: u = !1, keepMounted: p = !1, transitionDuration: m = 225, hideBackdrop: h = !1, disablePortal: g = !1, children: y, onClose: w, width: T = 240, ...E } = e, { cssProps: D, otherProps: O } = K(E), { className: k, style: A, ...j } = O, M = an(), N = r === "responsive" ? M < a ? "temporary" : "permanent" : r, P = N === "temporary", F = N === "persistent", I = N === "permanent", [L, R] = v(u), z = l(() => R((e) => !e), []), [B, ee] = v(n), [V, te] = v(!1);
+	let { open: n = !1, variant: r = "temporary", placement: i = "left", smallScreenSize: a = 425, header: o, closable: s = !1, fullScreen: c = !1, initialFullScreen: u = !1, keepMounted: p = !1, transitionDuration: m = 225, hideBackdrop: h = !1, disablePortal: g = !1, children: y, onClose: w, width: T = 240, ...E } = e, { cssProps: D, otherProps: O } = K(E), { className: k, style: A, ...j } = O, M = an(), N = r === "responsive" ? M < a ? "temporary" : "permanent" : r, P = N === "temporary", F = N === "persistent", I = N === "permanent", [L, R] = v(u), z = l(() => R((e) => !e), []), [B, V] = v(n), [H, ee] = v(!1);
 	d(() => {
-		if (n) ee(!0), requestAnimationFrame(() => {
-			requestAnimationFrame(() => te(!0));
+		if (n) V(!0), requestAnimationFrame(() => {
+			requestAnimationFrame(() => ee(!0));
 		});
 		else {
-			te(!1);
+			ee(!1);
 			let e = setTimeout(() => {
-				p || ee(!1);
+				p || V(!1);
 			}, P || F ? m : 0);
 			return () => clearTimeout(e);
 		}
@@ -1943,7 +1943,7 @@ var kn = o(function(e, t) {
 		P,
 		F
 	]);
-	let ne = _(null);
+	let te = _(null);
 	d(() => {
 		if (!n || !P) return;
 		let e = (e) => {
@@ -1954,48 +1954,48 @@ var kn = o(function(e, t) {
 		n,
 		P,
 		w
-	]), Tn(ne, n && P), Sn(n && P);
-	let re = f(), ie = typeof o == "string" || typeof o == "number", H = Array.isArray(T) ? (M < a ? T[0] : T[1]) ?? T[0] : T, ae = typeof H == "number" ? `${H}px` : H, oe = i === "left" || i === "right", se = {
+	]), Tn(te, n && P), Sn(n && P);
+	let ne = f(), re = typeof o == "string" || typeof o == "number", U = Array.isArray(T) ? (M < a ? T[0] : T[1]) ?? T[0] : T, ie = typeof U == "number" ? `${U}px` : U, ae = i === "left" || i === "right", oe = {
 		"--stratus-drawer-duration": `${m}ms`,
-		...oe ? { width: L ? "100%" : ae } : {},
+		...ae ? { width: L ? "100%" : ie } : {},
 		...A,
 		...D
 	};
 	if (!(I || B || p)) return null;
-	let ce = o != null || s || c ? /* @__PURE__ */ x(On, {
+	let se = o != null || s || c ? /* @__PURE__ */ x(On, {
 		header: o,
-		headerId: re,
-		hasStringHeader: ie,
+		headerId: ne,
+		hasStringHeader: re,
 		closable: s,
 		fullScreen: c,
 		isFullscreen: L,
 		isTemporary: P,
 		onToggleFullscreen: z,
 		onClose: w
-	}) : null, le = /* @__PURE__ */ S("div", {
+	}) : null, ce = /* @__PURE__ */ S("div", {
 		ref: (e) => {
-			ne.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+			te.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
 		},
 		role: P ? "dialog" : void 0,
 		"aria-modal": P && n ? !0 : void 0,
-		"aria-labelledby": P && ie ? re : void 0,
+		"aria-labelledby": P && re ? ne : void 0,
 		tabIndex: P ? -1 : void 0,
-		className: G("stratus-drawer", `stratus-drawer--${N}`, `stratus-drawer--${i}`, V && n || I ? "stratus-drawer--open" : "stratus-drawer--closed", L && "stratus-drawer--fullscreen", k),
-		style: se,
+		className: G("stratus-drawer", `stratus-drawer--${N}`, `stratus-drawer--${i}`, H && n || I ? "stratus-drawer--open" : "stratus-drawer--closed", L && "stratus-drawer--fullscreen", k),
+		style: oe,
 		...j,
-		children: [ce, y]
+		children: [se, y]
 	});
 	if (I || F) return /* @__PURE__ */ x("div", {
 		className: "stratus-drawer-container",
-		children: le
+		children: ce
 	});
-	let U = /* @__PURE__ */ S(b, { children: [!h && /* @__PURE__ */ x("div", {
-		className: G("stratus-drawer-backdrop", V && n && "stratus-drawer-backdrop--open"),
+	let le = /* @__PURE__ */ S(b, { children: [!h && /* @__PURE__ */ x("div", {
+		className: G("stratus-drawer-backdrop", H && n && "stratus-drawer-backdrop--open"),
 		style: { "--stratus-drawer-duration": `${m}ms` },
 		onClick: (e) => w?.(e),
 		"aria-hidden": !0
-	}), le] });
-	return g ? U : C(U, document.body);
+	}), ce] });
+	return g ? le : C(le, document.body);
 });
 kn.displayName = "Drawer";
 //#endregion
@@ -2222,17 +2222,17 @@ var Hn = o(function(e, t) {
 	]), Sn(n);
 	let R = _(null);
 	Tn(R, n);
-	let z = f(), B = typeof a == "string" || typeof a == "number", ee = (e) => {
+	let z = f(), B = typeof a == "string" || typeof a == "number", V = (e) => {
 		e.target === e.currentTarget && (h?.onClick?.(e), D && g?.(e));
 	};
 	if (!(P || u)) return null;
-	let V = a != null || r, te = o != null || typeof y == "function" || typeof w == "function", ne = {
+	let H = a != null || r, ee = o != null || typeof y == "function" || typeof w == "function", te = {
 		...M,
 		...k
-	}, re = /* @__PURE__ */ x("div", {
+	}, ne = /* @__PURE__ */ x("div", {
 		className: G("stratus-modal-backdrop", I && n && "stratus-modal-backdrop--open", O && "stratus-modal-backdrop--invisible"),
 		style: m == null ? void 0 : { "--stratus-modal-z": Number(m) },
-		onClick: ee,
+		onClick: V,
 		"aria-hidden": !n,
 		children: /* @__PURE__ */ x("div", {
 			ref: (e) => {
@@ -2243,12 +2243,12 @@ var Hn = o(function(e, t) {
 			"aria-labelledby": B ? z : void 0,
 			tabIndex: -1,
 			className: G("stratus-modal", l && "stratus-modal--fullscreen", j),
-			style: ne,
+			style: te,
 			...N,
 			children: /* @__PURE__ */ S("div", {
 				className: "stratus-modal__container",
 				children: [
-					V && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("div", {
+					H && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("div", {
 						className: "stratus-modal__header",
 						children: [a != null && /* @__PURE__ */ x("span", {
 							id: B ? z : void 0,
@@ -2269,7 +2269,7 @@ var Hn = o(function(e, t) {
 							children: T
 						})
 					}),
-					te && /* @__PURE__ */ x(Bn, {
+					ee && /* @__PURE__ */ x(Bn, {
 						footer: o,
 						okText: s,
 						cancelText: c,
@@ -2280,7 +2280,7 @@ var Hn = o(function(e, t) {
 			})
 		})
 	});
-	return p ? re : C(re, document.body);
+	return p ? ne : C(ne, document.body);
 });
 Hn.displayName = "Modal";
 //#endregion
@@ -2350,7 +2350,7 @@ function Gn() {
 	return /* @__PURE__ */ x(Lt, { size: 16 });
 }
 var Kn = o(function(e, t) {
-	let { children: n, className: r, content: i, title: a, showClose: o = !1, closeIcon: s, footer: c, placement: l = "bottom", trigger: u = "click", open: d, arrow: f = !0, closeOnClickOutside: p = !0, tooltipRef: m, zIndex: h = 1400, maxWidth: g = "300px", css: v, style: y, keepMounted: C = !1, disablePortal: w = !1, onOpen: T, onClose: E } = e, D = _(null), O = m ?? D, k = /* @__PURE__ */ S("div", {
+	let { children: n, className: r, content: i, title: a, showClose: o = !1, closeIcon: s, footer: c, placement: l = "bottom", trigger: u = "click", open: d, arrow: f = !0, closeOnClickOutside: p = !0, tooltipRef: m, zIndex: h = 1400, maxWidth: g = "300px", style: v, keepMounted: y = !1, disablePortal: C = !1, onOpen: w, onClose: T } = e, E = _(null), D = m ?? E, O = /* @__PURE__ */ S("div", {
 		className: "stratus-popover__container",
 		children: [
 			(a != null || o) && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("div", {
@@ -2363,7 +2363,7 @@ var Kn = o(function(e, t) {
 					"aria-label": "Close popover",
 					className: "stratus-popover__header-close",
 					onClick: () => {
-						O && "current" in O && O.current?.close();
+						D && "current" in D && D.current?.close();
 					},
 					children: s ?? /* @__PURE__ */ x(Gn, {})
 				})]
@@ -2381,24 +2381,21 @@ var Kn = o(function(e, t) {
 	return /* @__PURE__ */ x(dt, {
 		ref: t,
 		className: G("stratus-popover", r),
-		content: k,
+		content: O,
 		placement: l,
 		trigger: u,
 		open: d,
 		arrow: f,
 		closeOnClickOutside: p,
-		tooltipRef: O,
+		tooltipRef: D,
 		zIndex: h,
 		maxWidth: g,
 		fontSize: "1rem",
-		style: {
-			...v,
-			...y
-		},
-		keepMounted: C,
-		disablePortal: w,
-		onOpen: T,
-		onClose: E,
+		style: v,
+		keepMounted: y,
+		disablePortal: C,
+		onOpen: w,
+		onClose: T,
 		children: n
 	});
 });
@@ -2432,24 +2429,24 @@ function Jn({ label: e, meta: t, htmlFor: n }) {
 //#endregion
 //#region src/components/Input/Input.tsx
 var Yn = o(function(e, t) {
-	let { children: n, className: r, style: i, inputRef: a, inputProps: o = {}, type: s = "text", variant: c = "default", label: u, meta: d, helperText: p, helperIcon: m, value: h, defaultValue: g, placeholder: y, startAdornment: b, endAdornment: C, outlineWidth: w, multiple: T = !1, compact: E = !1, fullWidth: D = !1, forceFocus: O = !1, disabled: k = !1, onChange: A, onFocus: j, onBlur: M, ...N } = e, { cssProps: P, otherProps: F } = K(N), I = f(), L = o.id ?? I, [R, z] = v(g ?? ""), B = h !== void 0, ee = B ? h : R, V = _(null), te = l((e) => {
-		V.current = e, a && (a.current = e);
-	}, [a]), ne = (e) => {
+	let { children: n, className: r, style: i, inputRef: a, inputProps: o = {}, type: s = "text", variant: c = "default", label: u, meta: d, helperText: p, helperIcon: m, value: h, defaultValue: g, placeholder: y, startAdornment: b, endAdornment: C, outlineWidth: w, multiple: T = !1, compact: E = !1, fullWidth: D = !1, forceFocus: O = !1, disabled: k = !1, onChange: A, onFocus: j, onBlur: M, ...N } = e, { cssProps: P, otherProps: F } = K(N), I = f(), L = o.id ?? I, [R, z] = v(g ?? ""), B = h !== void 0, V = B ? h : R, H = _(null), ee = l((e) => {
+		H.current = e, a && (a.current = e);
+	}, [a]), te = (e) => {
 		let t = e.target.value;
 		B || z(t), A?.(t, e);
+	}, ne = (e) => {
+		j?.(String(V), e);
 	}, re = (e) => {
-		j?.(String(ee), e);
-	}, ie = (e) => {
-		M?.(String(ee), e);
-	}, H = G("stratus-input", `stratus-input--${c}`, E && "stratus-input--compact", D && "stratus-input--full-width", k && "stratus-input--disabled", O && "stratus-input--force-focus", r), ae = {
+		M?.(String(V), e);
+	}, U = G("stratus-input", `stratus-input--${c}`, E && "stratus-input--compact", D && "stratus-input--full-width", k && "stratus-input--disabled", O && "stratus-input--force-focus", r), ie = {
 		...w ? { "--stratus-input-outline-w": w } : {},
 		...i,
 		...P
-	}, oe = T ? "textarea" : "input";
+	}, ae = T ? "textarea" : "input";
 	return /* @__PURE__ */ S("div", {
 		ref: t,
-		className: H,
-		style: Object.keys(ae).length ? ae : void 0,
+		className: U,
+		style: Object.keys(ie).length ? ie : void 0,
 		...F,
 		children: [
 			/* @__PURE__ */ x(Jn, {
@@ -2464,18 +2461,18 @@ var Yn = o(function(e, t) {
 						className: "stratus-input__start-adornment",
 						children: b
 					}),
-					n ?? /* @__PURE__ */ x(oe, {
+					n ?? /* @__PURE__ */ x(ae, {
 						...o,
-						ref: te,
+						ref: ee,
 						id: L,
 						type: T ? void 0 : s,
 						className: G("stratus-input__input", T && "stratus-input__input--textarea", o.className),
-						value: ee,
+						value: V,
 						placeholder: y,
 						disabled: k,
-						onChange: ne,
-						onFocus: re,
-						onBlur: ie
+						onChange: te,
+						onFocus: ne,
+						onBlur: re
 					}),
 					C && /* @__PURE__ */ x("span", {
 						className: "stratus-input__end-adornment",
@@ -2616,7 +2613,7 @@ var er = o(function(e, t) {
 	let z = G("stratus-checkbox", `stratus-checkbox--${f}`, b && "stratus-checkbox--compact", C && "stratus-checkbox--disabled", w && "stratus-checkbox--no-ripple", n), B = {
 		...r,
 		...D
-	}, ee = c ? /* @__PURE__ */ x("span", {
+	}, V = c ? /* @__PURE__ */ x("span", {
 		className: "stratus-checkbox__label",
 		children: c
 	}) : null;
@@ -2627,7 +2624,7 @@ var er = o(function(e, t) {
 		onPointerDown: L,
 		...O,
 		children: [
-			u === "left" && ee,
+			u === "left" && V,
 			/* @__PURE__ */ x("input", {
 				...a,
 				ref: P,
@@ -2645,7 +2642,7 @@ var er = o(function(e, t) {
 					disabled: w || C
 				}), R]
 			}),
-			u === "right" && ee
+			u === "right" && V
 		]
 	});
 });
@@ -2770,7 +2767,7 @@ function lr({ tags: e, infield: t, selectedIds: n, allFlat: r, tagMaxCount: i, t
 //#endregion
 //#region src/components/Select/Select.tsx
 var ur = o(function(e, t) {
-	let { children: n, className: r, style: i, selectRef: a, inputRef: o, options: s = [], value: c, defaultValue: u, inputValue: m, variant: g = "default", label: y, meta: b, placeholder: C, helperText: w, helperIcon: T, startAdornment: E, endAdornment: D, allowClear: O = !0, multiple: k = !1, expandable: A = !1, infield: j = !0, tags: M = !1, tagMaxCount: N, tagMaxCountPlaceholder: P, selectedLabel: F = "Selected", filterOption: I = !0, noOptionsText: L = "No Data", hideDropdownWhenEmpty: R = !1, persistInputText: z = !1, compact: B = !1, fullWidth: ee = !1, disabled: V = !1, onSelect: te, onDeselect: ne, onClear: re, onChange: ie, itemGroupRenderer: H, itemRenderer: ae, ...oe } = e, { cssProps: se, otherProps: ce } = K(oe), le = f(), [U, ue] = v(!1), [de, fe] = v(() => ar(u)), [pe, me] = v(""), [he, ge] = v(-1), [_e, ve] = v(/* @__PURE__ */ new Set()), ye = c !== void 0, W = ye ? ar(c) : de, be = m === void 0 ? pe : m, xe = _(null), Se = _(null), Ce = _(null), we = l((e) => {
+	let { children: n, className: r, style: i, selectRef: a, inputRef: o, options: s = [], value: c, defaultValue: u, inputValue: m, variant: g = "default", label: y, meta: b, placeholder: C, helperText: w, helperIcon: T, startAdornment: E, endAdornment: D, allowClear: O = !0, multiple: k = !1, expandable: A = !1, infield: j = !0, tags: M = !1, tagMaxCount: N, tagMaxCountPlaceholder: P, selectedLabel: F = "Selected", filterOption: I = !0, noOptionsText: L = "No Data", hideDropdownWhenEmpty: R = !1, persistInputText: z = !1, compact: B = !1, fullWidth: V = !1, disabled: H = !1, onSelect: ee, onDeselect: te, onClear: ne, onChange: re, itemGroupRenderer: U, itemRenderer: ie, ...ae } = e, { cssProps: oe, otherProps: se } = K(ae), ce = f(), [le, ue] = v(!1), [de, fe] = v(() => ar(u)), [pe, me] = v(""), [he, ge] = v(-1), [_e, ve] = v(/* @__PURE__ */ new Set()), ye = c !== void 0, W = ye ? ar(c) : de, be = m === void 0 ? pe : m, xe = _(null), Se = _(null), Ce = _(null), we = l((e) => {
 		xe.current = e, o && (o.current = e);
 	}, [o]);
 	p(a, () => ({
@@ -2779,12 +2776,12 @@ var ur = o(function(e, t) {
 		},
 		close: () => ue(!1)
 	}), []), d(() => {
-		if (!U) return;
+		if (!le) return;
 		let e = (e) => {
 			Se.current && !Se.current.contains(e.target) && (ue(!1), me(""));
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [U]);
+	}, [le]);
 	let Te = h(() => cr(n), [n]), Ee = h(() => s.length > 0 ? s : Te, [s, Te]), De = h(() => or(Ee), [Ee]), Oe = l((e) => !I || !be ? !0 : typeof I == "function" ? I(e, be, W.map(String)) : e.label.toLowerCase().includes(be.toLowerCase()), [
 		I,
 		be,
@@ -2792,7 +2789,7 @@ var ur = o(function(e, t) {
 	]), ke = h(() => De.filter((e) => !e.disabled && Oe(e)), [De, Oe]);
 	d(() => {
 		ge(-1);
-	}, [U, ke.length]), d(() => {
+	}, [le, ke.length]), d(() => {
 		if (he < 0 || !Ce.current) return;
 		let e = ke[he];
 		if (!e) return;
@@ -2812,14 +2809,14 @@ var ur = o(function(e, t) {
 				deselectedValue: e.value ?? e.label,
 				options: De.filter((e) => i.map(String).includes(String(sr(e))))
 			};
-			ne?.(r, t);
+			te?.(r, t);
 		} else {
 			i = [...W, e.value ?? e.label], ye || fe(i);
 			let n = {
 				selectedValue: i,
 				options: De.filter((e) => i.map(String).includes(String(sr(e))))
 			};
-			te?.(n, t);
+			ee?.(n, t);
 		}
 		else {
 			i = [e.value ?? e.label], ye || fe(i), ue(!1), me("");
@@ -2827,42 +2824,42 @@ var ur = o(function(e, t) {
 				selectedValue: e.value ?? e.label,
 				options: [e]
 			};
-			te?.(n, t);
+			ee?.(n, t);
 		}
 	}, [
 		W,
 		k,
 		ye,
 		De,
-		te,
-		ne
+		ee,
+		te
 	]), Me = l((e) => {
-		if (!V) switch (e.key) {
+		if (!H) switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), U ? ge((e) => e < ke.length - 1 ? e + 1 : 0) : ue(!0);
+				e.preventDefault(), le ? ge((e) => e < ke.length - 1 ? e + 1 : 0) : ue(!0);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), U && ge((e) => e > 0 ? e - 1 : ke.length - 1);
+				e.preventDefault(), le && ge((e) => e > 0 ? e - 1 : ke.length - 1);
 				break;
 			case "Enter":
-				if (e.preventDefault(), U && he >= 0) {
+				if (e.preventDefault(), le && he >= 0) {
 					let t = ke[he];
 					t && je(t, e);
-				} else U || ue(!0);
+				} else le || ue(!0);
 				break;
 			case "Escape":
-				U && (e.preventDefault(), ue(!1));
+				le && (e.preventDefault(), ue(!1));
 				break;
 		}
 	}, [
-		V,
-		U,
+		H,
+		le,
 		he,
 		ke,
 		je
 	]), Ne = l((e) => {
-		e.stopPropagation(), ye || fe([]), me(""), re?.(e);
-	}, [ye, re]), Pe = l((e, t) => {
+		e.stopPropagation(), ye || fe([]), me(""), ne?.(e);
+	}, [ye, ne]), Pe = l((e, t) => {
 		t.stopPropagation();
 		let n = De.find((t) => String(sr(t)) === String(e));
 		n && je(n, t);
@@ -2874,11 +2871,11 @@ var ur = o(function(e, t) {
 	}, []), Ie = l((e) => {
 		if (!I) return;
 		let t = e.target.value;
-		me(t), ie?.(t), U || ue(!0);
+		me(t), re?.(t), le || ue(!0);
 	}, [
 		I,
-		U,
-		ie
+		le,
+		re
 	]);
 	function Le(e) {
 		let t = [];
@@ -2887,7 +2884,7 @@ var ur = o(function(e, t) {
 				let e = Le(n.options).filter(Boolean);
 				if (e.length === 0) continue;
 				let r = A && _e.has(n.label);
-				H ? t.push(H(n, r ? [] : e, be)) : t.push(/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+				U ? t.push(U(n, r ? [] : e, be)) : t.push(/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 					className: G("stratus-select__optgroup-label", A && "stratus-select__optgroup--expandable"),
 					onClick: A ? () => Fe(n.label) : void 0,
 					children: [A && /* @__PURE__ */ x("span", {
@@ -2906,11 +2903,11 @@ var ur = o(function(e, t) {
 			}
 			if (!Oe(n)) continue;
 			let e = sr(n), r = W.map(String).includes(String(e)), i = ke[he] === n;
-			ae ? t.push(/* @__PURE__ */ x("div", {
+			ie ? t.push(/* @__PURE__ */ x("div", {
 				"data-option-id": e,
 				className: G(i && "stratus-select__option--highlighted"),
 				onClick: n.disabled ? void 0 : (e) => je(n, e),
-				children: ae(n, be, W.map(String))
+				children: ie(n, be, W.map(String))
 			}, e)) : t.push(/* @__PURE__ */ S("div", {
 				"data-option-id": e,
 				className: G("stratus-select__option", r && "stratus-select__option--selected", i && "stratus-select__option--highlighted", n.disabled && "stratus-select__option--disabled"),
@@ -2936,9 +2933,9 @@ var ur = o(function(e, t) {
 		}
 		return t;
 	}
-	let Re = Le(Ee), ze = Re.length > 0, Be = G("stratus-select", `stratus-select--${g}`, B && "stratus-select--compact", ee && "stratus-select--full-width", V && "stratus-select--disabled", U && "stratus-select--open", I && "stratus-select--filterable", r), Ve = {
+	let Re = Le(Ee), ze = Re.length > 0, Be = G("stratus-select", `stratus-select--${g}`, B && "stratus-select--compact", V && "stratus-select--full-width", H && "stratus-select--disabled", le && "stratus-select--open", I && "stratus-select--filterable", r), Ve = {
 		...i,
-		...se
+		...oe
 	}, He = W.length > 0 || be && be.length > 0;
 	return /* @__PURE__ */ S("div", {
 		ref: (e) => {
@@ -2946,17 +2943,17 @@ var ur = o(function(e, t) {
 		},
 		className: Be,
 		style: Object.keys(Ve).length ? Ve : void 0,
-		...ce,
+		...se,
 		children: [
 			/* @__PURE__ */ x(ir, {
 				label: y,
 				meta: b,
-				htmlFor: le
+				htmlFor: ce
 			}),
 			/* @__PURE__ */ S("div", {
 				className: "stratus-select__input-wrapper",
 				onClick: () => {
-					V || (ue((e) => !e), xe.current?.focus());
+					H || (ue((e) => !e), xe.current?.focus());
 				},
 				onKeyDown: Me,
 				children: [
@@ -2986,12 +2983,12 @@ var ur = o(function(e, t) {
 					}) : null,
 					!(k && M && j && W.length > 0) && !(k && !M && j) && /* @__PURE__ */ x("input", {
 						ref: we,
-						id: le,
+						id: ce,
 						type: "text",
 						className: "stratus-select__input",
-						value: I && be !== "" && (U || z) ? be : Ae,
+						value: I && be !== "" && (le || z) ? be : Ae,
 						placeholder: W.length > 0 ? void 0 : C,
-						disabled: V,
+						disabled: H,
 						onChange: Ie,
 						autoComplete: "off"
 					}),
@@ -2999,11 +2996,11 @@ var ur = o(function(e, t) {
 						className: "stratus-input__end-adornment",
 						children: D
 					}),
-					O && He && !V && /* @__PURE__ */ x(nr, { onClear: Ne }),
+					O && He && !H && /* @__PURE__ */ x(nr, { onClear: Ne }),
 					/* @__PURE__ */ x(tr, {})
 				]
 			}),
-			U && !(R && !ze) && /* @__PURE__ */ x("div", {
+			le && !(R && !ze) && /* @__PURE__ */ x("div", {
 				ref: Ce,
 				className: "stratus-select__dropdown",
 				children: ze ? Re : /* @__PURE__ */ x("div", {
@@ -14770,7 +14767,7 @@ z.create({
 		return [bg()];
 	},
 	extendNodeSchema(e) {
-		return { allowGapCursor: ee(ne(e, "allowGapCursor", {
+		return { allowGapCursor: V(te(e, "allowGapCursor", {
 			name: e.name,
 			options: e.options,
 			storage: e.storage
@@ -14798,7 +14795,7 @@ function t_({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
 	let { anchor: a } = i, o = [], s = e.isEmpty;
 	if (t.showOnlyCurrent && !t.includeChildren) {
 		let i = r.resolve(a), c = i.depth > 0 ? i.node(1) : i.nodeAfter, l = i.depth > 0 ? i.before(1) : a;
-		if (c && c.type.isTextblock && re(c)) {
+		if (c && c.type.isTextblock && ne(c)) {
 			let r = a >= l && a <= l + c.nodeSize;
 			o.push($g({
 				editor: e,
@@ -14822,7 +14819,7 @@ function t_({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
 	} else {
 		let i = Zg.getState(e.state), c = i?.topPos ?? 0, l = i?.bottomPos ?? r.content.size;
 		r.nodesBetween(c, l, (r, i) => {
-			let c = a >= i && a <= i + r.nodeSize, l = !r.isLeaf && re(r);
+			let c = a >= i && a <= i + r.nodeSize, l = !r.isLeaf && ne(r);
 			return r.type.isTextblock && (c || !t.showOnlyCurrent) && l && o.push($g({
 				editor: e,
 				isEmptyDoc: s,
@@ -14982,10 +14979,10 @@ z.create({
 	},
 	addProseMirrorPlugins() {
 		let { editor: e, options: t } = this;
-		return e.options.injectCSS && typeof document < "u" && V(d_, e.options.injectNonce, "selection"), [new va({
+		return e.options.injectCSS && typeof document < "u" && H(d_, e.options.injectNonce, "selection"), [new va({
 			key: new xa("selection"),
 			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || ie(n.selection) || e.view.dragging ? null : Wu.create(n.doc, [Vu.inline(n.selection.from, n.selection.to, { class: t.className })]);
+				return n.selection.empty || e.isFocused || !e.isEditable || re(n.selection) || e.view.dragging ? null : Wu.create(n.doc, [Vu.inline(n.selection.from, n.selection.to, { class: t.className })]);
 			} }
 		})];
 	}
@@ -15075,7 +15072,7 @@ function h_() {
 //#endregion
 //#region src/components/TipTapEditor/TipTapEditorExtensions.ts
 function g_(e) {
-	let { char: t, allowSpaces: n, allowedPrefixes: r, startOfLine: i, $position: a } = e, o = te(t), s = RegExp(`\\s${o}$`), c = i ? "^" : "", l = RegExp(n ? `${c}${o}(?!.*\\s{2}).*?(?=\\s${o}|$)` : `${c}(?:^)?${o}[^\\s${o}]*`, "gm"), u = a.nodeBefore?.isText && a.nodeBefore.text;
+	let { char: t, allowSpaces: n, allowedPrefixes: r, startOfLine: i, $position: a } = e, o = ee(t), s = RegExp(`\\s${o}$`), c = i ? "^" : "", l = RegExp(n ? `${c}${o}(?!.*\\s{2}).*?(?=\\s${o}|$)` : `${c}(?:^)?${o}[^\\s${o}]*`, "gm"), u = a.nodeBefore?.isText && a.nodeBefore.text;
 	if (!u) return null;
 	let d = a.pos - u.length, f = Array.from(u.matchAll(l)).pop();
 	if (!f || f.input === void 0 || f.index === void 0) return null;
@@ -15205,7 +15202,7 @@ var y_ = new xa("mention"), b_ = B.create({
 			renderHTML({ options: e, node: t }) {
 				return [
 					"span",
-					H(this.HTMLAttributes, e.HTMLAttributes),
+					U(this.HTMLAttributes, e.HTMLAttributes),
 					`${e.suggestion.char}${t.attrs.label ?? t.attrs.id}`
 				];
 			},
@@ -15253,21 +15250,21 @@ var y_ = new xa("mention"), b_ = B.create({
 	renderHTML({ node: e, HTMLAttributes: t }) {
 		if (this.options.renderLabel !== void 0) return [
 			"span",
-			H({ "data-type": this.name }, this.options.HTMLAttributes, t),
+			U({ "data-type": this.name }, this.options.HTMLAttributes, t),
 			this.options.renderLabel({
 				options: this.options,
 				node: e
 			})
 		];
 		let n = { ...this.options };
-		n.HTMLAttributes = H({ "data-type": this.name }, this.options.HTMLAttributes, t);
+		n.HTMLAttributes = U({ "data-type": this.name }, this.options.HTMLAttributes, t);
 		let r = this.options.renderHTML({
 			options: n,
 			node: e
 		});
 		return typeof r == "string" ? [
 			"span",
-			H({ "data-type": this.name }, this.options.HTMLAttributes, t),
+			U({ "data-type": this.name }, this.options.HTMLAttributes, t),
 			r
 		] : r;
 	},
@@ -15366,7 +15363,7 @@ function C_(e, t, n, r, i, a, o) {
 			let e, s;
 			return {
 				onStart: (c) => {
-					if (s = new oe(S_, {
+					if (s = new ae(S_, {
 						props: {
 							...c,
 							displayKey: t,
@@ -15380,7 +15377,7 @@ function C_(e, t, n, r, i, a, o) {
 					let l = c.clientRect();
 					if (!l) return;
 					let u = { getBoundingClientRect: () => l }, d = s.element;
-					a && Object.assign(d.style, a), e = le(u, d, {
+					a && Object.assign(d.style, a), e = ce(u, d, {
 						placement: "bottom-start",
 						strategy: "fixed",
 						modifiers: [{
@@ -15938,9 +15935,9 @@ function yv({ children: e, allowedColors: t, allowedBackgroundColors: n, clearTe
 }
 //#endregion
 //#region src/components/TipTapEditor/TipTapEditor.tsx
-function bv({ renderToolbar: e = () => /* @__PURE__ */ x(yv, {}), height: t, width: n, content: r, placeholder: i, immediatelyRender: a, onChange: o, spellCheck: s = !1, css: c, validateColors: u = !1, allowedColors: f = [], allowedBackgroundColors: m = [], overflowY: g, mentionOptions: v = { deleteTriggerWithBackspace: !0 }, className: y, style: b, ...C }, w) {
-	let { userSuggestionPromise: T, userSuggestionRenderer: E } = v, D = h(() => [
-		ce,
+function bv({ renderToolbar: e = () => /* @__PURE__ */ x(yv, {}), height: t, width: n, content: r, placeholder: i, immediatelyRender: a, onChange: o, spellCheck: s = !1, validateColors: c = !1, allowedColors: u = [], allowedBackgroundColors: f = [], overflowY: m, mentionOptions: g = { deleteTriggerWithBackspace: !0 }, className: v, style: y, ...b }, C) {
+	let { userSuggestionPromise: w, userSuggestionRenderer: T } = g, E = h(() => [
+		se,
 		R,
 		k,
 		A.configure({ multicolor: !0 }),
@@ -15952,59 +15949,58 @@ function bv({ renderToolbar: e = () => /* @__PURE__ */ x(yv, {}), height: t, wid
 		I,
 		F,
 		P,
-		...T ? [b_.configure({
+		...w ? [b_.configure({
 			HTMLAttributes: { class: "mention" },
-			suggestion: C_(T, v.displayKey?.toString() ?? "name", E, v.loadingRenderer, v.noResultsRenderer, v.mentionPopperStyle, v.mentionListStyle)
+			suggestion: C_(w, g.displayKey?.toString() ?? "name", T, g.loadingRenderer, g.noResultsRenderer, g.mentionPopperStyle, g.mentionListStyle)
 		})] : []
 	], [
 		i,
-		T,
-		E
-	]), O = l(({ editor: e }) => {
+		w,
+		T
+	]), D = l(({ editor: e }) => {
 		if (!o) return;
 		let t = e.getHTML(), n = cv(t);
-		o(t === "<p></p>" ? "" : u ? lv(f, m, t) : t, n);
+		o(t === "<p></p>" ? "" : c ? lv(u, f, t) : t, n);
 	}, [
-		m,
 		f,
+		u,
 		o,
-		u
-	]), z = h(() => ({ preserveWhitespace: !0 }), []), B = se({
-		extensions: D,
+		c
+	]), O = h(() => ({ preserveWhitespace: !0 }), []), z = oe({
+		extensions: E,
 		content: _(r ?? "").current,
 		immediatelyRender: a ?? !1,
-		parseOptions: z,
-		onUpdate: O,
+		parseOptions: O,
+		onUpdate: D,
 		shouldRerenderOnTransaction: !1
 	});
-	if (p(w, () => ({ editor: B }), [B]), d(() => {
-		if (!B || r == null || r === B.getHTML()) return;
-		let { from: e, to: t } = B.state.selection;
-		B.chain().setContent(r, {
+	if (p(C, () => ({ editor: z }), [z]), d(() => {
+		if (!z || r == null || r === z.getHTML()) return;
+		let { from: e, to: t } = z.state.selection;
+		z.chain().setContent(r, {
 			emitUpdate: !1,
 			parseOptions: { preserveWhitespace: !0 }
 		}).setTextSelection({
 			from: e,
 			to: t
 		}).run();
-	}, [r, B]), !B) return null;
-	let ee = {
-		...b,
-		...c,
+	}, [r, z]), !z) return null;
+	let B = {
+		...y,
 		...n == null ? {} : { width: typeof n == "number" ? `${n}px` : n },
-		...g == null ? {} : { overflowY: g }
+		...m == null ? {} : { overflowY: m }
 	}, V = t == null ? void 0 : typeof t == "number" ? `${t}px` : t;
 	return /* @__PURE__ */ x(m_, {
-		editor: B,
+		editor: z,
 		children: /* @__PURE__ */ S("div", {
-			className: G("stratus-tiptap-editor", y),
-			style: ee,
-			...C,
+			className: G("stratus-tiptap-editor", v),
+			style: B,
+			...b,
 			children: [
 				e(),
-				/* @__PURE__ */ x(ae, {
+				/* @__PURE__ */ x(ie, {
 					spellCheck: s,
-					editor: B
+					editor: z
 				}),
 				V && /* @__PURE__ */ x("style", { children: `.stratus-tiptap-editor .ProseMirror { height: ${V}; min-height: ${V}; overflow-y: auto; }` })
 			]
@@ -16143,25 +16139,25 @@ function Nv(e, t, n, r, i) {
 	return o <= 0 ? n : o >= a ? r : o * r / a;
 }
 var Pv = 0, Fv = o(function(e, t) {
-	let { value: n, min: r = 0, max: i = 100, step: a = 1, marks: o, vertical: s = !1, tooltipVisible: c, tooltipPlacement: u = "top", tooltipFormatter: f, disabled: p = !1, onChange: m, sliderEventHandlers: h = {}, ...g } = e, { cssProps: y, otherProps: C } = K(g), { className: w, style: T, ...E } = C, [D] = v(() => `slider-${++Pv}`), O = _(null), [k, A] = v(() => kv(n, r)), [j, M] = v(!1), N = k.some((e) => e.isHovering), P = k.some((e) => e.isDragging), F = !p && (c === void 0 || c), { onClick: I, onMouseOver: L, onMouseOut: R, onDragStart: z, onDrag: B, onDragEnd: ee } = h;
+	let { value: n, min: r = 0, max: i = 100, step: a = 1, marks: o, vertical: s = !1, tooltipVisible: c, tooltipPlacement: u = "top", tooltipFormatter: f, disabled: p = !1, onChange: m, sliderEventHandlers: h = {}, ...g } = e, { cssProps: y, otherProps: C } = K(g), { className: w, style: T, ...E } = C, [D] = v(() => `slider-${++Pv}`), O = _(null), [k, A] = v(() => kv(n, r)), [j, M] = v(!1), N = k.some((e) => e.isHovering), P = k.some((e) => e.isDragging), F = !p && (c === void 0 || c), { onClick: I, onMouseOver: L, onMouseOut: R, onDragStart: z, onDrag: B, onDragEnd: V } = h;
 	d(() => {
 		n && A(kv(n, r));
 	}, [n, r]);
-	let V = l((e) => O.current ? Av(O.current, e, i, s) : 0, [i, s]), te = l(() => {
+	let H = l((e) => O.current ? Av(O.current, e, i, s) : 0, [i, s]), ee = l(() => {
 		if (!O.current) return [0, 0];
-		if (k.length === 1) return [0, V(k[0].value) + 6];
-		let e = k.map((e) => e.value), t = Math.min(...e), n = Math.max(...e), r = V(t);
-		return [r, V(n) - r + 6];
-	}, [k, V]), ne = l((e) => {
+		if (k.length === 1) return [0, H(k[0].value) + 6];
+		let e = k.map((e) => e.value), t = Math.min(...e), n = Math.max(...e), r = H(t);
+		return [r, H(n) - r + 6];
+	}, [k, H]), te = l((e) => {
 		if (!o || p) return !1;
-		let [t, n] = te(), r = V(e);
+		let [t, n] = ee(), r = H(e);
 		return t <= r && t + n >= r;
 	}, [
 		o,
 		p,
-		te,
-		V
-	]), re = l((e) => {
+		ee,
+		H
+	]), ne = l((e) => {
 		if (!O.current) return 0;
 		let t = Mv(O.current, e);
 		return Math.round(Nv(t, O.current, r, i, s));
@@ -16169,7 +16165,7 @@ var Pv = 0, Fv = o(function(e, t) {
 		r,
 		i,
 		s
-	]), ie = l((e, t) => a === 1 ? t : t > e && e + a <= t ? e + a : t < e && e - a >= t ? e - a : e, [a]), H = (e, t) => {
+	]), re = l((e, t) => a === 1 ? t : t > e && e + a <= t ? e + a : t < e && e - a >= t ? e - a : e, [a]), U = (e, t) => {
 		if (p || N || P) return;
 		let n = [...k];
 		n[e] = {
@@ -16179,7 +16175,7 @@ var Pv = 0, Fv = o(function(e, t) {
 			index: n[e].value,
 			handle: e
 		}, t);
-	}, ae = (e, t) => {
+	}, ie = (e, t) => {
 		if (p || !N || P) return;
 		let n = [...k];
 		n[e] = {
@@ -16189,12 +16185,12 @@ var Pv = 0, Fv = o(function(e, t) {
 			index: n[e].value,
 			handle: e
 		}, t);
-	}, oe = l((e) => {
+	}, ae = l((e) => {
 		if (p) return;
 		let t = (t) => {
 			if (p) return;
 			t.preventDefault(), t.stopPropagation();
-			let n = re(t), r = ie(k[e].value, n), i = [...k];
+			let n = ne(t), r = re(k[e].value, n), i = [...k];
 			i[e] = {
 				...i[e],
 				value: r
@@ -16204,13 +16200,13 @@ var Pv = 0, Fv = o(function(e, t) {
 			}, t);
 		}, n = (r) => {
 			r.preventDefault(), r.stopPropagation(), document.removeEventListener("mousemove", t), document.removeEventListener("touchmove", t), document.removeEventListener("mouseup", n), document.removeEventListener("touchend", n);
-			let i = re(r), a = ie(k[e].value, i), o = [...k];
+			let i = ne(r), a = re(k[e].value, i), o = [...k];
 			o[e] = {
 				...o[e],
 				value: a,
 				isHovering: !1,
 				isDragging: !1
-			}, A(o), m?.(o.map((e) => e.value).sort((e, t) => e - t), r), ee?.({
+			}, A(o), m?.(o.map((e) => e.value).sort((e, t) => e - t), r), V?.({
 				index: a,
 				handle: e
 			}, r);
@@ -16228,13 +16224,13 @@ var Pv = 0, Fv = o(function(e, t) {
 	}, [
 		p,
 		k,
+		ne,
 		re,
-		ie,
 		m,
 		B,
-		ee,
+		V,
 		z
-	]), se = (e) => {
+	]), oe = (e) => {
 		if (p || (e.preventDefault(), e.stopPropagation(), !O.current)) return;
 		let t = Mv(O.current, e.nativeEvent), n = Math.round(Nv(t, O.current, r, i, s));
 		n -= n % a;
@@ -16243,7 +16239,7 @@ var Pv = 0, Fv = o(function(e, t) {
 			...l[c],
 			value: n
 		}, A(l), m?.(l.map((e) => e.value).sort((e, t) => e - t), e.nativeEvent), I?.({ index: n }, e.nativeEvent);
-	}, ce = (e) => (t) => {
+	}, se = (e) => (t) => {
 		if (p) return;
 		t.preventDefault(), t.stopPropagation();
 		let n = k.reduce((t, n) => Math.abs(n.value - e) < Math.abs(t.value - e) ? n : t), r = k.indexOf(n), i = [...k];
@@ -16251,7 +16247,7 @@ var Pv = 0, Fv = o(function(e, t) {
 			...i[r],
 			value: e
 		}, A(i), m?.(i.map((e) => e.value).sort((e, t) => e - t), t.nativeEvent), I?.({ index: e }, t.nativeEvent);
-	}, [le, U] = te();
+	}, [ce, le] = ee();
 	return /* @__PURE__ */ S("div", {
 		ref: t,
 		className: G("stratus-slider", w),
@@ -16270,11 +16266,11 @@ var Pv = 0, Fv = o(function(e, t) {
 				id: `${D}__track`,
 				className: G("stratus-slider__track", s && "is-vertical", (N || P) && "is-hovering"),
 				style: s ? {
-					marginTop: le,
-					height: U
+					marginTop: ce,
+					height: le
 				} : {
-					marginLeft: le,
-					width: U
+					marginLeft: ce,
+					width: le
 				},
 				"aria-disabled": p
 			}),
@@ -16285,27 +16281,27 @@ var Pv = 0, Fv = o(function(e, t) {
 				children: /* @__PURE__ */ x("div", {
 					id: `${D}__handle-${t}`,
 					className: G("stratus-slider__handle", (e.isHovering || e.isDragging) && "is-hovering"),
-					style: s ? { marginTop: V(e.value) } : { marginLeft: V(e.value) },
-					onMouseDown: () => oe(t),
-					onTouchStart: () => oe(t),
-					onMouseOver: (e) => H(t, e),
-					onMouseOut: (e) => ae(t, e),
+					style: s ? { marginTop: H(e.value) } : { marginLeft: H(e.value) },
+					onMouseDown: () => ae(t),
+					onTouchStart: () => ae(t),
+					onMouseOver: (e) => U(t, e),
+					onMouseOut: (e) => ie(t, e),
 					tabIndex: p ? void 0 : 0,
 					"aria-disabled": p
 				})
 			}, `${D}__tooltip-${t}`)),
 			/* @__PURE__ */ x("div", {
 				className: G("stratus-slider__rail-marks-container", s && "is-vertical"),
-				onClick: se,
+				onClick: oe,
 				onMouseOver: () => !p && !N && !P && M(!0),
 				onMouseOut: () => !p && j && !P && M(!1),
 				"aria-disabled": p,
 				children: o && Object.keys(o).map((e, t) => /* @__PURE__ */ x("span", {
-					className: G("stratus-slider__rail-mark", s && "is-vertical", (j || N || P) && "is-hovering", ne(+e) && "is-active"),
-					style: s ? { marginTop: V(+e) } : { marginLeft: V(+e) },
+					className: G("stratus-slider__rail-mark", s && "is-vertical", (j || N || P) && "is-hovering", te(+e) && "is-active"),
+					style: s ? { marginTop: H(+e) } : { marginLeft: H(+e) },
 					tabIndex: p ? void 0 : 0,
 					"aria-disabled": p,
-					onClick: ce(+e),
+					onClick: se(+e),
 					onMouseOver: (t) => L?.({ index: +e }, t),
 					onMouseOut: (t) => R?.({ index: +e }, t)
 				}, `${D}__rail-mark-${t}`))
@@ -16314,9 +16310,9 @@ var Pv = 0, Fv = o(function(e, t) {
 				className: G("stratus-slider__marks-container", s && "is-vertical"),
 				children: Object.keys(o).map((e, t) => /* @__PURE__ */ x("span", {
 					className: "stratus-slider__mark",
-					style: s ? { marginTop: V(+e) } : { marginLeft: V(+e) },
+					style: s ? { marginTop: H(+e) } : { marginLeft: H(+e) },
 					"aria-disabled": p,
-					onClick: ce(+e),
+					onClick: se(+e),
 					onMouseOver: (t) => L?.({ index: +e }, t),
 					onMouseOut: (t) => R?.({ index: +e }, t),
 					children: o[+e]
@@ -16490,7 +16486,7 @@ function Xv({ display: e, rowProps: t = () => ({}), rowClassNames: r = () => "",
 					end: be(t)
 				}, { weekStartsOn: 1 }).map((e) => {
 					let t = [];
-					for (let n = 0; n < 7; n++) t.push(U(e, n));
+					for (let n = 0; n < 7; n++) t.push(le(e, n));
 					return t;
 				});
 			}
@@ -16778,79 +16774,76 @@ function ly(e, t, n, r) {
 }
 //#endregion
 //#region src/components/DatePicker/DatePicker.tsx
-var uy = o(function({ className: e, css: t, popoverClassName: n, tooltipRef: r, nDisplays: i = 1, allowClear: a = !0, open: o, defaultOpen: s = !1, picker: c = "date", value: l, defaultValue: u, format: d, placeholder: f, showTime: m = !1, showToday: h = !0, showWeekNumber: g = !1, onChange: _, onOpen: y, onClose: b, disabled: S = !1, disabledDates: C, popoverPlacement: w = "bottom-start", inputProps: T = {}, footer: E, style: D, ...O }, k) {
-	let A = l === void 0 ? null : oy(l, d), j = l === void 0 ? u ? oy(u, d) : null : A, [M, N] = v(s), [P, F] = v(j), [I, L] = v(j), [R, z] = v(!1), B = o !== void 0, ee = B ? o : M, V = l === void 0 ? I : A, te = l !== void 0 && ee && !R ? A : I, ne = l !== void 0 && !ee ? A : te, re = cy(c, ne, d, m), ie = i > 0 ? i : 1, H = (e) => {
-		B || N(e);
-	}, ae = (e) => {
-		S || (F(V), L(V), z(!1), H(!0), y?.(e));
-	}, oe = (e) => {
-		H(!1), b?.(e);
+var uy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplays: r = 1, allowClear: i = !0, open: a, defaultOpen: o = !1, picker: s = "date", value: c, defaultValue: l, format: u, placeholder: d, showTime: f = !1, showToday: m = !0, showWeekNumber: h = !1, onChange: g, onOpen: _, onClose: y, disabled: b = !1, disabledDates: S, popoverPlacement: C = "bottom-start", inputProps: w = {}, footer: T, style: E, ...D }, O) {
+	let k = c === void 0 ? null : oy(c, u), A = c === void 0 ? l ? oy(l, u) : null : k, [j, M] = v(o), [N, P] = v(A), [F, I] = v(A), [L, R] = v(!1), z = a !== void 0, B = z ? a : j, V = c === void 0 ? F : k, H = c !== void 0 && B && !L ? k : F, ee = c !== void 0 && !B ? k : H, te = cy(s, ee, u, f), ne = r > 0 ? r : 1, re = (e) => {
+		z || M(e);
+	}, U = (e) => {
+		b || (P(V), I(V), R(!1), re(!0), _?.(e));
+	}, ie = (e) => {
+		re(!1), y?.(e);
 	};
-	p(k, () => ({
-		open: () => ae(),
-		close: () => oe()
+	p(O, () => ({
+		open: () => U(),
+		close: () => ie()
 	}));
-	let se = (e) => {
-		le(l === void 0 ? P : A, e);
-	}, ce = (e) => {
-		L(e), z(!0);
-	}, le = (e, t) => {
-		_?.({
-			text: cy(c, e, d, m),
+	let ae = (e) => {
+		se(c === void 0 ? N : k, e);
+	}, oe = (e) => {
+		I(e), R(!0);
+	}, se = (e, t) => {
+		g?.({
+			text: cy(s, e, u, f),
 			date: e || null
-		}), L(e), z(!1), oe(t);
-	}, U = ne && a ? /* @__PURE__ */ x(q, {
+		}), I(e), R(!1), ie(t);
+	}, ce = ee && i ? /* @__PURE__ */ x(q, {
 		variant: "ghost",
 		size: "sm",
 		className: "stratus-datepicker__clear-btn",
 		onClick: (e) => {
-			e.preventDefault(), e.stopPropagation(), le(null, e);
+			e.preventDefault(), e.stopPropagation(), se(null, e);
 		},
 		"aria-label": "Clear date",
 		children: /* @__PURE__ */ x(Lt, { size: 16 })
 	}) : /* @__PURE__ */ x("span", {
 		className: "stratus-datepicker__calendar-icon",
 		children: /* @__PURE__ */ x(Iv, { size: 16 })
-	}), ue = f || sy(c, d, m);
+	}), le = d || sy(s, u, f);
 	return /* @__PURE__ */ x(Kn, {
-		className: G("stratus-datepicker", n),
-		open: ee,
-		placement: w,
+		className: G("stratus-datepicker", t),
+		open: B,
+		placement: C,
 		trigger: "click",
-		tooltipRef: r,
-		onOpen: ae,
-		onClose: se,
+		tooltipRef: n,
+		onOpen: U,
+		onClose: ae,
 		maxWidth: "none",
 		content: /* @__PURE__ */ x(iy, {
-			nDisplays: ie,
-			type: c,
-			showToday: h,
-			showTime: m,
-			showWeekNumber: g,
-			initialDate: te || null,
-			onSelectDate: ce,
-			onChange: le,
-			disabledDates: C,
-			footer: E
+			nDisplays: ne,
+			type: s,
+			showToday: m,
+			showTime: f,
+			showWeekNumber: h,
+			initialDate: H || null,
+			onSelectDate: oe,
+			onChange: se,
+			disabledDates: S,
+			footer: T
 		}),
 		children: /* @__PURE__ */ x("div", {
-			style: {
-				...D,
-				...t
-			},
-			...O,
+			style: E,
+			...D,
 			children: /* @__PURE__ */ x(Yn, {
 				className: G(e, "stratus-datepicker__input"),
-				endAdornment: U,
-				value: re ?? "",
-				placeholder: ue,
-				disabled: S,
-				onChange: () => _?.({
-					text: re,
-					date: ne
+				endAdornment: ce,
+				value: te ?? "",
+				placeholder: le,
+				disabled: b,
+				onChange: () => g?.({
+					text: te,
+					date: ee
 				}),
-				style: { width: m ? 200 : 150 },
-				...T,
+				style: { width: f ? 200 : 150 },
+				...w,
 				inputProps: { readOnly: !0 }
 			})
 		})
@@ -17031,28 +17024,28 @@ function my({ disabled: e, picker: t, format: n, showTime: r, onChange: i, onCha
 //#endregion
 //#region src/components/DatePicker/DateRangePicker.tsx
 var hy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplays: r = 2, nInputs: i = 1, separator: a = "-", allowClear: o = !0, picker: s = "date", value: c, defaultValue: l, format: u, placeholderStartDate: d = "Start date", placeholderEndDate: f = "End date", showTime: m = !1, showToday: h = !0, showWeekNumber: g = !1, onChange: _, onChangeOnClickOutside: y = !0, disabled: b = !1, disabledDates: S, popoverPlacement: C = "bottom-start", startDateInputProps: w = {}, endDateInputProps: T = {}, footer: E, style: D, ...O }, k) {
-	let A = c ? oy(c[0], u) : null, j = c ? oy(c[1], u) : null, M = c ? A : l ? oy(l[0], u) : null, N = c ? j : l ? oy(l[1], u) : null, [P, F] = v(!1), [I, L] = v(M), [R, z] = v(N), [B, ee] = v(M), [V, te] = v(N), [ne, re] = v(null), [ie, H] = v(0), ae = c ? A : B, oe = c ? j : V, se = c && !P ? A : B, ce = c && !P ? j : V, le = r > 0 ? r : 2, U = i > 1 ? 2 : 1, ue = U > 1 ? m ? "190px" : "135px" : m ? "300px" : "220px", de = cy(s, se, u, m), fe = cy(s, ce, u, m), { openPicker: pe, closePicker: me, handleOpenStartDate: he, handleOpenEndDate: ge, handleDismiss: _e, handleSelectDate: ve, handleChangeDate: ye, handleClear: W, getRowClassNames: be, getRowProps: xe, getCellClassNames: Se, getCellProps: Ce } = my({
+	let A = c ? oy(c[0], u) : null, j = c ? oy(c[1], u) : null, M = c ? A : l ? oy(l[0], u) : null, N = c ? j : l ? oy(l[1], u) : null, [P, F] = v(!1), [I, L] = v(M), [R, z] = v(N), [B, V] = v(M), [H, ee] = v(N), [te, ne] = v(null), [re, U] = v(0), ie = c ? A : B, ae = c ? j : H, oe = c && !P ? A : B, se = c && !P ? j : H, ce = r > 0 ? r : 2, le = i > 1 ? 2 : 1, ue = le > 1 ? m ? "190px" : "135px" : m ? "300px" : "220px", de = cy(s, oe, u, m), fe = cy(s, se, u, m), { openPicker: pe, closePicker: me, handleOpenStartDate: he, handleOpenEndDate: ge, handleDismiss: _e, handleSelectDate: ve, handleChangeDate: ye, handleClear: W, getRowClassNames: be, getRowProps: xe, getCellClassNames: Se, getCellProps: Ce } = my({
 		disabled: b,
 		picker: s,
 		format: u,
 		showTime: m,
 		onChange: _,
 		onChangeOnClickOutside: y,
-		committedStartDate: ae,
-		committedEndDate: oe,
+		committedStartDate: ie,
+		committedEndDate: ae,
 		savedStartDate: I,
 		savedEndDate: R,
 		startDate: B,
-		endDate: V,
-		hoverDate: ne,
-		focusInput: ie,
+		endDate: H,
+		hoverDate: te,
+		focusInput: re,
 		setOpen: F,
 		setSavedStartDate: L,
 		setSavedEndDate: z,
-		setStartDate: ee,
-		setEndDate: te,
-		setHoverDate: re,
-		setFocusInput: H
+		setStartDate: V,
+		setEndDate: ee,
+		setHoverDate: ne,
+		setFocusInput: U
 	});
 	return p(k, () => ({
 		open: () => pe(1),
@@ -17067,12 +17060,12 @@ var hy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 		onClose: _e,
 		maxWidth: "none",
 		content: /* @__PURE__ */ x(iy, {
-			nDisplays: le,
+			nDisplays: ce,
 			type: s,
 			showToday: h,
 			showTime: m,
 			showWeekNumber: g,
-			initialDate: ie === 1 ? B || null : V || null,
+			initialDate: re === 1 ? B || null : H || null,
 			onSelectDate: ve,
 			onChange: ye,
 			disabledDates: S,
@@ -17089,8 +17082,8 @@ var hy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 			children: /* @__PURE__ */ x(py, {
 				className: e,
 				allowClear: o,
-				nInputs: U,
-				focusInput: ie,
+				nInputs: le,
+				focusInput: re,
 				separator: a,
 				placeholderStartDate: d,
 				placeholderEndDate: f,
@@ -17304,13 +17297,13 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		z,
 		R,
 		C
-	]), ee = h(() => Ty(r, t, n, O, D), [
+	]), V = h(() => Ty(r, t, n, O, D), [
 		r,
 		t,
 		n,
 		O,
 		D
-	]), V = h(() => {
+	]), H = h(() => {
 		let e = L * a / 100, t = i.map((t, n) => {
 			let r = t.dataKey || t.accessor || t.key || `col_${n}`, i = wy(e, t), a = {
 				dataKey: r,
@@ -17406,10 +17399,10 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		let e = F.current.getTableRef();
 		if (e) if (A) {
 			let t = r.findIndex((e) => e.id === A);
-			t !== -1 && (e.scrollToRow(t), te(r[t].startDate));
-		} else k && te(k);
+			t !== -1 && (e.scrollToRow(t), ee(r[t].startDate));
+		} else k && ee(k);
 	}, [k, A]);
-	function te(e) {
+	function ee(e) {
 		if (!e || !F.current) return;
 		let t = gy(e), n = F.current.getTableRef();
 		if (!n) return;
@@ -17418,37 +17411,37 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		let s = R.findIndex((e) => Sy(e, t));
 		if (s !== -1) {
 			let e = B / R.length, t = o + s * e;
-			n.scrollToLeft(t), re(t);
+			n.scrollToLeft(t), ne(t);
 		}
 	}
-	function ne(e) {
+	function te(e) {
 		if (!e || !F.current) return;
 		let t = F.current.getTableRef();
 		if (!t) return;
 		let n = r.findIndex((t) => t.id === e);
-		n !== -1 && (t.scrollToRow(n), te(r[n].startDate));
+		n !== -1 && (t.scrollToRow(n), ee(r[n].startDate));
 	}
-	function re(e) {
+	function ne(e) {
 		b && setTimeout(() => {
 			let t = document.getElementById("stratus-gantt__timenowLine-container");
 			t && (t.scrollLeft = e);
 		});
 	}
 	p(P, () => ({
-		scrollToDate: (e) => setTimeout(() => te(e)),
-		scrollToTask: (e) => setTimeout(() => ne(e)),
+		scrollToDate: (e) => setTimeout(() => ee(e)),
+		scrollToTask: (e) => setTimeout(() => te(e)),
 		clearSortState: () => F.current?.clearSortState(),
 		setSelectedRows: (e) => F.current?.setSelectedRows(e.map(String)),
 		getTableRef: () => F.current
 	}));
-	let ie = l((e) => {
+	let re = l((e) => {
 		M && M({
 			rowData: e.rowData,
 			rowIndex: e.rowIndex,
 			rowKey: e.rowData.id,
 			event: e.event
 		});
-	}, [M]), H = h(() => {
+	}, [M]), U = h(() => {
 		let e = L * a / 100;
 		return i.filter((e) => e.frozen === "left" || e.frozen === !0).reduce((t, n) => t + wy(e, n), 0);
 	}, [
@@ -17463,8 +17456,8 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		style: { height: "100%" },
 		children: [/* @__PURE__ */ x(Ft, {
 			ref: F,
-			columns: V,
-			data: ee,
+			columns: H,
+			data: V,
 			rowId: "id",
 			headerHeight: s,
 			rowHeight: c,
@@ -17477,7 +17470,7 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 			noDataValue: m ?? "No data",
 			className: "stratus-gantt__table",
 			rowClassName: u,
-			onRowClick: M ? ie : void 0,
+			onRowClick: M ? re : void 0,
 			onColumnSort: N
 		}), b && B > 0 && /* @__PURE__ */ x("div", {
 			id: "stratus-gantt__timenowLine-container",
@@ -17485,8 +17478,8 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 			children: /* @__PURE__ */ x("div", {
 				className: "stratus-gantt__overlay-inner",
 				style: {
-					width: B + H + z,
-					marginLeft: H + 2
+					width: B + U + z,
+					marginLeft: U + 2
 				},
 				children: /* @__PURE__ */ x(ky, {
 					start: t,