@equinor/stratus-ui 1.4.0 → 1.6.0

package/dist/index.js

@@ -13,9 +13,9 @@ 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 U } from "@tiptap/core";
-import { EditorContent as ie, ReactRenderer as ae, useEditor as oe } from "@tiptap/react";
-import se from "@tiptap/starter-kit";
+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 { 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";
 //#region src/theme/palette.ts
@@ -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
@@ -357,151 +360,169 @@ function ut(e, t, n) {
 		left: a
 	};
 }
-var dt = o(({ children: e, className: n, content: i, placement: a = "bottom", trigger: o = ["click", "hover"], open: c, defaultOpen: u = !1, arrow: f = !0, closeOnClickOutside: g = !0, tooltipRef: y, zIndex: w = 1500, maxWidth: T = "300px", fontSize: E = "0.75rem", style: D, container: O, keepMounted: k = !1, disablePortal: A = !1, onOpen: j, onClose: M, onClick: N, onMouseEnter: P, onMouseLeave: F, onContextMenu: I, onClickOutside: L, ...R }, z) => {
-	let [B, V] = v(u), H = _(null), ee = _(null), te = _(void 0), [ne, re] = v(null), U = c !== void 0, ie = U ? c : B, ae = h(() => Array.isArray(o) ? o : [o], [o]), oe = {};
-	for (let e of Object.keys(R)) e.startsWith("data-") && (oe[e] = R[e]);
-	let se = l((e) => {
-		U || V(!0), j?.(e);
-	}, [U, j]), ce = l((e) => {
-		U || V(!1), M?.(e);
-	}, [U, M]);
+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);
+	d(() => {
+		let e = se.current;
+		se.current = oe, j && (clearTimeout(ne.current), ae || H(!1), e && N?.(new MouseEvent("click", {
+			bubbles: !0,
+			cancelable: !0
+		})));
+	}, [
+		j,
+		oe,
+		ae,
+		N
+	]), d(() => () => clearTimeout(ne.current), []);
+	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,
+		M
+	]), ue = l((e) => {
+		ae || H(!1), N?.(e);
+	}, [ae, N]);
 	p(y, () => ({
 		open: (e) => {
 			let t = new MouseEvent("click", {
 				bubbles: !0,
 				cancelable: !0
 			});
-			se(e ?? t);
+			le(e ?? t);
 		},
 		close: (e) => {
 			let t = new MouseEvent("click", {
 				bubbles: !0,
 				cancelable: !0
 			});
-			ce(e ?? t);
+			ue(e ?? t);
 		}
 	}));
