@ahrowe/ui 0.1.13 → 0.1.15

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import e, { Component as t, PureComponent as n, forwardRef as r, useCallback as i, useEffect as a, useImperativeHandle as o, useLayoutEffect as s, useMemo as c, useReducer as l, useRef as u, useState as d } from "react";
 import f from "classnames";
 import { FontAwesomeIcon as p } from "@fortawesome/react-fontawesome";
-import { faBell as m, faCheck as h, faChevronDown as g, faChevronLeft as _, faChevronRight as v, faChevronUp as y, faCircleCheck as b, faCircleInfo as x, faCircleXmark as S, faDoorOpen as C, faDownload as w, faDrawPolygon as T, faEnvelope as E, faEye as D, faEyeSlash as O, faGear as k, faHandPointer as A, faLayerGroup as j, faMagnifyingGlassMinus as M, faMagnifyingGlassPlus as N, faPen as P, faPhone as F, faPlus as I, faSearch as L, faSquare as R, faTrash as ee, faTriangleExclamation as te, faUpload as ne, faXmark as z, faXmarkCircle as re } from "@fortawesome/free-solid-svg-icons";
+import { faBell as m, faCheck as h, faChevronDown as g, faChevronLeft as _, faChevronRight as v, faChevronUp as y, faCircleCheck as b, faCircleInfo as x, faCircleXmark as S, faDoorOpen as C, faDownload as w, faDrawPolygon as T, faEnvelope as E, faEye as D, faEyeSlash as O, faGear as k, faHandPointer as A, faLayerGroup as j, faMagnifyingGlassMinus as M, faMagnifyingGlassPlus as N, faPen as P, faPhone as F, faPlus as I, faSearch as ee, faSquare as L, faTrash as R, faTriangleExclamation as te, faUpload as ne, faXmark as z, faXmarkCircle as re } from "@fortawesome/free-solid-svg-icons";
 import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
 import { createPortal as ie } from "react-dom";
 import ae from "downshift";
 import oe from "@mona-health/react-input-mask";
-import { DndContext as se, DragOverlay as ce, PointerSensor as U, closestCorners as le, useDroppable as ue, useSensor as W, useSensors as G } from "@dnd-kit/core";
-import { SortableContext as K, arrayMove as de, useSortable as q, verticalListSortingStrategy as fe } from "@dnd-kit/sortable";
+import { DndContext as U, DragOverlay as se, PointerSensor as W, closestCorners as ce, useDroppable as le, useSensor as G, useSensors as K } from "@dnd-kit/core";
+import { SortableContext as q, arrayMove as ue, useSortable as de, verticalListSortingStrategy as fe } from "@dnd-kit/sortable";
 import { CSS as pe } from "@dnd-kit/utilities";
 import { NumericFormat as me } from "react-number-format";
 //#region package/common/accordion/accordion.types.ts
