@ahrowe/ui 0.2.5 → 0.2.7

package/dist/index.mjs

@@ -6,7 +6,7 @@ import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
 import { createPortal as re } from "react-dom";
 import ie from "downshift";
 import ae from "@mona-health/react-input-mask";
-import { DndContext as K, DragOverlay as oe, PointerSensor as se, closestCorners as q, useDroppable as ce, useSensor as le, useSensors as ue } from "@dnd-kit/core";
+import { DndContext as oe, DragOverlay as se, PointerSensor as K, closestCorners as ce, useDroppable as le, useSensor as q, useSensors as ue } from "@dnd-kit/core";
 import { SortableContext as de, arrayMove as fe, useSortable as pe, verticalListSortingStrategy as me } from "@dnd-kit/sortable";
 import { CSS as he } from "@dnd-kit/utilities";
 import { NumericFormat as ge } from "react-number-format";
@@ -875,183 +875,183 @@ var Y = {
 }({});
 //#endregion
 //#region package/common/input/input.tsx
-function ut({ name: t = "", label: n = "", errorMessage: r = "", isValid: o = !0, className: s = "", style: c, value: l = "", icon: u = 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: E = null, formValidator: D = null, autoFocus: j = !1, suffix: M = null, upperRightLabel: N = null, labelInBorder: P = !1, showCancel: F = !1, onClearClicked: R, min: B = null, max: V = null, placeholder: ee = "", useMatLabelStyle: te = !0, autoComplete: ne = null, onClick: U = () => null, readOnly: re = !1, customInput: ie, alwaysShowCancel: ae = !1, multiline: K = !1, rows: oe, autoResize: se = !1, classNames: q, styles: ce, disabled: le = !1, ...ue }) {
-	let [de, fe] = f(!1), [pe, me] = f(!1), [he, ge] = f(!1), [, _e] = f(0), ve = d(null), ye = d(D), be = i(() => {
-		let e = ve.current;
-		!e || !se || (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
-	}, [se]);
+function ut({ name: t = "", id: n, label: r = "", errorMessage: s = "", isValid: c = !0, className: l = "", style: u, value: h = "", icon: g = null, onChange: _ = () => {}, onFocus: v = null, onBlur: y = null, onMouseEnter: b = null, onMouseLeave: x = null, isUppercase: S = !1, isRequired: C = !1, tabIndex: w = 0, type: T = void 0, isRow: E = !1, onIconClick: D = null, parse: j = null, formValidator: M = null, autoFocus: N = !1, suffix: P = null, upperRightLabel: F = null, labelInBorder: R = !1, showCancel: B = !1, onClearClicked: V, min: ee = null, max: te = null, placeholder: ne = "", useMatLabelStyle: U = !0, autoComplete: re = null, onClick: ie = () => null, readOnly: ae = !1, customInput: oe, alwaysShowCancel: se = !1, multiline: K = !1, rows: ce, autoResize: le = !1, classNames: q, styles: ue, disabled: de = !1, ...fe }) {
+	let [pe, me] = f(!1), [he, ge] = f(!1), [_e, ve] = f(!1), [, ye] = f(0), be = d(null), xe = d(M), Se = o(), Ce = n || t || Se, J = i(() => {
+		let e = be.current;
+		!e || !le || (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
+	}, [le]);
 	a(() => {
 		setTimeout(() => {
-			fe(!1), me(!1);
-		}, 1), be();
+			me(!1), ge(!1);
+		}, 1), J();
 	}, []), a(() => {
-		j && ve.current && setTimeout(() => {
-			ve.current?.focus();
+		N && be.current && setTimeout(() => {
+			be.current?.focus();
 		}, 1);
-	}, [j]), a(() => {
-		ye.current = D;
-		let e = ye.current;
+	}, [N]), a(() => {
+		xe.current = M;
+		let e = xe.current;
 		if (!e) return;
-		e.label = n ?? "", e.validate();
-		let t = () => _e((e) => e + 1);
+		e.label = r ?? "", e.validate();
+		let t = () => ye((e) => e + 1);
 		return e.registerOnUpdateListener(t), () => {
 			e.removeOnUpdateListener(t);
 		};
-	}, [D, n]);
-	let xe = () => D ? D.touched && D.hasError() : !o || !!r, Se = () => !!(x || D && D.validators.find((e) => e.validatorId === "required")), Ce = (e) => {
+	}, [M, r]);
+	let we = () => M ? M.touched && M.hasError() : !c || !!s, Te = () => !!(C || M && M.validators.find((e) => e.validatorId === "required")), Ee = (e) => {
+		ge(!0), b && b(e);
+	}, De = (e) => {
+		ge(!1), x && x(e);
+	}, Oe = (e) => {
 		me(!0), v && v(e);
-	}, J = (e) => {
-		me(!1), y && y(e);
-	}, we = (e) => {
-		fe(!0), g && g(e);
-	}, Te = (e) => {
-		ye.current && (ye.current.touched = !0), fe(!1), _ && _(e);
-	}, Ee = (e) => {
+	}, ke = (e) => {
+		xe.current && (xe.current.touched = !0), me(!1), y && y(e);
+	}, Ae = (e) => {
 		let t, n;
-		typeof e == "string" ? n = e : (t = e, n = e.target.value), E && (n = E(n)), D && D.set(n), h && h(n, t), be();
-	}, De = () => {
-		if (C !== "email") return C === "password" && he ? "text" : C;
-	}, Oe = C && C !== lt.Date && C !== lt.Iban && C !== lt.HasNoIcon, ke = Oe && !te && (C === lt.Email || C === lt.Phone || C === lt.Search), Ae = {
+		typeof e == "string" ? n = e : (t = e, n = e.target.value), j && (n = j(n)), M && M.set(n), _ && _(n, t), J();
+	}, je = () => {
+		if (T !== "email") return T === "password" && _e ? "text" : T;
+	}, Me = T && T !== lt.Date && T !== lt.Iban && T !== lt.HasNoIcon, Ne = Me && !U && (T === lt.Email || T === lt.Phone || T === lt.Search), Pe = {
 		className: p(Y.inputFieldIcon, {
-			[Y.inputFieldIconNotClickable]: !T,
-			[Y.inputFieldIconLeft]: ke
+			[Y.inputFieldIconNotClickable]: !D,
+			[Y.inputFieldIconLeft]: Ne
 		}),
-		onClick: T ?? void 0
-	}, je = u, Me = je ? e.cloneElement(je, {
-		className: p(Y.inputFieldIcon, { [Y.inputFieldIconNotClickable]: !T && !je.props.onClick }, je.props.className),
-		onClick: T ?? je.props.onClick
-	}) : null, Ne = !!u, Pe = {
+		onClick: D ?? void 0
+	}, Fe = g, Ie = Fe ? e.cloneElement(Fe, {
+		className: p(Y.inputFieldIcon, { [Y.inputFieldIconNotClickable]: !D && !Fe.props.onClick }, Fe.props.className),
+		onClick: D ?? Fe.props.onClick
+	}) : null, Le = !!g, Re = {
 		className: p(Y.inputFieldIcon, Y.inputFieldIconPassword),
-		onClick: () => ge(!he)
-	}, Fe = xe(), Ie = n;
-	Ie && Se() && (Ie = `${Ie} *`);
-	let Le = D ? D.value : l, Re = te && (de || Le || C === lt.Date);
+		onClick: () => ve(!_e)
+	}, ze = we(), Be = r;
+	Be && Te() && (Be = `${Be} *`);
+	let Ve = M ? M.value : h, He = U && (pe || Ve || T === lt.Date);
 	return /* @__PURE__ */ G("div", {
-		className: p(Y.input, s),
-		style: c,
+		className: p(Y.input, l),
+		style: u,
 		children: [
 			/* @__PURE__ */ G("label", {
-				htmlFor: t,
+				htmlFor: Ce,
 				className: p(Y.inputLabel, q?.label, {
-					[Y.inputLabelColumn]: !w,
-					[Y.inputLabelInBorder]: P
+					[Y.inputLabelColumn]: !E,
+					[Y.inputLabelInBorder]: R
 				}),
-				style: ce?.label,
+				style: ue?.label,
 				children: [
-					Ie && !te ? /* @__PURE__ */ G("span", {
+					Be && !U ? /* @__PURE__ */ G("span", {
 						className: Y.inputLabelText,
-						children: [`${Ie} `, Se() ? /* @__PURE__ */ W("span", {
+						children: [`${Be} `, Te() ? /* @__PURE__ */ W("span", {
 							className: p(Y.isRequired),
 							children: "\xA0 *"
 						}) : null]
 					}) : null,
-					N && /* @__PURE__ */ W("div", {
+					F && /* @__PURE__ */ W("div", {
 						className: p(Y.inputUpperRightLabel, q?.upperRightLabel),
-						style: ce?.upperRightLabel,
-						children: N
+						style: ue?.upperRightLabel,
+						children: F
 					}),
 					/* @__PURE__ */ G("div", {
 						className: p(Y.inputContainer, { [Y.inputContainerMultiline]: K }, q?.container),
-						style: ce?.container,
-						onMouseEnter: Ce,
-						onMouseLeave: J,
+						style: ue?.container,
+						onMouseEnter: Ee,
+						onMouseLeave: De,
 						children: [
-							Me,
-							e.cloneElement(ie || W(K ? "textarea" : "input", {}), {
-								...ue,
+							Ie,
+							e.cloneElement(oe || W(K ? "textarea" : "input", {}), {
+								...fe,
 								className: p(Y.inputField, {
-									[Y.inputFieldUppercase]: b,
-									[Y.inputFieldDate]: C === lt.Date,
-									[Y.inputFieldDefault]: C !== lt.Date,
-									[Y.inputFieldWithIcon]: Oe || Ne,
-									[Y.inputFieldWithIconLeft]: ke,
+									[Y.inputFieldUppercase]: S,
+									[Y.inputFieldDate]: T === lt.Date,
+									[Y.inputFieldDefault]: T !== lt.Date,
+									[Y.inputFieldWithIcon]: Me || Le,
+									[Y.inputFieldWithIconLeft]: Ne,
 									[Y.inputFieldMultiline]: K,
-									[Y.inputFieldMultilineAutoResize]: K && se
+									[Y.inputFieldMultilineAutoResize]: K && le
 								}, q?.input),
 								name: t,
-								id: t,
-								value: D ? D.value : l,
-								tabIndex: S,
-								ref: ie ? void 0 : ve,
-								onChange: Ee,
-								onFocus: we,
-								onBlur: Te,
-								placeholder: te ? "" : ee,
-								autoComplete: ne,
-								onClick: U,
-								readOnly: re,
-								disabled: le,
+								id: Ce,
+								value: M ? M.value : h,
+								tabIndex: w,
+								ref: oe ? void 0 : be,
+								onChange: Ae,
+								onFocus: Oe,
+								onBlur: ke,
+								placeholder: U ? "" : ne,
+								autoComplete: re,
+								onClick: ie,
+								readOnly: ae,
+								disabled: de,
 								...!K && {
-									type: De(),
-									min: B,
-									max: V
+									type: je(),
+									min: ee,
+									max: te
 								},
-								...K && oe !== void 0 && { rows: oe }
+								...K && ce !== void 0 && { rows: ce }
 							}),
-							M && /* @__PURE__ */ W("div", {
+							P && /* @__PURE__ */ W("div", {
 								className: p(Y.inputFieldSuffix, q?.suffix),
-								style: ce?.suffix,
-								children: M
+								style: ue?.suffix,
+								children: P
 							})
 						]
 					}),
 					/* @__PURE__ */ W("fieldset", {
 						className: p(Y.inputFieldset, q?.fieldset, {
-							[Y.inputContainerBorderFocused]: de,
-							[Y.inputContainerBorderSearchFocused]: C === lt.Search && (de || l),
-							[Y.inputContainerBorderInvalid]: Fe,
-							[Y.inputContainerBorderError]: Fe
+							[Y.inputContainerBorderFocused]: pe,
+							[Y.inputContainerBorderSearchFocused]: T === lt.Search && (pe || h),
+							[Y.inputContainerBorderInvalid]: ze,
+							[Y.inputContainerBorderError]: ze
 						}),
-						style: ce?.fieldset,
+						style: ue?.fieldset,
 						children: /* @__PURE__ */ W("legend", {
-							className: p(Y.inputFieldsetLegend, { [Y.inputFieldsetLegendActive]: Re }),
-							children: /* @__PURE__ */ W("span", { children: Ie })
+							className: p(Y.inputFieldsetLegend, { [Y.inputFieldsetLegendActive]: He }),
+							children: /* @__PURE__ */ W("span", { children: Be })
 						})
 					}),
-					te && n && /* @__PURE__ */ W("div", {
+					U && r && /* @__PURE__ */ W("div", {
 						className: p(Y.inputMatLabel, {
-							[Y.inputMatLabelFloating]: Re,
-							[Y.inputMatLabelMultiline]: K && !Re
+							[Y.inputMatLabelFloating]: He,
+							[Y.inputMatLabelMultiline]: K && !He
 						}),
-						children: Ie
+						children: Be
 					}),
-					te && ee && /* @__PURE__ */ W("div", {
-						className: p(Y.inputPlaceholder, de && !Le && Y.inputPlaceholderShown, K && Y.inputPlaceholderMultiline),
-						children: ee
+					U && ne && /* @__PURE__ */ W("div", {
+						className: p(Y.inputPlaceholder, pe && !Ve && Y.inputPlaceholderShown, K && Y.inputPlaceholderMultiline),
+						children: ne
 					}),
 					/* @__PURE__ */ W(ct, {
 						variant: "error",
-						message: D ? D.getCurrentErrorMessage() : r || "",
-						isVisible: Fe && (de || pe)
+						message: M ? M.getCurrentErrorMessage() : s || "",
+						isVisible: ze && (pe || he)
 					})
 				]
 			}),
-			C === lt.Phone && /* @__PURE__ */ W(m, {
+			T === lt.Phone && /* @__PURE__ */ W(m, {
 				icon: L,
-				...Ae
+				...Pe
 			}),
-			C === lt.Email && /* @__PURE__ */ W(m, {
+			T === lt.Email && /* @__PURE__ */ W(m, {
 				icon: O,
-				...Ae
+				...Pe
 			}),
-			C === lt.Edit && /* @__PURE__ */ W(m, {
+			T === lt.Edit && /* @__PURE__ */ W(m, {
 				icon: I,
-				...Ae
+				...Pe
 			}),
-			C === lt.Search && /* @__PURE__ */ W(m, {
+			T === lt.Search && /* @__PURE__ */ W(m, {
 				icon: z,
-				...Ae
-			}),
-			C === lt.Password && /* @__PURE__ */ W(m, {
-				icon: he ? A : k,
 				...Pe
 			}),
-			(F && l && (de || pe) || ae) && /* @__PURE__ */ W(m, {
+			T === lt.Password && /* @__PURE__ */ W(m, {
+				icon: _e ? A : k,
+				...Re
+			}),
+			(B && h && (pe || he) || se) && /* @__PURE__ */ W(m, {
 				icon: H,
 				className: Y.inputFieldIcon,
-				onClick: R ?? void 0,
-				onMouseEnter: () => me(!0),
-				onMouseLeave: () => me(!1)
+				onClick: V ?? void 0,
+				onMouseEnter: () => ge(!0),
+				onMouseLeave: () => ge(!1)
 			})
 		]
 	});
@@ -1693,13 +1693,13 @@ function Xt({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 		B(!0), b?.(e);
 	}, ae = (e) => {
 		H.current && (H.current.touched = !0), B(!1), x?.(e);
-	}, K = () => k ? k.touched && k.hasError() : !i || !!e, oe = () => !!(s || k?.validators.find((e) => e.validatorId === "required")), se = (e) => {
+	}, oe = () => k ? k.touched && k.hasError() : !i || !!e, se = () => !!(s || k?.validators.find((e) => e.validatorId === "required")), K = (e) => {
 		k ? (k.set(e), y?.(k.value, c)) : y?.(e, c);
-	}, q = w, ce = k ? k.value : r, le = K();
+	}, ce = w, le = k ? k.value : r, q = oe();
 	M.forEach((e) => {
-		e.key === ce && (q = e.label);
+		e.key === le && (ce = e.label);
 	});
-	let ue = q || ce, de = ue == null || typeof ue == "string" && ue.trim() === "";
+	let ue = ce || le, de = ue == null || typeof ue == "string" && ue.trim() === "";
 	return /* @__PURE__ */ G("div", {
 		...R,
 		className: p(t, X.dropdownLabel, X.dropdown, { [X.dropdownLabelColumn]: !l }),
@@ -1707,9 +1707,9 @@ function Xt({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 		onMouseLeave: U,
 		children: [
 			/* @__PURE__ */ W(ie, {
-				onChange: (e) => se((e || { key: "" }).key),
+				onChange: (e) => K((e || { key: "" }).key),
 				itemToString: (e) => e ? String(e.key) : "",
-				selectedItem: M.find((e) => e.key === ce) ?? null,
+				selectedItem: M.find((e) => e.key === le) ?? null,
 				stateReducer: (e, t) => I && Object.prototype.hasOwnProperty.call(t, "isOpen") ? {
 					...t,
 					highlightedIndex: t.isOpen ? M.indexOf(e.selectedItem) : null
@@ -1774,8 +1774,8 @@ function Xt({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 							className: p(X.dropdownFieldset, {
 								[X.dropdownBorderPlain]: F,
 								[X.dropdownBorderFocused]: z,
-								[X.dropdownBorderInvalid]: le,
-								[X.dropdownBorderError]: le
+								[X.dropdownBorderInvalid]: q,
+								[X.dropdownBorderError]: q
 							}),
 							children: /* @__PURE__ */ W("legend", {
 								className: p(X.dropdownFieldsetLegend, { [X.dropdownFieldsetLegendActive]: N && (z || !de) }),
@@ -1787,7 +1787,7 @@ function Xt({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 							children: n
 						}),
 						N && P && /* @__PURE__ */ W("div", {
-							className: p(X.dropdownPlaceholder, z && !q && X.dropdownPlaceholderShown),
+							className: p(X.dropdownPlaceholder, z && !ce && X.dropdownPlaceholderShown),
 							children: P
 						})
 					]
@@ -1795,7 +1795,7 @@ function Xt({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 			}),
 			n && !N && /* @__PURE__ */ G("div", {
 				className: p(X.dropdownLabelText, A),
-				children: [n, oe() ? /* @__PURE__ */ W("div", {
+				children: [n, se() ? /* @__PURE__ */ W("div", {
 					className: X.requiredMark,
 					children: "*"
 				}) : null]
@@ -1803,7 +1803,7 @@ function Xt({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 			/* @__PURE__ */ W(ct, {
 				variant: "error",
 				message: k ? k.getCurrentErrorMessage() : e || "",
-				isVisible: le && (z || V)
+				isVisible: q && (z || V)
 			})
 		]
 	});
@@ -1849,23 +1849,23 @@ function Qt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 			let n = t + e;
 			return n < 1 ? (n = 12, A((e) => e - 1)) : n > 12 && (n = 1, A((e) => e + 1)), n;
 		});
-	}, K = (e) => {
+	}, oe = (e) => {
 		if (e.match(/\d{2}\.\d{2}\.\d{4}/gi)) {
 			let [t, n, r] = e.split("."), i = Pt(Number(t), Number(n), Number(r));
 			if (i && i.toString() !== "Invalid Date" && (!m || i <= m) && (!u || i >= u)) return i;
 		}
 		return null;
-	}, oe = ({ previousState: e, nextState: t }) => {
+	}, se = ({ previousState: e, nextState: t }) => {
 		if (!e || t.value === e.value) return t;
-		let n = Vt(t.value, e.value, t.selection ?? null), r = K(n.value);
+		let n = Vt(t.value, e.value, t.selection ?? null), r = oe(n.value);
 		return r && ne(r), n;
-	}, se = () => {
+	}, K = () => {
 		let e = 400, t = (/* @__PURE__ */ new Date()).getFullYear() - 200;
 		return u && (t = u.getFullYear()), m && (e = m.getFullYear() - t + 1), Array.from(Array(e).keys()).map((e) => ({
 			key: e + t,
 			label: e + t
 		}));
-	}, q = T(), ce = te(), le = /* @__PURE__ */ G(U, { children: [
+	}, ce = T(), le = te(), q = /* @__PURE__ */ G(U, { children: [
 		o ? null : /* @__PURE__ */ G("div", {
 			className: Zt.datePickerHeader,
 			children: [
@@ -1894,7 +1894,7 @@ function Qt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 							className: Zt.datePickerHeaderYear,
 							onChange: (e) => A(e),
 							value: k,
-							items: se()
+							items: K()
 						})]
 					})
 				}),
@@ -1909,8 +1909,8 @@ function Qt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 			month: D,
 			year: k,
 			onSelect: re,
-			selectionStart: C ?? q,
-			selectionEnd: w ?? q,
+			selectionStart: C ?? ce,
+			selectionEnd: w ?? ce,
 			minDate: u,
 			maxDate: m
 		}),
@@ -1928,24 +1928,24 @@ function Qt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 		customInput: /* @__PURE__ */ W(ae, {
 			mask: "99.99.9999",
 			maskPlaceholder: "_",
-			beforeMaskedStateChange: oe
+			beforeMaskedStateChange: se
 		}),
 		onBlur: () => {
-			ee.current && (ee.current.touched = !0), I(!1), ne(K(N));
+			ee.current && (ee.current.touched = !0), I(!1), ne(oe(N));
 		},
 		onFocus: () => I(!0),
 		onMouseEnter: () => R(!0),
 		onMouseLeave: () => R(!1),
-		isValid: !ce
-	}), de = c ? le : s ? /* @__PURE__ */ W(Ct, {
+		isValid: !le
+	}), de = c ? q : s ? /* @__PURE__ */ W(Ct, {
 		hideHeader: !0,
 		isOpen: j,
 		onClose: () => M(!1),
-		children: le
+		children: q
 	}) : /* @__PURE__ */ W(ot, {
 		isOpen: j,
 		onOpenChange: (e) => M(e),
-		content: le,
+		content: q,
 		align: it.Left,
 		dontCloseOnChildClick: !0,
 		children: ue
@@ -1958,7 +1958,7 @@ function Qt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 			/* @__PURE__ */ W(ct, {
 				variant: "error",
 				message: r ? r.getCurrentErrorMessage() : x || "",
-				isVisible: ce && (F || L)
+				isVisible: le && (F || L)
 			})
 		]
 	});
@@ -2526,6 +2526,7 @@ function Tn({ label: e = "", value: t = "", formValidator: n = null, items: r =
 			value: v,
 			onChange: (e) => {
 				if (y(e), T(null), C(!0), a) n && n.set(e), m && m(e);
+				else if (e === "") n && n.set(""), m && m(""), u("");
 				else {
 					let t = r.find((t) => (t.label ?? t.value).toLowerCase() === e.toLowerCase());
 					t && (n && n.set(t.value), m && m(t.value), u(t.value));
@@ -2580,7 +2581,7 @@ function Dn({ id: e, children: t }) {
 //#endregion
 //#region package/common/kanbanBoard/KanbanColumn.tsx
 function On({ id: e, title: t, itemIds: n, items: r, renderItem: i, className: a, classNames: o, styles: s }) {
-	let { setNodeRef: c, isOver: l } = ce({ id: `column-${e}` });
+	let { setNodeRef: c, isOver: l } = le({ id: `column-${e}` });
 	return /* @__PURE__ */ G("div", {
 		className: p(En.column, l && En.columnOver, n.length === 0 && En.columnEmpty, a),
 		children: [/* @__PURE__ */ W("div", {
@@ -2605,7 +2606,7 @@ function On({ id: e, title: t, itemIds: n, items: r, renderItem: i, className: a
 //#endregion
 //#region package/common/kanbanBoard/KanbanBoard.tsx
 function kn({ columns: e, items: t, renderItem: n, onChange: r, className: i, style: a, classNames: o, styles: s }) {
-	let [c, l] = f(null), [u, d] = f(null), m = ue(le(se, { activationConstraint: { distance: 8 } })), h = u ?? e;
+	let [c, l] = f(null), [u, d] = f(null), m = ue(q(K, { activationConstraint: { distance: 8 } })), h = u ?? e;
 	function g(e, t) {
 		return e.findIndex((e) => e.itemIds.includes(t));
 	}
@@ -2654,9 +2655,9 @@ function kn({ columns: e, items: t, renderItem: n, onChange: r, className: i, st
 		}
 		r(u), d(null);
 	}
-	return /* @__PURE__ */ G(K, {
+	return /* @__PURE__ */ G(oe, {
 		sensors: m,
-		collisionDetection: q,
+		collisionDetection: ce,
 		onDragStart: _,
 		onDragOver: v,
 		onDragEnd: y,
@@ -2670,7 +2671,7 @@ function kn({ columns: e, items: t, renderItem: n, onChange: r, className: i, st
 				items: t,
 				renderItem: n
 			}, e.id))
-		}), /* @__PURE__ */ W(oe, { children: c && t[c] !== void 0 ? /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ W(se, { children: c && t[c] !== void 0 ? /* @__PURE__ */ W("div", {
 			className: p(En.dragOverlay, o?.dragOverlay),
 			style: s?.dragOverlay,
 			children: n(t[c], c)
@@ -3387,7 +3388,7 @@ function _r({ className: e }) {
 		}
 		return n;
 	}
-	function K(e, t) {
+	function oe(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 } = Yn(e, i, a);
@@ -3399,7 +3400,7 @@ function _r({ className: e }) {
 		}
 		return n;
 	}
-	function oe(e, t, r, a) {
+	function se(e, t, r, a) {
 		return n((n) => n.map((n) => {
 			if (n.id !== e) return n;
 			let r = [...n.points];
@@ -3419,7 +3420,7 @@ function _r({ className: e }) {
 			wallIndex: n.wallIndex + 1
 		} : n : n)), t + 1;
 	}
-	function se(e, r) {
+	function K(e, r) {
 		let a = t.find((t) => t.id === e);
 		if (!a || a.points.length <= 3) return;
 		let o = a.points.length;
@@ -3438,7 +3439,7 @@ function _r({ className: e }) {
 			} : t;
 		}).filter((e) => e.wallIndex !== -1));
 	}
-	function q(e) {
+	function ce(e) {
 		if (e.button === 1) {
 			e.preventDefault();
 			let t = z.current;
@@ -3498,12 +3499,12 @@ function _r({ className: e }) {
 					}
 				}
 				if (e) {
-					let t = K(n, e);
+					let t = oe(n, e);
 					if (t) {
 						let r = e.points[t.index], i = e.points[(t.index + 1) % e.points.length], a = Kn({
 							x: r.x + (i.x - r.x) * t.t,
 							y: r.y + (i.y - r.y) * t.t
-						}), o = oe(e.id, t.index, t.t, a);
+						}), o = se(e.id, t.index, t.t, a);
 						I.current = {
 							type: "vertex",
 							roomId: e.id,
@@ -3528,16 +3529,16 @@ function _r({ className: e }) {
 			}
 		}
 	}
-	function ce(e) {
+	function le(e) {
 		if (o !== "select" || h) return;
 		let n = ie(e);
 		if (!n) return;
 		let r = t.find((e) => e.id === l);
 		if (!r) return;
 		let i = ae(n, r);
-		i && (e.preventDefault(), se(r.id, i.index));
+		i && (e.preventDefault(), K(r.id, i.index));
 	}
-	function le(e) {
+	function q(e) {
 		if (R.current) {
 			let { startClient: t, origPan: n, scaleX: r, scaleY: i } = R.current;
 			N({
@@ -3741,10 +3742,10 @@ function _r({ className: e }) {
 				ref: z,
 				className: p(Q.roomDrawerCanvas, J),
 				viewBox: `${j.x} ${j.y} ${Se} ${Ce}`,
-				onMouseDown: q,
-				onMouseMove: le,
+				onMouseDown: ce,
+				onMouseMove: q,
 				onMouseUp: ue,
-				onDoubleClick: ce,
+				onDoubleClick: le,
 				children: [
 					/* @__PURE__ */ W("defs", { children: /* @__PURE__ */ W("pattern", {
 						id: "rd-grid",
@@ -4841,25 +4842,25 @@ function fi({ value: e, selected: t, onChange: n = () => null, onSelect: r = ()
 		};
 		return i.registerOnUpdateListener(e), () => i.removeOnUpdateListener(e);
 	}, [i]);
-	let re = () => i ? i.touched && i.hasError() : !x || !!S, ie = () => !!(C || i?.validators.find((e) => e.validatorId === "required")), K = (e) => {
+	let re = () => i ? i.touched && i.hasError() : !x || !!S, ie = () => !!(C || i?.validators.find((e) => e.validatorId === "required")), oe = (e) => {
 		let t = e ? Jr(e) : null;
 		i && i.set(t), n?.(t);
-	}, oe = (e) => {
-		N(e ? Jr(e) : ""), K(e);
-	}, se = qr(M), q = se ?? {
+	}, se = (e) => {
+		N(e ? Jr(e) : ""), oe(e);
+	}, K = qr(M), ce = K ?? {
 		hours: 12,
 		minutes: 0
-	}, ce = (e) => {
-		oe(Zr({
+	}, le = (e) => {
+		se(Zr({
 			hours: e.hours,
 			minutes: Yr(e.minutes, g)
 		}, v, y));
-	}, le = (e) => {
+	}, q = (e) => {
 		let t = Zr({
 			hours: e.hours,
 			minutes: Yr(e.minutes, g)
 		}, v, y);
-		if (oe(t), I === "hours") {
+		if (se(t), I === "hours") {
 			L("minutes");
 			return;
 		}
@@ -4878,15 +4879,15 @@ function fi({ value: e, selected: t, onChange: n = () => null, onSelect: r = ()
 	}, fe = (e) => {
 		N(e);
 		let t = qr(e);
-		t && K(t);
+		t && oe(t);
 	}, pe = () => {
-		U.current && (U.current.touched = !0), z(!1), K(qr(M));
+		U.current && (U.current.touched = !0), z(!1), oe(qr(M));
 	}, me = (e) => {
-		e !== q.hours >= 12 && oe({
-			hours: Gr(q.hours + (e ? 12 : -12)),
-			minutes: q.minutes
+		e !== ce.hours >= 12 && se({
+			hours: Gr(ce.hours + (e ? 12 : -12)),
+			minutes: ce.minutes
 		});
-	}, he = re(), ge = se ? String(_ ? se.hours : (se.hours + 11) % 12 + 1).padStart(2, "0") : "--", _e = se ? String(se.minutes).padStart(2, "0") : "--", ve = l ? null : /* @__PURE__ */ G("div", {
+	}, he = re(), ge = K ? String(_ ? K.hours : (K.hours + 11) % 12 + 1).padStart(2, "0") : "--", _e = K ? String(K.minutes).padStart(2, "0") : "--", ve = l ? null : /* @__PURE__ */ G("div", {
 		className: p(di.timeInputClockHeader, O?.clockHeader),
 		style: k?.clockHeader,
 		children: [
@@ -4913,12 +4914,12 @@ function fi({ value: e, selected: t, onChange: n = () => null, onSelect: r = ()
 				style: k?.meridiem,
 				children: [/* @__PURE__ */ W("button", {
 					type: "button",
-					className: p(q.hours < 12 && di.timeInputMeridiemActive),
+					className: p(ce.hours < 12 && di.timeInputMeridiemActive),
 					onClick: () => me(!1),
 					children: "AM"
 				}), /* @__PURE__ */ W("button", {
 					type: "button",
-					className: p(q.hours >= 12 && di.timeInputMeridiemActive),
+					className: p(ce.hours >= 12 && di.timeInputMeridiemActive),
 					onClick: () => me(!0),
 					children: "PM"
 				})]
@@ -4931,7 +4932,7 @@ function fi({ value: e, selected: t, onChange: n = () => null, onSelect: r = ()
 			styleType: De.Default,
 			onClick: () => {
 				let e = /* @__PURE__ */ new Date();
-				ce({
+				le({
 					hours: e.getHours(),
 					minutes: e.getMinutes()
 				});
@@ -4940,7 +4941,7 @@ function fi({ value: e, selected: t, onChange: n = () => null, onSelect: r = ()
 		}), u && /* @__PURE__ */ W(Pe, {
 			styleType: De.Default,
 			onClick: () => {
-				oe(null), r?.(null);
+				se(null), r?.(null);
 			},
 			children: "Clear"
 		})]
@@ -4950,12 +4951,12 @@ function fi({ value: e, selected: t, onChange: n = () => null, onSelect: r = ()
 		children: [
 			ve,
 			/* @__PURE__ */ W(ui, {
-				time: q,
+				time: ce,
 				mode: I,
 				use24Hour: _,
 				minuteStep: g,
-				onChange: ce,
-				onCommit: le,
+				onChange: le,
+				onCommit: q,
 				classNames: O,
 				styles: k
 			}),
@@ -5767,23 +5768,23 @@ function zi({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longP
 	}, [h, g]), ae = i(() => {
 		let e = I.current;
 		e && (e.style.transform = `translate(${R.current}px, ${N.current - L.current}px)`);
-	}, []), K = i(() => {
+	}, []), oe = 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, ie(n)), P.current = requestAnimationFrame(K);
-	}, [ie, h]), oe = i(() => {
-		if (k.current != null && (clearTimeout(k.current), k.current = null), window.removeEventListener("touchmove", se), window.removeEventListener("touchend", oe), window.removeEventListener("touchcancel", oe), 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, ie(n)), P.current = requestAnimationFrame(oe);
+	}, [ie, h]), se = i(() => {
+		if (k.current != null && (clearTimeout(k.current), k.current = null), window.removeEventListener("touchmove", K), window.removeEventListener("touchend", se), window.removeEventListener("touchcancel", se), 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);
-	}, []), se = i((e) => {
+	}, []), K = i((e) => {
 		let t = e.touches[0];
 		if (t) {
 			if (M.current = t.clientX, N.current = t.clientY, !A.current) {
@@ -5794,14 +5795,14 @@ function zi({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longP
 			e.cancelable && e.preventDefault(), ae(), ie(t.clientX);
 		}
 	}, [ie, ae]);
-	function q(n, r) {
+	function ce(n, r) {
 		if (!e && !t || s && !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", se, { passive: !1 }), window.addEventListener("touchend", oe), window.addEventListener("touchcancel", oe), 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", ce(n), P.current ??= requestAnimationFrame(K);
+		i && (j.current = i.clientY, M.current = i.clientX, N.current = i.clientY, window.addEventListener("touchmove", K, { passive: !1 }), window.addEventListener("touchend", se), window.addEventListener("touchcancel", se), 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", le(n), P.current ??= requestAnimationFrame(oe);
 		}, o));
 	}
-	function ce(e) {
+	function le(e) {
 		let t = h.current;
 		if (!t) return;
 		let n = g.current.indexOf(e), r = t.querySelector(`[data-index="${n}"]`);
@@ -5824,20 +5825,20 @@ function zi({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longP
 			borderRadius: "var(--default-border-radius)"
 		}), t.appendChild(a), I.current = a, ae();
 	}
-	a(() => oe, [oe]);
-	let le = e || t;
+	a(() => se, [se]);
+	let q = e || t;
 	function ue(n, r) {
 		let i = t && b?.key === r ? b.position : void 0;
 		return {
-			reorderable: le && !s,
-			draggable: le && !B || void 0,
-			isDragging: le && r === v,
-			onMouseDown: le && s ? V : void 0,
-			onDragStart: le ? (e) => ee(r, e) : void 0,
+			reorderable: q && !s,
+			draggable: q && !B || void 0,
+			isDragging: q && r === v,
+			onMouseDown: q && s ? V : void 0,
+			onDragStart: q ? (e) => ee(r, e) : void 0,
 			onDragOver: t ? (e) => H(n, e) : e ? (e) => G(n, e) : void 0,
 			onDragEnd: t ? W : e ? re : void 0,
 			onDrop: t ? U : void 0,
-			onTouchStart: le ? (e) => q(r, e) : void 0,
+			onTouchStart: q ? (e) => ce(r, e) : void 0,
 			dropPosition: i,
 			dropIndentPx: i ? (p[n] ?? 0) * l : void 0
 		};
@@ -5847,7 +5848,7 @@ function zi({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longP
 	}
 	return {
 		draggingKey: v,
-		dragEnabled: le,
+		dragEnabled: q,
 		getRowDragProps: ue,
 		consumeSuppressedClick: de
 	};
@@ -5864,7 +5865,7 @@ function Bi({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 		overscan: o,
 		onLoadMore: b,
 		loadMoreThreshold: x
-	}), { rootRef: K, headerRef: oe, rowObserver: se, keysRef: q, offsets: ce, totalHeight: le, startIndex: ue, endIndex: de } = ae, fe = Li({
+	}), { rootRef: oe, headerRef: se, rowObserver: K, keysRef: ce, offsets: le, totalHeight: q, startIndex: ue, endIndex: de } = ae, fe = Li({
 		items: e,
 		getKey: H,
 		multiSelect: C,
@@ -5878,7 +5879,7 @@ function Bi({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 		onVisibleColumnsChange: _,
 		persistColumnsKey: v,
 		showColumnToggle: y,
-		rootRef: K,
+		rootRef: oe,
 		startIndex: ue,
 		endIndex: de,
 		containerHeight: ae.containerHeight,
@@ -5899,13 +5900,13 @@ function Bi({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 		keys: ne,
 		depths: re,
 		isGroupAt: ie,
-		rootRef: K,
-		keysRef: q
+		rootRef: oe,
+		keysRef: ce
 	}), Te = typeof u == "number" ? `${u}px` : u, De = (n) => {
 		let r = e[n], i = H(r, n), a = d != null && i === d || pe.has(i), o = we.getRowDragProps(n, i);
 		return /* @__PURE__ */ W(wi, {
 			index: n,
-			top: ce[n],
+			top: le[n],
 			padding: Te,
 			columnTemplate: ge,
 			isSelected: a,
@@ -5914,7 +5915,7 @@ function Bi({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 			onClick: () => {
 				we.consumeSuppressedClick() || h?.(r, n);
 			},
-			observer: se,
+			observer: K,
 			ariaRowIndex: me ? n + 2 : void 0,
 			ariaPosInSet: me ? void 0 : n + 1,
 			ariaSetSize: me ? void 0 : e.length,
@@ -5948,7 +5949,7 @@ function Bi({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 	let ke = we.draggingKey == null ? -1 : ne.indexOf(we.draggingKey);
 	return ke >= 0 && (ke < ue || ke > de) && Oe.push(De(ke)), /* @__PURE__ */ G("div", {
 		...ee,
-		ref: K,
+		ref: oe,
 		className: p($.virtualList, we.draggingKey != null && $.virtualListReordering, R, B?.root),
 		style: {
 			height: r,
@@ -5960,7 +5961,7 @@ function Bi({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 		"aria-rowcount": me ? e.length + 1 : void 0,
 		children: [
 			me && /* @__PURE__ */ G("div", {
-				ref: oe,
+				ref: se,
 				className: p($.virtualListHeader, B?.header),
 				style: {
 					gridTemplateColumns: ge,
@@ -6031,7 +6032,7 @@ function Bi({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 			}) : /* @__PURE__ */ W("div", {
 				className: p($.virtualListBody, B?.body),
 				style: {
-					height: le,
+					height: q,
 					...V?.body
 				},
 				children: Oe