@equinor/stratus-ui 1.5.0 → 1.7.0

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 V, createStyleTag as H, escapeForRegEx as ee, getExtensionField as te, isNodeEmpty as ne, isNodeSelection as re, mergeAttributes as ie } from "@tiptap/core";
+import { Extension as z, Node as B, callOrReturn as V, createStyleTag as ee, escapeForRegEx as H, getExtensionField as te, isNodeEmpty as ne, isNodeSelection as re, mergeAttributes as ie } from "@tiptap/core";
 import { EditorContent as ae, ReactRenderer as oe, useEditor as se } from "@tiptap/react";
 import U 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";
+import { addDays as le, addMonths as W, addSeconds as ue, addYears as de, differenceInMilliseconds as fe, eachDayOfInterval as pe, eachMonthOfInterval as me, eachQuarterOfInterval as he, eachWeekOfInterval as ge, eachYearOfInterval as _e, endOfDay as ve, endOfDecade as ye, 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: {
@@ -35,6 +35,8 @@ var Ye = {
 	},
 	danger: {
 		main: "var(--stratus-error)",
+		hover: "var(--stratus-error-hover)",
+		text: "var(--stratus-error-text)",
 		highlight: "var(--stratus-error-highlight)"
 	},
 	warning: {
@@ -62,7 +64,8 @@ var Ye = {
 	border: {
 		light: "var(--stratus-border-light)",
 		divider: "var(--stratus-divider)"
-	}
+	},
+	table: { cellHover: "var(--stratus-table-row-hover-bg)" }
 };
 //#endregion
 //#region src/utils/as.ts
@@ -358,10 +361,10 @@ 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, disabled: j = !1, onOpen: M, onClose: N, onClick: P, onMouseEnter: F, onMouseLeave: I, onContextMenu: L, onClickOutside: R, ...z }, B) => {
-	let [V, H] = v(u), ee = _(null), te = _(null), ne = _(void 0), [re, ie] = v(null), ae = c !== void 0, oe = j ? !1 : ae ? c : V, se = _(oe);
+	let [V, ee] = v(u), H = _(null), te = _(null), ne = _(void 0), [re, ie] = v(null), ae = c !== void 0, oe = j ? !1 : ae ? c : V, se = _(oe);
 	d(() => {
 		let e = se.current;
-		se.current = oe, j && (clearTimeout(ne.current), ae || H(!1), e && N?.(new MouseEvent("click", {
+		se.current = oe, j && (clearTimeout(ne.current), ae || ee(!1), e && N?.(new MouseEvent("click", {
 			bubbles: !0,
 			cancelable: !0
 		})));
@@ -374,13 +377,13 @@ var dt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 	let U = h(() => Array.isArray(o) ? o : [o], [o]), ce = {};
 	for (let e of Object.keys(z)) e.startsWith("data-") && (ce[e] = z[e]);
 	let le = l((e) => {
-		j || (ae || H(!0), M?.(e));
+		j || (ae || ee(!0), M?.(e));
 	}, [
 		j,
 		ae,
 		M
-	]), ue = l((e) => {
-		ae || H(!1), N?.(e);
+	]), W = l((e) => {
+		ae || ee(!1), N?.(e);
 	}, [ae, N]);
 	p(y, () => ({
 		open: (e) => {
@@ -395,46 +398,46 @@ var dt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 				bubbles: !0,
 				cancelable: !0
 			});
-			ue(e ?? t);
+			W(e ?? t);
 		}
 	}));
-	let de = l(() => {
-		if (!ee.current || !te.current) return;
-		let e = ee.current.getBoundingClientRect(), t = te.current.getBoundingClientRect();
+	let ue = l(() => {
+		if (!H.current || !te.current) return;
+		let e = H.current.getBoundingClientRect(), t = te.current.getBoundingClientRect();
 		ie(ut(e, {
 			width: t.width,
 			height: t.height
 		}, a));
 	}, [a]);
 	m(() => {
-		oe && de();
+		oe && ue();
 	}, [
 		oe,
-		de,
+		ue,
 		i
 	]), d(() => {
 		if (!oe) return;
-		let e = () => de();
+		let e = () => ue();
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [oe, de]), d(() => {
+	}, [oe, ue]), d(() => {
 		if (!oe || !g || !U.includes("click") && !U.includes("contextMenu")) return;
 		let e = (e) => {
 			let t = e.target;
-			ee.current?.contains(t) || te.current?.contains(t) || (ue(e), R?.(!1, e));
+			H.current?.contains(t) || te.current?.contains(t) || (W(e), R?.(!1, e));
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [
 		oe,
 		g,
-		ue,
+		W,
 		R
 	]);
-	let fe = l((e) => {
+	let de = l((e) => {
 		if (!U.includes("click")) return;
 		let t = !oe;
-		ae || H(t), P?.(t, e), t ? M?.(e) : N?.(e);
+		ae || ee(t), P?.(t, e), t ? M?.(e) : N?.(e);
 	}, [
 		U,
 		oe,
@@ -442,11 +445,11 @@ var dt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 		P,
 		M,
 		N
-	]), pe = l((e) => {
+	]), fe = l((e) => {
 		if (!U.includes("contextMenu")) return;
 		e.preventDefault();
 		let t = !oe;
-		ae || H(t), L?.(t, e), t ? M?.(e) : N?.(e);
+		ae || ee(t), L?.(t, e), t ? M?.(e) : N?.(e);
 	}, [
 		U,
 		oe,
@@ -454,39 +457,39 @@ var dt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 		L,
 		M,
 		N
-	]), me = l((e) => {
+	]), pe = l((e) => {
 		U.includes("hover") && (clearTimeout(ne.current), le(e), F?.(!0, e));
 	}, [
 		U,
 		le,
 		F
-	]), he = l((e) => {
-		U.includes("hover") && (ne.current = setTimeout(() => ue(e), 100), I?.(!1, e));
+	]), me = l((e) => {
+		U.includes("hover") && (ne.current = setTimeout(() => W(e), 100), I?.(!1, e));
 	}, [
 		U,
-		ue,
+		W,
 		I
-	]), ge = l(() => {
+	]), he = l(() => {
 		U.includes("hover") && clearTimeout(ne.current);
-	}, [U]), _e = l((e) => {
-		U.includes("hover") && (ue(e), I?.(!1, e));
+	}, [U]), ge = l((e) => {
+		U.includes("hover") && (W(e), I?.(!1, e));
 	}, [
 		U,
-		ue,
+		W,
 		I
-	]), ve = {};
-	j || (U.includes("click") && (ve.onClick = fe), U.includes("contextMenu") && (ve.onContextMenu = pe), U.includes("hover") && (ve.onMouseEnter = me, ve.onMouseLeave = he));
-	let ye = l((e) => {
-		ee.current = e;
-	}, []), W = () => typeof e == "string" ? /* @__PURE__ */ x("span", {
-		ref: ye,
-		...ve,
+	]), _e = {};
+	j || (U.includes("click") && (_e.onClick = de), U.includes("contextMenu") && (_e.onContextMenu = fe), U.includes("hover") && (_e.onMouseEnter = pe, _e.onMouseLeave = me));
+	let ve = l((e) => {
+		H.current = e;
+	}, []), ye = () => typeof e == "string" ? /* @__PURE__ */ x("span", {
+		ref: ve,
+		..._e,
 		className: "stratus-tooltip-anchor",
 		style: j ? { cursor: "default" } : void 0,
 		children: e
 	}) : t.map(e, (e) => s(e) ? r(e, {
-		ref: ye,
-		...ve,
+		ref: ve,
+		..._e,
 		style: {
 			display: e.props?.display ?? "inline-block",
 			...j ? {} : { cursor: "pointer" },
@@ -506,8 +509,8 @@ var dt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 			display: oe ? void 0 : "none",
 			...!oe && k ? { visibility: "hidden" } : {}
 		},
-		onMouseEnter: ge,
-		onMouseLeave: _e,
+		onMouseEnter: he,
+		onMouseLeave: ge,
 		...ce,
 		children: [f && /* @__PURE__ */ x("span", { className: "stratus-tooltip__arrow" }), /* @__PURE__ */ x("div", {
 			className: "stratus-tooltip__content",
@@ -519,7 +522,7 @@ var dt = o(({ children: e, className: n, content: i, placement: a = "bottom", tr
 			children: i
 		})]
 	}) : null, we = !A && typeof document < "u" ? O ?? document.body : null;
-	return /* @__PURE__ */ S(b, { children: [W(), Ce && (we ? C(Ce, we) : Ce)] });
+	return /* @__PURE__ */ S(b, { children: [ye(), Ce && (we ? C(Ce, we) : Ce)] });
 });
 dt.displayName = "Tooltip";
 //#endregion
@@ -794,7 +797,7 @@ var Ct = rt((e, t) => {
 		toggleSelect: R,
 		toggleOpen: z,
 		onClick: h
-	}, V = n ?? "ul", H = G("stratus-menu", `stratus-menu--${i}`, T), ee = {
+	}, V = n ?? "ul", ee = G("stratus-menu", `stratus-menu--${i}`, T), H = {
 		...E,
 		...C
 	};
@@ -803,8 +806,8 @@ var Ct = rt((e, t) => {
 		children: /* @__PURE__ */ x(V, {
 			ref: t,
 			role: "menu",
-			className: H,
-			style: ee,
+			className: ee,
+			style: H,
 			...D,
 			children: r
 		})
@@ -951,7 +954,7 @@ 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: V, onDragEnd: H, onEndReached: ee, style: te } = e, ne = _(null), re = _(null), [ie, 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: ee, onEndReached: H, style: te } = e, ne = _(null), re = _(null), [ie, ae] = v(0);
 	d(() => {
 		let e = ne.current;
 		if (!e) return;
@@ -965,9 +968,9 @@ function Pt(e, t) {
 			let n = typeof e == "function" ? e(t) : e;
 			return B?.(Mt(n)), n;
 		});
-	}, [B, N]), [ce, le] = v(() => C ? At(C) : {}), ue = h(() => b === void 0 ? ce : At(b), [b, ce]), de = l((e) => {
+	}, [B, N]), [ce, le] = v(() => C ? At(C) : {}), W = h(() => b === void 0 ? ce : At(b), [b, ce]), ue = 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(ie, t), 0) : typeof e == "string" ? e.endsWith("%") ? Math.max(parseFloat(e) / 100 * ie, 0) : parseFloat(e) || 150 : e, [ie]), ye = h(() => {
+	}, [b]), [de, fe] = v(() => e.defaultSelectedRowsIds ? Object.fromEntries(e.defaultSelectedRowsIds.map((e) => [e, !0])) : {}), [pe, me] = v(null), [he, ge] = v(null), _e = l((e, t) => typeof e == "function" ? Math.max(e(ie, t), 0) : typeof e == "string" ? e.endsWith("%") ? Math.max(parseFloat(e) / 100 * ie, 0) : parseFloat(e) || 150 : e, [ie]), ve = h(() => {
 		let e = [];
 		if (y) {
 			let t = I ? I({
@@ -1048,7 +1051,7 @@ function Pt(e, t) {
 			});
 		}
 		return n.forEach((t, n) => {
-			let r = t.key ?? t.dataKey, i = ie > 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 = ie > 0 ? _e(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);
@@ -1093,24 +1096,24 @@ function Pt(e, t) {
 		f,
 		g,
 		I,
-		ve,
+		_e,
 		V
-	]), W = l((e) => String(e[i]), [i]), be = l((e) => {
+	]), ye = l((e) => String(e[i]), [i]), be = l((e) => {
 		let t = e[a];
 		return Array.isArray(t) ? t : void 0;
 	}, [a]), xe = O({
 		data: r,
-		columns: ye,
+		columns: ve,
 		state: {
 			sorting: oe,
-			expanded: ue,
-			rowSelection: fe
+			expanded: W,
+			rowSelection: de
 		},
-		getRowId: W,
+		getRowId: ye,
 		getSubRows: y ? be : void 0,
 		onSortingChange: U,
-		onExpandedChange: de,
-		onRowSelectionChange: pe,
+		onExpandedChange: ue,
+		onRowSelectionChange: fe,
 		getCoreRowModel: T(),
 		getSortedRowModel: D(),
 		getExpandedRowModel: y ? E() : void 0,
@@ -1134,7 +1137,7 @@ function Pt(e, t) {
 			se(n), B?.(Mt(n));
 		},
 		setSelectedRows: (e) => {
-			pe(Object.fromEntries(e.map((e) => [e, !0])));
+			fe(Object.fromEntries(e.map((e) => [e, !0])));
 		},
 		getTableRef: () => ({
 			scrollToTop: (e) => {
@@ -1161,27 +1164,27 @@ function Pt(e, t) {
 		b,
 		B
 	]), d(() => {
-		if (!ee) return;
+		if (!H) return;
 		let e = re.current;
 		if (!e) return;
 		let t = () => {
-			e.scrollTop + e.clientHeight >= e.scrollHeight - 50 && ee();
+			e.scrollTop + e.clientHeight >= e.scrollHeight - 50 && H();
 		};
 		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
-	}, [ee]);
+	}, [H]);
 	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 || (me(e.id), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", e.id));
 	}, [k, N]), ke = l((e, t) => {
-		!k || N || (t.preventDefault(), t.dataTransfer.dropEffect = "move", _e(e.id));
+		!k || N || (t.preventDefault(), t.dataTransfer.dropEffect = "move", ge(e.id));
 	}, [k, N]), Ae = l((e, t) => {
 		if (!k || N) return;
 		t.preventDefault();
-		let n = t.dataTransfer.getData("text/plain") || me;
-		if (he(null), _e(null), !n || n === e.id) return;
+		let n = t.dataTransfer.getData("text/plain") || pe;
+		if (me(null), ge(null), !n || n === e.id) return;
 		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), H?.({
+		a.splice(i, 0, o), ee?.({
 			oldIndex: r,
 			newIndex: i,
 			rowData: o,
@@ -1190,11 +1193,11 @@ function Pt(e, t) {
 	}, [
 		k,
 		N,
-		me,
+		pe,
 		we,
-		H
+		ee
 	]), je = l(() => {
-		he(null), _e(null);
+		me(null), ge(null);
 	}, []);
 	return /* @__PURE__ */ x("div", {
 		ref: ne,
@@ -1240,20 +1243,20 @@ function Pt(e, t) {
 						})
 					}, e.id)) }),
 					/* @__PURE__ */ x("tbody", { children: Ee ? /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ x("td", {
-						colSpan: ye.length,
+						colSpan: ve.length,
 						children: /* @__PURE__ */ x("div", {
 							className: "stratus-table__empty",
 							children: F
 						})
 					}) }) : we.map((e, t) => {
-						let n = e.original, r = W(n), i = "";
+						let n = e.original, r = ye(n), i = "";
 						typeof R == "function" ? i = R({
 							rowData: n,
 							rowIndex: t
 						}) : typeof R == "string" && (i = R);
-						let a = M && t % 2 == 1, o = e.getIsSelected(), s = !!z, c = k && ge === e.id;
+						let a = M && t % 2 == 1, o = e.getIsSelected(), s = !!z, c = k && he === e.id;
 						return /* @__PURE__ */ x("tr", {
-							className: G(i || void 0, k && "stratus-table__row--draggable", me === e.id && "stratus-table__row--dragging", c && "stratus-table__row--drag-over"),
+							className: G(i || void 0, k && "stratus-table__row--draggable", pe === e.id && "stratus-table__row--dragging", c && "stratus-table__row--drag-over"),
 							draggable: k && !N,
 							"data-clickable": s || void 0,
 							"data-selected": o || void 0,
@@ -1942,13 +1945,13 @@ 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, V] = v(n), [H, ee] = 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), [ee, H] = v(!1);
 	d(() => {
 		if (n) V(!0), requestAnimationFrame(() => {
-			requestAnimationFrame(() => ee(!0));
+			requestAnimationFrame(() => H(!0));
 		});
 		else {
-			ee(!1);
+			H(!1);
 			let e = setTimeout(() => {
 				p || V(!1);
 			}, P || F ? m : 0);
@@ -1998,7 +2001,7 @@ var kn = o(function(e, t) {
 		"aria-modal": P && n ? !0 : void 0,
 		"aria-labelledby": P && re ? ne : void 0,
 		tabIndex: P ? -1 : void 0,
-		className: G("stratus-drawer", `stratus-drawer--${N}`, `stratus-drawer--${i}`, H && 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: [U, y]
@@ -2008,7 +2011,7 @@ var kn = o(function(e, t) {
 		children: ce
 	});
 	let le = /* @__PURE__ */ S(b, { children: [!h && /* @__PURE__ */ x("div", {
-		className: G("stratus-drawer-backdrop", H && 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
@@ -2244,7 +2247,7 @@ var Hn = o(function(e, t) {
 		e.target === e.currentTarget && (h?.onClick?.(e), D && g?.(e));
 	};
 	if (!(P || u)) return null;
-	let H = a != null || r, ee = o != null || typeof y == "function" || typeof w == "function", te = {
+	let ee = a != null || r, H = o != null || typeof y == "function" || typeof w == "function", te = {
 		...M,
 		...k
 	}, ne = /* @__PURE__ */ x("div", {
@@ -2266,7 +2269,7 @@ var Hn = o(function(e, t) {
 			children: /* @__PURE__ */ S("div", {
 				className: "stratus-modal__container",
 				children: [
-					H && /* @__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: B ? z : void 0,
@@ -2287,7 +2290,7 @@ var Hn = o(function(e, t) {
 							children: T
 						})
 					}),
-					ee && /* @__PURE__ */ x(Bn, {
+					H && /* @__PURE__ */ x(Bn, {
 						footer: o,
 						okText: s,
 						cancelText: c,
@@ -2447,8 +2450,8 @@ 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, V = B ? h : R, H = _(null), ee = l((e) => {
-		H.current = e, a && (a.current = 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), H = l((e) => {
+		ee.current = e, a && (a.current = e);
 	}, [a]), te = (e) => {
 		let t = e.target.value;
 		B || z(t), A?.(t, e);
@@ -2481,7 +2484,7 @@ var Yn = o(function(e, t) {
 					}),
 					n ?? /* @__PURE__ */ x(oe, {
 						...o,
-						ref: ee,
+						ref: H,
 						id: L,
 						type: T ? void 0 : s,
 						className: G("stratus-input__input", T && "stratus-input__input--textarea", o.className),
@@ -2681,12 +2684,12 @@ function tr() {
 }
 //#endregion
 //#region src/components/Select/SelectClearButton.tsx
-function nr({ onClear: e }) {
+function nr({ onClear: e, label: t = "Clear" }) {
 	return /* @__PURE__ */ x("button", {
 		type: "button",
 		className: "stratus-select__clear",
 		onClick: e,
-		"aria-label": "Clear",
+		"aria-label": t,
 		children: "✕"
 	});
 }
@@ -2785,56 +2788,56 @@ 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: V = !1, disabled: H = !1, onSelect: ee, onDeselect: te, onClear: ne, onChange: re, itemGroupRenderer: ie, itemRenderer: ae, ...oe } = e, { cssProps: se, otherProps: U } = K(oe), 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);
+	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: z = !1, persistInputText: B = !1, compact: V = !1, fullWidth: ee = !1, disabled: H = !1, onSelect: te, onDeselect: ne, onClear: re, onChange: ie, itemGroupRenderer: ae, itemRenderer: oe, ...se } = e, { cssProps: U, otherProps: ce } = K(se), le = f(), [W, 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, be = ye ? ar(c) : de, xe = m === void 0 ? pe : m, Se = _(null), Ce = _(null), we = _(null), Te = l((e) => {
+		Se.current = e, o && (o.current = e);
 	}, [o]);
 	p(a, () => ({
 		open: () => {
-			ue(!0), xe.current?.focus();
+			ue(!0), Se.current?.focus();
 		},
 		close: () => ue(!1)
 	}), []), d(() => {
-		if (!le) return;
+		if (!W) return;
 		let e = (e) => {
-			Se.current && !Se.current.contains(e.target) && (ue(!1), me(""));
+			Ce.current && !Ce.current.contains(e.target) && (ue(!1), me(""));
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [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,
-		W
-	]), ke = h(() => De.filter((e) => !e.disabled && Oe(e)), [De, Oe]);
+	}, [W]);
+	let Ee = h(() => cr(n), [n]), De = h(() => s.length > 0 ? s : Ee, [s, Ee]), Oe = h(() => or(De), [De]), ke = l((e) => !L || !xe ? !0 : typeof L == "function" ? L(e, xe, be.map(String)) : e.label.toLowerCase().includes(xe.toLowerCase()), [
+		L,
+		xe,
+		be
+	]), Ae = h(() => Oe.filter((e) => !e.disabled && ke(e)), [Oe, ke]);
 	d(() => {
 		ge(-1);
-	}, [le, ke.length]), d(() => {
-		if (he < 0 || !Ce.current) return;
-		let e = ke[he];
+	}, [W, Ae.length]), d(() => {
+		if (he < 0 || !we.current) return;
+		let e = Ae[he];
 		if (!e) return;
 		let t = String(e.value ?? e.label);
-		Ce.current.querySelector(`[data-option-id="${CSS.escape(t)}"]`)?.scrollIntoView({ block: "nearest" });
-	}, [he, ke]);
-	let Ae = h(() => k || W.length === 0 ? "" : De.find((e) => String(e.value ?? e.label) === String(W[0]))?.label ?? String(W[0]), [
-		k,
-		W,
-		De
-	]), je = l((e, t) => {
-		let n = sr(e), r = W.map(String).includes(String(n)), i;
-		if (k) if (r) {
-			i = W.filter((e) => String(e) !== String(n)), ye || fe(i);
+		we.current.querySelector(`[data-option-id="${CSS.escape(t)}"]`)?.scrollIntoView({ block: "nearest" });
+	}, [he, Ae]);
+	let je = h(() => A || be.length === 0 ? "" : Oe.find((e) => String(e.value ?? e.label) === String(be[0]))?.label ?? String(be[0]), [
+		A,
+		be,
+		Oe
+	]), Me = l((e, t) => {
+		let n = sr(e), r = be.map(String).includes(String(n)), i;
+		if (A) if (r) {
+			i = be.filter((e) => String(e) !== String(n)), ye || fe(i);
 			let r = {
 				selectedValue: i,
 				deselectedValue: e.value ?? e.label,
-				options: De.filter((e) => i.map(String).includes(String(sr(e))))
+				options: Oe.filter((e) => i.map(String).includes(String(sr(e))))
 			};
-			te?.(r, t);
+			ne?.(r, t);
 		} else {
-			i = [...W, e.value ?? e.label], ye || fe(i);
+			i = [...be, e.value ?? e.label], ye || fe(i);
 			let n = {
 				selectedValue: i,
-				options: De.filter((e) => i.map(String).includes(String(sr(e))))
+				options: Oe.filter((e) => i.map(String).includes(String(sr(e))))
 			};
-			ee?.(n, t);
+			te?.(n, t);
 		}
 		else {
 			i = [e.value ?? e.label], ye || fe(i), ue(!1), me("");
@@ -2842,70 +2845,70 @@ var ur = o(function(e, t) {
 				selectedValue: e.value ?? e.label,
 				options: [e]
 			};
-			ee?.(n, t);
+			te?.(n, t);
 		}
 	}, [
-		W,
-		k,
+		be,
+		A,
 		ye,
-		De,
-		ee,
-		te
-	]), Me = l((e) => {
+		Oe,
+		te,
+		ne
+	]), Ne = l((e) => {
 		if (!H) switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), le ? ge((e) => e < ke.length - 1 ? e + 1 : 0) : ue(!0);
+				e.preventDefault(), W ? ge((e) => e < Ae.length - 1 ? e + 1 : 0) : ue(!0);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), le && ge((e) => e > 0 ? e - 1 : ke.length - 1);
+				e.preventDefault(), W && ge((e) => e > 0 ? e - 1 : Ae.length - 1);
 				break;
 			case "Enter":
-				if (e.preventDefault(), le && he >= 0) {
-					let t = ke[he];
-					t && je(t, e);
-				} else le || ue(!0);
+				if (e.preventDefault(), W && he >= 0) {
+					let t = Ae[he];
+					t && Me(t, e);
+				} else W || ue(!0);
 				break;
 			case "Escape":
-				le && (e.preventDefault(), ue(!1));
+				W && (e.preventDefault(), ue(!1));
 				break;
 		}
 	}, [
 		H,
-		le,
+		W,
 		he,
-		ke,
-		je
-	]), Ne = l((e) => {
-		e.stopPropagation(), ye || fe([]), me(""), ne?.(e);
-	}, [ye, ne]), Pe = l((e, t) => {
+		Ae,
+		Me
+	]), Pe = l((e) => {
+		e.stopPropagation(), ye || fe([]), me(""), re?.(e);
+	}, [ye, re]), Fe = l((e, t) => {
 		t.stopPropagation();
-		let n = De.find((t) => String(sr(t)) === String(e));
-		n && je(n, t);
-	}, [De, je]), Fe = l((e) => {
+		let n = Oe.find((t) => String(sr(t)) === String(e));
+		n && Me(n, t);
+	}, [Oe, Me]), Ie = l((e) => {
 		ve((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Ie = l((e) => {
-		if (!I) return;
+	}, []), Le = l((e) => {
+		if (!L) return;
 		let t = e.target.value;
-		me(t), re?.(t), le || ue(!0);
+		me(t), ie?.(t), W || ue(!0);
 	}, [
-		I,
-		le,
-		re
+		L,
+		W,
+		ie
 	]);
-	function Le(e) {
+	function Re(e) {
 		let t = [];
 		for (let n of e) {
 			if (n.type === "optgroup" && n.options) {
-				let e = Le(n.options).filter(Boolean);
+				let e = Re(n.options).filter(Boolean);
 				if (e.length === 0) continue;
-				let r = A && _e.has(n.label);
-				ie ? t.push(ie(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", {
+				let r = j && _e.has(n.label);
+				ae ? t.push(ae(n, r ? [] : e, xe)) : t.push(/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+					className: G("stratus-select__optgroup-label", j && "stratus-select__optgroup--expandable"),
+					onClick: j ? () => Ie(n.label) : void 0,
+					children: [j && /* @__PURE__ */ x("span", {
 						className: G("stratus-select__optgroup-chevron", r && "stratus-select__optgroup-chevron--collapsed"),
 						children: /* @__PURE__ */ x("svg", {
 							width: "10",
@@ -2919,18 +2922,18 @@ var ur = o(function(e, t) {
 				}), !r && e] }, `group-${n.label}`));
 				continue;
 			}
-			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", {
+			if (!ke(n)) continue;
+			let e = sr(n), r = be.map(String).includes(String(e)), i = Ae[he] === n;
+			oe ? 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))
+				onClick: n.disabled ? void 0 : (e) => Me(n, e),
+				children: oe(n, xe, be.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) => je(n, e),
-				children: [k && /* @__PURE__ */ x("span", {
+				onClick: n.disabled ? void 0 : (e) => Me(n, e),
+				children: [A && /* @__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", {
@@ -2951,79 +2954,82 @@ 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", V && "stratus-select--full-width", H && "stratus-select--disabled", le && "stratus-select--open", I && "stratus-select--filterable", r), Ve = {
+	let ze = Re(De), Be = ze.length > 0, Ve = G("stratus-select", `stratus-select--${g}`, V && "stratus-select--compact", ee && "stratus-select--full-width", H && "stratus-select--disabled", W && "stratus-select--open", L && "stratus-select--filterable", r), He = {
 		...i,
-		...se
-	}, He = W.length > 0 || be && be.length > 0;
+		...U
+	}, Ue = be.length > 0 || xe && xe.length > 0;
 	return /* @__PURE__ */ S("div", {
 		ref: (e) => {
-			Se.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+			Ce.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
 		},
-		className: Be,
-		style: Object.keys(Ve).length ? Ve : void 0,
-		...U,
+		className: Ve,
+		style: Object.keys(He).length ? He : void 0,
+		...ce,
 		children: [
 			/* @__PURE__ */ x(ir, {
 				label: y,
 				meta: b,
-				htmlFor: ce
+				htmlFor: le
 			}),
 			/* @__PURE__ */ S("div", {
 				className: "stratus-select__input-wrapper",
 				onClick: () => {
-					H || (ue((e) => !e), xe.current?.focus());
+					H || (ue((e) => !e), Se.current?.focus());
 				},
-				onKeyDown: Me,
+				onKeyDown: Ne,
 				children: [
 					E && /* @__PURE__ */ x("span", {
 						className: "stratus-input__start-adornment",
 						children: E
 					}),
-					k && M && j && W.length > 0 ? /* @__PURE__ */ x(lr, {
-						tags: M,
-						infield: j,
-						selectedIds: W,
-						allFlat: De,
-						tagMaxCount: N,
-						tagMaxCountPlaceholder: P,
-						selectedLabel: F,
-						onTagRemove: Pe
+					A && N && M && be.length > 0 ? /* @__PURE__ */ x(lr, {
+						tags: N,
+						infield: M,
+						selectedIds: be,
+						allFlat: Oe,
+						tagMaxCount: P,
+						tagMaxCountPlaceholder: F,
+						selectedLabel: I,
+						onTagRemove: Fe
 					}) : null,
-					k && !M && j ? /* @__PURE__ */ x(lr, {
-						tags: M,
-						infield: j,
-						selectedIds: W,
-						allFlat: De,
-						tagMaxCount: N,
-						tagMaxCountPlaceholder: P,
-						selectedLabel: F,
-						onTagRemove: Pe
+					A && !N && M ? /* @__PURE__ */ x(lr, {
+						tags: N,
+						infield: M,
+						selectedIds: be,
+						allFlat: Oe,
+						tagMaxCount: P,
+						tagMaxCountPlaceholder: F,
+						selectedLabel: I,
+						onTagRemove: Fe
 					}) : null,
-					!(k && M && j && W.length > 0) && !(k && !M && j) && /* @__PURE__ */ x("input", {
-						ref: we,
-						id: ce,
+					!(A && N && M && be.length > 0) && !(A && !N && M) && /* @__PURE__ */ x("input", {
+						ref: Te,
+						id: le,
 						type: "text",
 						className: "stratus-select__input",
-						value: I && be !== "" && (le || z) ? be : Ae,
-						placeholder: W.length > 0 ? void 0 : C,
+						value: L && xe !== "" && (W || B) ? xe : je,
+						placeholder: be.length > 0 ? void 0 : C,
 						disabled: H,
-						onChange: Ie,
+						onChange: Le,
 						autoComplete: "off"
 					}),
 					D && /* @__PURE__ */ x("span", {
 						className: "stratus-input__end-adornment",
 						children: D
 					}),
-					O && He && !H && /* @__PURE__ */ x(nr, { onClear: Ne }),
+					O && Ue && !H && /* @__PURE__ */ x(nr, {
+						onClear: Pe,
+						label: k
+					}),
 					/* @__PURE__ */ x(tr, {})
 				]
 			}),
-			le && !(R && !ze) && /* @__PURE__ */ x("div", {
-				ref: Ce,
+			W && !(z && !Be) && /* @__PURE__ */ x("div", {
+				ref: we,
 				className: "stratus-select__dropdown",
-				children: ze ? Re : /* @__PURE__ */ x("div", {
+				children: Be ? ze : /* @__PURE__ */ x("div", {
 					className: "stratus-select__no-data",
-					children: L
+					children: R
 				})
 			}),
 			/* @__PURE__ */ x(rr, {
@@ -15005,7 +15011,7 @@ z.create({
 	},
 	addProseMirrorPlugins() {
 		let { editor: e, options: t } = this;
-		return e.options.injectCSS && typeof document < "u" && H(d_, e.options.injectNonce, "selection"), [new va({
+		return e.options.injectCSS && typeof document < "u" && ee(d_, e.options.injectNonce, "selection"), [new va({
 			key: new xa("selection"),
 			props: { decorations(n) {
 				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 })]);
@@ -15098,7 +15104,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 = 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;
+	let { char: t, allowSpaces: n, allowedPrefixes: r, startOfLine: i, $position: a } = e, o = H(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;
@@ -16018,7 +16024,7 @@ function bv({ renderToolbar: e = () => /* @__PURE__ */ x(yv, {}), height: t, wid
 		...b,
 		...n == null ? {} : { width: typeof n == "number" ? `${n}px` : n },
 		...g == null ? {} : { overflowY: g }
-	}, H = 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(m_, {
 		editor: B,
 		children: /* @__PURE__ */ S("div", {
@@ -16032,7 +16038,7 @@ function bv({ renderToolbar: e = () => /* @__PURE__ */ x(yv, {}), height: t, wid
 					spellCheck: c,
 					editor: B
 				}),
-				H && /* @__PURE__ */ x("style", { children: `.stratus-tiptap-editor .ProseMirror { height: ${H}; min-height: ${H}; overflow-y: auto; }` })
+				ee && /* @__PURE__ */ x("style", { children: `.stratus-tiptap-editor .ProseMirror { height: ${ee}; min-height: ${ee}; overflow-y: auto; }` })
 			]
 		})
 	});
@@ -16167,19 +16173,19 @@ var Pv = 0, Fv = o(function(e, t) {
 	d(() => {
 		n && k(kv(n, r));
 	}, [n, r]);
-	let V = l((e) => D.current ? Av(D.current, e, i, s) : 0, [i, s]), H = l(() => {
+	let V = l((e) => D.current ? Av(D.current, e, i, s) : 0, [i, s]), ee = l(() => {
 		if (!D.current) return [0, 0];
 		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]), ee = l((e) => {
+	}, [O, V]), H = l((e) => {
 		if (!o || p) return !1;
-		let [t, n] = H(), r = V(e);
+		let [t, n] = ee(), r = V(e);
 		return t <= r && t + n >= r;
 	}, [
 		o,
 		p,
-		H,
+		ee,
 		V
 	]), te = l((e) => {
 		if (!D.current) return 0;
@@ -16271,7 +16277,7 @@ var Pv = 0, Fv = 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);
-	}, [U, ce] = H();
+	}, [U, ce] = ee();
 	return /* @__PURE__ */ S("div", {
 		ref: t,
 		className: G("stratus-slider", w),
@@ -16320,7 +16326,7 @@ var Pv = 0, Fv = 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", ee(+e) && "is-active"),
+					className: G("stratus-slider__rail-mark", s && "is-vertical", (A || M || N) && "is-hovering", H(+e) && "is-active"),
 					style: s ? { marginTop: V(+e) } : { marginLeft: V(+e) },
 					tabIndex: p ? void 0 : 0,
 					"aria-disabled": p,
@@ -16441,10 +16447,10 @@ function Kv(e, t) {
 function qv(e, t) {
 	switch (e) {
 		case "date":
-		case "week": return ue(t, 1);
+		case "week": return W(t, 1);
 		case "month":
-		case "quarter": return fe(t, 1);
-		case "year": return Ve(fe(W(t), 1));
+		case "quarter": return de(t, 1);
+		case "year": return Ve(de(ye(t), 1));
 		default: return t;
 	}
 }
@@ -16452,10 +16458,10 @@ function Jv(e, t, n) {
 	let r = ((t, n) => {
 		switch (e) {
 			case "date":
-			case "week": return ue(t, n);
+			case "week": return W(t, n);
 			case "month":
-			case "quarter": return fe(t, n);
-			case "year": return Ve(fe(W(t), n * 10));
+			case "quarter": return de(t, n);
+			case "year": return Ve(de(ye(t), n * 10));
 			default: return t;
 		}
 	})(t, n);
@@ -16465,7 +16471,7 @@ function Jv(e, t, n) {
 		case "month":
 		case "quarter": return `${r.getFullYear()}`;
 		case "year": {
-			let e = Ve(r), t = W(r);
+			let e = Ve(r), t = ye(r);
 			return `${e.getFullYear()}-${t.getFullYear()}`;
 		}
 		default: return "";
@@ -16485,26 +16491,26 @@ function Xv({ display: e, rowProps: t = () => ({}), rowClassNames: r = () => "",
 	let { uid: o, type: s, showWeekNumber: c, actualDate: l, selectedDate: d, updateSelectedDate: f, isDisabledDate: p } = u(zv), m = s === "date" || s === "week", g = s === "week" || s === "date" && c, _ = h(() => {
 		switch (s) {
 			case "month": {
-				let t = fe(l, e).getFullYear();
+				let t = de(l, e).getFullYear();
 				return Gv(Uv().map((e, n) => /* @__PURE__ */ new Date(`${t}-${n + 1}`)), 3);
 			}
 			case "quarter": {
-				let t = fe(l, e).getFullYear();
-				return Gv(ge({
+				let t = de(l, e).getFullYear();
+				return Gv(he({
 					start: /* @__PURE__ */ new Date(`${t}`),
 					end: /* @__PURE__ */ new Date(`${t}-12-31`)
 				}), 4);
 			}
 			case "year": {
-				let t = Ve(fe(W(l), e * 10)), n = Ve(t), r = W(t);
-				return Gv(ve({
-					start: W(qe(n, 1)),
-					end: Ve(fe(r, 1))
+				let t = Ve(de(ye(l), e * 10)), n = Ve(t), r = ye(t);
+				return Gv(_e({
+					start: ye(qe(n, 1)),
+					end: Ve(de(r, 1))
 				}), 3);
 			}
 			default: {
-				let t = ue(l, e);
-				return _e({
+				let t = W(l, e);
+				return ge({
 					start: He(t),
 					end: be(t)
 				}, { weekStartsOn: 1 }).map((e) => {
@@ -16534,9 +16540,9 @@ function Xv({ display: e, rowProps: t = () => ({}), rowClassNames: r = () => "",
 			case "date": return je(e, d);
 			default: return !1;
 		}
-	}, b = (e) => s === "week" && d ? Pe(e, d, { weekStartsOn: 1 }) : !1, C = (t) => s !== "date" && s !== "week" ? !1 : !Me(t, ue(l, e)), w = (t) => {
+	}, b = (e) => s === "week" && d ? Pe(e, d, { weekStartsOn: 1 }) : !1, C = (t) => s !== "date" && s !== "week" ? !1 : !Me(t, W(l, e)), w = (t) => {
 		if (s !== "year") return !1;
-		let n = Ve(fe(W(l), e * 10));
+		let n = Ve(de(ye(l), e * 10));
 		return Te(t) !== Te(n);
 	}, T = (e) => () => {
 		s === "week" && f(e);
@@ -16617,9 +16623,9 @@ function $v({ display: e }) {
 //#region src/components/DatePicker/CalendarTime.tsx
 function ey() {
 	let { uid: e, selectedDate: t, updateSelectedDate: n } = u(zv), r = Vv(t), i = r.getHours(), a = r.getMinutes(), o = (e) => {
-		n(de(Be(r), e * 3600 + a * 60));
+		n(ue(Be(r), e * 3600 + a * 60));
 	}, s = (e) => {
-		n(de(Be(r), i * 3600 + e * 60));
+		n(ue(Be(r), i * 3600 + e * 60));
 	};
 	return /* @__PURE__ */ x("div", {
 		className: "stratus-calendar-time",
@@ -16798,7 +16804,7 @@ function ly(e, t, n, r) {
 //#endregion
 //#region src/components/DatePicker/DatePicker.tsx
 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) => {
+	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, ee = c !== void 0 && B && !L ? k : F, H = c !== void 0 && !B ? k : ee, te = cy(s, H, u, f), ne = r > 0 ? r : 1, re = (e) => {
 		z || M(e);
 	}, ie = (e) => {
 		b || (P(V), I(V), R(!1), re(!0), _?.(e));
@@ -16818,7 +16824,7 @@ var uy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 			text: cy(s, e, u, f),
 			date: e || null
 		}), I(e), R(!1), ae(t);
-	}, ce = ee && i ? /* @__PURE__ */ x(q, {
+	}, ce = H && i ? /* @__PURE__ */ x(q, {
 		variant: "ghost",
 		size: "sm",
 		className: "stratus-datepicker__clear-btn",
@@ -16846,7 +16852,7 @@ var uy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 			showToday: m,
 			showTime: f,
 			showWeekNumber: h,
-			initialDate: H || null,
+			initialDate: ee || null,
 			onSelectDate: se,
 			onChange: U,
 			disabledDates: S,
@@ -16863,7 +16869,7 @@ var uy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 				disabled: b,
 				onChange: () => g?.({
 					text: te,
-					date: ee
+					date: H
 				}),
 				style: { width: f ? 200 : 150 },
 				...w,
@@ -17047,7 +17053,7 @@ 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, V] = v(M), [H, ee] = v(N), [te, ne] = v(null), [re, ie] = v(0), ae = c ? A : B, oe = c ? j : H, se = c && !P ? A : B, U = 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, se, u, m), fe = cy(s, U, 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), [ee, H] = v(N), [te, ne] = v(null), [re, ie] = v(0), ae = c ? A : B, oe = c ? j : ee, se = c && !P ? A : B, U = c && !P ? j : ee, ce = r > 0 ? r : 2, le = i > 1 ? 2 : 1, W = le > 1 ? m ? "190px" : "135px" : m ? "300px" : "220px", ue = cy(s, se, u, m), de = cy(s, U, u, m), { openPicker: fe, closePicker: pe, handleOpenStartDate: me, handleOpenEndDate: he, handleDismiss: ge, handleSelectDate: _e, handleChangeDate: ve, handleClear: ye, getRowClassNames: be, getRowProps: xe, getCellClassNames: Se, getCellProps: Ce } = my({
 		disabled: b,
 		picker: s,
 		format: u,
@@ -17059,20 +17065,20 @@ var hy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 		savedStartDate: I,
 		savedEndDate: R,
 		startDate: B,
-		endDate: H,
+		endDate: ee,
 		hoverDate: te,
 		focusInput: re,
 		setOpen: F,
 		setSavedStartDate: L,
 		setSavedEndDate: z,
 		setStartDate: V,
-		setEndDate: ee,
+		setEndDate: H,
 		setHoverDate: ne,
 		setFocusInput: ie
 	});
 	return p(k, () => ({
-		open: () => pe(1),
-		close: () => me()
+		open: () => fe(1),
+		close: () => pe()
 	})), /* @__PURE__ */ x(Kn, {
 		className: G("stratus-datepicker", "stratus-datepicker--range", t),
 		open: P,
@@ -17080,7 +17086,7 @@ var hy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 		trigger: "click",
 		tooltipRef: n,
 		arrow: !1,
-		onClose: _e,
+		onClose: ge,
 		maxWidth: "none",
 		content: /* @__PURE__ */ x(iy, {
 			nDisplays: ce,
@@ -17088,9 +17094,9 @@ var hy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 			showToday: h,
 			showTime: m,
 			showWeekNumber: g,
-			initialDate: re === 1 ? B || null : H || null,
-			onSelectDate: ve,
-			onChange: ye,
+			initialDate: re === 1 ? B || null : ee || null,
+			onSelectDate: _e,
+			onChange: ve,
 			disabledDates: S,
 			rowClassNames: be,
 			rowProps: xe,
@@ -17110,13 +17116,13 @@ var hy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 				separator: a,
 				placeholderStartDate: d,
 				placeholderEndDate: f,
-				startDate: de || "",
-				endDate: fe || "",
-				onClickClear: W,
-				onClickStartDate: he,
-				onClickEndDate: ge,
+				startDate: ue || "",
+				endDate: de || "",
+				onClickClear: ye,
+				onClickStartDate: me,
+				onClickEndDate: he,
 				disabled: b,
-				width: ue,
+				width: W,
 				startDateInputProps: w,
 				endDateInputProps: T
 			})
@@ -17137,25 +17143,25 @@ function _y(e, t, n = !0) {
 		case "weeks": return n ? Ue(r, { weekStartsOn: 1 }) : xe(r, { weekStartsOn: 1 });
 		case "months": return n ? He(r) : be(r);
 		case "years": return n ? We(r) : Se(r);
-		default: return n ? Be(r) : ye(r);
+		default: return n ? Be(r) : ve(r);
 	}
 }
 function vy(e, t, n) {
 	let r = gy(e), i = gy(t);
 	switch (n) {
-		case "weeks": return _e({
+		case "weeks": return ge({
 			start: r,
 			end: i
 		}, { weekStartsOn: 1 });
-		case "months": return he({
+		case "months": return me({
 			start: r,
 			end: i
 		});
-		case "years": return ve({
+		case "years": return _e({
 			start: r,
 			end: i
 		});
-		default: return me({
+		default: return pe({
 			start: r,
 			end: i
 		});
@@ -17170,7 +17176,7 @@ function yy(e, t = !1) {
 	}
 }
 function by(e, t, n, r) {
-	return pe(r, n) / t * e;
+	return fe(r, n) / t * e;
 }
 function xy(e, t, n, r) {
 	return !(ke(e, n) && ke(t, n) || Oe(e, r) && Oe(t, r));
@@ -17196,7 +17202,7 @@ function wy(e, t) {
 	return 150;
 }
 function Ty(e, t, n, r, i) {
-	let a = _y(t, i, !0), o = _y(n, i, !1), s = pe(o, a);
+	let a = _y(t, i, !0), o = _y(n, i, !1), s = fe(o, a);
 	return e.map((e) => {
 		let c = gy(e.startDate), l = gy(e.endDate), { children: u, ...d } = e, f = u && u.length > 0 ? Ty(u, t, n, r, i) : void 0;
 		return {
@@ -17282,7 +17288,7 @@ function Oy() {
 function ky({ start: e, end: t, rowWidth: n, groupDatesBy: r }) {
 	let i = l(() => {
 		let i = /* @__PURE__ */ new Date(), a = _y(e, r, !0);
-		return by(n, pe(_y(t, r, !1), a), a, i);
+		return by(n, fe(_y(t, r, !1), a), a, i);
 	}, [
 		e,
 		t,
@@ -17326,7 +17332,7 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		n,
 		O,
 		D
-	]), H = h(() => {
+	]), ee = 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,
@@ -17422,10 +17428,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), ee(r[t].startDate));
-		} else k && ee(k);
+			t !== -1 && (e.scrollToRow(t), H(r[t].startDate));
+		} else k && H(k);
 	}, [k, A]);
-	function ee(e) {
+	function H(e) {
 		if (!e || !F.current) return;
 		let t = gy(e), n = F.current.getTableRef();
 		if (!n) return;
@@ -17442,7 +17448,7 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		let t = F.current.getTableRef();
 		if (!t) return;
 		let n = r.findIndex((t) => t.id === e);
-		n !== -1 && (t.scrollToRow(n), ee(r[n].startDate));
+		n !== -1 && (t.scrollToRow(n), H(r[n].startDate));
 	}
 	function ne(e) {
 		b && setTimeout(() => {
@@ -17451,7 +17457,7 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		});
 	}
 	p(P, () => ({
-		scrollToDate: (e) => setTimeout(() => ee(e)),
+		scrollToDate: (e) => setTimeout(() => H(e)),
 		scrollToTask: (e) => setTimeout(() => te(e)),
 		clearSortState: () => F.current?.clearSortState(),
 		setSelectedRows: (e) => F.current?.setSelectedRows(e.map(String)),
@@ -17479,7 +17485,7 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		style: { height: "100%" },
 		children: [/* @__PURE__ */ x(Ft, {
 			ref: F,
-			columns: H,
+			columns: ee,
 			data: V,
 			rowId: "id",
 			headerHeight: s,
@@ -21582,7 +21588,11 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 		highlight: Ye.primary.highlight
 	},
 	secondary: { highlight: Ye.secondary.highlight },
-	danger: { main: Ye.danger.main },
+	danger: {
+		main: Ye.danger.main,
+		hover: Ye.danger.hover,
+		text: Ye.danger.text
+	},
 	warning: { main: Ye.warning.main },
 	success: {
 		main: Ye.success.main,
@@ -21601,6 +21611,7 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 	},
 	table: {
 		cellActive: Ye.primary.highlight,
+		cellHover: Ye.table.cellHover,
 		header: Ye.surface.muted,
 		headerActive: Ye.surface.raised
 	}