@@ -306,30 +306,32 @@ function Me({ className: e, style: t, type: n = De.Button, styleType: r = Te.Def
 Me.StyleType = Te, Me.Size = Ee, Me.Type = De;
 //#endregion
 //#region package/common/actionButtons/actionButtons.tsx
-function Ne({ onSubmit: e = () => null, onClose: t = () => null, submitLabel: n = "Save", cancelLabel: r = "Cancel", submitButtonStyle: i = Te.Primary, isSubmitButtonLoading: a = !1, isSubmitButtonDisabled: o = !1, isCancelButtonLoading: s = !1, isCancelButtonDisabled: c = !1, hidePrimaryButton: l = !1, hideSecondaryButton: u = !1, noMargin: d = !1, className: p, style: m, classNames: h, styles: g, ..._ }) {
+function Ne({ onSubmit: e = () => null, onClose: t = () => null, submitLabel: n = "Save", cancelLabel: r = "Cancel", submitButtonStyle: i = Te.Primary, isSubmitButtonLoading: a = !1, isSubmitButtonDisabled: o = !1, submitButtonIcon: s = void 0, cancelButtonStyle: c = Te.Default, isCancelButtonLoading: l = !1, isCancelButtonDisabled: u = !1, cancelButtonIcon: d = void 0, hidePrimaryButton: p = !1, hideSecondaryButton: m = !1, noMargin: h = !1, className: g, style: _, classNames: v, styles: y, ...b }) {
 	return /* @__PURE__ */ H("div", {
-		..._,
-		className: f(xe.actionButtons, !d && xe.actionButtonsMargin, p, h?.root),
+		...b,
+		className: f(xe.actionButtons, !h && xe.actionButtonsMargin, g, v?.root),
 		style: {
-			...m,
-			...g?.root
+			..._,
+			...y?.root
 		},
-		children: [!l && /* @__PURE__ */ V(Me, {
+		children: [!p && /* @__PURE__ */ V(Me, {
 			isLoading: a,
 			disabled: o,
 			styleType: i,
 			type: De.Submit,
 			onClick: e,
-			className: h?.submitButton,
-			style: g?.submitButton,
+			className: v?.submitButton,
+			style: y?.submitButton,
+			icon: s,
 			children: n
-		}), !u && /* @__PURE__ */ V(Me, {
-			isLoading: s,
-			disabled: c,
+		}), !m && /* @__PURE__ */ V(Me, {
+			isLoading: l,
+			disabled: u,
 			onClick: t,
-			styleType: Te.Default,
-			className: h?.cancelButton,
-			style: g?.cancelButton,
+			styleType: c,
+			className: v?.cancelButton,
+			style: y?.cancelButton,
+			icon: d,
 			children: r
 		})]
 	});
@@ -840,11 +842,11 @@ var Y = {
 }({});
 //#endregion
 //#region package/common/input/input.tsx
-function rt({ name: t = "", label: n = "", errorMessage: r = "", isValid: o = !0, className: s = "", style: c, value: l = "", icon: m = null, onChange: h = () => {}, onFocus: g = null, onBlur: _ = null, onMouseEnter: v = null, onMouseLeave: y = null, isUppercase: b = !1, isRequired: x = !1, tabIndex: S = 0, type: C = void 0, isRow: w = !1, onIconClick: T = null, parse: k = null, formValidator: A = null, autoFocus: j = !1, suffix: M = null, upperRightLabel: N = null, labelInBorder: I = !1, showCancel: R = !1, onClearClicked: ee, min: te = null, max: ne = null, placeholder: re = "", useMatLabelStyle: B = !0, autoComplete: ie = null, onClick: ae = () => null, readOnly: oe = !1, customInput: se, alwaysShowCancel: ce = !1, multiline: U = !1, rows: le, autoResize: ue = !1, classNames: W, styles: G, disabled: K = !1, ...de }) {
-	let [q, fe] = d(!1), [pe, me] = d(!1), [he, ge] = d(!1), [, _e] = d(0), ve = u(null), ye = u(A), be = i(() => {
+function rt({ name: t = "", label: n = "", errorMessage: r = "", isValid: o = !0, className: s = "", style: c, value: l = "", icon: m = null, onChange: h = () => {}, onFocus: g = null, onBlur: _ = null, onMouseEnter: v = null, onMouseLeave: y = null, isUppercase: b = !1, isRequired: x = !1, tabIndex: S = 0, type: C = void 0, isRow: w = !1, onIconClick: T = null, parse: k = null, formValidator: A = null, autoFocus: j = !1, suffix: M = null, upperRightLabel: N = null, labelInBorder: I = !1, showCancel: L = !1, onClearClicked: R, min: te = null, max: ne = null, placeholder: re = "", useMatLabelStyle: B = !0, autoComplete: ie = null, onClick: ae = () => null, readOnly: oe = !1, customInput: U, alwaysShowCancel: se = !1, multiline: W = !1, rows: ce, autoResize: le = !1, classNames: G, styles: K, disabled: q = !1, ...ue }) {
+	let [de, fe] = d(!1), [pe, me] = d(!1), [he, ge] = d(!1), [, _e] = d(0), ve = u(null), ye = u(A), be = i(() => {
 		let e = ve.current;
-		!e || !ue || (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
-	}, [ue]);
+		!e || !le || (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
+	}, [le]);
 	a(() => {
 		setTimeout(() => {
 			fe(!1), me(!1);
@@ -887,18 +889,18 @@ function rt({ name: t = "", label: n = "", errorMessage: r = "", isValid: o = !0
 		onClick: () => ge(!he)
 	}, Me = xe(), Ne = n;
 	Ne && J() && (Ne = `${Ne} *`);
-	let Pe = A ? A.value : l, Fe = B && (q || Pe || C === X.Date);
+	let Pe = A ? A.value : l, Fe = B && (de || Pe || C === X.Date);
 	return /* @__PURE__ */ H("div", {
 		className: f(Y.input, s),
 		style: c,
 		children: [
 			/* @__PURE__ */ H("label", {
 				htmlFor: t,
-				className: f(Y.inputLabel, W?.label, {
+				className: f(Y.inputLabel, G?.label, {
 					[Y.inputLabelColumn]: !w,
 					[Y.inputLabelInBorder]: I
 				}),
-				style: G?.label,
+				style: K?.label,
 				children: [
 					Ne && !B ? /* @__PURE__ */ H("span", {
 						className: Y.inputLabelText,
@@ -908,33 +910,33 @@ function rt({ name: t = "", label: n = "", errorMessage: r = "", isValid: o = !0
 						}) : null]
 					}) : null,
 					N && /* @__PURE__ */ V("div", {
-						className: f(Y.inputUpperRightLabel, W?.upperRightLabel),
-						style: G?.upperRightLabel,
+						className: f(Y.inputUpperRightLabel, G?.upperRightLabel),
+						style: K?.upperRightLabel,
 						children: N
 					}),
 					/* @__PURE__ */ H("div", {
-						className: f(Y.inputContainer, { [Y.inputContainerMultiline]: U }, W?.container),
-						style: G?.container,
+						className: f(Y.inputContainer, { [Y.inputContainerMultiline]: W }, G?.container),
+						style: K?.container,
 						onMouseEnter: Se,
 						onMouseLeave: Ce,
 						children: [
 							m,
-							e.cloneElement(se || V(U ? "textarea" : "input", {}), {
-								...de,
+							e.cloneElement(U || V(W ? "textarea" : "input", {}), {
+								...ue,
 								className: f(Y.inputField, {
 									[Y.inputFieldUppercase]: b,
 									[Y.inputFieldDate]: C === X.Date,
 									[Y.inputFieldDefault]: C !== X.Date,
 									[Y.inputFieldWithIcon]: Oe,
 									[Y.inputFieldWithIconLeft]: ke,
-									[Y.inputFieldMultiline]: U,
-									[Y.inputFieldMultilineAutoResize]: U && ue
-								}, W?.input),
+									[Y.inputFieldMultiline]: W,
+									[Y.inputFieldMultilineAutoResize]: W && le
+								}, G?.input),
 								name: t,
 								id: t,
 								value: A ? A.value : l,
 								tabIndex: S,
-								ref: se ? void 0 : ve,
+								ref: U ? void 0 : ve,
 								onChange: Ee,
 								onFocus: we,
 								onBlur: Te,
@@ -942,29 +944,29 @@ function rt({ name: t = "", label: n = "", errorMessage: r = "", isValid: o = !0
 								autoComplete: ie,
 								onClick: ae,
 								readOnly: oe,
-								disabled: K,
-								...!U && {
+								disabled: q,
+								...!W && {
 									type: De(),
 									min: te,
 									max: ne
 								},
-								...U && le !== void 0 && { rows: le }
+								...W && ce !== void 0 && { rows: ce }
 							}),
 							M && /* @__PURE__ */ V("div", {
-								className: f(Y.inputFieldSuffix, W?.suffix),
-								style: G?.suffix,
+								className: f(Y.inputFieldSuffix, G?.suffix),
+								style: K?.suffix,
 								children: M
 							})
 						]
 					}),
 					/* @__PURE__ */ V("fieldset", {
-						className: f(Y.inputFieldset, W?.fieldset, {
-							[Y.inputContainerBorderFocused]: q,
-							[Y.inputContainerBorderSearchFocused]: C === X.Search && (q || l),
+						className: f(Y.inputFieldset, G?.fieldset, {
+							[Y.inputContainerBorderFocused]: de,
+							[Y.inputContainerBorderSearchFocused]: C === X.Search && (de || l),
 							[Y.inputContainerBorderInvalid]: Me,
 							[Y.inputContainerBorderError]: Me
 						}),
-						style: G?.fieldset,
+						style: K?.fieldset,
 						children: /* @__PURE__ */ V("legend", {
 							className: f(Y.inputFieldsetLegend, { [Y.inputFieldsetLegendActive]: Fe }),
 							children: /* @__PURE__ */ V("span", { children: Ne })
@@ -973,18 +975,18 @@ function rt({ name: t = "", label: n = "", errorMessage: r = "", isValid: o = !0
 					B && n && /* @__PURE__ */ V("div", {
 						className: f(Y.inputMatLabel, {
 							[Y.inputMatLabelFloating]: Fe,
-							[Y.inputMatLabelMultiline]: U && !Fe
+							[Y.inputMatLabelMultiline]: W && !Fe
 						}),
 						children: Ne
 					}),
 					B && re && /* @__PURE__ */ V("div", {
-						className: f(Y.inputPlaceholder, q && !Pe && Y.inputPlaceholderShown, U && Y.inputPlaceholderMultiline),
+						className: f(Y.inputPlaceholder, de && !Pe && Y.inputPlaceholderShown, W && Y.inputPlaceholderMultiline),
 						children: re
 					}),
 					/* @__PURE__ */ V(nt, {
 						variant: "error",
 						message: A ? A.getCurrentErrorMessage() : r || "",
-						isVisible: Me && (q || pe)
+						isVisible: Me && (de || pe)
 					})
 				]
 			}),
@@ -1001,17 +1003,17 @@ function rt({ name: t = "", label: n = "", errorMessage: r = "", isValid: o = !0
 				...Ae
 			}),
 			C === X.Search && /* @__PURE__ */ V(p, {
-				icon: L,
+				icon: ee,
 				...Ae
 			}),
 			C === X.Password && /* @__PURE__ */ V(p, {
 				icon: he ? O : D,
 				...je
 			}),
-			(R && l && (q || pe) || ce) && /* @__PURE__ */ V(p, {
+			(L && l && (de || pe) || se) && /* @__PURE__ */ V(p, {
 				icon: z,
 				className: Y.inputFieldIcon,
-				onClick: ee ?? void 0,
+				onClick: R ?? void 0,
 				onMouseEnter: () => me(!0),
 				onMouseLeave: () => me(!1)
 			})
@@ -1297,38 +1299,39 @@ function gt({ children: e = null, title: t = "", isOpen: n = !1, onClose: r = ()
 }
 //#endregion
 //#region package/common/confirmModal/confirmModal.tsx
-function _t({ children: e = null, className: t = "", onClose: n = () => {}, onConfirm: r = () => {}, title: i = "", content: a = null, isOpen: o = void 0 }) {
-	let [s, c] = d(!1), [l, u] = d(!1);
-	function f(e = !1) {
-		c(!1), n(e);
+function _t({ children: e = null, className: t = "", onClose: n = () => {}, onConfirm: r = () => {}, title: i = "", content: a = null, isOpen: o = void 0, actionButtonsProps: s = {} }) {
+	let [c, l] = d(!1), [u, f] = d(!1);
+	function p(e = !1) {
+		l(!1), n(e);
 	}
-	async function p() {
-		u(!0);
+	async function m() {
+		f(!0);
 		try {
-			await r(), f(!0);
+			await r(), p(!0);
 		} finally {
-			u(!1);
+			f(!1);
 		}
 	}
-	let m = /* @__PURE__ */ H(gt, {
+	let h = /* @__PURE__ */ H(gt, {
 		title: i,
-		isOpen: o === void 0 ? s : o,
-		onClose: () => f(),
+		isOpen: o === void 0 ? c : o,
+		onClose: () => p(),
 		className: e ? void 0 : t,
 		children: [a, /* @__PURE__ */ V(Ne, {
-			onClose: () => f(),
-			onSubmit: p,
+			onClose: () => p(),
+			onSubmit: m,
 			submitLabel: "Confirm",
-			isSubmitButtonLoading: l
+			isSubmitButtonLoading: u,
+			...s
 		})]
 	});
 	return e ? /* @__PURE__ */ H("div", {
 		className: t,
 		children: [/* @__PURE__ */ V("span", {
-			onClick: () => c(!0),
+			onClick: () => l(!0),
 			children: e
-		}), m]
-	}) : m;
+		}), h]
+	}) : h;
 }
 var vt = {
 	"datePickerMonth-item": "datePickerMonth-item_30WWy",
@@ -1604,6 +1607,8 @@ var Z = {
 	dropdownInputListItemActive: "dropdown-input-list-item-active_0dhia",
 	"dropdown-input-list-item-selected": "dropdown-input-list-item-selected_hShJf",
 	dropdownInputListItemSelected: "dropdown-input-list-item-selected_hShJf",
+	"dropdown-input-list-item-disabled": "dropdown-input-list-item-disabled_3r-Yn",
+	dropdownInputListItemDisabled: "dropdown-input-list-item-disabled_3r-Yn",
 	"dropdown-input-list-hidden": "dropdown-input-list-hidden_huNc5",
 	dropdownInputListHidden: "dropdown-input-list-hidden_huNc5",
 	"dropdown-fieldset": "dropdown-fieldset_wQwTf",
@@ -1636,8 +1641,8 @@ var Z = {
 };
 //#endregion
 //#region package/common/dropdown/dropdown.tsx
-function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r = "", isValid: i = !0, tabIndex: o = 0, isRequired: s = !1, customProps: c = {}, isRow: l = !1, disabled: m = !1, onScroll: h = () => Promise.resolve(), isListOnTop: _ = !1, onClick: v, onChange: y, onFocus: b = null, onBlur: x = null, onMouseEnter: S = null, onMouseLeave: C = null, dropdownLabel: w, isDropdownListWider: T = !1, inputClassName: E = "", dropDownIconClassName: D = "", dropDownClassName: O = "", formValidator: k = null, labelClassName: A = "", dropDownInputClassName: j = "", items: M = [], useMatLabelStyle: N = !0, placeholder: P = "", plainStyle: F = !1, scrollToSelected: I = !1, reactRef: L, ...R }) {
-	let [ee, te] = d(!1), [ne, z] = d(!1), [, re] = d(0), B = u(k);
+function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r = "", isValid: i = !0, tabIndex: o = 0, isRequired: s = !1, customProps: c = {}, isRow: l = !1, disabled: m = !1, onScroll: h = () => Promise.resolve(), isListOnTop: _ = !1, onClick: v, onChange: y, onFocus: b = null, onBlur: x = null, onMouseEnter: S = null, onMouseLeave: C = null, dropdownLabel: w, isDropdownListWider: T = !1, inputClassName: E = "", dropDownIconClassName: D = "", dropDownClassName: O = "", formValidator: k = null, labelClassName: A = "", dropDownInputClassName: j = "", items: M = [], useMatLabelStyle: N = !0, placeholder: P = "", plainStyle: F = !1, scrollToSelected: I = !1, reactRef: ee, ...L }) {
+	let [R, te] = d(!1), [ne, z] = d(!1), [, re] = d(0), B = u(k);
 	a(() => {
 		if (B.current = k, !B.current) return;
 		B.current.label = n ?? "", B.current.validate();
@@ -1648,34 +1653,34 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 		z(!0), S?.(e);
 	}, oe = (e) => {
 		z(!1), C?.(e);
-	}, se = (e) => {
+	}, U = (e) => {
 		te(!0), b?.(e);
-	}, ce = (e) => {
+	}, se = (e) => {
 		B.current && (B.current.touched = !0), te(!1), x?.(e);
-	}, U = () => k ? k.touched && k.hasError() : !i || !!e, le = () => !!(s || k?.validators.find((e) => e.validatorId === "required")), ue = (e) => {
+	}, W = () => k ? k.touched && k.hasError() : !i || !!e, ce = () => !!(s || k?.validators.find((e) => e.validatorId === "required")), le = (e) => {
 		k ? (k.set(e), y?.(k.value, c)) : y?.(e, c);
-	}, W = w, G = k ? k.value : r, K = U();
+	}, G = w, K = k ? k.value : r, q = W();
 	M.forEach((e) => {
-		e.key === G && (W = e.label);
+		e.key === K && (G = e.label);
 	});
-	let de = W || G, q = de == null || typeof de == "string" && de.trim() === "";
+	let ue = G || K, de = ue == null || typeof ue == "string" && ue.trim() === "";
 	return /* @__PURE__ */ H("div", {
-		...R,
+		...L,
 		className: f(t, Z.dropdownLabel, Z.dropdown, { [Z.dropdownLabelColumn]: !l }),
 		onMouseEnter: ie,
 		onMouseLeave: oe,
 		children: [
 			/* @__PURE__ */ V(ae, {
-				onChange: (e) => ue((e || { key: "" }).key),
+				onChange: (e) => le((e || { key: "" }).key),
 				itemToString: (e) => e ? String(e.key) : "",
-				selectedItem: M.find((e) => e.key === G) ?? null,
+				selectedItem: M.find((e) => e.key === K) ?? null,
 				stateReducer: (e, t) => I && Object.prototype.hasOwnProperty.call(t, "isOpen") ? {
 					...t,
 					highlightedIndex: t.isOpen ? M.indexOf(e.selectedItem) : null
 				} : t,
 				children: ({ getItemProps: e, getToggleButtonProps: t, isOpen: r, selectedItem: i, highlightedIndex: a, setHighlightedIndex: s }) => /* @__PURE__ */ V("div", { children: /* @__PURE__ */ H("div", {
-					onFocus: se,
-					onBlur: ce,
+					onFocus: U,
+					onBlur: se,
 					className: f(Z.dropdownInput, { [Z.dropdownInputPlain]: F }, j),
 					children: [
 						/* @__PURE__ */ V("button", {
@@ -1691,8 +1696,8 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 							onClick: (e) => {
 								t().onClick?.(e), v?.(e);
 							},
-							ref: L,
-							children: q ? "\xA0" : de
+							ref: ee,
+							children: de ? "\xA0" : ue
 						}),
 						/* @__PURE__ */ V("button", {
 							type: "button",
@@ -1723,7 +1728,8 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 								}),
 								className: f(Z.dropdownInputListItem, O, {
 									[Z.dropdownInputListItemActive]: a === n,
-									[Z.dropdownInputListItemSelected]: i === t
+									[Z.dropdownInputListItemSelected]: i === t,
+									[Z.dropdownInputListItemDisabled]: !!t.disabled
 								}),
 								children: t.label
 							}, t.key))
@@ -1731,21 +1737,21 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 						/* @__PURE__ */ V("fieldset", {
 							className: f(Z.dropdownFieldset, {
 								[Z.dropdownBorderPlain]: F,
-								[Z.dropdownBorderFocused]: ee,
-								[Z.dropdownBorderInvalid]: K,
-								[Z.dropdownBorderError]: K
+								[Z.dropdownBorderFocused]: R,
+								[Z.dropdownBorderInvalid]: q,
+								[Z.dropdownBorderError]: q
 							}),
 							children: /* @__PURE__ */ V("legend", {
-								className: f(Z.dropdownFieldsetLegend, { [Z.dropdownFieldsetLegendActive]: N && (ee || G) }),
+								className: f(Z.dropdownFieldsetLegend, { [Z.dropdownFieldsetLegendActive]: N && (R || !de) }),
 								children: /* @__PURE__ */ V("span", { children: n })
 							})
 						}),
 						N && n && /* @__PURE__ */ V("div", {
-							className: f(Z.dropdownMatLabel, { [Z.dropdownMatLabelFloating]: ee || G }),
+							className: f(Z.dropdownMatLabel, { [Z.dropdownMatLabelFloating]: R || !de }),
 							children: n
 						}),
 						N && P && /* @__PURE__ */ V("div", {
-							className: f(Z.dropdownPlaceholder, ee && !W && Z.dropdownPlaceholderShown),
+							className: f(Z.dropdownPlaceholder, R && !G && Z.dropdownPlaceholderShown),
 							children: P
 						})
 					]
@@ -1753,7 +1759,7 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 			}),
 			n && !N && /* @__PURE__ */ H("div", {
 				className: f(Z.dropdownLabelText, A),
-				children: [n, le() ? /* @__PURE__ */ V("div", {
+				children: [n, ce() ? /* @__PURE__ */ V("div", {
 					className: Z.requiredMark,
 					children: "*"
 				}) : null]
@@ -1761,7 +1767,7 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 			/* @__PURE__ */ V(nt, {
 				variant: "error",
 				message: k ? k.getCurrentErrorMessage() : e || "",
-				isVisible: K && (ee || ne)
+				isVisible: q && (R || ne)
 			})
 		]
 	});
@@ -1784,7 +1790,7 @@ var Wt = {
 //#endregion
 //#region package/common/datePicker/datePicker.tsx
 function Gt({ className: e = "", selected: t, onSelect: n = () => null, formValidator: r = null, noInput: i = !1, noHeader: o = !1, isModal: s = !1, isInline: c = !1, onChange: l = () => null, minDate: p = null, maxDate: m = null, children: h = null, showClearButton: g = !1, label: y = "", isValid: b = !0, errorMessage: x = "", isRequired: S = !1, startDate: C, endDate: w }) {
-	let T = () => r ? r.value : t, E = T() ?? /* @__PURE__ */ new Date(), [D, O] = d(E.getMonth() + 1), [k, A] = d(E.getFullYear()), [j, M] = d(!1), [N, P] = d(() => T() ? Nt(E) : ""), [F, I] = d(!1), [L, R] = d(!1), [, ee] = d(0), [te, ne] = d(t), z = u(r);
+	let T = () => r ? r.value : t, E = T() ?? /* @__PURE__ */ new Date(), [D, O] = d(E.getMonth() + 1), [k, A] = d(E.getFullYear()), [j, M] = d(!1), [N, P] = d(() => T() ? Nt(E) : ""), [F, I] = d(!1), [ee, L] = d(!1), [, R] = d(0), [te, ne] = d(t), z = u(r);
 	if (te !== t) {
 		ne(t);
 		let e = t ?? /* @__PURE__ */ new Date();
@@ -1794,42 +1800,42 @@ function Gt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 		if (z.current = r, !r) return;
 		let e = () => {
 			let e = r.value;
-			e ? (O(e.getMonth() + 1), A(e.getFullYear()), P(Nt(e))) : P(""), ee((e) => e + 1);
+			e ? (O(e.getMonth() + 1), A(e.getFullYear()), P(Nt(e))) : P(""), R((e) => e + 1);
 		};
 		return r.registerOnUpdateListener(e), () => r.removeOnUpdateListener(e);
 	}, [r]);
 	let re = () => r ? r.touched && r.hasError() : !b || !!x, ie = () => !!(S || r?.validators.find((e) => e.validatorId === "required")), ae = (e) => {
 		P(e ? Nt(e) : ""), r && r.set(e), l(e);
-	}, se = (e) => {
+	}, U = (e) => {
 		ae(e), n(e), M(!1);
-	}, ce = (e) => {
+	}, se = (e) => {
 		O((t) => {
 			let n = t + e;
 			return n < 1 ? (n = 12, A((e) => e - 1)) : n > 12 && (n = 1, A((e) => e + 1)), n;
 		});
-	}, U = (e) => {
+	}, W = (e) => {
 		if (e.match(/\d{2}\.\d{2}\.\d{4}/gi)) {
 			let [t, n, r] = e.split("."), i = Dt(Number(t), Number(n), Number(r));
 			if (i && i.toString() !== "Invalid Date" && (!m || i <= m) && (!p || i >= p)) return i;
 		}
 		return null;
-	}, le = ({ previousState: e, nextState: t }) => {
+	}, ce = ({ previousState: e, nextState: t }) => {
 		if (!e || t.value === e.value) return t;
-		let n = Pt(t.value, e.value, t.selection ?? null), r = U(n.value);
+		let n = Pt(t.value, e.value, t.selection ?? null), r = W(n.value);
 		return r && ae(r), n;
-	}, ue = () => {
+	}, le = () => {
 		let e = 400, t = (/* @__PURE__ */ new Date()).getFullYear() - 200;
 		return p && (t = p.getFullYear()), m && (e = m.getFullYear() - t + 1), Array.from(Array(e).keys()).map((e) => ({
 			key: e + t,
 			label: e + t
 		}));
-	}, W = T(), G = re(), K = /* @__PURE__ */ H(B, { children: [
+	}, G = T(), K = re(), q = /* @__PURE__ */ H(B, { children: [
 		o ? null : /* @__PURE__ */ H("div", {
 			className: Wt.datePickerHeader,
 			children: [
 				/* @__PURE__ */ V(Re, {
 					icon: _,
-					onClick: () => ce(-1)
+					onClick: () => se(-1)
 				}),
 				/* @__PURE__ */ V("div", {
 					className: Wt.datePickerHeaderMonthAndYearContainer,
@@ -1852,13 +1858,13 @@ function Gt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 							className: Wt.datePickerHeaderYear,
 							onChange: (e) => A(e),
 							value: k,
-							items: ue()
+							items: le()
 						})]
 					})
 				}),
 				/* @__PURE__ */ V(Re, {
 					icon: v,
-					onClick: () => ce(1)
+					onClick: () => se(1)
 				})
 			]
 		}),
@@ -1866,18 +1872,18 @@ function Gt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 			className: Wt.datePickerMonth,
 			month: D,
 			year: k,
-			onSelect: se,
-			selectionStart: C ?? W,
-			selectionEnd: w ?? W,
+			onSelect: U,
+			selectionStart: C ?? G,
+			selectionEnd: w ?? G,
 			minDate: p,
 			maxDate: m
 		}),
 		g && /* @__PURE__ */ V(Me, {
-			onClick: () => se(null),
+			onClick: () => U(null),
 			children: "Clear"
 		}),
 		h
-	] }), de = i ? null : /* @__PURE__ */ V(rt, {
+	] }), ue = i ? null : /* @__PURE__ */ V(rt, {
 		readOnly: s,
 		label: `${y}${ie() ? " *" : ""}`,
 		value: N,
@@ -1886,37 +1892,37 @@ function Gt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 		customInput: /* @__PURE__ */ V(oe, {
 			mask: "99.99.9999",
 			maskPlaceholder: "_",
-			beforeMaskedStateChange: le
+			beforeMaskedStateChange: ce
 		}),
 		onBlur: () => {
-			z.current && (z.current.touched = !0), I(!1), ae(U(N));
+			z.current && (z.current.touched = !0), I(!1), ae(W(N));
 		},
 		onFocus: () => I(!0),
-		onMouseEnter: () => R(!0),
-		onMouseLeave: () => R(!1),
-		isValid: !G
-	}), q = c ? K : s ? /* @__PURE__ */ V(gt, {
+		onMouseEnter: () => L(!0),
+		onMouseLeave: () => L(!1),
+		isValid: !K
+	}), de = c ? q : s ? /* @__PURE__ */ V(gt, {
 		hideHeader: !0,
 		isOpen: j,
 		onClose: () => M(!1),
-		children: K
+		children: q
 	}) : /* @__PURE__ */ V(et, {
 		isOpen: j,
 		onOpenChange: (e) => M(e),
-		content: K,
+		content: q,
 		align: Qe.Left,
 		dontCloseOnChildClick: !0,
-		children: de
+		children: ue
 	});
 	return /* @__PURE__ */ H("div", {
 		className: f(Wt.datePicker, e),
 		children: [
-			(s || c) && de,
-			q,
+			(s || c) && ue,
+			de,
 			/* @__PURE__ */ V(nt, {
 				variant: "error",
 				message: r ? r.getCurrentErrorMessage() : x || "",
-				isVisible: G && (F || L)
+				isVisible: K && (F || ee)
 			})
 		]
 	});
@@ -2230,7 +2236,7 @@ var un = {
 //#endregion
 //#region package/common/kanbanBoard/KanbanItem.tsx
 function dn({ id: e, children: t }) {
-	let { attributes: n, listeners: r, setNodeRef: i, transform: a, transition: o, isDragging: s } = q({ id: e });
+	let { attributes: n, listeners: r, setNodeRef: i, transform: a, transition: o, isDragging: s } = de({ id: e });
 	return /* @__PURE__ */ V("div", {
 		ref: i,
 		style: {
@@ -2246,14 +2252,14 @@ function dn({ id: e, children: t }) {
 //#endregion
 //#region package/common/kanbanBoard/KanbanColumn.tsx
 function fn({ id: e, title: t, itemIds: n, items: r, renderItem: i, className: a, classNames: o, styles: s }) {
-	let { setNodeRef: c, isOver: l } = ue({ id: `column-${e}` });
+	let { setNodeRef: c, isOver: l } = le({ id: `column-${e}` });
 	return /* @__PURE__ */ H("div", {
 		className: f(un.column, l && un.columnOver, n.length === 0 && un.columnEmpty, a),
 		children: [/* @__PURE__ */ V("div", {
 			className: f(un.columnHeader, o?.header),
 			style: s?.header,
 			children: t
-		}), /* @__PURE__ */ V(K, {
+		}), /* @__PURE__ */ V(q, {
 			items: n,
 			strategy: fe,
 			children: /* @__PURE__ */ V("div", {
@@ -2271,7 +2277,7 @@ function fn({ id: e, title: t, itemIds: n, items: r, renderItem: i, className: a
 //#endregion
 //#region package/common/kanbanBoard/KanbanBoard.tsx
 function pn({ columns: e, items: t, renderItem: n, onChange: r, className: i, style: a, classNames: o, styles: s }) {
-	let [c, l] = d(null), [u, p] = d(null), m = G(W(U, { activationConstraint: { distance: 8 } })), h = u ?? e;
+	let [c, l] = d(null), [u, p] = d(null), m = K(G(W, { activationConstraint: { distance: 8 } })), h = u ?? e;
 	function g(e, t) {
 		return e.findIndex((e) => e.itemIds.includes(t));
 	}
@@ -2303,7 +2309,7 @@ function pn({ columns: e, items: t, renderItem: n, onChange: r, className: i, st
 				let e = n[a], t = e.itemIds.indexOf(r), o = e.itemIds.indexOf(i);
 				t !== -1 && o !== -1 && t !== o && (n[a] = {
 					...e,
-					itemIds: de(e.itemIds, t, o)
+					itemIds: ue(e.itemIds, t, o)
 				});
 			} else {
 				n[a].itemIds = n[a].itemIds.filter((e) => e !== r);
@@ -2320,9 +2326,9 @@ function pn({ columns: e, items: t, renderItem: n, onChange: r, className: i, st
 		}
 		r(u), p(null);
 	}
-	return /* @__PURE__ */ H(se, {
+	return /* @__PURE__ */ H(U, {
 		sensors: m,
-		collisionDetection: le,
+		collisionDetection: ce,
 		onDragStart: _,
 		onDragOver: v,
 		onDragEnd: y,
@@ -2336,7 +2342,7 @@ function pn({ columns: e, items: t, renderItem: n, onChange: r, className: i, st
 				items: t,
 				renderItem: n
 			}, e.id))
-		}), /* @__PURE__ */ V(ce, { children: c && t[c] !== void 0 ? /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ V(se, { children: c && t[c] !== void 0 ? /* @__PURE__ */ V("div", {
 			className: f(un.dragOverlay, o?.dragOverlay),
 			style: s?.dragOverlay,
 			children: n(t[c], c)
@@ -2947,7 +2953,7 @@ function tr({ className: e }) {
 	let [t, n] = d([]), [r, i] = d([]), [o, c] = d("rect"), [l, m] = d(null), [g, _] = d(null), [v, y] = d(null), [b, x] = d(null), [S, E] = d([]), [D, O] = d(null), [k, j] = d(1), [P, F] = d({
 		x: 0,
 		y: 0
-	}), I = u(null), L = u(null), te = u(null), z = u(null), re = u(null), ie = u({
+	}), I = u(null), ee = u(null), te = u(null), z = u(null), re = u(null), ie = u({
 		rooms: t,
 		doors: r,
 		tool: o,
@@ -3039,10 +3045,10 @@ function tr({ className: e }) {
 			y: a - 300 / r / 2
 		}), j(r);
 	}
-	function se(e) {
+	function U(e) {
 		return z.current ? jn(e.clientX, e.clientY, z.current) : null;
 	}
-	function ce(e, t) {
+	function se(e, t) {
 		let n = null;
 		for (let r = 0; r < t.points.length; r++) {
 			let i = Mn(e, t.points[r]);
@@ -3053,7 +3059,7 @@ function tr({ className: e }) {
 		}
 		return n;
 	}
-	function U(e, t) {
+	function W(e, t) {
 		let n = null;
 		for (let r = 0; r < t.points.length; r++) {
 			let i = t.points[r], a = t.points[(r + 1) % t.points.length], { dist: o, t: s } = Nn(e, i, a);
@@ -3065,7 +3071,7 @@ function tr({ className: e }) {
 		}
 		return n;
 	}
-	function le(e, t, r, a) {
+	function ce(e, t, r, a) {
 		return n((n) => n.map((n) => {
 			if (n.id !== e) return n;
 			let r = [...n.points];
@@ -3085,7 +3091,7 @@ function tr({ className: e }) {
 			wallIndex: n.wallIndex + 1
 		} : n : n)), t + 1;
 	}
-	function ue(e, r) {
+	function le(e, r) {
 		let a = t.find((t) => t.id === e);
 		if (!a || a.points.length <= 3) return;
 		let o = a.points.length;
@@ -3104,7 +3110,7 @@ function tr({ className: e }) {
 			} : t;
 		}).filter((e) => e.wallIndex !== -1));
 	}
-	function W(e) {
+	function G(e) {
 		if (e.button === 1) {
 			e.preventDefault();
 			let t = z.current;
@@ -3124,7 +3130,7 @@ function tr({ className: e }) {
 		}
 		if (e.button !== 0) return;
 		e.preventDefault();
-		let n = se(e);
+		let n = U(e);
 		if (n) {
 			if (g) {
 				let e = t.find((e) => e.id === g);
@@ -3151,7 +3157,7 @@ function tr({ className: e }) {
 			if (o === "select") {
 				let e = t.find((e) => e.id === l) ?? null;
 				if (e) {
-					let t = ce(n, e);
+					let t = se(n, e);
 					if (t) {
 						I.current = {
 							type: "vertex",
@@ -3164,12 +3170,12 @@ function tr({ className: e }) {
 					}
 				}
 				if (e) {
-					let t = U(n, e);
+					let t = W(n, e);
 					if (t) {
 						let r = e.points[t.index], i = e.points[(t.index + 1) % e.points.length], a = An({
 							x: r.x + (i.x - r.x) * t.t,
 							y: r.y + (i.y - r.y) * t.t
-						}), o = le(e.id, t.index, t.t, a);
+						}), o = ce(e.id, t.index, t.t, a);
 						I.current = {
 							type: "vertex",
 							roomId: e.id,
@@ -3194,16 +3200,16 @@ function tr({ className: e }) {
 			}
 		}
 	}
-	function G(e) {
+	function K(e) {
 		if (o !== "select" || g) return;
-		let n = se(e);
+		let n = U(e);
 		if (!n) return;
 		let r = t.find((e) => e.id === l);
 		if (!r) return;
-		let i = ce(n, r);
-		i && (e.preventDefault(), ue(r.id, i.index));
+		let i = se(n, r);
+		i && (e.preventDefault(), le(r.id, i.index));
 	}
-	function K(e) {
+	function q(e) {
 		if (te.current) {
 			let { startClient: t, origPan: n, scaleX: r, scaleY: i } = te.current;
 			F({
@@ -3212,13 +3218,13 @@ function tr({ className: e }) {
 			});
 			return;
 		}
-		let r = se(e);
+		let r = U(e);
 		if (r) {
-			if (L.current && g) {
+			if (ee.current && g) {
 				let e = t.find((e) => e.id === g);
 				if (e) {
 					let t = Pn(r, [e]);
-					t && i((e) => e.map((e) => e.id === L.current ? {
+					t && i((e) => e.map((e) => e.id === ee.current ? {
 						...e,
 						wallIndex: t.wallIndex,
 						t: t.t
@@ -3262,12 +3268,12 @@ function tr({ className: e }) {
 			}
 		}
 	}
-	function de(e) {
+	function ue(e) {
 		if (te.current) {
 			te.current = null;
 			return;
 		}
-		let t = se(e);
+		let t = U(e);
 		if (t) {
 			if (o === "rect" && v) {
 				let e = Math.min(v.x, t.x), r = Math.min(v.y, t.y), i = Math.abs(t.x - v.x), a = Math.abs(t.y - v.y);
@@ -3277,10 +3283,10 @@ function tr({ className: e }) {
 					points: Ln(e, r, i, a)
 				}]), y(null), x(null);
 			}
-			L.current = null, I.current = null;
+			ee.current = null, I.current = null;
 		}
 	}
-	function q(e) {
+	function de(e) {
 		l && n((t) => t.map((t) => t.id === l ? {
 			...t,
 			name: e
@@ -3333,7 +3339,7 @@ function tr({ className: e }) {
 		},
 		{
 			t: "rect",
-			icon: R,
+			icon: L,
 			label: "Rectangle room"
 		},
 		{
@@ -3407,10 +3413,10 @@ function tr({ className: e }) {
 				ref: z,
 				className: f(Q.roomDrawerCanvas, Ce),
 				viewBox: `${P.x} ${P.y} ${J} ${Se}`,
-				onMouseDown: W,
-				onMouseMove: K,
-				onMouseUp: de,
-				onDoubleClick: G,
+				onMouseDown: G,
+				onMouseMove: q,
+				onMouseUp: ue,
+				onDoubleClick: K,
 				children: [
 					/* @__PURE__ */ V("defs", { children: /* @__PURE__ */ V("pattern", {
 						id: "rd-grid",
@@ -3478,7 +3484,7 @@ function tr({ className: e }) {
 							r: 2.5,
 							className: Q.doorMarker,
 							onMouseDown: (t) => {
-								t.button === 0 && (t.preventDefault(), t.stopPropagation(), L.current = e.id);
+								t.button === 0 && (t.preventDefault(), t.stopPropagation(), ee.current = e.id);
 							}
 						}, e.id);
 					}),
@@ -3525,7 +3531,7 @@ function tr({ className: e }) {
 					/* @__PURE__ */ V("input", {
 						className: Q.roomDrawerInfoInput,
 						value: ve.name,
-						onChange: (e) => q(e.target.value),
+						onChange: (e) => de(e.target.value),
 						placeholder: "Room name"
 					}),
 					/* @__PURE__ */ H("button", {
@@ -3538,7 +3544,7 @@ function tr({ className: e }) {
 						className: Q.roomDrawerInfoDelete,
 						onClick: pe,
 						title: "Delete room",
-						children: /* @__PURE__ */ V(p, { icon: ee })
+						children: /* @__PURE__ */ V(p, { icon: R })
 					})
 				]
 			}),
@@ -3589,7 +3595,7 @@ function tr({ className: e }) {
 								className: Q.roomDrawerInfoDelete,
 								onClick: () => me(e.id),
 								title: "Delete door",
-								children: /* @__PURE__ */ V(p, { icon: ee })
+								children: /* @__PURE__ */ V(p, { icon: R })
 							})
 						]
 					}, e.id))]
@@ -4337,6 +4343,8 @@ var $ = {
 	virtualListRow: "virtualList-row_TTY50",
 	"virtualList-row-no-divider": "virtualList-row-no-divider_Ct0gV",
 	virtualListRowNoDivider: "virtualList-row-no-divider_Ct0gV",
+	"virtualList-row-no-hover": "virtualList-row-no-hover_2d3mH",
+	virtualListRowNoHover: "virtualList-row-no-hover_2d3mH",
 	"virtualList-row-selected": "virtualList-row-selected_hwEN-",
 	virtualListRowSelected: "virtualList-row-selected_hwEN-",
 	"virtualList-row-draggable": "virtualList-row-draggable_I86ha",
@@ -4364,15 +4372,15 @@ var $ = {
 };
 //#endregion
 //#region package/common/virtualList/virtualRow.tsx
-function Ir({ index: e, top: t, columnTemplate: n, isSelected: r, showDivider: i, onClick: a, observer: o, ariaRowIndex: c, ariaPosInSet: l, ariaSetSize: d, rowRole: p, reorderable: m, draggable: h, isDragging: g, reserveToggleGutter: _, onMouseDown: v, onDragStart: y, onDragOver: b, onDragEnd: x, onDrop: S, onTouchStart: C, dropPosition: w, dropIndentPx: T, dropIndicatorClassName: E, dropIndicatorStyle: D, rowClassName: O, rowStyle: k, children: A }) {
-	let j = u(null);
+function Ir({ index: e, top: t, columnTemplate: n, isSelected: r, showDivider: i, hover: a, onClick: o, observer: c, ariaRowIndex: l, ariaPosInSet: d, ariaSetSize: p, rowRole: m, reorderable: h, draggable: g, isDragging: _, reserveToggleGutter: v, onMouseDown: y, onDragStart: b, onDragOver: x, onDragEnd: S, onDrop: C, onTouchStart: w, dropPosition: T, dropIndentPx: E, dropIndicatorClassName: D, dropIndicatorStyle: O, rowClassName: k, rowStyle: A, children: j }) {
+	let M = u(null);
 	return s(() => {
-		let e = j.current;
-		if (!(!e || !o)) return o.observe(e), () => o.unobserve(e);
-	}, [o]), /* @__PURE__ */ H("div", {
-		ref: j,
+		let e = M.current;
+		if (!(!e || !c)) return c.observe(e), () => c.unobserve(e);
+	}, [c]), /* @__PURE__ */ H("div", {
+		ref: M,
 		"data-index": e,
-		className: f($.virtualListRow, r && $.virtualListRowSelected, !i && $.virtualListRowNoDivider, m && $.virtualListRowDraggable, g && $.virtualListRowDragging, w === "inside" && $.virtualListRowDropInside, O),
+		className: f($.virtualListRow, r && $.virtualListRowSelected, !i && $.virtualListRowNoDivider, !a && $.virtualListRowNoHover, h && $.virtualListRowDraggable, _ && $.virtualListRowDragging, T === "inside" && $.virtualListRowDropInside, k),
 		style: {
 			position: "absolute",
 			top: 0,
@@ -4383,32 +4391,32 @@ function Ir({ index: e, top: t, columnTemplate: n, isSelected: r, showDivider: i
 				display: "grid",
 				gridTemplateColumns: n
 			} : {},
-			..._ ? { paddingRight: 32 } : {},
-			...k
+			...v ? { paddingRight: 32 } : {},
+			...A
 		},
-		onClick: a,
-		draggable: h,
-		onMouseDown: v,
-		onDragStart: y,
-		onDragOver: b,
-		onDragEnd: x,
-		onDrop: S ?? (h ? (e) => e.preventDefault() : void 0),
-		onTouchStart: C,
-		onContextMenu: h ? (e) => e.preventDefault() : void 0,
+		onClick: o,
+		draggable: g,
+		onMouseDown: y,
+		onDragStart: b,
+		onDragOver: x,
+		onDragEnd: S,
+		onDrop: C ?? (g ? (e) => e.preventDefault() : void 0),
+		onTouchStart: w,
+		onContextMenu: g ? (e) => e.preventDefault() : void 0,
 		"aria-selected": r,
-		"aria-rowindex": c,
-		"aria-posinset": l,
-		"aria-setsize": d,
-		role: p,
-		children: [(w === "before" || w === "after") && /* @__PURE__ */ V("div", {
-			"data-drop-line": w,
+		"aria-rowindex": l,
+		"aria-posinset": d,
+		"aria-setsize": p,
+		role: m,
+		children: [(T === "before" || T === "after") && /* @__PURE__ */ V("div", {
+			"data-drop-line": T,
 			"aria-hidden": !0,
-			className: f($.virtualListDropLine, w === "before" ? $.virtualListDropLineBefore : $.virtualListDropLineAfter, E),
+			className: f($.virtualListDropLine, T === "before" ? $.virtualListDropLineBefore : $.virtualListDropLineAfter, D),
 			style: {
-				left: T ?? 0,
-				...D
+				left: E ?? 0,
+				...O
 			}
-		}), A]
+		}), j]
 	});
 }
 //#endregion
@@ -4726,7 +4734,7 @@ function Yr({ columns: e, items: t, multiSelect: n, visibleColumnKeys: r, onVisi
 //#endregion
 //#region package/common/virtualList/useRowDrag.ts
 function Xr({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longPressDelay: o, dragHandle: c, treeIndentPx: l, keys: f, depths: p, isGroupAt: m, rootRef: h, keysRef: g }) {
-	let _ = u(null), [v, y] = d(null), [b, x] = d(null), S = u(null), C = u(n), w = u(r), T = u(t), E = u(p), D = u(m), O = u(!0), k = u(null), A = u(!1), j = u(null), M = u(0), N = u(0), P = u(null), F = u(!1), I = u(null), L = u(0), R = u(0), ee = u(0), [te] = d(() => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)").matches : !1);
+	let _ = u(null), [v, y] = d(null), [b, x] = d(null), S = u(null), C = u(n), w = u(r), T = u(t), E = u(p), D = u(m), O = u(!0), k = u(null), A = u(!1), j = u(null), M = u(0), N = u(0), P = u(null), F = u(!1), I = u(null), ee = u(0), L = u(0), R = u(0), [te] = d(() => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)").matches : !1);
 	s(() => {
 		C.current = n, w.current = r, T.current = t, E.current = p, S.current = b, D.current = m;
 	});
@@ -4776,10 +4784,10 @@ function Xr({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longP
 	function oe() {
 		_.current = null, y(null);
 	}
-	let se = i((e) => {
+	let U = i((e) => {
 		let t = _.current, n = h.current;
 		if (t == null || !n) return;
-		let r = I.current ? N.current - L.current + ee.current / 2 : N.current, i = document.elementFromPoint(e, r), a = i && n.contains(i) ? i.closest("[data-index]") : null;
+		let r = I.current ? N.current - ee.current + R.current / 2 : N.current, i = document.elementFromPoint(e, r), a = i && n.contains(i) ? i.closest("[data-index]") : null;
 		if (!a) return;
 		let o = Number(a.dataset.index);
 		if (Number.isNaN(o)) return;
@@ -4799,26 +4807,26 @@ function Xr({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longP
 		}
 		let l = Br(s, o, r, c.top, c.height);
 		l != null && C.current?.(s, l);
-	}, [h, g]), ce = i(() => {
+	}, [h, g]), se = i(() => {
 		let e = I.current;
-		e && (e.style.transform = `translate(${R.current}px, ${N.current - L.current}px)`);
-	}, []), U = i(() => {
+		e && (e.style.transform = `translate(${L.current}px, ${N.current - ee.current}px)`);
+	}, []), W = i(() => {
 		let e = h.current;
 		if (!e || !A.current) {
 			P.current = null;
 			return;
 		}
 		let t = e.getBoundingClientRect(), n = M.current, r = N.current, i = 0;
-		n >= t.left && n <= t.right && r >= t.top && r <= t.bottom && (r < t.top + 48 ? i = -Math.min(18, Math.ceil((t.top + 48 - r) / 3)) : r > t.bottom - 48 && (i = Math.min(18, Math.ceil((r - (t.bottom - 48)) / 3)))), i !== 0 && (e.scrollTop += i, se(n)), P.current = requestAnimationFrame(U);
-	}, [se, h]), le = i(() => {
-		if (k.current != null && (clearTimeout(k.current), k.current = null), window.removeEventListener("touchmove", ue), window.removeEventListener("touchend", le), window.removeEventListener("touchcancel", le), P.current != null && (cancelAnimationFrame(P.current), P.current = null), I.current &&= (I.current.remove(), null), document.body.style.touchAction = "", document.body.style.overscrollBehavior = "", A.current && (F.current = !0, setTimeout(() => {
+		n >= t.left && n <= t.right && r >= t.top && r <= t.bottom && (r < t.top + 48 ? i = -Math.min(18, Math.ceil((t.top + 48 - r) / 3)) : r > t.bottom - 48 && (i = Math.min(18, Math.ceil((r - (t.bottom - 48)) / 3)))), i !== 0 && (e.scrollTop += i, U(n)), P.current = requestAnimationFrame(W);
+	}, [U, h]), ce = i(() => {
+		if (k.current != null && (clearTimeout(k.current), k.current = null), window.removeEventListener("touchmove", le), window.removeEventListener("touchend", ce), window.removeEventListener("touchcancel", ce), P.current != null && (cancelAnimationFrame(P.current), P.current = null), I.current &&= (I.current.remove(), null), document.body.style.touchAction = "", document.body.style.overscrollBehavior = "", A.current && (F.current = !0, setTimeout(() => {
 			F.current = !1;
 		}, 350), T.current)) {
 			let e = _.current, t = S.current;
 			e != null && t && t.key !== e && w.current?.(e, t);
 		}
 		x(null), A.current = !1, j.current = null, _.current = null, y(null);
-	}, []), ue = i((e) => {
+	}, []), le = i((e) => {
 		let t = e.touches[0];
 		if (t) {
 			if (M.current = t.clientX, N.current = t.clientY, !A.current) {
@@ -4826,23 +4834,23 @@ function Xr({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longP
 				e != null && Math.abs(t.clientY - e) > 10 && k.current != null && (clearTimeout(k.current), k.current = null);
 				return;
 			}
-			e.cancelable && e.preventDefault(), ce(), se(t.clientX);
+			e.cancelable && e.preventDefault(), se(), U(t.clientX);
 		}
-	}, [se, ce]);
-	function W(n, r) {
+	}, [U, se]);
+	function G(n, r) {
 		if (!e && !t || c && !r.target.closest("[data-drag-handle]") || k.current != null || A.current) return;
 		let i = r.touches[0];
-		i && (j.current = i.clientY, M.current = i.clientX, N.current = i.clientY, window.addEventListener("touchmove", ue, { passive: !1 }), window.addEventListener("touchend", le), window.addEventListener("touchcancel", le), k.current = window.setTimeout(() => {
-			k.current = null, A.current = !0, _.current = n, y(n), navigator.vibrate?.(10), document.body.style.touchAction = "none", document.body.style.overscrollBehavior = "none", G(n), P.current ??= requestAnimationFrame(U);
+		i && (j.current = i.clientY, M.current = i.clientX, N.current = i.clientY, window.addEventListener("touchmove", le, { passive: !1 }), window.addEventListener("touchend", ce), window.addEventListener("touchcancel", ce), k.current = window.setTimeout(() => {
+			k.current = null, A.current = !0, _.current = n, y(n), navigator.vibrate?.(10), document.body.style.touchAction = "none", document.body.style.overscrollBehavior = "none", K(n), P.current ??= requestAnimationFrame(W);
 		}, o));
 	}
-	function G(e) {
+	function K(e) {
 		let t = h.current;
 		if (!t) return;
 		let n = g.current.indexOf(e), r = t.querySelector(`[data-index="${n}"]`);
 		if (!r) return;
 		let i = r.getBoundingClientRect();
-		L.current = N.current - i.top, R.current = i.left, ee.current = i.height;
+		ee.current = N.current - i.top, L.current = i.left, R.current = i.height;
 		let a = r.cloneNode(!0);
 		a.removeAttribute("data-index"), a.setAttribute("data-drag-clone", "true"), a.setAttribute("aria-hidden", "true"), a.classList.add($.virtualListDragClone), Object.assign(a.style, {
 			position: "fixed",
@@ -4857,56 +4865,56 @@ function Xr({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longP
 			background: "var(--background)",
 			boxShadow: "var(--card-shadow)",
 			borderRadius: "var(--default-border-radius)"
-		}), t.appendChild(a), I.current = a, ce();
+		}), t.appendChild(a), I.current = a, se();
 	}
-	a(() => le, [le]);
-	let K = e || t;
-	function de(n, r) {
+	a(() => ce, [ce]);
+	let q = e || t;
+	function ue(n, r) {
 		let i = t && b?.key === r ? b.position : void 0;
 		return {
-			reorderable: K,
-			draggable: K && !te || void 0,
-			isDragging: K && r === v,
-			onMouseDown: K && c ? ne : void 0,
-			onDragStart: K ? (e) => z(r, e) : void 0,
+			reorderable: q,
+			draggable: q && !te || void 0,
+			isDragging: q && r === v,
+			onMouseDown: q && c ? ne : void 0,
+			onDragStart: q ? (e) => z(r, e) : void 0,
 			onDragOver: t ? (e) => B(n, e) : e ? (e) => ae(n, e) : void 0,
 			onDragEnd: t ? ie : e ? oe : void 0,
 			onDrop: t ? H : void 0,
-			onTouchStart: K ? (e) => W(r, e) : void 0,
+			onTouchStart: q ? (e) => G(r, e) : void 0,
 			dropPosition: i,
 			dropIndentPx: i ? (p[n] ?? 0) * l : void 0
 		};
 	}
-	function q() {
+	function de() {
 		return F.current ? (F.current = !1, !0) : !1;
 	}
 	return {
 		draggingKey: v,
-		dragEnabled: K,
-		getRowDragProps: de,
-		consumeSuppressedClick: q
+		dragEnabled: q,
+		getRowDragProps: ue,
+		consumeSuppressedClick: de
 	};
 }
 //#endregion
 //#region package/common/virtualList/virtualList.tsx
-function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedRowHeight: a = 40, overscan: o = 3, rowGap: s = 0, selectedKey: l, getItemKey: u, onRowClick: d, visibleColumnKeys: m, onVisibleColumnsChange: h, persistColumnsKey: g, showColumnToggle: _, onLoadMore: v, loadMoreThreshold: y = 100, isLoading: b = !1, multiSelect: x = !1, selectedKeys: S, onSelectionChange: C, reorderable: w = !1, onReorder: T, longPressDelay: E = 400, treeReorder: D = !1, getItemDepth: O, isGroup: A, onTreeDrop: j, treeIndentPx: M = 24, dragHandle: N = !1, showDivider: P = !0, className: F, style: I, classNames: L, styles: R, ...ee }, te) {
-	let ne = i((e, t) => u ? u(e, t) : t, [u]), z = c(() => e.map((e, t) => ne(e, t)), [e, ne]), re = c(() => O ? e.map((e, t) => O(e, t)) : [], [e, O]), ie = i((t) => A ? A(e[t], t) : !1, [A, e]), ae = qr({
+function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedRowHeight: a = 40, overscan: o = 3, rowGap: s = 0, selectedKey: l, getItemKey: u, onRowClick: d, visibleColumnKeys: m, onVisibleColumnsChange: h, persistColumnsKey: g, showColumnToggle: _, onLoadMore: v, loadMoreThreshold: y = 100, isLoading: b = !1, multiSelect: x = !1, selectedKeys: S, onSelectionChange: C, reorderable: w = !1, onReorder: T, longPressDelay: E = 400, treeReorder: D = !1, getItemDepth: O, isGroup: A, onTreeDrop: j, treeIndentPx: M = 24, dragHandle: N = !1, showDivider: P = !0, rowHover: F = !0, className: I, style: ee, classNames: L, styles: R, ...te }, ne) {
+	let z = i((e, t) => u ? u(e, t) : t, [u]), re = c(() => e.map((e, t) => z(e, t)), [e, z]), ie = c(() => O ? e.map((e, t) => O(e, t)) : [], [e, O]), ae = i((t) => A ? A(e[t], t) : !1, [A, e]), oe = qr({
 		items: e,
-		keys: z,
+		keys: re,
 		getItemKey: u,
 		estimatedRowHeight: a,
 		rowGap: s,
 		overscan: o,
 		onLoadMore: v,
 		loadMoreThreshold: y,
-		forwardedRef: te
-	}), { rootRef: oe, headerRef: se, rowObserver: ce, keysRef: U, offsets: le, totalHeight: ue, startIndex: W, endIndex: G } = ae, K = Jr({
+		forwardedRef: ne
+	}), { rootRef: U, headerRef: se, rowObserver: W, keysRef: ce, offsets: le, totalHeight: G, startIndex: K, endIndex: q } = oe, ue = Jr({
 		items: e,
-		getKey: ne,
+		getKey: z,
 		multiSelect: x,
 		selectedKeys: S,
 		onSelectionChange: C
-	}), { effectiveSelectedKeys: de } = K, { hasColumns: q, visibleColumns: fe, columnTemplate: pe, shouldShowToggle: me, effectiveVisible: he, manuallyHiddenCount: ge, toggleOpen: _e, setToggleOpen: ve, toggleRef: ye, handleToggleColumn: be } = Yr({
+	}), { effectiveSelectedKeys: de } = ue, { hasColumns: fe, visibleColumns: pe, columnTemplate: me, shouldShowToggle: he, effectiveVisible: ge, manuallyHiddenCount: _e, toggleOpen: ve, setToggleOpen: ye, toggleRef: be, handleToggleColumn: xe } = Yr({
 		columns: n,
 		items: e,
 		multiSelect: x,
@@ -4914,11 +4922,11 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 		onVisibleColumnsChange: h,
 		persistColumnsKey: g,
 		showColumnToggle: _,
-		rootRef: oe,
-		startIndex: W,
-		endIndex: G,
-		containerHeight: ae.containerHeight
-	}), xe = Xr({
+		rootRef: U,
+		startIndex: K,
+		endIndex: q,
+		containerHeight: oe.containerHeight
+	}), J = Xr({
 		reorderable: w,
 		treeReorder: D,
 		onReorder: T,
@@ -4926,44 +4934,45 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 		longPressDelay: E,
 		dragHandle: N,
 		treeIndentPx: M,
-		keys: z,
-		depths: re,
-		isGroupAt: ie,
-		rootRef: oe,
-		keysRef: U
-	}), J = (n) => {
-		let r = e[n], i = ne(r, n), a = l != null && i === l || de.has(i), o = xe.getRowDragProps(n, i);
+		keys: re,
+		depths: ie,
+		isGroupAt: ae,
+		rootRef: U,
+		keysRef: ce
+	}), Se = (n) => {
+		let r = e[n], i = z(r, n), a = l != null && i === l || de.has(i), o = J.getRowDragProps(n, i);
 		return /* @__PURE__ */ V(Ir, {
 			index: n,
 			top: le[n],
-			columnTemplate: pe,
+			columnTemplate: me,
 			isSelected: a,
 			showDivider: P,
+			hover: F,
 			onClick: () => {
-				xe.consumeSuppressedClick() || d?.(r, n);
+				J.consumeSuppressedClick() || d?.(r, n);
 			},
-			observer: ce,
-			ariaRowIndex: q ? n + 2 : void 0,
-			ariaPosInSet: q ? void 0 : n + 1,
-			ariaSetSize: q ? void 0 : e.length,
-			rowRole: q ? "row" : "listitem",
-			reserveToggleGutter: me,
+			observer: W,
+			ariaRowIndex: fe ? n + 2 : void 0,
+			ariaPosInSet: fe ? void 0 : n + 1,
+			ariaSetSize: fe ? void 0 : e.length,
+			rowRole: fe ? "row" : "listitem",
+			reserveToggleGutter: he,
 			...o,
 			dropIndicatorClassName: L?.dropIndicator,
 			dropIndicatorStyle: R?.dropIndicator,
 			rowClassName: L?.row,
 			rowStyle: R?.row,
-			children: q ? /* @__PURE__ */ H(B, { children: [x && /* @__PURE__ */ V("div", {
+			children: fe ? /* @__PURE__ */ H(B, { children: [x && /* @__PURE__ */ V("div", {
 				className: f($.virtualListSelectCell, L?.selectCell),
 				style: R?.selectCell,
 				role: "gridcell",
 				onClick: (e) => e.stopPropagation(),
 				children: /* @__PURE__ */ V(qe, {
 					selected: de.has(i),
-					onToggle: () => K.handleRowSelect(i),
+					onToggle: () => ue.handleRowSelect(i),
 					"aria-label": "Select row"
 				})
-			}), fe.map((e) => /* @__PURE__ */ V("div", {
+			}), pe.map((e) => /* @__PURE__ */ V("div", {
 				className: f($.virtualListCell, L?.cell),
 				style: R?.cell,
 				role: "gridcell",
@@ -4971,28 +4980,28 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 				children: e.renderCell(r, n)
 			}, e.key))] }) : t?.(r, n)
 		}, i);
-	}, Se = [];
-	for (let e = W; e <= G; e++) Se.push(J(e));
-	let Ce = xe.draggingKey == null ? -1 : z.indexOf(xe.draggingKey);
-	return Ce >= 0 && (Ce < W || Ce > G) && Se.push(J(Ce)), /* @__PURE__ */ H("div", {
-		...ee,
-		ref: oe,
-		className: f($.virtualList, xe.draggingKey != null && $.virtualListReordering, F, L?.root),
+	}, Ce = [];
+	for (let e = K; e <= q; e++) Ce.push(Se(e));
+	let Te = J.draggingKey == null ? -1 : re.indexOf(J.draggingKey);
+	return Te >= 0 && (Te < K || Te > q) && Ce.push(Se(Te)), /* @__PURE__ */ H("div", {
+		...te,
+		ref: U,
+		className: f($.virtualList, J.draggingKey != null && $.virtualListReordering, I, L?.root),
 		style: {
 			height: r,
-			...I,
+			...ee,
 			...R?.root
 		},
-		onScroll: ae.handleScroll,
-		role: q ? "grid" : "list",
-		"aria-rowcount": q ? e.length + 1 : void 0,
+		onScroll: oe.handleScroll,
+		role: fe ? "grid" : "list",
+		"aria-rowcount": fe ? e.length + 1 : void 0,
 		children: [
-			q && /* @__PURE__ */ H("div", {
+			fe && /* @__PURE__ */ H("div", {
 				ref: se,
 				className: f($.virtualListHeader, L?.header),
 				style: {
-					gridTemplateColumns: pe,
-					...me ? { paddingRight: 32 } : {},
+					gridTemplateColumns: me,
+					...he ? { paddingRight: 32 } : {},
 					...R?.header
 				},
 				role: "row",
@@ -5003,48 +5012,48 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 						style: R?.selectCell,
 						role: "columnheader",
 						children: /* @__PURE__ */ V(qe, {
-							selected: K.allSelected || K.someSelected,
-							onToggle: K.handleSelectAll,
+							selected: ue.allSelected || ue.someSelected,
+							onToggle: ue.handleSelectAll,
 							"aria-label": "Select all rows"
 						})
 					}),
-					fe.map((e) => /* @__PURE__ */ V("div", {
+					pe.map((e) => /* @__PURE__ */ V("div", {
 						className: f($.virtualListHeaderCell, L?.headerCell),
 						style: R?.headerCell,
 						role: "columnheader",
 						"data-fit-key": e.width.type === "fit" ? e.key : void 0,
 						children: e.label
 					}, e.key)),
-					me && /* @__PURE__ */ H("div", {
-						ref: ye,
+					he && /* @__PURE__ */ H("div", {
+						ref: be,
 						className: $.virtualListToggleWrapper,
 						children: [
 							/* @__PURE__ */ V("button", {
 								type: "button",
 								className: f($.virtualListHeaderToggle, L?.headerToggle),
 								style: R?.headerToggle,
-								onClick: () => ve((e) => !e),
+								onClick: () => ye((e) => !e),
 								"aria-label": "Toggle column visibility",
 								children: /* @__PURE__ */ V(p, {
 									icon: k,
 									style: R?.headerToggle
 								})
 							}),
-							ge > 0 && /* @__PURE__ */ V("span", {
+							_e > 0 && /* @__PURE__ */ V("span", {
 								className: f($.virtualListColumnChip, L?.columnChip),
 								style: R?.columnChip,
-								"data-column-hidden-count": ge,
-								"aria-label": `${ge} columns hidden`,
-								children: ge
+								"data-column-hidden-count": _e,
+								"aria-label": `${_e} columns hidden`,
+								children: _e
 							}),
-							_e && /* @__PURE__ */ V("div", {
+							ve && /* @__PURE__ */ V("div", {
 								className: f($.virtualListTogglePopover, L?.togglePopover),
 								style: R?.togglePopover,
 								children: n.map((e) => /* @__PURE__ */ V(qe, {
 									className: f($.virtualListToggleItem, L?.toggleItem),
 									style: R?.toggleItem,
-									selected: he.has(e.key),
-									onToggle: () => be(e.key),
+									selected: ge.has(e.key),
+									onToggle: () => xe(e.key),
 									cursorDefault: !1,
 									children: e.label
 								}, e.key))
@@ -5059,12 +5068,12 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 			}) : /* @__PURE__ */ V("div", {
 				className: f($.virtualListBody, L?.body),
 				style: {
-					height: ue,
+					height: G,
 					...R?.body
 				},
-				children: Se
+				children: Ce
 			}),
-			ae.showLoadMoreSpinner && /* @__PURE__ */ V("div", {
+			oe.showLoadMoreSpinner && /* @__PURE__ */ V("div", {
 				className: f($.virtualListLoadingIndicator, L?.loadingIndicator),
 				style: R?.loadingIndicator,
 				children: /* @__PURE__ */ V(we, { className: $.virtualListSpinner })