-	let le = l(() => {
-		if (!H.current || !ee.current) return;
-		let e = H.current.getBoundingClientRect(), t = ee.current.getBoundingClientRect();
-		re(ut(e, {
+	let de = l(() => {
+		if (!ee.current || !te.current) return;
+		let e = ee.current.getBoundingClientRect(), t = te.current.getBoundingClientRect();
+		ie(ut(e, {
 			width: t.width,
 			height: t.height
 		}, a));
 	}, [a]);
 	m(() => {
-		ie && le();
+		oe && de();
 	}, [
-		ie,
-		le,
+		oe,
+		de,
 		i
 	]), d(() => {
-		if (!ie) return;
-		let e = () => le();
+		if (!oe) return;
+		let e = () => de();
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
-	}, [ie, le]), d(() => {
-		if (!ie || !g || !ae.includes("click") && !ae.includes("contextMenu")) return;
+	}, [oe, de]), d(() => {
+		if (!oe || !g || !U.includes("click") && !U.includes("contextMenu")) return;
 		let e = (e) => {
 			let t = e.target;
-			H.current?.contains(t) || ee.current?.contains(t) || (ce(e), L?.(!1, e));
+			ee.current?.contains(t) || te.current?.contains(t) || (ue(e), R?.(!1, e));
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [
-		ie,
+		oe,
 		g,
-		ce,
-		L
+		ue,
+		R
 	]);
-	let ue = l((e) => {
-		if (!ae.includes("click")) return;
-		let t = !ie;
-		U || V(t), N?.(t, e), t ? j?.(e) : M?.(e);
+	let fe = l((e) => {
+		if (!U.includes("click")) return;
+		let t = !oe;
+		ae || H(t), P?.(t, e), t ? M?.(e) : N?.(e);
 	}, [
-		ae,
-		ie,
 		U,
-		N,
-		j,
-		M
-	]), de = l((e) => {
-		if (!ae.includes("contextMenu")) return;
+		oe,
+		ae,
+		P,
+		M,
+		N
+	]), pe = l((e) => {
+		if (!U.includes("contextMenu")) return;
 		e.preventDefault();
-		let t = !ie;
-		U || V(t), I?.(t, e), t ? j?.(e) : M?.(e);
+		let t = !oe;
+		ae || H(t), L?.(t, e), t ? M?.(e) : N?.(e);
 	}, [
-		ae,
-		ie,
 		U,
-		I,
-		j,
-		M
-	]), fe = l((e) => {
-		ae.includes("hover") && (clearTimeout(te.current), se(e), P?.(!0, e));
-	}, [
+		oe,
 		ae,
-		se,
-		P
-	]), pe = l((e) => {
-		ae.includes("hover") && (te.current = setTimeout(() => ce(e), 100), F?.(!1, e));
+		L,
+		M,
+		N
+	]), me = l((e) => {
+		U.includes("hover") && (clearTimeout(ne.current), le(e), F?.(!0, e));
 	}, [
-		ae,
-		ce,
+		U,
+		le,
 		F
-	]), me = l(() => {
-		ae.includes("hover") && clearTimeout(te.current);
-	}, [ae]), he = l((e) => {
-		ae.includes("hover") && (ce(e), F?.(!1, e));
+	]), he = l((e) => {
+		U.includes("hover") && (ne.current = setTimeout(() => ue(e), 100), I?.(!1, e));
 	}, [
-		ae,
-		ce,
-		F
-	]), ge = {};
-	ae.includes("click") && (ge.onClick = ue), ae.includes("contextMenu") && (ge.onContextMenu = de), ae.includes("hover") && (ge.onMouseEnter = fe, ge.onMouseLeave = pe);
-	let _e = l((e) => {
-		H.current = e;
-	}, []), ve = () => typeof e == "string" ? /* @__PURE__ */ x("span", {
-		ref: _e,
-		...ge,
+		U,
+		ue,
+		I
+	]), ge = l(() => {
+		U.includes("hover") && clearTimeout(ne.current);
+	}, [U]), _e = l((e) => {
+		U.includes("hover") && (ue(e), I?.(!1, e));
+	}, [
+		U,
+		ue,
+		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,
 		className: "stratus-tooltip-anchor",
+		style: j ? { cursor: "default" } : void 0,
 		children: e
 	}) : t.map(e, (e) => s(e) ? r(e, {
-		ref: _e,
-		...ge,
+		ref: ye,
+		...ve,
 		style: {
 			display: e.props?.display ?? "inline-block",
-			cursor: "pointer",
+			...j ? {} : { cursor: "pointer" },
 			...e.props?.style
 		}
-	}) : e), ye = ct(a), W = Array.isArray(T) ? T[0] : T, be = Array.isArray(E) ? E[0] : E, xe = ie || k ? /* @__PURE__ */ S("div", {
+	}) : e), be = ct(a), xe = Array.isArray(T) ? T[0] : T, Se = Array.isArray(E) ? E[0] : E, Ce = !j && (oe || k) ? /* @__PURE__ */ S("div", {
 		ref: (e) => {
-			ee.current = e, typeof z == "function" ? z(e) : z && (z.current = e);
+			te.current = e, typeof B == "function" ? B(e) : B && (B.current = e);
 		},
-		className: G("stratus-tooltip", `stratus-tooltip--${ye}`, n),
+		className: G("stratus-tooltip", `stratus-tooltip--${be}`, n),
 		role: "tooltip",
-		"data-state": ie ? "open" : "closed",
+		"data-state": oe ? "open" : "closed",
 		style: {
-			top: ne?.top ?? -9999,
-			left: ne?.left ?? -9999,
+			top: re?.top ?? -9999,
+			left: re?.left ?? -9999,
 			zIndex: typeof w == "string" ? Number(w) || 1500 : w,
-			display: ie ? void 0 : "none",
-			...!ie && k ? { visibility: "hidden" } : {}
+			display: oe ? void 0 : "none",
+			...!oe && k ? { visibility: "hidden" } : {}
 		},
-		onMouseEnter: me,
-		onMouseLeave: he,
-		...oe,
+		onMouseEnter: ge,
+		onMouseLeave: _e,
+		...ce,
 		children: [f && /* @__PURE__ */ x("span", { className: "stratus-tooltip__arrow" }), /* @__PURE__ */ x("div", {
 			className: "stratus-tooltip__content",
 			style: {
-				"--stratus-tooltip-max-width": W,
-				"--stratus-tooltip-font-size": be,
+				"--stratus-tooltip-max-width": xe,
+				"--stratus-tooltip-font-size": Se,
 				...D
 			},
 			children: i
 		})]
-	}) : null, Se = !A && typeof document < "u" ? O ?? document.body : null;
-	return /* @__PURE__ */ S(b, { children: [ve(), xe && (Se ? C(xe, Se) : xe)] });
+	}) : null, we = !A && typeof document < "u" ? O ?? document.body : null;
+	return /* @__PURE__ */ S(b, { children: [W(), Ce && (we ? C(Ce, we) : Ce)] });
 });
 dt.displayName = "Tooltip";
 //#endregion
@@ -933,27 +954,27 @@ var Nt = {
 	3: "0 10px 20px var(--stratus-shadow-ambient), 0 3px 6px var(--stratus-shadow-penumbra)"
 };
 function Pt(e, t) {
-	let { columns: n, data: r, rowId: i = "id", childrenId: a = "children", compact: o = !1, headerHeight: s, rowHeight: c, dynamicHeight: u = !1, sortable: f = !0, multiSort: m = !1, resizable: g = !0, expandable: y = !1, expandedRowKeys: b, defaultExpandedRowKeys: C, draggable: k = !1, selectable: A = !1, selectRowOnClick: j = !0, stripedRows: M = !1, disabled: N = !1, elevation: P = 0, noDataValue: F, extraColumnsWidth: I, className: L, rowClassName: R, onRowClick: z, onColumnSort: B, onRowSelect: V, onDragEnd: H, onEndReached: ee, style: te } = e, ne = _(null), re = _(null), [U, ie] = v(0);
+	let { columns: n, data: r, rowId: i = "id", childrenId: a = "children", compact: o = !1, headerHeight: s, rowHeight: c, dynamicHeight: u = !1, sortable: f = !0, multiSort: m = !1, resizable: g = !0, expandable: y = !1, expandedRowKeys: b, defaultExpandedRowKeys: C, draggable: k = !1, selectable: A = !1, selectRowOnClick: j = !0, stripedRows: M = !1, disabled: N = !1, elevation: P = 0, noDataValue: F, extraColumnsWidth: I, className: L, rowClassName: R, onRowClick: z, onColumnSort: B, onRowSelect: V, onDragEnd: H, onEndReached: ee, style: te } = e, ne = _(null), re = _(null), [ie, ae] = v(0);
 	d(() => {
 		let e = ne.current;
 		if (!e) return;
 		let t = new ResizeObserver((e) => {
-			for (let t of e) ie(t.contentRect.width);
+			for (let t of e) ae(t.contentRect.width);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let [ae, oe] = v([]), se = l((e) => {
-		N || oe((t) => {
+	let [oe, se] = v([]), U = l((e) => {
+		N || se((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 === void 0 && le((t) => typeof e == "function" ? e(t) : e);
-	}, [b]), [fe, pe] = v(() => e.defaultSelectedRowsIds ? Object.fromEntries(e.defaultSelectedRowsIds.map((e) => [e, !0])) : {}), [me, he] = v(null), [ge, _e] = v(null), ve = l((e, t) => typeof e == "function" ? Math.max(e(U, t), 0) : typeof e == "string" ? e.endsWith("%") ? Math.max(parseFloat(e) / 100 * U, 0) : parseFloat(e) || 150 : e, [U]), ye = h(() => {
+	}, [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(() => {
 		let e = [];
 		if (y) {
 			let t = I ? I({
-				totalWidth: U,
+				totalWidth: ie,
 				column: { key: "__expandable__" },
 				defaultWidth: 48
 			}) : 48;
@@ -978,7 +999,7 @@ function Pt(e, t) {
 		}
 		if (A) {
 			let t = I ? I({
-				totalWidth: U,
+				totalWidth: ie,
 				column: { key: "__selectable__" },
 				defaultWidth: 48
 			}) : 48;
@@ -1010,7 +1031,7 @@ function Pt(e, t) {
 		}
 		if (k) {
 			let t = I ? I({
-				totalWidth: U,
+				totalWidth: ie,
 				column: { key: "__draggable__" },
 				defaultWidth: 48
 			}) : 48;
@@ -1030,7 +1051,7 @@ function Pt(e, t) {
 			});
 		}
 		return n.forEach((t, n) => {
-			let r = t.key ?? t.dataKey, i = U > 0 ? ve(t.width, t) : 150, a = t.sortable === void 0 ? f : t.sortable, o = t.resizable === void 0 ? g : t.resizable, s;
+			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;
 			if (typeof t.sortType == "function") {
 				let e = t.sortType, n = t.dataKey;
 				s = (r, i) => e(r.original, i.original, n, t);
@@ -1068,7 +1089,7 @@ function Pt(e, t) {
 		}), e;
 	}, [
 		n,
-		U,
+		ie,
 		y,
 		A,
 		k,
@@ -1084,13 +1105,13 @@ function Pt(e, t) {
 		data: r,
 		columns: ye,
 		state: {
-			sorting: ae,
+			sorting: oe,
 			expanded: ue,
 			rowSelection: fe
 		},
 		getRowId: W,
 		getSubRows: y ? be : void 0,
-		onSortingChange: se,
+		onSortingChange: U,
 		onExpandedChange: de,
 		onRowSelectionChange: pe,
 		getCoreRowModel: T(),
@@ -1106,14 +1127,14 @@ function Pt(e, t) {
 	});
 	p(t, () => ({
 		clearSortState: () => {
-			oe([]), B?.({});
+			se([]), B?.({});
 		},
 		setColumnSort: ({ columnKey: e, order: t }) => {
 			let n = [{
 				id: e,
 				desc: t === "desc"
 			}];
-			oe(n), B?.(Mt(n));
+			se(n), B?.(Mt(n));
 		},
 		setSelectedRows: (e) => {
 			pe(Object.fromEntries(e.map((e) => [e, !0])));
@@ -1955,14 +1976,14 @@ var kn = o(function(e, t) {
 		P,
 		w
 	]), Tn(te, n && P), Sn(n && P);
-	let ne = f(), re = typeof o == "string" || typeof o == "number", U = Array.isArray(T) ? (M < a ? T[0] : T[1]) ?? T[0] : T, ie = typeof U == "number" ? `${U}px` : U, ae = i === "left" || i === "right", oe = {
+	let ne = f(), re = typeof o == "string" || typeof o == "number", ie = Array.isArray(T) ? (M < a ? T[0] : T[1]) ?? T[0] : T, ae = typeof ie == "number" ? `${ie}px` : ie, oe = i === "left" || i === "right", se = {
 		"--stratus-drawer-duration": `${m}ms`,
-		...ae ? { width: L ? "100%" : ie } : {},
+		...oe ? { width: L ? "100%" : ae } : {},
 		...A,
 		...D
 	};
 	if (!(I || B || p)) return null;
-	let se = o != null || s || c ? /* @__PURE__ */ x(On, {
+	let U = o != null || s || c ? /* @__PURE__ */ x(On, {
 		header: o,
 		headerId: ne,
 		hasStringHeader: re,
@@ -1981,9 +2002,9 @@ var kn = o(function(e, t) {
 		"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),
-		style: oe,
+		style: se,
 		...j,
-		children: [se, y]
+		children: [U, y]
 	});
 	if (I || F) return /* @__PURE__ */ x("div", {
 		className: "stratus-drawer-container",
@@ -2438,15 +2459,15 @@ var Yn = o(function(e, t) {
 		j?.(String(V), e);
 	}, re = (e) => {
 		M?.(String(V), e);
-	}, U = G("stratus-input", `stratus-input--${c}`, E && "stratus-input--compact", D && "stratus-input--full-width", k && "stratus-input--disabled", O && "stratus-input--force-focus", r), ie = {
+	}, ie = G("stratus-input", `stratus-input--${c}`, E && "stratus-input--compact", D && "stratus-input--full-width", k && "stratus-input--disabled", O && "stratus-input--force-focus", r), ae = {
 		...w ? { "--stratus-input-outline-w": w } : {},
 		...i,
 		...P
-	}, ae = T ? "textarea" : "input";
+	}, oe = T ? "textarea" : "input";
 	return /* @__PURE__ */ S("div", {
 		ref: t,
-		className: U,
-		style: Object.keys(ie).length ? ie : void 0,
+		className: ie,
+		style: Object.keys(ae).length ? ae : void 0,
 		...F,
 		children: [
 			/* @__PURE__ */ x(Jn, {
@@ -2461,7 +2482,7 @@ var Yn = o(function(e, t) {
 						className: "stratus-input__start-adornment",
 						children: b
 					}),
-					n ?? /* @__PURE__ */ x(ae, {
+					n ?? /* @__PURE__ */ x(oe, {
 						...o,
 						ref: ee,
 						id: L,
@@ -2767,7 +2788,7 @@ function lr({ tags: e, infield: t, selectedIds: n, allFlat: r, tagMaxCount: i, t
 //#endregion
 //#region src/components/Select/Select.tsx
 var ur = o(function(e, t) {
-	let { children: n, className: r, style: i, selectRef: a, inputRef: o, options: s = [], value: c, defaultValue: u, inputValue: m, variant: g = "default", label: y, meta: b, placeholder: C, helperText: w, helperIcon: T, startAdornment: E, endAdornment: D, allowClear: O = !0, multiple: k = !1, expandable: A = !1, infield: j = !0, tags: M = !1, tagMaxCount: N, tagMaxCountPlaceholder: P, selectedLabel: F = "Selected", filterOption: I = !0, noOptionsText: L = "No Data", hideDropdownWhenEmpty: R = !1, persistInputText: z = !1, compact: B = !1, fullWidth: V = !1, disabled: H = !1, onSelect: ee, onDeselect: te, onClear: ne, onChange: re, itemGroupRenderer: U, itemRenderer: ie, ...ae } = e, { cssProps: oe, otherProps: se } = K(ae), ce = f(), [le, ue] = v(!1), [de, fe] = v(() => ar(u)), [pe, me] = v(""), [he, ge] = v(-1), [_e, ve] = v(/* @__PURE__ */ new Set()), ye = c !== void 0, W = ye ? ar(c) : de, be = m === void 0 ? pe : m, xe = _(null), Se = _(null), Ce = _(null), we = l((e) => {
+	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);
 	}, [o]);
 	p(a, () => ({
@@ -2884,7 +2905,7 @@ var ur = o(function(e, t) {
 				let e = Le(n.options).filter(Boolean);
 				if (e.length === 0) continue;
 				let r = A && _e.has(n.label);
-				U ? t.push(U(n, r ? [] : e, be)) : t.push(/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+				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", {
@@ -2903,11 +2924,11 @@ var ur = o(function(e, t) {
 			}
 			if (!Oe(n)) continue;
 			let e = sr(n), r = W.map(String).includes(String(e)), i = ke[he] === n;
-			ie ? t.push(/* @__PURE__ */ x("div", {
+			ae ? 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: ie(n, be, W.map(String))
+				children: ae(n, be, W.map(String))
 			}, e)) : t.push(/* @__PURE__ */ S("div", {
 				"data-option-id": e,
 				className: G("stratus-select__option", r && "stratus-select__option--selected", i && "stratus-select__option--highlighted", n.disabled && "stratus-select__option--disabled"),
@@ -2935,7 +2956,7 @@ var ur = o(function(e, 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 = {
 		...i,
-		...oe
+		...se
 	}, He = W.length > 0 || be && be.length > 0;
 	return /* @__PURE__ */ S("div", {
 		ref: (e) => {
@@ -2943,7 +2964,7 @@ var ur = o(function(e, t) {
 		},
 		className: Be,
 		style: Object.keys(Ve).length ? Ve : void 0,
-		...se,
+		...U,
 		children: [
 			/* @__PURE__ */ x(ir, {
 				label: y,
@@ -15210,7 +15231,7 @@ var y_ = new xa("mention"), b_ = B.create({
 			renderHTML({ options: e, node: t }) {
 				return [
 					"span",
-					U(this.HTMLAttributes, e.HTMLAttributes),
+					ie(this.HTMLAttributes, e.HTMLAttributes),
 					`${e.suggestion.char}${t.attrs.label ?? t.attrs.id}`
 				];
 			},
@@ -15258,21 +15279,21 @@ var y_ = new xa("mention"), b_ = B.create({
 	renderHTML({ node: e, HTMLAttributes: t }) {
 		if (this.options.renderLabel !== void 0) return [
 			"span",
-			U({ "data-type": this.name }, this.options.HTMLAttributes, t),
+			ie({ "data-type": this.name }, this.options.HTMLAttributes, t),
 			this.options.renderLabel({
 				options: this.options,
 				node: e
 			})
 		];
 		let n = { ...this.options };
-		n.HTMLAttributes = U({ "data-type": this.name }, this.options.HTMLAttributes, t);
+		n.HTMLAttributes = ie({ "data-type": this.name }, this.options.HTMLAttributes, t);
 		let r = this.options.renderHTML({
 			options: n,
 			node: e
 		});
 		return typeof r == "string" ? [
 			"span",
-			U({ "data-type": this.name }, this.options.HTMLAttributes, t),
+			ie({ "data-type": this.name }, this.options.HTMLAttributes, t),
 			r
 		] : r;
 	},
@@ -15371,7 +15392,7 @@ function C_(e, t, n, r, i, a, o) {
 			let e, s;
 			return {
 				onStart: (c) => {
-					if (s = new ae(S_, {
+					if (s = new oe(S_, {
 						props: {
 							...c,
 							displayKey: t,
@@ -15945,7 +15966,7 @@ function yv({ children: e, allowedColors: t, allowedBackgroundColors: n, clearTe
 //#region src/components/TipTapEditor/TipTapEditor.tsx
 function bv({ renderToolbar: e = () => /* @__PURE__ */ x(yv, {}), 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(() => [
-		se,
+		U,
 		R,
 		k,
 		A.configure({ multicolor: !0 }),
@@ -15974,7 +15995,7 @@ function bv({ renderToolbar: e = () => /* @__PURE__ */ x(yv, {}), height: t, wid
 		f,
 		s,
 		u
-	]), z = h(() => ({ preserveWhitespace: !0 }), []), B = oe({
+	]), z = h(() => ({ preserveWhitespace: !0 }), []), B = se({
 		extensions: D,
 		content: _(r ?? "").current,
 		editable: i,
@@ -16010,7 +16031,7 @@ function bv({ renderToolbar: e = () => /* @__PURE__ */ x(yv, {}), height: t, wid
 			...C,
 			children: [
 				i && e(),
-				/* @__PURE__ */ x(ie, {
+				/* @__PURE__ */ x(ae, {
 					spellCheck: c,
 					editor: B
 				}),
@@ -16181,7 +16202,7 @@ var Pv = 0, Fv = o(function(e, t) {
 			index: n[e].value,
 			handle: e
 		}, t);
-	}, U = (e, t) => {
+	}, ie = (e, t) => {
 		if (p || !M || N) return;
 		let n = [...O];
 		n[e] = {
@@ -16191,7 +16212,7 @@ var Pv = 0, Fv = o(function(e, t) {
 			index: n[e].value,
 			handle: e
 		}, t);
-	}, ie = l((e) => {
+	}, ae = l((e) => {
 		if (p) return;
 		let t = (t) => {
 			if (p) return;
@@ -16236,7 +16257,7 @@ var Pv = 0, Fv = o(function(e, t) {
 		z,
 		B,
 		R
-	]), ae = (e) => {
+	]), oe = (e) => {
 		if (p || (e.preventDefault(), e.stopPropagation(), !D.current)) return;
 		let t = Mv(D.current, e.nativeEvent), n = Math.round(Nv(t, D.current, r, i, s));
 		n -= n % a;
@@ -16245,7 +16266,7 @@ var Pv = 0, Fv = o(function(e, t) {
 			...l[c],
 			value: n
 		}, k(l), m?.(l.map((e) => e.value).sort((e, t) => e - t), e.nativeEvent), F?.({ index: n }, e.nativeEvent);
-	}, oe = (e) => (t) => {
+	}, se = (e) => (t) => {
 		if (p) return;
 		t.preventDefault(), t.stopPropagation();
 		let n = O.reduce((t, n) => Math.abs(n.value - e) < Math.abs(t.value - e) ? n : t), r = O.indexOf(n), i = [...O];
@@ -16253,7 +16274,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);
-	}, [se, ce] = H();
+	}, [U, ce] = H();
 	return /* @__PURE__ */ S("div", {
 		ref: t,
 		className: G("stratus-slider", w),
@@ -16271,10 +16292,10 @@ var Pv = 0, Fv = o(function(e, t) {
 				id: `${E}__track`,
 				className: G("stratus-slider__track", s && "is-vertical", (M || N) && "is-hovering"),
 				style: s ? {
-					marginTop: se,
+					marginTop: U,
 					height: ce
 				} : {
-					marginLeft: se,
+					marginLeft: U,
 					width: ce
 				},
 				"aria-disabled": p
@@ -16287,17 +16308,17 @@ var Pv = 0, Fv = o(function(e, t) {
 					id: `${E}__handle-${t}`,
 					className: G("stratus-slider__handle", (e.isHovering || e.isDragging) && "is-hovering"),
 					style: s ? { marginTop: V(e.value) } : { marginLeft: V(e.value) },
-					onMouseDown: () => ie(t),
-					onTouchStart: () => ie(t),
+					onMouseDown: () => ae(t),
+					onTouchStart: () => ae(t),
 					onMouseOver: (e) => re(t, e),
-					onMouseOut: (e) => U(t, e),
+					onMouseOut: (e) => ie(t, e),
 					tabIndex: p ? void 0 : 0,
 					"aria-disabled": p
 				})
 			}, `${E}__tooltip-${t}`)),
 			/* @__PURE__ */ x("div", {
 				className: G("stratus-slider__rail-marks-container", s && "is-vertical"),
-				onClick: ae,
+				onClick: oe,
 				onMouseOver: () => !p && !M && !N && j(!0),
 				onMouseOut: () => !p && A && !N && j(!1),
 				"aria-disabled": p,
@@ -16306,7 +16327,7 @@ var Pv = 0, Fv = o(function(e, t) {
 					style: s ? { marginTop: V(+e) } : { marginLeft: V(+e) },
 					tabIndex: p ? void 0 : 0,
 					"aria-disabled": p,
-					onClick: oe(+e),
+					onClick: se(+e),
 					onMouseOver: (t) => I?.({ index: +e }, t),
 					onMouseOut: (t) => L?.({ index: +e }, t)
 				}, `${E}__rail-mark-${t}`))
@@ -16317,7 +16338,7 @@ var Pv = 0, Fv = o(function(e, t) {
 					className: "stratus-slider__mark",
 					style: s ? { marginTop: V(+e) } : { marginLeft: V(+e) },
 					"aria-disabled": p,
-					onClick: oe(+e),
+					onClick: se(+e),
 					onMouseOver: (t) => I?.({ index: +e }, t),
 					onMouseOut: (t) => L?.({ index: +e }, t),
 					children: o[+e]
@@ -16782,30 +16803,30 @@ function ly(e, t, n, r) {
 var uy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplays: r = 1, allowClear: i = !0, open: a, defaultOpen: o = !1, picker: s = "date", value: c, defaultValue: l, format: u, placeholder: d, showTime: f = !1, showToday: m = !0, showWeekNumber: h = !1, onChange: g, onOpen: _, onClose: y, disabled: b = !1, disabledDates: S, popoverPlacement: C = "bottom-start", inputProps: w = {}, footer: T, style: E, ...D }, O) {
 	let k = c === void 0 ? null : oy(c, u), A = c === void 0 ? l ? oy(l, u) : null : k, [j, M] = v(o), [N, P] = v(A), [F, I] = v(A), [L, R] = v(!1), z = a !== void 0, B = z ? a : j, V = c === void 0 ? F : k, H = c !== void 0 && B && !L ? k : F, ee = c !== void 0 && !B ? k : H, te = cy(s, ee, u, f), ne = r > 0 ? r : 1, re = (e) => {
 		z || M(e);
-	}, U = (e) => {
-		b || (P(V), I(V), R(!1), re(!0), _?.(e));
 	}, ie = (e) => {
+		b || (P(V), I(V), R(!1), re(!0), _?.(e));
+	}, ae = (e) => {
 		re(!1), y?.(e);
 	};
 	p(O, () => ({
-		open: () => U(),
-		close: () => ie()
+		open: () => ie(),
+		close: () => ae()
 	}));
-	let ae = (e) => {
-		se(c === void 0 ? N : k, e);
-	}, oe = (e) => {
+	let oe = (e) => {
+		U(c === void 0 ? N : k, e);
+	}, se = (e) => {
 		I(e), R(!0);
-	}, se = (e, t) => {
+	}, U = (e, t) => {
 		g?.({
 			text: cy(s, e, u, f),
 			date: e || null
-		}), I(e), R(!1), ie(t);
+		}), I(e), R(!1), ae(t);
 	}, ce = ee && i ? /* @__PURE__ */ x(q, {
 		variant: "ghost",
 		size: "sm",
 		className: "stratus-datepicker__clear-btn",
 		onClick: (e) => {
-			e.preventDefault(), e.stopPropagation(), se(null, e);
+			e.preventDefault(), e.stopPropagation(), U(null, e);
 		},
 		"aria-label": "Clear date",
 		children: /* @__PURE__ */ x(Lt, { size: 16 })
@@ -16819,8 +16840,8 @@ var uy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 		placement: C,
 		trigger: "click",
 		tooltipRef: n,
-		onOpen: U,
-		onClose: ae,
+		onOpen: ie,
+		onClose: oe,
 		maxWidth: "none",
 		content: /* @__PURE__ */ x(iy, {
 			nDisplays: ne,
@@ -16829,8 +16850,8 @@ var uy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 			showTime: f,
 			showWeekNumber: h,
 			initialDate: H || null,
-			onSelectDate: oe,
-			onChange: se,
+			onSelectDate: se,
+			onChange: U,
 			disabledDates: S,
 			footer: T
 		}),
@@ -17029,15 +17050,15 @@ 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, U] = v(0), ie = c ? A : B, ae = c ? j : H, oe = c && !P ? A : B, se = c && !P ? j : H, ce = r > 0 ? r : 2, le = i > 1 ? 2 : 1, ue = le > 1 ? m ? "190px" : "135px" : m ? "300px" : "220px", de = cy(s, oe, u, m), fe = cy(s, se, u, m), { openPicker: pe, closePicker: me, handleOpenStartDate: he, handleOpenEndDate: ge, handleDismiss: _e, handleSelectDate: ve, handleChangeDate: ye, handleClear: W, getRowClassNames: be, getRowProps: xe, getCellClassNames: Se, getCellProps: Ce } = my({
+	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({
 		disabled: b,
 		picker: s,
 		format: u,
 		showTime: m,
 		onChange: _,
 		onChangeOnClickOutside: y,
-		committedStartDate: ie,
-		committedEndDate: ae,
+		committedStartDate: ae,
+		committedEndDate: oe,
 		savedStartDate: I,
 		savedEndDate: R,
 		startDate: B,
@@ -17050,7 +17071,7 @@ var hy = o(function({ className: e, popoverClassName: t, tooltipRef: n, nDisplay
 		setStartDate: V,
 		setEndDate: ee,
 		setHoverDate: ne,
-		setFocusInput: U
+		setFocusInput: ie
 	});
 	return p(k, () => ({
 		open: () => pe(1),
@@ -17446,7 +17467,7 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 			rowKey: e.rowData.id,
 			event: e.event
 		});
-	}, [M]), U = h(() => {
+	}, [M]), ie = h(() => {
 		let e = L * a / 100;
 		return i.filter((e) => e.frozen === "left" || e.frozen === !0).reduce((t, n) => t + wy(e, n), 0);
 	}, [
@@ -17483,8 +17504,8 @@ var Ay = o(function({ className: e, start: t, end: n, data: r, columns: i = [],
 			children: /* @__PURE__ */ x("div", {
 				className: "stratus-gantt__overlay-inner",
 				style: {
-					width: B + U + z,
-					marginLeft: U + 2
+					width: B + ie + z,
+					marginLeft: ie + 2
 				},
 				children: /* @__PURE__ */ x(ky, {
 					start: t,
@@ -21564,7 +21585,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,
@@ -21583,6 +21608,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
 	}