@equinor/stratus-ui 1.10.0 → 1.11.0

package/dist/index.js

@@ -13,12 +13,12 @@ import F from "@tiptap/extension-table-cell";
 import I from "@tiptap/extension-table-header";
 import L from "@tiptap/extension-table-row";
 import R from "@tiptap/extension-text-align";
-import { TextStyle as ee } from "@tiptap/extension-text-style";
-import { Extension as z, Node as B, callOrReturn as te, createStyleTag as ne, escapeForRegEx as re, getExtensionField as ie, isNodeEmpty as ae, isNodeSelection as oe, mergeAttributes as V } from "@tiptap/core";
+import { TextStyle as z } from "@tiptap/extension-text-style";
+import { Extension as B, Node as V, callOrReturn as ee, createStyleTag as te, escapeForRegEx as ne, getExtensionField as re, isNodeEmpty as ie, isNodeSelection as ae, mergeAttributes as oe } from "@tiptap/core";
 import { EditorContent as H, ReactRenderer as se, useEditor as ce } from "@tiptap/react";
 import le from "@tiptap/starter-kit";
 import { createPopper as ue } from "@popperjs/core";
-import { addDays as de, addMonths as fe, addSeconds as pe, addYears as me, differenceInMilliseconds as he, eachDayOfInterval as ge, eachMonthOfInterval as _e, eachQuarterOfInterval as ve, eachWeekOfInterval as ye, eachYearOfInterval as be, endOfDay as xe, endOfDecade as U, endOfMonth as Se, endOfWeek as Ce, endOfYear as we, format as Te, getDayOfYear as Ee, getDecade as De, getISOWeek as Oe, getQuarter as ke, isAfter as Ae, isBefore as je, isEqual as Me, isSameDay as Ne, isSameMonth as Pe, isSameQuarter as Fe, isSameWeek as Ie, isSameYear as Le, isToday as Re, isWeekend as ze, parse as Be, parseISO as Ve, startOfDay as He, startOfDecade as Ue, startOfMonth as We, startOfWeek as Ge, startOfYear as Ke, subDays as qe, subMonths as Je, subYears as Ye, toDate as Xe } from "date-fns";
+import { addDays as de, addMonths as fe, addSeconds as pe, addYears as U, differenceInMilliseconds as me, eachDayOfInterval as he, eachMonthOfInterval as ge, eachQuarterOfInterval as _e, eachWeekOfInterval as ve, eachYearOfInterval as ye, endOfDay as be, endOfDecade as xe, endOfMonth as Se, endOfWeek as Ce, endOfYear as we, format as Te, getDayOfYear as Ee, getDecade as De, getISOWeek as Oe, getQuarter as ke, isAfter as Ae, isBefore as je, isEqual as Me, isSameDay as Ne, isSameMonth as Pe, isSameQuarter as Fe, isSameWeek as Ie, isSameYear as Le, isToday as Re, isWeekend as ze, parse as Be, parseISO as Ve, startOfDay as He, startOfDecade as Ue, startOfMonth as We, startOfWeek as Ge, startOfYear as Ke, subDays as qe, subMonths as Je, subYears as Ye, toDate as Xe } from "date-fns";
 //#region src/theme/palette.ts
 var W = {
 	primary: {
@@ -441,31 +441,31 @@ function pt(e, t, n) {
 		left: a
 	};
 }
-var mt = 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, disabled: j = !1, onOpen: M, onClose: N, onClick: P, onMouseEnter: F, onMouseLeave: I, onContextMenu: L, onClickOutside: R, ...ee }, z) => {
-	let [B, te] = v(u), ne = _(null), re = _(null), ie = _(void 0), [ae, oe] = v(null), V = c !== void 0, H = j ? !1 : V ? c : B, se = _(H);
+var mt = 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, disabled: j = !1, onOpen: M, onClose: N, onClick: P, onMouseEnter: F, onMouseLeave: I, onContextMenu: L, onClickOutside: R, ...z }, B) => {
+	let [V, ee] = v(u), te = _(null), ne = _(null), re = _(void 0), [ie, ae] = v(null), oe = c !== void 0, H = j ? !1 : oe ? c : V, se = _(H);
 	d(() => {
 		let e = se.current;
-		se.current = H, j && (clearTimeout(ie.current), V || te(!1), e && N?.(new MouseEvent("click", {
+		se.current = H, j && (clearTimeout(re.current), oe || ee(!1), e && N?.(new MouseEvent("click", {
 			bubbles: !0,
 			cancelable: !0
 		})));
 	}, [
 		j,
 		H,
-		V,
+		oe,
 		N
-	]), d(() => () => clearTimeout(ie.current), []);
+	]), d(() => () => clearTimeout(re.current), []);
 	let ce = h(() => Array.isArray(o) ? o : [o], [o]), le = {};
-	for (let e of Object.keys(ee)) e.startsWith("data-") && (le[e] = ee[e]);
+	for (let e of Object.keys(z)) e.startsWith("data-") && (le[e] = z[e]);
 	let ue = l((e) => {
-		j || (V || te(!0), M?.(e));
+		j || (oe || ee(!0), M?.(e));
 	}, [
 		j,
-		V,
+		oe,
 		M
 	]), de = l((e) => {
-		V || te(!1), N?.(e);
-	}, [V, N]);
+		oe || ee(!1), N?.(e);
+	}, [oe, N]);
 	p(y, () => ({
 		open: (e) => {
 			let t = new MouseEvent("click", {
@@ -483,12 +483,12 @@ var mt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 		}
 	}));
 	let fe = l(() => {
-		if (!ne.current || !re.current) return;
-		let e = ne.current.getBoundingClientRect(), t = re.current.getBoundingClientRect(), n = pt(e, {
+		if (!te.current || !ne.current) return;
+		let e = te.current.getBoundingClientRect(), t = ne.current.getBoundingClientRect(), n = pt(e, {
 			width: t.width,
 			height: t.height
 		}, a);
-		oe(n);
+		ae(n);
 	}, [a]);
 	m(() => {
 		H && fe();
@@ -506,7 +506,7 @@ var mt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 		if (!H || !g || !ce.includes("click") && !ce.includes("contextMenu")) return;
 		let e = (e) => {
 			let t = e.target;
-			ne.current?.contains(t) || re.current?.contains(t) || (de(e), R?.(!1, e));
+			te.current?.contains(t) || ne.current?.contains(t) || (de(e), R?.(!1, e));
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [
@@ -518,80 +518,80 @@ var mt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 	let pe = l((e) => {
 		if (!ce.includes("click")) return;
 		let t = !H;
-		V || te(t), P?.(t, e), t ? M?.(e) : N?.(e);
+		oe || ee(t), P?.(t, e), t ? M?.(e) : N?.(e);
 	}, [
 		ce,
 		H,
-		V,
+		oe,
 		P,
 		M,
 		N
-	]), me = l((e) => {
+	]), U = l((e) => {
 		if (!ce.includes("contextMenu")) return;
 		e.preventDefault();
 		let t = !H;
-		V || te(t), L?.(t, e), t ? M?.(e) : N?.(e);
+		oe || ee(t), L?.(t, e), t ? M?.(e) : N?.(e);
 	}, [
 		ce,
 		H,
-		V,
+		oe,
 		L,
 		M,
 		N
-	]), he = l((e) => {
-		ce.includes("hover") && (clearTimeout(ie.current), ue(e), F?.(!0, e));
+	]), me = l((e) => {
+		ce.includes("hover") && (clearTimeout(re.current), ue(e), F?.(!0, e));
 	}, [
 		ce,
 		ue,
 		F
-	]), ge = l((e) => {
-		ce.includes("hover") && (ie.current = setTimeout(() => de(e), 100), I?.(!1, e));
+	]), he = l((e) => {
+		ce.includes("hover") && (re.current = setTimeout(() => de(e), 100), I?.(!1, e));
 	}, [
 		ce,
 		de,
 		I
-	]), _e = l(() => {
-		ce.includes("hover") && clearTimeout(ie.current);
-	}, [ce]), ve = l((e) => {
+	]), ge = l(() => {
+		ce.includes("hover") && clearTimeout(re.current);
+	}, [ce]), _e = l((e) => {
 		ce.includes("hover") && (de(e), I?.(!1, e));
 	}, [
 		ce,
 		de,
 		I
-	]), ye = {};
-	j || (ce.includes("click") && (ye.onClick = pe), ce.includes("contextMenu") && (ye.onContextMenu = me), ce.includes("hover") && (ye.onMouseEnter = he, ye.onMouseLeave = ge));
-	let be = l((e) => {
-		ne.current = e;
-	}, []), xe = () => typeof e == "string" ? /* @__PURE__ */ x("span", {
-		ref: be,
-		...ye,
+	]), ve = {};
+	j || (ce.includes("click") && (ve.onClick = pe), ce.includes("contextMenu") && (ve.onContextMenu = U), ce.includes("hover") && (ve.onMouseEnter = me, ve.onMouseLeave = he));
+	let ye = l((e) => {
+		te.current = e;
+	}, []), be = () => typeof e == "string" ? /* @__PURE__ */ x("span", {
+		ref: ye,
+		...ve,
 		className: "stratus-tooltip-anchor",
 		style: j ? { cursor: "default" } : void 0,
 		children: e
 	}) : t.map(e, (e) => s(e) ? r(e, {
-		ref: be,
-		...ye,
+		ref: ye,
+		...ve,
 		style: {
 			display: e.props?.display ?? "inline-block",
 			...j ? {} : { cursor: "pointer" },
 			...e.props?.style
 		}
-	}) : e), U = dt(a), Se = Array.isArray(T) ? T[0] : T, Ce = Array.isArray(E) ? E[0] : E, we = !j && (H || k) ? /* @__PURE__ */ S("div", {
+	}) : e), xe = dt(a), Se = Array.isArray(T) ? T[0] : T, Ce = Array.isArray(E) ? E[0] : E, we = !j && (H || k) ? /* @__PURE__ */ S("div", {
 		ref: (e) => {
-			re.current = e, typeof z == "function" ? z(e) : z && (z.current = e);
+			ne.current = e, typeof B == "function" ? B(e) : B && (B.current = e);
 		},
-		className: G("stratus-tooltip", `stratus-tooltip--${U}`, n),
+		className: G("stratus-tooltip", `stratus-tooltip--${xe}`, n),
 		role: "tooltip",
 		"data-state": H ? "open" : "closed",
 		style: {
-			top: ae?.top ?? -9999,
-			left: ae?.left ?? -9999,
+			top: ie?.top ?? -9999,
+			left: ie?.left ?? -9999,
 			zIndex: typeof w == "string" ? Number(w) || 1500 : w,
 			display: H ? void 0 : "none",
 			...!H && k ? { visibility: "hidden" } : {}
 		},
-		onMouseEnter: _e,
-		onMouseLeave: ve,
+		onMouseEnter: ge,
+		onMouseLeave: _e,
 		...le,
 		children: [f && /* @__PURE__ */ x("span", { className: "stratus-tooltip__arrow" }), /* @__PURE__ */ x("div", {
 			className: "stratus-tooltip__content",
@@ -603,7 +603,7 @@ var mt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 			children: i
 		})]
 	}) : null, Te = !A && typeof document < "u" ? O ?? document.body : null;
-	return /* @__PURE__ */ S(b, { children: [xe(), we && (Te ? C(we, Te) : we)] });
+	return /* @__PURE__ */ S(b, { children: [be(), we && (Te ? C(we, Te) : we)] });
 });
 mt.displayName = "Tooltip";
 //#endregion
@@ -770,11 +770,11 @@ var Ct = o(function(e, t) {
 		l?.(t, e), b ? b.toggleOpen(C, e, r) : O((e) => !e);
 	}, I = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), F(e));
-	}, L = b?.triggersSubMenu ?? "click", R = Array.isArray(L) ? L.includes("hover") : L === "hover", ee = (e) => {
+	}, L = b?.triggersSubMenu ?? "click", R = Array.isArray(L) ? L.includes("hover") : L === "hover", z = (e) => {
 		!R || w || k || (b ? b.toggleOpen(C, e, r) : O(!0));
-	}, z = (e) => {
+	}, B = (e) => {
 		!R || w || !k || (b ? b.toggleOpen(C, e, r) : O(!1));
-	}, B = x(E ? xt : St, {});
+	}, V = x(E ? xt : St, {});
 	return /* @__PURE__ */ S("li", {
 		ref: t,
 		className: G("stratus-submenu", h),
@@ -782,8 +782,8 @@ var Ct = o(function(e, t) {
 			...g,
 			...p
 		},
-		onMouseEnter: E ? void 0 : ee,
-		onMouseLeave: E ? void 0 : z,
+		onMouseEnter: E ? void 0 : z,
+		onMouseLeave: E ? void 0 : B,
 		...y,
 		children: [/* @__PURE__ */ S("div", {
 			ref: j,
@@ -806,7 +806,7 @@ var Ct = o(function(e, t) {
 				}),
 				s && /* @__PURE__ */ x("span", {
 					className: G("stratus-submenu__trigger__arrow", E && k && "stratus-submenu__trigger__arrow--open"),
-					children: B
+					children: V
 				})
 			]
 		}), E ? /* @__PURE__ */ x("div", {
@@ -861,7 +861,7 @@ var Dt = it((e, t) => {
 		F,
 		g,
 		_
-	]), ee = l((e, t, n) => {
+	]), z = l((e, t, n) => {
 		let r = F.includes(e), i;
 		i = r ? F.filter((t) => t !== e) : [...F, e], u || N(i);
 		let a = {
@@ -878,7 +878,7 @@ var Dt = it((e, t) => {
 		P,
 		y,
 		b
-	]), z = {
+	]), B = {
 		mode: a ? "vertical" : i,
 		compact: p,
 		disabled: m,
@@ -890,19 +890,19 @@ var Dt = it((e, t) => {
 		isSelected: I,
 		isOpen: L,
 		toggleSelect: R,
-		toggleOpen: ee,
+		toggleOpen: z,
 		onClick: h
-	}, B = n ?? "ul", te = G("stratus-menu", `stratus-menu--${i}`, T), ne = {
+	}, V = n ?? "ul", ee = G("stratus-menu", `stratus-menu--${i}`, T), te = {
 		...E,
 		...C
 	};
 	return /* @__PURE__ */ x(Tt.Provider, {
-		value: z,
-		children: /* @__PURE__ */ x(B, {
+		value: B,
+		children: /* @__PURE__ */ x(V, {
 			ref: t,
 			role: "menu",
-			className: te,
-			style: ne,
+			className: ee,
+			style: te,
 			...D,
 			children: r
 		})
@@ -1062,27 +1062,27 @@ function Rt(e, t, n) {
 	return r;
 }
 function zt(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: A = !1, selectable: j = !1, selectRowOnClick: M = !0, stripedRows: N = !1, disabled: P = !1, elevation: F = 0, noDataValue: I, extraColumnsWidth: L, className: R, rowClassName: ee, onRowClick: z, onColumnSort: B, onRowSelect: te, onDragEnd: ne, onEndReached: re, onEndReachedThreshold: ie = 50, style: ae } = e, oe = _(null), V = _(null), [H, se] = 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: A = !1, selectable: j = !1, selectRowOnClick: M = !0, stripedRows: N = !1, disabled: P = !1, elevation: F = 0, maxHeight: I, noDataValue: L, extraColumnsWidth: R, className: z, rowClassName: B, onRowClick: V, onColumnSort: ee, onRowSelect: te, onDragEnd: ne, onEndReached: re, onEndReachedThreshold: ie = 50, style: ae } = e, oe = _(null), H = _(null), [se, ce] = v(0), [le, ue] = v(0);
 	d(() => {
 		let e = oe.current;
 		if (!e) return;
 		let t = new ResizeObserver((e) => {
-			for (let t of e) se(t.contentRect.width);
+			for (let t of e) ce(t.contentRect.width), ue(t.contentRect.height);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let [ce, le] = v([]), ue = l((e) => {
-		P || le((t) => {
+	let [de, fe] = v([]), pe = l((e) => {
+		P || fe((t) => {
 			let n = typeof e == "function" ? e(t) : e;
-			return B?.(It(n)), n;
+			return ee?.(It(n)), n;
 		});
-	}, [B, P]), [de, fe] = v(() => C ? Pt(C) : {}), pe = h(() => b === void 0 ? de : Pt(b), [b, de]), me = l((e) => {
-		b === void 0 && fe((t) => typeof e == "function" ? e(t) : e);
-	}, [b]), [he, ge] = v(() => e.defaultSelectedRowsIds ? Object.fromEntries(e.defaultSelectedRowsIds.map((e) => [e, !0])) : {}), [_e, ve] = v(null), [ye, be] = v(null), xe = 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]), U = h(() => {
+	}, [ee, P]), [U, me] = v(() => C ? Pt(C) : {}), he = h(() => b === void 0 ? U : Pt(b), [b, U]), ge = l((e) => {
+		b === void 0 && me((t) => typeof e == "function" ? e(t) : e);
+	}, [b]), [_e, ve] = v(() => e.defaultSelectedRowsIds ? Object.fromEntries(e.defaultSelectedRowsIds.map((e) => [e, !0])) : {}), [ye, be] = v(null), [xe, Se] = v(null), Ce = l((e, t) => typeof e == "function" ? Math.max(e(se, t), 0) : typeof e == "string" ? e.endsWith("%") ? Math.max(parseFloat(e) / 100 * se, 0) : parseFloat(e) || 150 : e, [se]), we = h(() => {
 		let e = [];
 		if (y) {
-			let t = L ? L({
-				totalWidth: H,
+			let t = R ? R({
+				totalWidth: se,
 				column: { key: "__expandable__" },
 				defaultWidth: 48
 			}) : 48;
@@ -1106,8 +1106,8 @@ function zt(e, t) {
 			});
 		}
 		if (j) {
-			let t = L ? L({
-				totalWidth: H,
+			let t = R ? R({
+				totalWidth: se,
 				column: { key: "__selectable__" },
 				defaultWidth: 48
 			}) : 48;
@@ -1138,8 +1138,8 @@ function zt(e, t) {
 			});
 		}
 		if (A) {
-			let t = L ? L({
-				totalWidth: H,
+			let t = R ? R({
+				totalWidth: se,
 				column: { key: "__draggable__" },
 				defaultWidth: 48
 			}) : 48;
@@ -1159,7 +1159,7 @@ function zt(e, t) {
 			});
 		}
 		return n.forEach((t, n) => {
-			let r = t.key ?? t.dataKey, i = H > 0 ? xe(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 = se > 0 ? Ce(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);
@@ -1197,31 +1197,31 @@ function zt(e, t) {
 		}), e;
 	}, [
 		n,
-		H,
+		se,
 		y,
 		j,
 		A,
 		f,
 		g,
-		L,
-		xe,
+		R,
+		Ce,
 		te
-	]), Se = l((e) => String(e[i]), [i]), Ce = l((e) => {
+	]), Te = l((e) => String(e[i]), [i]), Ee = l((e) => {
 		let t = e[a];
 		return Array.isArray(t) ? t : void 0;
-	}, [a]), we = O({
+	}, [a]), De = O({
 		data: r,
-		columns: U,
+		columns: we,
 		state: {
-			sorting: ce,
-			expanded: pe,
-			rowSelection: he
+			sorting: de,
+			expanded: he,
+			rowSelection: _e
 		},
-		getRowId: Se,
-		getSubRows: y ? Ce : void 0,
-		onSortingChange: ue,
-		onExpandedChange: me,
-		onRowSelectionChange: ge,
+		getRowId: Te,
+		getSubRows: y ? Ee : void 0,
+		onSortingChange: pe,
+		onExpandedChange: ge,
+		onRowSelectionChange: ve,
 		getCoreRowModel: T(),
 		getSortedRowModel: D(),
 		getExpandedRowModel: y ? E() : void 0,
@@ -1232,86 +1232,92 @@ function zt(e, t) {
 		enableColumnResizing: g && !P,
 		enableRowSelection: j,
 		enableExpanding: y
-	}), Te = Array.isArray(s) ? s[0] : s, Ee = c ?? (o ? 32 : 48), De = we.getRowModel().rows, Oe = we.getHeaderGroups(), ke = we.getVisibleLeafColumns(), Ae = !r.length, je = F ? Lt[F] ?? Lt[1] : void 0, Me = k({
-		count: ke.length,
-		estimateSize: (e) => ke[e]?.getSize() ?? 150,
-		getScrollElement: () => V.current,
+	}), Oe = Array.isArray(s) ? s[0] : s, ke = c ?? (o ? 32 : 48), Ae = De.getRowModel().rows, je = De.getHeaderGroups(), Me = De.getVisibleLeafColumns(), Ne = !r.length, Pe = F ? Lt[F] ?? Lt[1] : void 0, Fe = k({
+		count: Me.length,
+		estimateSize: (e) => Me[e]?.getSize() ?? 150,
+		getScrollElement: () => H.current,
 		horizontal: !0,
 		overscan: 3,
 		initialRect: {
-			width: H || 800,
-			height: Ee * 10
+			width: se || 800,
+			height: le || ke * 10
 		}
-	}), Ne = k({
-		count: De.length,
-		estimateSize: () => Ee,
-		getScrollElement: () => V.current,
+	}), Ie = k({
+		count: Ae.length,
+		estimateSize: () => ke,
+		getScrollElement: () => H.current,
 		measureElement: u && typeof window < "u" && window.navigator.userAgent.indexOf("Firefox") === -1 ? (e) => e?.getBoundingClientRect().height : void 0,
 		overscan: 5,
 		initialRect: {
-			width: H || 800,
-			height: Ee * 10
+			width: se || 800,
+			height: le || ke * 10
 		}
-	}), Pe = Me.getVirtualItems(), Fe = Ne.getVirtualItems(), Ie = Pe.length ? Pe : Rt(ke.length, (e) => ke[e]?.getSize() ?? 150, (H || 800) + 450), Le = Fe.length ? Fe : Rt(De.length, () => Ee, Ee * 15), Re = Ie[0]?.start ?? 0, ze = Ie.length ? Math.max(Me.getTotalSize() - (Ie[Ie.length - 1]?.end ?? 0), 0) : 0;
+	}), Le = Fe.getVirtualItems(), Re = Ie.getVirtualItems(), ze = Le.length ? Le : Rt(Me.length, (e) => Me[e]?.getSize() ?? 150, (se || 800) + 450), Be = Re.length ? Re : Rt(Ae.length, () => ke, ke * 15), Ve = ze[0]?.start ?? 0, He = ze.length ? Math.max(Fe.getTotalSize() - (ze[ze.length - 1]?.end ?? 0), 0) : 0;
 	d(() => {
-		Me.measure();
-	}, [Me, ke.map((e) => e.getSize()).join("|")]), p(t, () => ({
+		Fe.measure();
+	}, [
+		Fe,
+		Me.map((e) => e.getSize()).join("|"),
+		le
+	]), d(() => {
+		Ie.measure();
+	}, [Ie, le]), p(t, () => ({
 		clearSortState: () => {
-			le([]), B?.({});
+			fe([]), ee?.({});
 		},
 		setColumnSort: ({ columnKey: e, order: t }) => {
 			let n = [{
 				id: e,
 				desc: t === "desc"
 			}];
-			le(n), B?.(It(n));
+			fe(n), ee?.(It(n));
 		},
 		setSelectedRows: (e) => {
-			ge(Object.fromEntries(e.map((e) => [e, !0])));
+			ve(Object.fromEntries(e.map((e) => [e, !0])));
 		},
 		getTableRef: () => ({
 			scrollToTop: (e) => {
-				V.current && (V.current.scrollTop = e);
+				H.current && (H.current.scrollTop = e);
 			},
 			scrollToRow: (e) => {
-				Ne.scrollToIndex(e, { align: "start" });
+				Ie.scrollToIndex(e, { align: "start" });
 			},
 			scrollToLeft: (e) => {
-				V.current && (V.current.scrollLeft = e);
+				H.current && (H.current.scrollLeft = e);
 			},
 			getDOMNode: () => oe.current,
-			getExpandedState: () => ({ expandedData: (we.getExpandedRowModel?.()?.rows ?? we.getRowModel().rows).map((e) => e.original) }),
-			getExpandedRowKeys: () => Ft(we.getState().expanded, we.getRowModel().rows),
+			getExpandedState: () => ({ expandedData: (De.getExpandedRowModel?.()?.rows ?? De.getRowModel().rows).map((e) => e.original) }),
+			getExpandedRowKeys: () => Ft(De.getState().expanded, De.getRowModel().rows),
 			setExpandedRowKeys: (e) => {
-				b === void 0 && fe(Pt(e));
+				b === void 0 && me(Pt(e));
 			}
 		})
 	}), [
-		we,
-		Ne,
+		De,
+		Ie,
 		b,
-		B
+		ee
 	]), d(() => {
 		if (!re) return;
-		let e = V.current;
+		let e = H.current;
 		if (!e) return;
 		let t = () => {
 			e.scrollTop + e.clientHeight >= e.scrollHeight - ie && re();
 		};
 		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
 	}, [re, ie]);
-	let Be = l((e, t) => {
-		!A || P || (ve(e.id), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", e.id));
-	}, [A, P]), Ve = l((e, t) => {
-		!A || P || (t.preventDefault(), t.dataTransfer.dropEffect = "move", be(e.id));
-	}, [A, P]), He = l((e, t) => {
+	let Ue = l((e, t) => {
+		!A || P || (be(e.id), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", e.id));
+	}, [A, P]), We = l((e, t) => {
+		!A || P || (t.preventDefault(), t.dataTransfer.dropEffect = "move", Se(e.id));
+	}, [A, P]), Ge = l((e, t) => {
 		if (!A || P) return;
 		t.preventDefault();
-		let n = t.dataTransfer.getData("text/plain") || _e;
-		if (ve(null), be(null), !n || n === e.id) return;
-		let r = De.findIndex((e) => e.id === n), i = De.findIndex((t) => t.id === e.id);
+		let n = t.dataTransfer.getData("text/plain") || ye;
+		if (be(null), Se(null), !n || n === e.id) return;
+		let r = Ae.findIndex((e) => e.id === n), i = Ae.findIndex((t) => t.id === e.id);
 		if (r < 0 || i < 0) return;
-		let a = De.map((e) => e.original), [o] = a.splice(r, 1);
+		let a = Ae.map((e) => e.original), [o] = a.splice(r, 1);
 		a.splice(i, 0, o), ne?.({
 			oldIndex: r,
 			newIndex: i,
@@ -1321,39 +1327,43 @@ function zt(e, t) {
 	}, [
 		A,
 		P,
-		_e,
-		De,
+		ye,
+		Ae,
 		ne
-	]), Ue = l(() => {
-		ve(null), be(null);
+	]), Ke = l(() => {
+		be(null), Se(null);
 	}, []);
 	return /* @__PURE__ */ x("div", {
 		ref: oe,
-		className: G("stratus-table-root", R),
+		className: G("stratus-table-root", z),
 		style: {
 			...ae,
-			...je ? { boxShadow: je } : {}
+			...Pe ? { boxShadow: Pe } : {}
 		},
 		children: /* @__PURE__ */ x("div", {
-			ref: V,
+			ref: H,
 			className: "stratus-table-scroll",
+			style: {
+				...le > 0 ? { height: le } : {},
+				...I === void 0 ? {} : { maxHeight: I }
+			},
 			children: /* @__PURE__ */ S("table", {
 				className: G("stratus-table", "stratus-table--virtualized", o ? "stratus-table--compact" : void 0),
-				style: { width: Me.getTotalSize() || "100%" },
+				style: { width: Fe.getTotalSize() || "100%" },
 				children: [
-					/* @__PURE__ */ x("colgroup", { children: we.getAllColumns().map((e) => /* @__PURE__ */ x("col", { style: { width: e.getSize() } }, e.id)) }),
+					/* @__PURE__ */ x("colgroup", { children: De.getAllColumns().map((e) => /* @__PURE__ */ x("col", { style: { width: e.getSize() } }, e.id)) }),
 					/* @__PURE__ */ x("thead", {
 						className: "stratus-table__head--virtualized",
-						children: Oe.map((e) => /* @__PURE__ */ S("tr", {
+						children: je.map((e) => /* @__PURE__ */ S("tr", {
 							className: "stratus-table__row--virtualized",
-							style: Te ? { height: Te } : void 0,
+							style: Oe ? { height: Oe } : void 0,
 							children: [
-								Re > 0 && /* @__PURE__ */ x("th", {
+								Ve > 0 && /* @__PURE__ */ x("th", {
 									"aria-hidden": "true",
 									className: "stratus-table__virtual-padding",
-									style: { width: Re }
+									style: { width: Ve }
 								}),
-								Ie.map((t) => {
+								ze.map((t) => {
 									let n = e.headers[t.index];
 									if (!n) return null;
 									let r = n.column.getCanSort(), i = n.column.getIsSorted(), a = n.column.columnDef.meta?._col;
@@ -1364,7 +1374,7 @@ function zt(e, t) {
 										style: {
 											display: "flex",
 											width: n.getSize(),
-											...Te ? { height: Te } : {}
+											...Oe ? { height: Oe } : {}
 										},
 										onClick: r && !P ? n.column.getToggleSortingHandler() : void 0,
 										children: [
@@ -1381,59 +1391,59 @@ function zt(e, t) {
 										]
 									}, n.id);
 								}),
-								ze > 0 && /* @__PURE__ */ x("th", {
+								He > 0 && /* @__PURE__ */ x("th", {
 									"aria-hidden": "true",
 									className: "stratus-table__virtual-padding",
-									style: { width: ze }
+									style: { width: He }
 								})
 							]
 						}, e.id))
 					}),
 					/* @__PURE__ */ x("tbody", {
 						className: "stratus-table__body--virtualized",
-						style: { height: Ae ? void 0 : Ne.getTotalSize() },
-						children: Ae ? /* @__PURE__ */ x("tr", {
+						style: { height: Ne ? void 0 : Ie.getTotalSize() },
+						children: Ne ? /* @__PURE__ */ x("tr", {
 							className: "stratus-table__row--virtualized",
 							children: /* @__PURE__ */ x("td", {
-								colSpan: Math.max(ke.length, 1),
+								colSpan: Math.max(Me.length, 1),
 								className: "stratus-table__cell--virtualized",
-								style: { width: Me.getTotalSize() },
+								style: { width: Fe.getTotalSize() },
 								children: /* @__PURE__ */ x("div", {
 									className: "stratus-table__empty",
-									children: I
+									children: L
 								})
 							})
-						}) : Le.map((e) => {
-							let t = De[e.index];
+						}) : Be.map((e) => {
+							let t = Ae[e.index];
 							if (!t) return null;
-							let n = e.index, r = t.original, i = Se(r), a = "";
-							typeof ee == "function" ? a = ee({
+							let n = e.index, r = t.original, i = Te(r), a = "";
+							typeof B == "function" ? a = B({
 								rowData: r,
 								rowIndex: n
-							}) : typeof ee == "string" && (a = ee);
-							let o = N && n % 2 == 1, s = t.getIsSelected(), c = !!z, l = A && ye === t.id;
+							}) : typeof B == "string" && (a = B);
+							let o = N && n % 2 == 1, s = t.getIsSelected(), c = !!V, l = A && xe === t.id;
 							return /* @__PURE__ */ S("tr", {
 								"data-index": e.index,
-								ref: u ? Ne.measureElement : void 0,
-								className: G("stratus-table__row--virtualized", a || void 0, A && "stratus-table__row--draggable", _e === t.id && "stratus-table__row--dragging", l && "stratus-table__row--drag-over"),
+								ref: u ? Ie.measureElement : void 0,
+								className: G("stratus-table__row--virtualized", a || void 0, A && "stratus-table__row--draggable", ye === t.id && "stratus-table__row--dragging", l && "stratus-table__row--drag-over"),
 								draggable: A && !P,
 								"data-clickable": c || void 0,
 								"data-selected": s || void 0,
 								"data-striped": o || void 0,
 								style: {
 									transform: `translateY(${e.start}px)`,
-									...u ? {} : { height: Ee }
+									...u ? {} : { height: ke }
 								},
-								onDragStart: (e) => Be(t, e),
-								onDragOver: (e) => Ve(t, e),
-								onDrop: (e) => He(t, e),
-								onDragEnd: Ue,
+								onDragStart: (e) => Ue(t, e),
+								onDragOver: (e) => We(t, e),
+								onDrop: (e) => Ge(t, e),
+								onDragEnd: Ke,
 								onClick: P ? void 0 : (e) => {
 									M && j && (t.toggleSelected(), te?.({
 										rowIndex: t.index,
 										rowData: r,
 										selected: !t.getIsSelected()
-									})), z?.({
+									})), V?.({
 										rowKey: i,
 										rowIndex: t.index,
 										rowData: r,
@@ -1441,12 +1451,12 @@ function zt(e, t) {
 									});
 								},
 								children: [
-									Re > 0 && /* @__PURE__ */ x("td", {
+									Ve > 0 && /* @__PURE__ */ x("td", {
 										"aria-hidden": "true",
 										className: "stratus-table__virtual-padding",
-										style: { width: Re }
+										style: { width: Ve }
 									}),
-									Ie.map((e) => {
+									ze.map((e) => {
 										let i = t.getVisibleCells()[e.index];
 										if (!i) return null;
 										let a = i.column.columnDef.meta?._col, o = "";
@@ -1460,10 +1470,10 @@ function zt(e, t) {
 											children: w(i.column.columnDef.cell, i.getContext())
 										}, i.id);
 									}),
-									ze > 0 && /* @__PURE__ */ x("td", {
+									He > 0 && /* @__PURE__ */ x("td", {
 										"aria-hidden": "true",
 										className: "stratus-table__virtual-padding",
-										style: { width: ze }
+										style: { width: He }
 									})
 								]
 							}, t.id);
@@ -1562,11 +1572,11 @@ var Yt = J({
 });
 //#endregion
 //#region src/components/Accordion/AccordionHeader.tsx
-function Xt({ id: e, header: t, headerLevel: n, headerItems: r, isExpanded: i, disabled: a, expandIconPosition: o, expandIcon: s, onToggle: c }) {
-	let l = s ?? x(i ? Yt : yt, { size: 16 });
+function Xt({ id: e, header: t, headerLevel: n, headerItems: r, isExpanded: i, disabled: a, expandIconPosition: o, expandIcon: s, onToggle: c, headerClassName: l, chevronClassName: u, titleClassName: d }) {
+	let f = s ?? x(i ? Yt : yt, { size: 16 });
 	return /* @__PURE__ */ S("div", {
 		id: e,
-		className: "stratus-accordion__header",
+		className: G("stratus-accordion__header", l),
 		role: "button",
 		tabIndex: a ? void 0 : 0,
 		"aria-expanded": i,
@@ -1577,19 +1587,19 @@ function Xt({ id: e, header: t, headerLevel: n, headerItems: r, isExpanded: i, d
 		},
 		children: [
 			o === "left" && /* @__PURE__ */ x("span", {
-				className: "stratus-accordion__chevron stratus-accordion__chevron--left",
-				children: l
+				className: G("stratus-accordion__chevron stratus-accordion__chevron--left", u),
+				children: f
 			}),
 			/* @__PURE__ */ S("div", {
 				className: "stratus-accordion__header-content",
 				children: [/* @__PURE__ */ x(n, {
-					className: G("stratus-accordion__title", i && "stratus-accordion__title--expanded"),
+					className: G("stratus-accordion__title", i && "stratus-accordion__title--expanded", d),
 					children: t
 				}), r]
 			}),
 			o === "right" && /* @__PURE__ */ x("span", {
-				className: "stratus-accordion__chevron stratus-accordion__chevron--right",
-				children: l
+				className: G("stratus-accordion__chevron stratus-accordion__chevron--right", u),
+				children: f
 			})
 		]
 	});
@@ -1597,19 +1607,19 @@ function Xt({ id: e, header: t, headerLevel: n, headerItems: r, isExpanded: i, d
 //#endregion
 //#region src/components/Accordion/Accordion.tsx
 var Zt = o(function(e, t) {
-	let { cssProps: n, otherProps: r } = K(e), { className: i, children: a, style: o, header: s, headerLevel: c = "h2", headerItems: l, defaultExpanded: u, expanded: p, expandIconPosition: m = "left", expandIcon: h, disabled: g = !1, elevation: y = !1, square: b = !0, onChange: C, ...w } = r, T = f(), E = typeof p == "boolean", D = _(!0), [O, k] = v(p ?? u ?? !1), A = !g && (E ? p : O), j = a != null, M = _(A), [N, P] = v(!1);
+	let { cssProps: n, otherProps: r } = K(e), { className: i, children: a, style: o, header: s, headerLevel: c = "h2", headerItems: l, defaultExpanded: u, expanded: p, expandIconPosition: m = "left", expandIcon: h, disabled: g = !1, elevation: y = !1, square: b = !0, onChange: C, headerClassName: w, chevronClassName: T, titleClassName: E, collapseClassName: D, panelClassName: O, panelInnerClassName: k, ...A } = r, j = f(), M = typeof p == "boolean", N = _(!0), [P, F] = v(p ?? u ?? !1), I = !g && (M ? p : P), L = a != null, R = _(I), [z, B] = v(!1);
 	d(() => {
-		if (D.current) {
-			D.current = !1, M.current = A;
+		if (N.current) {
+			N.current = !1, R.current = I;
 			return;
 		}
-		let e = M.current;
-		A ? P(!1) : e && j && P(!0), M.current = A;
-	}, [j, A]);
-	let F = (e) => {
+		let e = R.current;
+		I ? B(!1) : e && L && B(!0), R.current = I;
+	}, [L, I]);
+	let V = (e) => {
 		if (g) return;
-		let t = E ? !p : !O;
-		!t && j && P(!0), E || k(t), C?.(t, e);
+		let t = M ? !p : !P;
+		!t && L && B(!0), M || F(t), C?.(t, e);
 	};
 	return /* @__PURE__ */ S("div", {
 		ref: t,
@@ -1618,31 +1628,34 @@ var Zt = o(function(e, t) {
 			...o,
 			...n
 		},
-		...w,
+		...A,
 		children: [
 			/* @__PURE__ */ x(Xt, {
-				id: T,
+				id: j,
 				header: s,
 				headerLevel: c,
 				headerItems: l,
-				isExpanded: !!A,
+				isExpanded: !!I,
 				disabled: g,
 				expandIconPosition: m,
 				expandIcon: h,
-				onToggle: F
+				onToggle: V,
+				headerClassName: w,
+				chevronClassName: T,
+				titleClassName: E
 			}),
-			(A || N) && j && /* @__PURE__ */ x("div", { className: "stratus-accordion__divider" }),
+			(I || z) && L && /* @__PURE__ */ x("div", { className: "stratus-accordion__divider" }),
 			/* @__PURE__ */ x("div", {
-				className: G("stratus-accordion__collapse", A && "stratus-accordion__collapse--expanded"),
+				className: G("stratus-accordion__collapse", I && "stratus-accordion__collapse--expanded", D),
 				onTransitionEnd: (e) => {
-					e.propertyName === "grid-template-rows" && !A && P(!1);
+					e.propertyName === "grid-template-rows" && !I && B(!1);
 				},
 				children: /* @__PURE__ */ x("div", {
-					className: "stratus-accordion__panel",
+					className: G("stratus-accordion__panel", O),
 					role: "region",
-					"aria-labelledby": T,
+					"aria-labelledby": j,
 					children: /* @__PURE__ */ x("div", {
-						className: "stratus-accordion__panel-inner",
+						className: G("stratus-accordion__panel-inner", k),
 						children: a
 					})
 				})
@@ -2070,15 +2083,15 @@ function jn({ header: e, headerId: t, hasStringHeader: n, closable: r, fullScree
 //#endregion
 //#region src/components/Drawer/Drawer.tsx
 var Mn = 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 = un(), N = r === "responsive" ? M < a ? "temporary" : "permanent" : r, P = N === "temporary", F = N === "persistent", I = N === "permanent", [L, R] = v(u), ee = l(() => R((e) => !e), []), [z, B] = v(n), [te, ne] = 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 = un(), 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), [ee, te] = v(!1);
 	d(() => {
-		if (n) B(!0), requestAnimationFrame(() => {
-			requestAnimationFrame(() => ne(!0));
+		if (n) V(!0), requestAnimationFrame(() => {
+			requestAnimationFrame(() => te(!0));
 		});
 		else {
-			ne(!1);
+			te(!1);
 			let e = setTimeout(() => {
-				p || B(!1);
+				p || V(!1);
 			}, P || F ? m : 0);
 			return () => clearTimeout(e);
 		}
@@ -2089,7 +2102,7 @@ var Mn = o(function(e, t) {
 		P,
 		F
 	]);
-	let re = _(null);
+	let ne = _(null);
 	d(() => {
 		if (!n || !P) return;
 		let e = (e) => {
@@ -2100,33 +2113,33 @@ var Mn = o(function(e, t) {
 		n,
 		P,
 		w
-	]), On(re, n && P), Tn(n && P);
-	let ie = f(), ae = typeof o == "string" || typeof o == "number", oe = Array.isArray(T) ? (M < a ? T[0] : T[1]) ?? T[0] : T, V = typeof oe == "number" ? `${oe}px` : oe, H = i === "left" || i === "right", se = {
+	]), On(ne, n && P), Tn(n && P);
+	let re = f(), ie = typeof o == "string" || typeof o == "number", ae = Array.isArray(T) ? (M < a ? T[0] : T[1]) ?? T[0] : T, oe = typeof ae == "number" ? `${ae}px` : ae, H = i === "left" || i === "right", se = {
 		"--stratus-drawer-duration": `${m}ms`,
-		...H ? { width: L ? "100%" : V } : {},
+		...H ? { width: L ? "100%" : oe } : {},
 		...A,
 		...D
 	};
-	if (!(I || z || p)) return null;
+	if (!(I || B || p)) return null;
 	let ce = o != null || s || c ? /* @__PURE__ */ x(jn, {
 		header: o,
-		headerId: ie,
-		hasStringHeader: ae,
+		headerId: re,
+		hasStringHeader: ie,
 		closable: s,
 		fullScreen: c,
 		isFullscreen: L,
 		isTemporary: P,
-		onToggleFullscreen: ee,
+		onToggleFullscreen: z,
 		onClose: w
 	}) : null, le = /* @__PURE__ */ S("div", {
 		ref: (e) => {
-			re.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+			ne.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 && ae ? ie : void 0,
+		"aria-labelledby": P && ie ? re : void 0,
 		tabIndex: P ? -1 : void 0,
-		className: G("stratus-drawer", `stratus-drawer--${N}`, `stratus-drawer--${i}`, te && n || I ? "stratus-drawer--open" : "stratus-drawer--closed", L && "stratus-drawer--fullscreen", k),
+		className: G("stratus-drawer", `stratus-drawer--${N}`, `stratus-drawer--${i}`, ee && n || I ? "stratus-drawer--open" : "stratus-drawer--closed", L && "stratus-drawer--fullscreen", k),
 		style: se,
 		...j,
 		children: [ce, y]
@@ -2136,7 +2149,7 @@ var Mn = o(function(e, t) {
 		children: le
 	});
 	let ue = /* @__PURE__ */ S(b, { children: [!h && /* @__PURE__ */ x("div", {
-		className: G("stratus-drawer-backdrop", te && n && "stratus-drawer-backdrop--open"),
+		className: G("stratus-drawer-backdrop", ee && n && "stratus-drawer-backdrop--open"),
 		style: { "--stratus-drawer-duration": `${m}ms` },
 		onClick: (e) => w?.(e),
 		"aria-hidden": !0
@@ -2250,11 +2263,11 @@ var Fn = o(function(e, t) {
 				style: { animationDuration: `${o}ms` }
 			})
 		})]
-	}), ee = /* @__PURE__ */ x("div", {
+	}), z = /* @__PURE__ */ x("div", {
 		className: G("stratus-notification-container", `stratus-notification-container--${u}`),
 		children: R
 	});
-	return f ? ee : C(ee, document.body);
+	return f ? z : C(z, document.body);
 }), In = 0, Ln = /* @__PURE__ */ new Map();
 function Rn() {
 	let e = document.getElementById("stratus-notifications");
@@ -2368,17 +2381,20 @@ var Gn = o(function(e, t) {
 	]), Tn(n);
 	let R = _(null);
 	On(R, n);
-	let ee = f(), z = typeof a == "string" || typeof a == "number", B = (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 te = a != null || r, ne = o != null || typeof y == "function" || typeof w == "function", re = {
+	let ee = a != null || r, te = o != null || typeof y == "function" || typeof w == "function", ne = {
 		...M,
 		...k
-	}, ie = /* @__PURE__ */ x("div", {
+	}, re = /* @__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: B,
+		style: m != null || h?.style ? {
+			...m != null && { "--stratus-modal-z": Number(m) },
+			...h?.style
+		} : void 0,
+		onClick: V,
 		"aria-hidden": !n,
 		children: /* @__PURE__ */ x("div", {
 			ref: (e) => {
@@ -2386,18 +2402,18 @@ var Gn = o(function(e, t) {
 			},
 			role: "dialog",
 			"aria-modal": !0,
-			"aria-labelledby": z ? ee : void 0,
+			"aria-labelledby": B ? z : void 0,
 			tabIndex: -1,
 			className: G("stratus-modal", l && "stratus-modal--fullscreen", j),
-			style: re,
+			style: ne,
 			...N,
 			children: /* @__PURE__ */ S("div", {
 				className: "stratus-modal__container",
 				children: [
-					te && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("div", {
+					ee && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("div", {
 						className: "stratus-modal__header",
 						children: [a != null && /* @__PURE__ */ x("span", {
-							id: z ? ee : void 0,
+							id: B ? z : void 0,
 							className: "stratus-modal__header-title",
 							children: a
 						}), r && /* @__PURE__ */ x(q, {
@@ -2415,7 +2431,7 @@ var Gn = o(function(e, t) {
 							children: T
 						})
 					}),
-					ne && /* @__PURE__ */ x(Un, {
+					te && /* @__PURE__ */ x(Un, {
 						footer: o,
 						okText: s,
 						cancelText: c,
@@ -2426,7 +2442,7 @@ var Gn = o(function(e, t) {
 			})
 		})
 	});
-	return p ? ie : C(ie, document.body);
+	return p ? re : C(re, document.body);
 });
 Gn.displayName = "Modal";
 //#endregion
@@ -2575,24 +2591,24 @@ function Zn({ label: e, meta: t, htmlFor: n }) {
 //#endregion
 //#region src/components/Input/Input.tsx
 var Qn = 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, ee] = v(g ?? ""), z = h !== void 0, B = z ? h : R, te = _(null), ne = l((e) => {
-		te.current = e, a && (a.current = e);
-	}, [a]), re = (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, ee = _(null), te = l((e) => {
+		ee.current = e, a && (a.current = e);
+	}, [a]), ne = (e) => {
 		let t = e.target.value;
-		z || ee(t), A?.(t, e);
+		B || z(t), A?.(t, e);
+	}, re = (e) => {
+		j?.(String(V), e);
 	}, ie = (e) => {
-		j?.(String(B), e);
-	}, ae = (e) => {
-		M?.(String(B), e);
-	}, oe = 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), V = {
+		M?.(String(V), e);
+	}, ae = 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), oe = {
 		...w ? { "--stratus-input-outline-w": w } : {},
 		...i,
 		...P
 	}, H = T ? "textarea" : "input";
 	return /* @__PURE__ */ S("div", {
 		ref: t,
-		className: oe,
-		style: Object.keys(V).length ? V : void 0,
+		className: ae,
+		style: Object.keys(oe).length ? oe : void 0,
 		...F,
 		children: [
 			/* @__PURE__ */ x(Zn, {
@@ -2609,16 +2625,16 @@ var Qn = o(function(e, t) {
 					}),
 					n ?? /* @__PURE__ */ x(H, {
 						...o,
-						ref: ne,
+						ref: te,
 						id: L,
 						type: T ? void 0 : s,
 						className: G("stratus-input__input", T && "stratus-input__input--textarea", o.className),
-						value: B,
+						value: V,
 						placeholder: y,
 						disabled: k,
-						onChange: re,
-						onFocus: ie,
-						onBlur: ae
+						onChange: ne,
+						onFocus: re,
+						onBlur: ie
 					}),
 					C && /* @__PURE__ */ x("span", {
 						className: "stratus-input__end-adornment",
@@ -2756,21 +2772,21 @@ var rr = o(function(e, t) {
 		w || C || e.button === 0 && I.current?.triggerAt(e.clientX, e.clientY);
 	}, R;
 	R = p ? g ?? /* @__PURE__ */ x(nr, { size: y }) : M ? h ?? /* @__PURE__ */ x(tr, { size: y }) : m ?? /* @__PURE__ */ x(er, { size: y });
-	let ee = G("stratus-checkbox", `stratus-checkbox--${f}`, b && "stratus-checkbox--compact", C && "stratus-checkbox--disabled", w && "stratus-checkbox--no-ripple", n), z = {
+	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
-	}, B = c ? /* @__PURE__ */ x("span", {
+	}, V = c ? /* @__PURE__ */ x("span", {
 		className: "stratus-checkbox__label",
 		children: c
 	}) : null;
 	return /* @__PURE__ */ S("label", {
 		ref: t,
-		className: ee,
-		style: Object.keys(z).length ? z : void 0,
+		className: z,
+		style: Object.keys(B).length ? B : void 0,
 		onPointerDown: L,
 		...O,
 		children: [
-			u === "left" && B,
+			u === "left" && V,
 			/* @__PURE__ */ x("input", {
 				...a,
 				ref: P,
@@ -2788,7 +2804,7 @@ var rr = o(function(e, t) {
 					disabled: w || C
 				}), R]
 			}),
-			u === "right" && B
+			u === "right" && V
 		]
 	});
 });
@@ -2913,134 +2929,152 @@ function fr({ tags: e, infield: t, selectedIds: n, allFlat: r, tagMaxCount: i, t
 //#endregion
 //#region src/components/Select/Select.tsx
 var pr = 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, clearLabel: k, multiple: A = !1, expandable: j = !1, infield: M = !0, tags: N = !1, tagMaxCount: P, tagMaxCountPlaceholder: F, selectedLabel: I = "Selected", filterOption: L = !0, noOptionsText: R = "No Data", hideDropdownWhenEmpty: ee = !1, persistInputText: z = !1, compact: B = !1, fullWidth: te = !1, disabled: ne = !1, onSelect: re, onDeselect: ie, onClear: ae, onChange: oe, itemGroupRenderer: V, itemRenderer: H, ...se } = e, { cssProps: ce, otherProps: le } = K(se), ue = f(), [de, fe] = v(!1), [pe, me] = v(() => cr(u)), [he, ge] = v(""), [_e, ve] = v(-1), [ye, be] = v(/* @__PURE__ */ new Set()), xe = c !== void 0, U = xe ? cr(c) : pe, Se = m === void 0 ? he : m, Ce = _(null), we = _(null), Te = _(null), Ee = l((e) => {
-		Ce.current = e, o && (o.current = e);
+	let { children: n, className: r, style: i, selectRef: a, inputRef: o, options: s = [], value: c, defaultValue: u, inputValue: g, variant: y = "default", label: b, meta: w, placeholder: T, helperText: E, helperIcon: D, startAdornment: O, endAdornment: k, allowClear: A = !0, clearLabel: j, multiple: M = !1, expandable: N = !1, infield: P = !0, tags: F = !1, tagMaxCount: I, tagMaxCountPlaceholder: L, selectedLabel: R = "Selected", filterOption: z = !0, noOptionsText: B = "No Data", hideDropdownWhenEmpty: V = !1, persistInputText: ee = !1, compact: te = !1, fullWidth: ne = !1, disablePortal: re = !1, disabled: ie = !1, onSelect: ae, onDeselect: oe, onClear: H, onChange: se, itemGroupRenderer: ce, itemRenderer: le, ...ue } = e, { cssProps: de, otherProps: fe } = K(ue), pe = f(), [U, me] = v(!1), [he, ge] = v(() => cr(u)), [_e, ve] = v(""), [ye, be] = v(-1), [xe, Se] = v(/* @__PURE__ */ new Set()), Ce = c !== void 0, we = Ce ? cr(c) : he, Te = g === void 0 ? _e : g, Ee = _(null), De = _(null), Oe = _(null), ke = _(null), [Ae, je] = v({}), Me = l((e) => {
+		Ee.current = e, o && (o.current = e);
 	}, [o]);
 	p(a, () => ({
 		open: () => {
-			fe(!0), Ce.current?.focus();
+			me(!0), Ee.current?.focus();
 		},
-		close: () => fe(!1)
+		close: () => me(!1)
 	}), []), d(() => {
-		if (!de) return;
+		if (!U) return;
 		let e = (e) => {
-			we.current && !we.current.contains(e.target) && (fe(!1), ge(""));
+			let t = e.target, n = De.current?.contains(t), r = ke.current?.contains(t);
+			!n && !r && (me(!1), ve(""));
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [de]);
-	let De = h(() => dr(n), [n]), Oe = h(() => s.length > 0 ? s : De, [s, De]), ke = h(() => lr(Oe), [Oe]), Ae = l((e) => !L || !Se ? !0 : typeof L == "function" ? L(e, Se, U.map(String)) : e.label.toLowerCase().includes(Se.toLowerCase()), [
-		L,
-		Se,
-		U
-	]), je = h(() => ke.filter((e) => !e.disabled && Ae(e)), [ke, Ae]);
+	}, [U]), m(() => {
+		if (!U || re) return;
+		let e = () => {
+			let e = Oe.current;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), n = window.innerHeight - t.bottom - 2, r = t.top - 2, i = n < Math.min(256, r) && r > n, a = Math.max(0, i ? r : n);
+			je({
+				position: "fixed",
+				left: t.left,
+				width: t.width,
+				maxHeight: Math.min(256, a),
+				...i ? { bottom: window.innerHeight - t.top + 2 } : { top: t.bottom + 2 }
+			});
+		};
+		return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [U, re]);
+	let Ne = h(() => dr(n), [n]), Pe = h(() => s.length > 0 ? s : Ne, [s, Ne]), Fe = h(() => lr(Pe), [Pe]), Ie = l((e) => !z || !Te ? !0 : typeof z == "function" ? z(e, Te, we.map(String)) : e.label.toLowerCase().includes(Te.toLowerCase()), [
+		z,
+		Te,
+		we
+	]), Le = h(() => Fe.filter((e) => !e.disabled && Ie(e)), [Fe, Ie]);
 	d(() => {
-		if (!de) {
-			ve(-1);
+		if (!U) {
+			be(-1);
 			return;
 		}
-		let e = je.findIndex((e) => U.map(String).includes(ur(e)));
-		ve(e);
-	}, [de]), d(() => {
-		de && ve((e) => e > je.length - 1 ? -1 : e);
-	}, [je.length]), d(() => {
-		if (_e < 0 || !Te.current) return;
-		let e = je[_e];
+		let e = Le.findIndex((e) => we.map(String).includes(ur(e)));
+		be(e);
+	}, [U]), d(() => {
+		U && be((e) => e > Le.length - 1 ? -1 : e);
+	}, [Le.length]), d(() => {
+		if (ye < 0 || !ke.current) return;
+		let e = Le[ye];
 		if (!e) return;
 		let t = String(e.value ?? e.label);
-		Te.current.querySelector(`[data-option-id="${CSS.escape(t)}"]`)?.scrollIntoView({ block: "nearest" });
-	}, [_e, je]);
-	let Me = h(() => A || U.length === 0 ? "" : ke.find((e) => String(e.value ?? e.label) === String(U[0]))?.label ?? String(U[0]), [
-		A,
-		U,
-		ke
-	]), Ne = l((e, t) => {
-		let n = ur(e), r = U.map(String).includes(String(n)), i;
-		if (A) if (r) {
-			i = U.filter((e) => String(e) !== String(n)), xe || me(i);
+		ke.current.querySelector(`[data-option-id="${CSS.escape(t)}"]`)?.scrollIntoView({ block: "nearest" });
+	}, [ye, Le]);
+	let Re = h(() => M || we.length === 0 ? "" : Fe.find((e) => String(e.value ?? e.label) === String(we[0]))?.label ?? String(we[0]), [
+		M,
+		we,
+		Fe
+	]), ze = l((e, t) => {
+		let n = ur(e), r = we.map(String).includes(String(n)), i;
+		if (M) if (r) {
+			i = we.filter((e) => String(e) !== String(n)), Ce || ge(i);
 			let r = {
 				selectedValue: i,
 				deselectedValue: e.value ?? e.label,
-				options: ke.filter((e) => i.map(String).includes(String(ur(e))))
+				options: Fe.filter((e) => i.map(String).includes(String(ur(e))))
 			};
-			ie?.(r, t);
+			oe?.(r, t);
 		} else {
-			i = [...U, e.value ?? e.label], xe || me(i);
+			i = [...we, e.value ?? e.label], Ce || ge(i);
 			let n = {
 				selectedValue: i,
-				options: ke.filter((e) => i.map(String).includes(String(ur(e))))
+				options: Fe.filter((e) => i.map(String).includes(String(ur(e))))
 			};
-			re?.(n, t);
+			ae?.(n, t);
 		}
 		else {
-			i = [e.value ?? e.label], xe || me(i), fe(!1), ge("");
+			i = [e.value ?? e.label], Ce || ge(i), me(!1), ve("");
 			let n = {
 				selectedValue: e.value ?? e.label,
 				options: [e]
 			};
-			re?.(n, t);
+			ae?.(n, t);
 		}
 	}, [
-		U,
-		A,
-		xe,
-		ke,
-		re,
-		ie
-	]), Pe = l((e) => {
-		if (!ne) switch (e.key) {
+		we,
+		M,
+		Ce,
+		Fe,
+		ae,
+		oe
+	]), Be = l((e) => {
+		if (!ie) switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), de ? ve((e) => e < je.length - 1 ? e + 1 : 0) : fe(!0);
+				e.preventDefault(), U ? be((e) => e < Le.length - 1 ? e + 1 : 0) : me(!0);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), de && ve((e) => e > 0 ? e - 1 : je.length - 1);
+				e.preventDefault(), U && be((e) => e > 0 ? e - 1 : Le.length - 1);
 				break;
 			case "Enter":
-				if (e.preventDefault(), de && _e >= 0) {
-					let t = je[_e];
-					t && Ne(t, e);
-				} else de || fe(!0);
+				if (e.preventDefault(), U && ye >= 0) {
+					let t = Le[ye];
+					t && ze(t, e);
+				} else U || me(!0);
 				break;
 			case "Escape":
-				de && (e.preventDefault(), fe(!1));
+				U && (e.preventDefault(), me(!1));
 				break;
 		}
 	}, [
-		ne,
-		de,
-		_e,
-		je,
-		Ne
-	]), Fe = l((e) => {
-		e.stopPropagation(), xe || me([]), ge(""), ae?.(e);
-	}, [xe, ae]), Ie = l((e, t) => {
+		ie,
+		U,
+		ye,
+		Le,
+		ze
+	]), Ve = l((e) => {
+		e.stopPropagation(), Ce || ge([]), ve(""), H?.(e);
+	}, [Ce, H]), He = l((e, t) => {
 		t.stopPropagation();
-		let n = ke.find((t) => String(ur(t)) === String(e));
-		n && Ne(n, t);
-	}, [ke, Ne]), Le = l((e) => {
-		be((t) => {
+		let n = Fe.find((t) => String(ur(t)) === String(e));
+		n && ze(n, t);
+	}, [Fe, ze]), Ue = l((e) => {
+		Se((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Re = l((e) => {
-		if (!L) return;
+	}, []), We = l((e) => {
+		if (!z) return;
 		let t = e.target.value;
-		ge(t), oe?.(t), de || fe(!0);
+		ve(t), se?.(t), U || me(!0);
 	}, [
-		L,
-		de,
-		oe
+		z,
+		U,
+		se
 	]);
-	function ze(e) {
+	function Ge(e) {
 		let t = [];
 		for (let n of e) {
 			if (n.type === "optgroup" && n.options) {
-				let e = ze(n.options).filter(Boolean);
+				let e = Ge(n.options).filter(Boolean);
 				if (e.length === 0) continue;
-				let r = j && ye.has(n.label);
-				V ? t.push(V(n, r ? [] : e, Se)) : t.push(/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
-					className: G("stratus-select__optgroup-label", j && "stratus-select__optgroup--expandable"),
-					onClick: j ? () => Le(n.label) : void 0,
-					children: [j && /* @__PURE__ */ x("span", {
+				let r = N && xe.has(n.label);
+				ce ? t.push(ce(n, r ? [] : e, Te)) : t.push(/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+					className: G("stratus-select__optgroup-label", N && "stratus-select__optgroup--expandable"),
+					onClick: N ? () => Ue(n.label) : void 0,
+					children: [N && /* @__PURE__ */ x("span", {
 						className: G("stratus-select__optgroup-chevron", r && "stratus-select__optgroup-chevron--collapsed"),
 						children: /* @__PURE__ */ x("svg", {
 							width: "10",
@@ -3054,18 +3088,18 @@ var pr = o(function(e, t) {
 				}), !r && e] }, `group-${n.label}`));
 				continue;
 			}
-			if (!Ae(n)) continue;
-			let e = ur(n), r = U.map(String).includes(String(e)), i = je[_e] === n;
-			H ? t.push(/* @__PURE__ */ x("div", {
+			if (!Ie(n)) continue;
+			let e = ur(n), r = we.map(String).includes(String(e)), i = Le[ye] === n;
+			le ? t.push(/* @__PURE__ */ x("div", {
 				"data-option-id": e,
 				className: G(i && "stratus-select__option--highlighted"),
-				onClick: n.disabled ? void 0 : (e) => Ne(n, e),
-				children: H(n, Se, U.map(String))
+				onClick: n.disabled ? void 0 : (e) => ze(n, e),
+				children: le(n, Te, we.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"),
-				onClick: n.disabled ? void 0 : (e) => Ne(n, e),
-				children: [A && /* @__PURE__ */ x("span", {
+				onClick: n.disabled ? void 0 : (e) => ze(n, e),
+				children: [M && /* @__PURE__ */ x("span", {
 					className: G("stratus-select__checkbox", r && "stratus-select__checkbox--checked", n.disabled && "stratus-select__checkbox--disabled"),
 					"aria-hidden": "true",
 					children: r && /* @__PURE__ */ x("svg", {
@@ -3086,87 +3120,89 @@ var pr = o(function(e, t) {
 		}
 		return t;
 	}
-	let Be = ze(Oe), Ve = Be.length > 0, He = G("stratus-select", `stratus-select--${g}`, B && "stratus-select--compact", te && "stratus-select--full-width", ne && "stratus-select--disabled", de && "stratus-select--open", L && "stratus-select--filterable", r), Ue = {
+	let Ke = Ge(Pe), qe = Ke.length > 0, Je = U && !(V && !qe) ? /* @__PURE__ */ x("div", {
+		ref: ke,
+		className: G("stratus-select__dropdown", !re && "stratus-select__dropdown--portal"),
+		style: re ? void 0 : Ae,
+		children: qe ? Ke : /* @__PURE__ */ x("div", {
+			className: "stratus-select__no-data",
+			children: B
+		})
+	}) : null, Ye = Je && !re && typeof document < "u" ? C(Je, document.body) : Je, Xe = G("stratus-select", `stratus-select--${y}`, te && "stratus-select--compact", ne && "stratus-select--full-width", ie && "stratus-select--disabled", U && "stratus-select--open", z && "stratus-select--filterable", r), W = {
 		...i,
-		...ce
-	}, We = U.length > 0 || Se && Se.length > 0;
+		...de
+	}, Ze = we.length > 0 || Te && Te.length > 0;
 	return /* @__PURE__ */ S("div", {
 		ref: (e) => {
-			we.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+			De.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
 		},
-		className: He,
-		style: Object.keys(Ue).length ? Ue : void 0,
-		...le,
+		className: Xe,
+		style: Object.keys(W).length ? W : void 0,
+		...fe,
 		children: [
 			/* @__PURE__ */ x(sr, {
-				label: y,
-				meta: b,
-				htmlFor: ue
+				label: b,
+				meta: w,
+				htmlFor: pe
 			}),
 			/* @__PURE__ */ S("div", {
+				ref: Oe,
 				className: "stratus-select__input-wrapper",
 				onClick: () => {
-					ne || (fe((e) => !e), Ce.current?.focus());
+					ie || (me((e) => !e), Ee.current?.focus());
 				},
-				onKeyDown: Pe,
+				onKeyDown: Be,
 				children: [
-					E && /* @__PURE__ */ x("span", {
+					O && /* @__PURE__ */ x("span", {
 						className: "stratus-input__start-adornment",
-						children: E
+						children: O
 					}),
-					A && N && M && U.length > 0 ? /* @__PURE__ */ x(fr, {
-						tags: N,
-						infield: M,
-						selectedIds: U,
-						allFlat: ke,
-						tagMaxCount: P,
-						tagMaxCountPlaceholder: F,
-						selectedLabel: I,
-						onTagRemove: Ie
+					M && F && P && we.length > 0 ? /* @__PURE__ */ x(fr, {
+						tags: F,
+						infield: P,
+						selectedIds: we,
+						allFlat: Fe,
+						tagMaxCount: I,
+						tagMaxCountPlaceholder: L,
+						selectedLabel: R,
+						onTagRemove: He
 					}) : null,
-					A && !N && M ? /* @__PURE__ */ x(fr, {
-						tags: N,
-						infield: M,
-						selectedIds: U,
-						allFlat: ke,
-						tagMaxCount: P,
-						tagMaxCountPlaceholder: F,
-						selectedLabel: I,
-						onTagRemove: Ie
+					M && !F && P ? /* @__PURE__ */ x(fr, {
+						tags: F,
+						infield: P,
+						selectedIds: we,
+						allFlat: Fe,
+						tagMaxCount: I,
+						tagMaxCountPlaceholder: L,
+						selectedLabel: R,
+						onTagRemove: He
 					}) : null,
-					!(A && N && M && U.length > 0) && !(A && !N && M) && /* @__PURE__ */ x("input", {
-						ref: Ee,
-						id: ue,
+					!(M && F && P && we.length > 0) && !(M && !F && P) && /* @__PURE__ */ x("input", {
+						ref: Me,
+						id: pe,
 						type: "text",
 						className: "stratus-select__input",
-						value: L && Se !== "" && (de || z) ? Se : Me,
-						placeholder: U.length > 0 ? void 0 : C,
-						disabled: ne,
-						onChange: Re,
+						value: z && Te !== "" && (U || ee) ? Te : Re,
+						placeholder: we.length > 0 ? void 0 : T,
+						disabled: ie,
+						onChange: We,
 						autoComplete: "off"
 					}),
-					D && /* @__PURE__ */ x("span", {
+					k && /* @__PURE__ */ x("span", {
 						className: "stratus-input__end-adornment",
-						children: D
+						children: k
 					}),
-					O && We && !ne && /* @__PURE__ */ x(ar, {
-						onClear: Fe,
-						label: k
+					A && Ze && !ie && /* @__PURE__ */ x(ar, {
+						onClear: Ve,
+						label: j
 					}),
 					/* @__PURE__ */ x(ir, {})
 				]
 			}),
-			de && !(ee && !Ve) && /* @__PURE__ */ x("div", {
-				ref: Te,
-				className: "stratus-select__dropdown",
-				children: Ve ? Be : /* @__PURE__ */ x("div", {
-					className: "stratus-select__no-data",
-					children: R
-				})
-			}),
+			Ye,
 			/* @__PURE__ */ x(or, {
-				helperText: w,
-				helperIcon: T
+				helperText: E,
+				helperIcon: D
 			})
 		]
 	});
@@ -14814,7 +14850,7 @@ function Xg(e, t) {
 	};
 }
 var Zg = Xg(!1, !0), Qg = Xg(!0, !0);
-z.create({
+B.create({
 	name: "characterCount",
 	addOptions() {
 		return {
@@ -14875,7 +14911,7 @@ z.create({
 			}
 		})];
 	}
-}), z.create({
+}), B.create({
 	name: "dropCursor",
 	addOptions() {
 		return {
@@ -14887,7 +14923,7 @@ z.create({
 	addProseMirrorPlugins() {
 		return [Ta(this.options)];
 	}
-}), z.create({
+}), B.create({
 	name: "focus",
 	addOptions() {
 		return {
@@ -14917,13 +14953,13 @@ z.create({
 			} }
 		})];
 	}
-}), z.create({
+}), B.create({
 	name: "gapCursor",
 	addProseMirrorPlugins() {
 		return [Cg()];
 	},
 	extendNodeSchema(e) {
-		return { allowGapCursor: te(ie(e, "allowGapCursor", {
+		return { allowGapCursor: ee(re(e, "allowGapCursor", {
 			name: e.name,
 			options: e.options,
 			storage: e.storage
@@ -14951,7 +14987,7 @@ function i_({ 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 && ae(c)) {
+		if (c && c.type.isTextblock && ie(c)) {
 			let r = a >= l && a <= l + c.nodeSize;
 			o.push(n_({
 				editor: e,
@@ -14975,7 +15011,7 @@ function i_({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
 	} else {
 		let i = e_.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 && ae(r);
+			let c = a >= i && a <= i + r.nodeSize, l = !r.isLeaf && ie(r);
 			return r.type.isTextblock && (c || !t.showOnlyCurrent) && l && o.push(n_({
 				editor: e,
 				isEmptyDoc: s,
@@ -15116,7 +15152,7 @@ function f_({ editor: e, options: t }) {
 		}) }
 	});
 }
-var p_ = z.create({
+var p_ = B.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -15136,17 +15172,17 @@ var p_ = z.create({
 		})];
 	}
 }), m_ = ".ProseMirror:not(.ProseMirror-focused) *::selection {\n  background: transparent;\n}\n\n.ProseMirror:not(.ProseMirror-focused) *::-moz-selection {\n  background: transparent;\n}";
-z.create({
+B.create({
 	name: "selection",
 	addOptions() {
 		return { className: "selection" };
 	},
 	addProseMirrorPlugins() {
 		let { editor: e, options: t } = this;
-		return e.options.injectCSS && typeof document < "u" && ne(m_, e.options.injectNonce, "selection"), [new xa({
+		return e.options.injectCSS && typeof document < "u" && te(m_, e.options.injectNonce, "selection"), [new xa({
 			key: new wa("selection"),
 			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || oe(n.selection) || e.view.dragging ? null : qu.create(n.doc, [Wu.inline(n.selection.from, n.selection.to, { class: t.className })]);
+				return n.selection.empty || e.isFocused || !e.isEditable || ae(n.selection) || e.view.dragging ? null : qu.create(n.doc, [Wu.inline(n.selection.from, n.selection.to, { class: t.className })]);
 			} }
 		})];
 	}
@@ -15154,7 +15190,7 @@ z.create({
 function h_({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
-z.create({
+B.create({
 	name: "trailingNode",
 	addOptions() {
 		return {
@@ -15189,7 +15225,7 @@ z.create({
 			}
 		})];
 	}
-}), z.create({
+}), B.create({
 	name: "undoRedo",
 	addOptions() {
 		return {
@@ -15236,7 +15272,7 @@ function v_() {
 //#endregion
 //#region src/components/TipTapEditor/TipTapEditorExtensions.ts
 function y_(e) {
-	let { char: t, allowSpaces: n, allowedPrefixes: r, startOfLine: i, $position: a } = e, o = re(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 = ne(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;
@@ -15354,7 +15390,7 @@ function x_({ pluginKey: e = b_, editor: t, char: n = "@", allowSpaces: r = !0,
 	});
 	return h;
 }
-var S_ = new wa("mention"), C_ = B.create({
+var S_ = new wa("mention"), C_ = V.create({
 	name: "mention",
 	addOptions() {
 		return {
@@ -15366,7 +15402,7 @@ var S_ = new wa("mention"), C_ = B.create({
 			renderHTML({ options: e, node: t }) {
 				return [
 					"span",
-					V(this.HTMLAttributes, e.HTMLAttributes),
+					oe(this.HTMLAttributes, e.HTMLAttributes),
 					`${e.suggestion.char}${t.attrs.label ?? t.attrs.id}`
 				];
 			},
@@ -15414,21 +15450,21 @@ var S_ = new wa("mention"), C_ = B.create({
 	renderHTML({ node: e, HTMLAttributes: t }) {
 		if (this.options.renderLabel !== void 0) return [
 			"span",
-			V({ "data-type": this.name }, this.options.HTMLAttributes, t),
+			oe({ "data-type": this.name }, this.options.HTMLAttributes, t),
 			this.options.renderLabel({
 				options: this.options,
 				node: e
 			})
 		];
 		let n = { ...this.options };
-		n.HTMLAttributes = V({ "data-type": this.name }, this.options.HTMLAttributes, t);
+		n.HTMLAttributes = oe({ "data-type": this.name }, this.options.HTMLAttributes, t);
 		let r = this.options.renderHTML({
 			options: n,
 			node: e
 		});
 		return typeof r == "string" ? [
 			"span",
-			V({ "data-type": this.name }, this.options.HTMLAttributes, t),
+			oe({ "data-type": this.name }, this.options.HTMLAttributes, t),
 			r
 		] : r;
 	},
@@ -16102,7 +16138,7 @@ function Sv({ children: e, allowedColors: t, allowedBackgroundColors: n, clearTe
 function Cv({ renderToolbar: e = () => /* @__PURE__ */ x(Sv, {}), height: t, width: n, content: r, editable: i = !0, placeholder: a, immediatelyRender: o, onChange: s, spellCheck: c = !1, 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(() => [
 		le,
-		ee,
+		z,
 		A,
 		j.configure({ multicolor: !0 }),
 		N,
@@ -16130,7 +16166,7 @@ function Cv({ renderToolbar: e = () => /* @__PURE__ */ x(Sv, {}), height: t, wid
 		f,
 		s,
 		u
-	]), k = h(() => ({ preserveWhitespace: !0 }), []), z = ce({
+	]), k = h(() => ({ preserveWhitespace: !0 }), []), B = ce({
 		extensions: D,
 		content: _(r ?? "").current,
 		editable: i,
@@ -16139,38 +16175,38 @@ function Cv({ renderToolbar: e = () => /* @__PURE__ */ x(Sv, {}), height: t, wid
 		onUpdate: O,
 		shouldRerenderOnTransaction: !1
 	});
-	if (p(w, () => ({ editor: z }), [z]), d(() => {
-		!z || z.isEditable === i || z.setEditable(i);
-	}, [i, z]), d(() => {
-		if (!z || r == null || r === z.getHTML()) return;
-		let { from: e, to: t } = z.state.selection;
-		z.chain().setContent(r, {
+	if (p(w, () => ({ editor: B }), [B]), d(() => {
+		!B || B.isEditable === i || B.setEditable(i);
+	}, [i, B]), d(() => {
+		if (!B || r == null || r === B.getHTML()) return;
+		let { from: e, to: t } = B.state.selection;
+		B.chain().setContent(r, {
 			emitUpdate: !1,
 			parseOptions: { preserveWhitespace: !0 }
 		}).setTextSelection({
 			from: e,
 			to: t
 		}).run();
-	}, [r, z]), !z) return null;
-	let B = {
+	}, [r, B]), !B) return null;
+	let V = {
 		...b,
 		...n == null ? {} : { width: typeof n == "number" ? `${n}px` : n },
 		...g == null ? {} : { overflowY: g }
-	}, te = t != null && i ? typeof t == "number" ? `${t}px` : t : void 0;
+	}, ee = t != null && i ? typeof t == "number" ? `${t}px` : t : void 0;
 	return /* @__PURE__ */ x(__, {
-		editor: z,
+		editor: B,
 		children: /* @__PURE__ */ S("div", {
 			className: G("stratus-tiptap-editor", y),
-			style: B,
+			style: V,
 			"data-editable": i,
 			...C,
 			children: [
 				i && e(),
 				/* @__PURE__ */ x(H, {
 					spellCheck: c,
-					editor: z
+					editor: B
 				}),
-				te && /* @__PURE__ */ x("style", { children: `.stratus-tiptap-editor .ProseMirror { height: ${te}; min-height: ${te}; overflow-y: auto; }` })
+				ee && /* @__PURE__ */ x("style", { children: `.stratus-tiptap-editor .ProseMirror { height: ${ee}; min-height: ${ee}; overflow-y: auto; }` })
 			]
 		})
 	});
@@ -16301,25 +16337,25 @@ function Iv(e, t, n, r, i) {
 	return o <= 0 ? n : o >= a ? r : o * r / a;
 }
 var Lv = 0, Rv = 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, ...T } = C, [E] = v(() => `slider-${++Lv}`), D = _(null), [O, k] = v(() => Mv(n, r)), [A, j] = v(!1), M = O.some((e) => e.isHovering), N = O.some((e) => e.isDragging), P = !p && (c === void 0 || c), { onClick: F, onMouseOver: I, onMouseOut: L, onDragStart: R, onDrag: ee, onDragEnd: z } = 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, ...T } = C, [E] = v(() => `slider-${++Lv}`), D = _(null), [O, k] = v(() => Mv(n, r)), [A, j] = v(!1), M = O.some((e) => e.isHovering), N = O.some((e) => e.isDragging), P = !p && (c === void 0 || c), { onClick: F, onMouseOver: I, onMouseOut: L, onDragStart: R, onDrag: z, onDragEnd: B } = h;
 	d(() => {
 		n && k(Mv(n, r));
 	}, [n, r]);
-	let B = l((e) => D.current ? Nv(D.current, e, i, s) : 0, [i, s]), te = l(() => {
+	let V = l((e) => D.current ? Nv(D.current, e, i, s) : 0, [i, s]), ee = l(() => {
 		if (!D.current) return [0, 0];
-		if (O.length === 1) return [0, B(O[0].value) + 6];
-		let e = O.map((e) => e.value), t = Math.min(...e), n = Math.max(...e), r = B(t);
-		return [r, B(n) - r + 6];
-	}, [O, B]), ne = l((e) => {
+		if (O.length === 1) return [0, V(O[0].value) + 6];
+		let e = O.map((e) => e.value), t = Math.min(...e), n = Math.max(...e), r = V(t);
+		return [r, V(n) - r + 6];
+	}, [O, V]), te = l((e) => {
 		if (!o || p) return !1;
-		let [t, n] = te(), r = B(e);
+		let [t, n] = ee(), r = V(e);
 		return t <= r && t + n >= r;
 	}, [
 		o,
 		p,
-		te,
-		B
-	]), re = l((e) => {
+		ee,
+		V
+	]), ne = l((e) => {
 		if (!D.current) return 0;
 		let t = Fv(D.current, e);
 		return Math.round(Iv(t, D.current, r, i, s));
@@ -16327,7 +16363,7 @@ var Lv = 0, Rv = 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]), ae = (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]), ie = (e, t) => {
 		if (p || M || N) return;
 		let n = [...O];
 		n[e] = {
@@ -16337,7 +16373,7 @@ var Lv = 0, Rv = o(function(e, t) {
 			index: n[e].value,
 			handle: e
 		}, t);
-	}, oe = (e, t) => {
+	}, ae = (e, t) => {
 		if (p || !M || N) return;
 		let n = [...O];
 		n[e] = {
@@ -16347,28 +16383,28 @@ var Lv = 0, Rv = o(function(e, t) {
 			index: n[e].value,
 			handle: e
 		}, t);
-	}, V = l((e) => {
+	}, oe = l((e) => {
 		if (p) return;
 		let t = (t) => {
 			if (p) return;
 			t.preventDefault(), t.stopPropagation();
-			let n = re(t), r = ie(O[e].value, n), i = [...O];
+			let n = ne(t), r = re(O[e].value, n), i = [...O];
 			i[e] = {
 				...i[e],
 				value: r
-			}, k(i), ee?.({
+			}, k(i), z?.({
 				index: r,
 				handle: e
 			}, 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(O[e].value, i), o = [...O];
+			let i = ne(r), a = re(O[e].value, i), o = [...O];
 			o[e] = {
 				...o[e],
 				value: a,
 				isHovering: !1,
 				isDragging: !1
-			}, k(o), m?.(o.map((e) => e.value).sort((e, t) => e - t), r), z?.({
+			}, k(o), m?.(o.map((e) => e.value).sort((e, t) => e - t), r), B?.({
 				index: a,
 				handle: e
 			}, r);
@@ -16386,11 +16422,11 @@ var Lv = 0, Rv = o(function(e, t) {
 	}, [
 		p,
 		O,
+		ne,
 		re,
-		ie,
 		m,
-		ee,
 		z,
+		B,
 		R
 	]), H = (e) => {
 		if (p || (e.preventDefault(), e.stopPropagation(), !D.current)) return;
@@ -16409,7 +16445,7 @@ var Lv = 0, Rv = o(function(e, t) {
 			...i[r],
 			value: e
 		}, k(i), m?.(i.map((e) => e.value).sort((e, t) => e - t), t.nativeEvent), F?.({ index: e }, t.nativeEvent);
-	}, [ce, le] = te();
+	}, [ce, le] = ee();
 	return /* @__PURE__ */ S("div", {
 		ref: t,
 		className: G("stratus-slider", w),
@@ -16442,11 +16478,11 @@ var Lv = 0, Rv = o(function(e, t) {
 				children: /* @__PURE__ */ x("div", {
 					id: `${E}__handle-${t}`,
 					className: G("stratus-slider__handle", (e.isHovering || e.isDragging) && "is-hovering"),
-					style: s ? { marginTop: B(e.value) } : { marginLeft: B(e.value) },
-					onMouseDown: () => V(t),
-					onTouchStart: () => V(t),
-					onMouseOver: (e) => ae(t, e),
-					onMouseOut: (e) => oe(t, e),
+					style: s ? { marginTop: V(e.value) } : { marginLeft: V(e.value) },
+					onMouseDown: () => oe(t),
+					onTouchStart: () => oe(t),
+					onMouseOver: (e) => ie(t, e),
+					onMouseOut: (e) => ae(t, e),
 					tabIndex: p ? void 0 : 0,
 					"aria-disabled": p
 				})
@@ -16458,8 +16494,8 @@ var Lv = 0, Rv = o(function(e, t) {
 				onMouseOut: () => !p && A && !N && j(!1),
 				"aria-disabled": p,
 				children: o && Object.keys(o).map((e, t) => /* @__PURE__ */ x("span", {
-					className: G("stratus-slider__rail-mark", s && "is-vertical", (A || M || N) && "is-hovering", ne(+e) && "is-active"),
-					style: s ? { marginTop: B(+e) } : { marginLeft: B(+e) },
+					className: G("stratus-slider__rail-mark", s && "is-vertical", (A || M || N) && "is-hovering", te(+e) && "is-active"),
+					style: s ? { marginTop: V(+e) } : { marginLeft: V(+e) },
 					tabIndex: p ? void 0 : 0,
 					"aria-disabled": p,
 					onClick: se(+e),
@@ -16471,7 +16507,7 @@ var Lv = 0, Rv = 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: B(+e) } : { marginLeft: B(+e) },
+					style: s ? { marginTop: V(+e) } : { marginLeft: V(+e) },
 					"aria-disabled": p,
 					onClick: se(+e),
 					onMouseOver: (t) => I?.({ index: +e }, t),
@@ -16581,8 +16617,8 @@ function Xv(e, t) {
 		case "date":
 		case "week": return fe(t, 1);
 		case "month":
-		case "quarter": return me(t, 1);
-		case "year": return Ue(me(U(t), 1));
+		case "quarter": return U(t, 1);
+		case "year": return Ue(U(xe(t), 1));
 		default: return t;
 	}
 }
@@ -16592,8 +16628,8 @@ function Zv(e, t, n) {
 			case "date":
 			case "week": return fe(t, n);
 			case "month":
-			case "quarter": return me(t, n);
-			case "year": return Ue(me(U(t), n * 10));
+			case "quarter": return U(t, n);
+			case "year": return Ue(U(xe(t), n * 10));
 			default: return t;
 		}
 	})(t, n);
@@ -16603,7 +16639,7 @@ function Zv(e, t, n) {
 		case "month":
 		case "quarter": return `${r.getFullYear()}`;
 		case "year": {
-			let e = Ue(r), t = U(r);
+			let e = Ue(r), t = xe(r);
 			return `${e.getFullYear()}-${t.getFullYear()}`;
 		}
 		default: return "";
@@ -16623,26 +16659,26 @@ function $v({ display: e, rowProps: t = () => ({}), rowClassNames: r = () => "",
 	let { uid: o, type: s, showWeekNumber: c, actualDate: l, selectedDate: d, updateSelectedDate: f, isDisabledDate: p } = u(Hv), m = s === "date" || s === "week", g = s === "week" || s === "date" && c, _ = h(() => {
 		switch (s) {
 			case "month": {
-				let t = me(l, e).getFullYear();
+				let t = U(l, e).getFullYear();
 				return Jv(Kv().map((e, n) => /* @__PURE__ */ new Date(`${t}-${n + 1}`)), 3);
 			}
 			case "quarter": {
-				let t = me(l, e).getFullYear();
-				return Jv(ve({
+				let t = U(l, e).getFullYear();
+				return Jv(_e({
 					start: /* @__PURE__ */ new Date(`${t}`),
 					end: /* @__PURE__ */ new Date(`${t}-12-31`)
 				}), 4);
 			}
 			case "year": {
-				let t = Ue(me(U(l), e * 10)), n = Ue(t), r = U(t);
-				return Jv(be({
-					start: U(Ye(n, 1)),
-					end: Ue(me(r, 1))
+				let t = Ue(U(xe(l), e * 10)), n = Ue(t), r = xe(t);
+				return Jv(ye({
+					start: xe(Ye(n, 1)),
+					end: Ue(U(r, 1))
 				}), 3);
 			}
 			default: {
 				let t = fe(l, e);
-				return ye({
+				return ve({
 					start: We(t),
 					end: Se(t)
 				}, { weekStartsOn: 1 }).map((e) => {
@@ -16674,7 +16710,7 @@ function $v({ display: e, rowProps: t = () => ({}), rowClassNames: r = () => "",
 		}
 	}, b = (e) => s === "week" && d ? Ie(e, d, { weekStartsOn: 1 }) : !1, C = (t) => s !== "date" && s !== "week" ? !1 : !Pe(t, fe(l, e)), w = (t) => {
 		if (s !== "year") return !1;
-		let n = Ue(me(U(l), e * 10));
+		let n = Ue(U(xe(l), e * 10));
 		return De(t) !== De(n);
 	}, T = (e) => () => {
 		s === "week" && f(e);
@@ -16936,16 +16972,16 @@ function fy(e, t, n, r) {
 //#endregion
 //#region src/components/DatePicker/DatePicker.tsx
 var py = 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 : ly(c, u), A = c === void 0 ? l ? ly(l, u) : null : k, [j, M] = v(o), [N, P] = v(A), [F, I] = v(A), [L, R] = v(!1), ee = a !== void 0, z = ee ? a : j, B = c === void 0 ? F : k, te = c !== void 0 && z && !L ? k : F, ne = c !== void 0 && !z ? k : te, re = dy(s, ne, u, f), ie = r > 0 ? r : 1, ae = (e) => {
-		ee || M(e);
+	let k = c === void 0 ? null : ly(c, u), A = c === void 0 ? l ? ly(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, ee = c !== void 0 && B && !L ? k : F, te = c !== void 0 && !B ? k : ee, ne = dy(s, te, u, f), re = r > 0 ? r : 1, ie = (e) => {
+		z || M(e);
+	}, ae = (e) => {
+		b || (P(V), I(V), R(!1), ie(!0), _?.(e));
 	}, oe = (e) => {
-		b || (P(B), I(B), R(!1), ae(!0), _?.(e));
-	}, V = (e) => {
-		ae(!1), y?.(e);
+		ie(!1), y?.(e);
 	};
 	p(O, () => ({
-		open: () => oe(),
-		close: () => V()
+		open: () => ae(),
+		close: () => oe()
 	}));
 	let H = (e) => {
 		ce(c === void 0 ? N : k, e);
@@ -16955,8 +16991,8 @@ var py = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 		g?.({
 			text: dy(s, e, u, f),
 			date: e || null
-		}), I(e), R(!1), V(t);
-	}, le = ne && i ? /* @__PURE__ */ x(q, {
+		}), I(e), R(!1), oe(t);
+	}, le = te && i ? /* @__PURE__ */ x(q, {
 		variant: "ghost",
 		size: "sm",
 		className: "stratus-datepicker__clear-btn",
@@ -16971,20 +17007,20 @@ var py = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 	}), ue = d || uy(s, u, f);
 	return /* @__PURE__ */ x(Yn, {
 		className: G("stratus-datepicker", t),
-		open: z,
+		open: B,
 		placement: C,
 		trigger: "click",
 		tooltipRef: n,
-		onOpen: oe,
+		onOpen: ae,
 		onClose: H,
 		maxWidth: "none",
 		content: /* @__PURE__ */ x(sy, {
-			nDisplays: ie,
+			nDisplays: re,
 			type: s,
 			showToday: m,
 			showTime: f,
 			showWeekNumber: h,
-			initialDate: te || null,
+			initialDate: ee || null,
 			onSelectDate: se,
 			onChange: ce,
 			disabledDates: S,
@@ -16996,12 +17032,12 @@ var py = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 			children: /* @__PURE__ */ x(Qn, {
 				className: G(e, "stratus-datepicker__input"),
 				endAdornment: le,
-				value: re ?? "",
+				value: ne ?? "",
 				placeholder: ue,
 				disabled: b,
 				onChange: () => g?.({
-					text: re,
-					date: ne
+					text: ne,
+					date: te
 				}),
 				style: { width: f ? 200 : 150 },
 				...w,
@@ -17185,32 +17221,32 @@ function _y({ disabled: e, picker: t, format: n, showTime: r, onChange: i, onCha
 //#endregion
 //#region src/components/DatePicker/DateRangePicker.tsx
 var vy = 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 ? ly(c[0], u) : null, j = c ? ly(c[1], u) : null, M = c ? A : l ? ly(l[0], u) : null, N = c ? j : l ? ly(l[1], u) : null, [P, F] = v(!1), [I, L] = v(M), [R, ee] = v(N), [z, B] = v(M), [te, ne] = v(N), [re, ie] = v(null), [ae, oe] = v(0), V = c ? A : z, H = c ? j : te, se = c && !P ? A : z, ce = c && !P ? j : te, le = r > 0 ? r : 2, ue = i > 1 ? 2 : 1, de = ue > 1 ? m ? "190px" : "135px" : m ? "300px" : "220px", fe = dy(s, se, u, m), pe = dy(s, ce, u, m), { openPicker: me, closePicker: he, handleOpenStartDate: ge, handleOpenEndDate: _e, handleDismiss: ve, handleSelectDate: ye, handleChangeDate: be, handleClear: xe, getRowClassNames: U, getRowProps: Se, getCellClassNames: Ce, getCellProps: we } = _y({
+	let A = c ? ly(c[0], u) : null, j = c ? ly(c[1], u) : null, M = c ? A : l ? ly(l[0], u) : null, N = c ? j : l ? ly(l[1], u) : null, [P, F] = v(!1), [I, L] = v(M), [R, z] = v(N), [B, V] = v(M), [ee, te] = v(N), [ne, re] = v(null), [ie, ae] = v(0), oe = c ? A : B, H = c ? j : ee, se = c && !P ? A : B, ce = c && !P ? j : ee, le = r > 0 ? r : 2, ue = i > 1 ? 2 : 1, de = ue > 1 ? m ? "190px" : "135px" : m ? "300px" : "220px", fe = dy(s, se, u, m), pe = dy(s, ce, u, m), { openPicker: U, closePicker: me, handleOpenStartDate: he, handleOpenEndDate: ge, handleDismiss: _e, handleSelectDate: ve, handleChangeDate: ye, handleClear: be, getRowClassNames: xe, getRowProps: Se, getCellClassNames: Ce, getCellProps: we } = _y({
 		disabled: b,
 		picker: s,
 		format: u,
 		showTime: m,
 		onChange: _,
 		onChangeOnClickOutside: y,
-		committedStartDate: V,
+		committedStartDate: oe,
 		committedEndDate: H,
 		savedStartDate: I,
 		savedEndDate: R,
-		startDate: z,
-		endDate: te,
-		hoverDate: re,
-		focusInput: ae,
+		startDate: B,
+		endDate: ee,
+		hoverDate: ne,
+		focusInput: ie,
 		setOpen: F,
 		setSavedStartDate: L,
-		setSavedEndDate: ee,
-		setStartDate: B,
-		setEndDate: ne,
-		setHoverDate: ie,
-		setFocusInput: oe
+		setSavedEndDate: z,
+		setStartDate: V,
+		setEndDate: te,
+		setHoverDate: re,
+		setFocusInput: ae
 	});
 	return p(k, () => ({
-		open: () => me(1),
-		close: () => he()
+		open: () => U(1),
+		close: () => me()
 	})), /* @__PURE__ */ x(Yn, {
 		className: G("stratus-datepicker", "stratus-datepicker--range", t),
 		open: P,
@@ -17218,7 +17254,7 @@ var vy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 		trigger: "click",
 		tooltipRef: n,
 		arrow: !1,
-		onClose: ve,
+		onClose: _e,
 		maxWidth: "none",
 		content: /* @__PURE__ */ x(sy, {
 			nDisplays: le,
@@ -17226,11 +17262,11 @@ var vy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 			showToday: h,
 			showTime: m,
 			showWeekNumber: g,
-			initialDate: ae === 1 ? z || null : te || null,
-			onSelectDate: ye,
-			onChange: be,
+			initialDate: ie === 1 ? B || null : ee || null,
+			onSelectDate: ve,
+			onChange: ye,
 			disabledDates: S,
-			rowClassNames: U,
+			rowClassNames: xe,
 			rowProps: Se,
 			cellClassNames: Ce,
 			cellProps: we,
@@ -17244,15 +17280,15 @@ var vy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 				className: e,
 				allowClear: o,
 				nInputs: ue,
-				focusInput: ae,
+				focusInput: ie,
 				separator: a,
 				placeholderStartDate: d,
 				placeholderEndDate: f,
 				startDate: fe || "",
 				endDate: pe || "",
-				onClickClear: xe,
-				onClickStartDate: ge,
-				onClickEndDate: _e,
+				onClickClear: be,
+				onClickStartDate: he,
+				onClickEndDate: ge,
 				disabled: b,
 				width: de,
 				startDateInputProps: w,
@@ -17275,25 +17311,25 @@ function by(e, t, n = !0) {
 		case "weeks": return n ? Ge(r, { weekStartsOn: 1 }) : Ce(r, { weekStartsOn: 1 });
 		case "months": return n ? We(r) : Se(r);
 		case "years": return n ? Ke(r) : we(r);
-		default: return n ? He(r) : xe(r);
+		default: return n ? He(r) : be(r);
 	}
 }
 function xy(e, t, n) {
 	let r = yy(e), i = yy(t);
 	switch (n) {
-		case "weeks": return ye({
+		case "weeks": return ve({
 			start: r,
 			end: i
 		}, { weekStartsOn: 1 });
-		case "months": return _e({
+		case "months": return ge({
 			start: r,
 			end: i
 		});
-		case "years": return be({
+		case "years": return ye({
 			start: r,
 			end: i
 		});
-		default: return ge({
+		default: return he({
 			start: r,
 			end: i
 		});
@@ -17308,7 +17344,7 @@ function Sy(e, t = !1) {
 	}
 }
 function Cy(e, t, n, r) {
-	return he(r, n) / t * e;
+	return me(r, n) / t * e;
 }
 function wy(e, t, n, r) {
 	return !(je(e, n) && je(t, n) || Ae(e, r) && Ae(t, r));
@@ -17334,7 +17370,7 @@ function Dy(e, t) {
 	return 150;
 }
 function Oy(e, t, n, r, i) {
-	let a = by(t, i, !0), o = by(n, i, !1), s = he(o, a);
+	let a = by(t, i, !0), o = by(n, i, !1), s = me(o, a);
 	return e.map((e) => {
 		let c = yy(e.startDate), l = yy(e.endDate), { children: u, ...d } = e, f = u && u.length > 0 ? Oy(u, t, n, r, i) : void 0;
 		return {
@@ -17420,7 +17456,7 @@ function jy() {
 function My({ start: e, end: t, rowWidth: n, groupDatesBy: r }) {
 	let i = l(() => {
 		let i = /* @__PURE__ */ new Date(), a = by(e, r, !0);
-		return Cy(n, he(by(t, r, !1), a), a, i);
+		return Cy(n, me(by(t, r, !1), a), a, i);
 	}, [
 		e,
 		t,
@@ -17443,28 +17479,28 @@ var Ny = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		t,
 		n,
 		D
-	]), ee = h(() => {
+	]), z = h(() => {
 		let e = L * a / 100;
 		return i.reduce((t, n) => t + Dy(e, n), 0);
 	}, [
 		L,
 		a,
 		i
-	]), z = h(() => {
-		let e = L - ee, t = R.length * C;
+	]), B = h(() => {
+		let e = L - z, t = R.length * C;
 		return Math.max(e, t);
 	}, [
 		L,
-		ee,
+		z,
 		R,
 		C
-	]), B = h(() => Oy(r, t, n, O, D), [
+	]), V = h(() => Oy(r, t, n, O, D), [
 		r,
 		t,
 		n,
 		O,
 		D
-	]), te = h(() => {
+	]), ee = h(() => {
 		let e = L * a / 100, t = i.map((t, n) => {
 			let r = t.dataKey || t.accessor || t.key || `col_${n}`, i = Dy(e, t), a = {
 				dataKey: r,
@@ -17499,7 +17535,7 @@ var Ny = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		}), n = {
 			dataKey: "__gantt__",
 			key: "__gantt__",
-			width: z,
+			width: B,
 			sortable: !1,
 			resizable: !1,
 			headerClassName: "stratus-gantt__header-gantt",
@@ -17508,10 +17544,10 @@ var Ny = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 				className: "stratus-gantt__header-dates",
 				style: {
 					display: "flex",
-					width: z
+					width: B
 				},
 				children: R.map((e, t) => {
-					let n = z / R.length, r = T ? T({
+					let n = B / R.length, r = T ? T({
 						column: {},
 						columnIndex: t,
 						date: e
@@ -17530,12 +17566,12 @@ var Ny = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 				style: {
 					display: "flex",
 					alignItems: "center",
-					width: z,
+					width: B,
 					height: "100%"
 				},
 				children: /* @__PURE__ */ x(ky, {
 					rowData: e,
-					rowWidth: z,
+					rowWidth: B,
 					ganttTaskHeight: w,
 					ganttTaskProps: f,
 					ganttRowRenderer: E
@@ -17547,7 +17583,7 @@ var Ny = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		L,
 		a,
 		i,
-		z,
+		B,
 		R,
 		T,
 		D,
@@ -17560,10 +17596,10 @@ var Ny = 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), ne(r[t].startDate));
-		} else k && ne(k);
+			t !== -1 && (e.scrollToRow(t), te(r[t].startDate));
+		} else k && te(k);
 	}, [k, A]);
-	function ne(e) {
+	function te(e) {
 		if (!e || !F.current) return;
 		let t = yy(e), n = F.current.getTableRef();
 		if (!n) return;
@@ -17571,38 +17607,38 @@ var Ny = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		for (let e of i) o += Dy(r, e);
 		let s = R.findIndex((e) => Ty(e, t));
 		if (s !== -1) {
-			let e = z / R.length, t = o + s * e;
-			n.scrollToLeft(t), ie(t);
+			let e = B / R.length, t = o + s * e;
+			n.scrollToLeft(t), re(t);
 		}
 	}
-	function re(e) {
+	function ne(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), ne(r[n].startDate));
+		n !== -1 && (t.scrollToRow(n), te(r[n].startDate));
 	}
-	function ie(e) {
+	function re(e) {
 		b && setTimeout(() => {
 			let t = document.getElementById("stratus-gantt__timenowLine-container");
 			t && (t.scrollLeft = e);
 		});
 	}
 	p(P, () => ({
-		scrollToDate: (e) => setTimeout(() => ne(e)),
-		scrollToTask: (e) => setTimeout(() => re(e)),
+		scrollToDate: (e) => setTimeout(() => te(e)),
+		scrollToTask: (e) => setTimeout(() => ne(e)),
 		clearSortState: () => F.current?.clearSortState(),
 		setSelectedRows: (e) => F.current?.setSelectedRows(e.map(String)),
 		getTableRef: () => F.current
 	}));
-	let ae = l((e) => {
+	let ie = l((e) => {
 		M && M({
 			rowData: e.rowData,
 			rowIndex: e.rowIndex,
 			rowKey: e.rowData.id,
 			event: e.event
 		});
-	}, [M]), oe = h(() => {
+	}, [M]), ae = h(() => {
 		let e = L * a / 100;
 		return i.filter((e) => e.frozen === "left" || e.frozen === !0).reduce((t, n) => t + Dy(e, n), 0);
 	}, [
@@ -17617,8 +17653,8 @@ var Ny = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		style: { height: "100%" },
 		children: [/* @__PURE__ */ x(Bt, {
 			ref: F,
-			columns: te,
-			data: B,
+			columns: ee,
+			data: V,
 			rowId: "id",
 			headerHeight: s,
 			rowHeight: c,
@@ -17631,21 +17667,21 @@ var Ny = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 			noDataValue: m ?? "No data",
 			className: "stratus-gantt__table",
 			rowClassName: u,
-			onRowClick: M ? ae : void 0,
+			onRowClick: M ? ie : void 0,
 			onColumnSort: N
-		}), b && z > 0 && /* @__PURE__ */ x("div", {
+		}), b && B > 0 && /* @__PURE__ */ x("div", {
 			id: "stratus-gantt__timenowLine-container",
 			className: "stratus-gantt__timenowLine-container",
 			children: /* @__PURE__ */ x("div", {
 				className: "stratus-gantt__overlay-inner",
 				style: {
-					width: z + oe + ee,
-					marginLeft: oe + 2
+					width: B + ae + z,
+					marginLeft: ae + 2
 				},
 				children: /* @__PURE__ */ x(My, {
 					start: t,
 					end: n,
-					rowWidth: z,
+					rowWidth: B,
 					groupDatesBy: D
 				})
 			})