@ahrowe/ui 0.1.15 → 0.1.17

package/dist/index.mjs

@@ -6,14 +6,14 @@ 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 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";
+import { DndContext as U, DragOverlay as se, PointerSensor as W, closestCorners as ce, useDroppable as le, useSensor as ue, useSensors as G } from "@dnd-kit/core";
+import { SortableContext as K, arrayMove as de, useSortable as fe, verticalListSortingStrategy as pe } from "@dnd-kit/sortable";
+import { CSS as me } from "@dnd-kit/utilities";
+import { NumericFormat as he } from "react-number-format";
 //#region package/common/accordion/accordion.types.ts
-var he = /* @__PURE__ */ function(e) {
+var ge = /* @__PURE__ */ function(e) {
 	return e.Default = "default", e.Primary = "primary", e.Plain = "plain", e;
-}({}), ge = {
+}({}), _e = {
 	accordion: "accordion_YZt8B",
 	"accordion-title": "accordion-title_CGYKY",
 	accordionTitle: "accordion-title_CGYKY",
@@ -33,7 +33,7 @@ var he = /* @__PURE__ */ function(e) {
 	accordionIcon: "accordion-icon_kLqp-",
 	"accordion-icon-active": "accordion-icon-active_lJwG8",
 	accordionIconActive: "accordion-icon-active_lJwG8"
-}, _e = {
+}, ve = {
 	accordion: "accordion_X64Nz",
 	"accordion-title": "accordion-title_2q-FF",
 	accordionTitle: "accordion-title_2q-FF",
@@ -53,7 +53,7 @@ var he = /* @__PURE__ */ function(e) {
 	accordionIcon: "accordion-icon_W1mz5",
 	"accordion-icon-active": "accordion-icon-active_LI98q",
 	accordionIconActive: "accordion-icon-active_LI98q"
-}, ve = {
+}, ye = {
 	accordion: "accordion_wkZJf",
 	"accordion-title": "accordion-title_-qwNy",
 	accordionTitle: "accordion-title_-qwNy",
@@ -71,13 +71,13 @@ var he = /* @__PURE__ */ function(e) {
 	accordionIcon: "accordion-icon_kHxym",
 	"accordion-icon-active": "accordion-icon-active_-L8BH",
 	accordionIconActive: "accordion-icon-active_-L8BH"
-}, ye = {
-	[he.Default]: ge,
-	[he.Primary]: _e,
-	[he.Plain]: ve
+}, be = {
+	[ge.Default]: _e,
+	[ge.Primary]: ve,
+	[ge.Plain]: ye
 };
-function be({ id: e = "", title: t = "", children: n = null, expanded: r = null, onHeaderClicked: i = () => {}, styleType: o = he.Default, startOpen: s = !1, hideHeader: c = !1, className: l, style: m, classNames: h, styles: _, ...v }) {
-	let y = ye[o], b = u(null), [x, S] = d(r ?? s), [C, w] = d(null);
+function xe({ id: e = "", title: t = "", children: n = null, expanded: r = null, onHeaderClicked: i = () => {}, styleType: o = ge.Default, startOpen: s = !1, hideHeader: c = !1, className: l, style: m, classNames: h, styles: _, ...v }) {
+	let y = be[o], b = u(null), [x, S] = d(r ?? s), [C, w] = d(null);
 	a(() => {
 		r !== null && S(r);
 	}, [r]), a(() => {
@@ -135,11 +135,11 @@ function be({ id: e = "", title: t = "", children: n = null, expanded: r = null,
 		})]
 	});
 }
-var xe = {
+var Se = {
 	actionButtons: "actionButtons_7GybR",
 	"actionButtons-margin": "actionButtons-margin_-XoFP",
 	actionButtonsMargin: "actionButtons-margin_-XoFP"
-}, J = {
+}, q = {
 	button: "button_wYLPJ",
 	"button-notAllowed": "button-notAllowed_xGT-E",
 	buttonNotAllowed: "button-notAllowed_xGT-E",
@@ -171,7 +171,7 @@ var xe = {
 	buttonSizeMedium: "button-size-medium_gNVDM",
 	"button-size-large": "button-size-large_xSIcS",
 	buttonSizeLarge: "button-size-large_xSIcS"
-}, Se = {
+}, Ce = {
 	"spinner-loading": "spinner-loading_qbxX-",
 	spinnerLoading: "spinner-loading_qbxX-",
 	"animate-spinner": "animate-spinner_6HoVF",
@@ -180,10 +180,10 @@ var xe = {
 };
 //#endregion
 //#region package/common/loading/spinnerLoading/spinnerLoading.tsx
-function Ce({ className: e }) {
+function we({ className: e }) {
 	return /* @__PURE__ */ V("svg", {
 		"data-testid": "spinner",
-		className: f(Se.spinnerLoading, e),
+		className: f(Ce.spinnerLoading, e),
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 100 100",
 		fill: "none",
@@ -196,25 +196,25 @@ function Ce({ className: e }) {
 		})
 	});
 }
-Ce.defaultProps = { className: void 0 };
+we.defaultProps = { className: void 0 };
 //#endregion
 //#region package/common/loading/spinnerLoading/index.ts
-var we = Ce, Te = /* @__PURE__ */ function(e) {
+var Te = we, Ee = /* @__PURE__ */ function(e) {
 	return e.Primary = "primary", e.Default = "default", e.Delete = "delete", e;
-}({}), Ee = /* @__PURE__ */ function(e) {
-	return e.Default = "default", e.Small = "small", e.Medium = "medium", e.Large = "large", e;
 }({}), De = /* @__PURE__ */ function(e) {
+	return e.Default = "default", e.Small = "small", e.Medium = "medium", e.Large = "large", e;
+}({}), Oe = /* @__PURE__ */ function(e) {
 	return e.Button = "button", e.Reset = "reset", e.Submit = "submit", e;
-}({}), Oe = {
+}({}), ke = {
 	ripple: "ripple_TsvyF",
 	"ripple-container": "ripple-container_QzHdC",
 	rippleContainer: "ripple-container_QzHdC"
-}, ke = r(function({ disabled: e = !1, children: t, className: n, style: r, overflowHidden: i = !0, rippleAnimationLength: s = .6, rippleBackground: c = "rgba(255, 255, 255, 0.2)", manualOnly: l = !1, ...d }, f) {
+}, Ae = r(function({ disabled: e = !1, children: t, className: n, style: r, overflowHidden: i = !0, rippleAnimationLength: s = .6, rippleBackground: c = "rgba(255, 255, 255, 0.2)", manualOnly: l = !1, ...d }, f) {
 	let p = u(null), m = u(null);
 	function h(t, n) {
 		if (e) return;
 		let r = document.createElement("div");
-		r.style.left = `${t}px`, r.style.top = `${n}px`, r.style.background = c, r.classList.add(Oe.ripple), p.current?.appendChild(r), setTimeout(() => {
+		r.style.left = `${t}px`, r.style.top = `${n}px`, r.style.background = c, r.classList.add(ke.ripple), p.current?.appendChild(r), setTimeout(() => {
 			p.current?.removeChild(r);
 		}, s * 1e3 + 50);
 	}
@@ -237,7 +237,7 @@ var we = Ce, Te = /* @__PURE__ */ function(e) {
 	}, [t, l]);
 	let _ = { "--ripple-animation-length": `${s}s` };
 	return t === void 0 ? /* @__PURE__ */ V("div", {
-		className: Oe.rippleContainer,
+		className: ke.rippleContainer,
 		ref: p,
 		style: {
 			overflow: i ? "hidden" : "visible",
@@ -253,47 +253,47 @@ var we = Ce, Te = /* @__PURE__ */ function(e) {
 			...r
 		},
 		children: [t, /* @__PURE__ */ V("div", {
-			className: Oe.rippleContainer,
+			className: ke.rippleContainer,
 			ref: p,
 			style: _
 		})]
 	});
-}), Ae = {
-	default: J.buttonStyleDefault,
-	primary: J.buttonStylePrimary,
-	delete: J.buttonStyleDelete
-}, je = {
-	default: J.buttonSizeDefault,
-	small: J.buttonSizeSmall,
-	medium: J.buttonSizeMedium,
-	large: J.buttonSizeLarge
+}), je = {
+	default: q.buttonStyleDefault,
+	primary: q.buttonStylePrimary,
+	delete: q.buttonStyleDelete
+}, Me = {
+	default: q.buttonSizeDefault,
+	small: q.buttonSizeSmall,
+	medium: q.buttonSizeMedium,
+	large: q.buttonSizeLarge
 };
-function Me({ className: e, style: t, type: n = De.Button, styleType: r = Te.Default, size: i = Ee.Default, onClick: a = () => {}, children: o, icon: s, isLoading: c = !1, disabled: l = !1, title: u = void 0, ref: d, classNames: m, styles: h, ...g }) {
+function J({ className: e, style: t, type: n = Oe.Button, styleType: r = Ee.Default, size: i = De.Default, onClick: a = () => {}, children: o, icon: s, isLoading: c = !1, disabled: l = !1, title: u = void 0, ref: d, classNames: m, styles: h, ...g }) {
 	return /* @__PURE__ */ V("button", {
 		...g,
-		className: f(J.button, Ae[r], je[i], { [J.buttonNotAllowed]: c || l }, e),
+		className: f(q.button, je[r], Me[i], { [q.buttonNotAllowed]: c || l }, e),
 		style: t,
 		type: n,
 		onClick: a,
 		disabled: l || c,
 		title: u,
 		ref: d,
-		children: /* @__PURE__ */ V(ke, {
+		children: /* @__PURE__ */ V(Ae, {
 			disabled: c || l,
 			children: /* @__PURE__ */ V("div", {
-				className: f(J.buttonBackground, m?.background),
+				className: f(q.buttonBackground, m?.background),
 				style: h?.background,
 				children: /* @__PURE__ */ H("div", {
-					className: f(J.buttonContent, m?.content),
+					className: f(q.buttonContent, m?.content),
 					style: h?.content,
 					children: [c ? /* @__PURE__ */ V("div", {
-						className: f(J.buttonLoadingContainer, m?.loadingContainer),
+						className: f(q.buttonLoadingContainer, m?.loadingContainer),
 						style: h?.loadingContainer,
-						children: /* @__PURE__ */ V(we, { className: J.buttonLoadingIcon })
+						children: /* @__PURE__ */ V(Te, { className: q.buttonLoadingIcon })
 					}) : null, /* @__PURE__ */ H("div", {
 						className: f(m?.label, {
-							[J.buttonLoading]: c,
-							[J.buttonWithIcon]: !!s
+							[q.buttonLoading]: c,
+							[q.buttonWithIcon]: !!s
 						}),
 						style: h?.label,
 						children: [s ? /* @__PURE__ */ V(p, { icon: s }) : null, o]
@@ -303,28 +303,28 @@ function Me({ className: e, style: t, type: n = De.Button, styleType: r = Te.Def
 		})
 	});
 }
-Me.StyleType = Te, Me.Size = Ee, Me.Type = De;
+J.StyleType = Ee, J.Size = De, J.Type = Oe;
 //#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, 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 }) {
+function Ne({ onSubmit: e = () => null, onClose: t = () => null, submitLabel: n = "Save", cancelLabel: r = "Cancel", submitButtonStyle: i = Ee.Primary, isSubmitButtonLoading: a = !1, isSubmitButtonDisabled: o = !1, submitButtonIcon: s = void 0, cancelButtonStyle: c = Ee.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", {
 		...b,
-		className: f(xe.actionButtons, !h && xe.actionButtonsMargin, g, v?.root),
+		className: f(Se.actionButtons, !h && Se.actionButtonsMargin, g, v?.root),
 		style: {
 			..._,
 			...y?.root
 		},
-		children: [!p && /* @__PURE__ */ V(Me, {
+		children: [!p && /* @__PURE__ */ V(J, {
 			isLoading: a,
 			disabled: o,
 			styleType: i,
-			type: De.Submit,
+			type: Oe.Submit,
 			onClick: e,
 			className: v?.submitButton,
 			style: y?.submitButton,
 			icon: s,
 			children: n
-		}), !m && /* @__PURE__ */ V(Me, {
+		}), !m && /* @__PURE__ */ V(J, {
 			isLoading: l,
 			disabled: u,
 			onClick: t,
@@ -418,7 +418,7 @@ function Ve({ className: e = void 0, children: t = null, onClick: n = void 0, ta
 		onClick: n,
 		tabIndex: r ?? (s ? 0 : null),
 		style: a,
-		children: /* @__PURE__ */ V(ke, {
+		children: /* @__PURE__ */ V(Ae, {
 			disabled: !s,
 			overflowHidden: !1,
 			children: t
@@ -446,7 +446,9 @@ function He({ className: e = "", title: t = "", subTitle: n = "", thumbnail: r =
 					className: Be.cardHeaderActions,
 					children: Array.isArray(i) ? i.map((e, t) => /* @__PURE__ */ V(Re, {
 						title: e.title,
-						onClick: e.onClick,
+						onClick: e.onClick ? (t) => {
+							t.stopPropagation(), e.onClick?.(t);
+						} : void 0,
 						icon: e.icon
 					}, t)) : i
 				})]
@@ -476,7 +478,7 @@ function We({ children: e = null }) {
 function Ge({ className: e = "", actions: t = [], children: n = null }) {
 	return /* @__PURE__ */ H("div", {
 		className: f(Be.cardActions, e),
-		children: [t.map(({ id: e, onClick: t, label: n, styleType: r = Te.Default }) => /* @__PURE__ */ V("div", { children: /* @__PURE__ */ V(Me, {
+		children: [t.map(({ id: e, onClick: t, label: n, styleType: r = Ee.Default }) => /* @__PURE__ */ V("div", { children: /* @__PURE__ */ V(J, {
 			onClick: t,
 			styleType: r,
 			children: n
@@ -536,7 +538,7 @@ function qe({ label: e = "", selected: t = !1, onToggle: n = () => {}, className
 					width: m,
 					height: h
 				},
-				children: /* @__PURE__ */ V(we, { className: Ke.checkboxLoadingSpinner })
+				children: /* @__PURE__ */ V(Te, { className: Ke.checkboxLoadingSpinner })
 			}) : /* @__PURE__ */ H("div", {
 				style: {
 					width: m,
@@ -544,7 +546,7 @@ function qe({ label: e = "", selected: t = !1, onToggle: n = () => {}, className
 					...x?.checkmark
 				},
 				className: f(Ke.checkboxCheckmark, E && Ke.checkboxCheckmarkChecked, b?.checkmark),
-				children: [/* @__PURE__ */ V(ke, {
+				children: [/* @__PURE__ */ V(Ae, {
 					ref: C,
 					manualOnly: !0,
 					overflowHidden: !1,
@@ -600,7 +602,7 @@ function Ye({ className: e = "", thumbnail: t = "", text: n = "", showRemoveIcon
 		...o,
 		className: f(Je.chip, i && Je.chipClickable, e),
 		onClick: i,
-		children: /* @__PURE__ */ V(ke, {
+		children: /* @__PURE__ */ V(Ae, {
 			disabled: !i,
 			style: { borderRadius: "inherit" },
 			children: /* @__PURE__ */ H("div", {
@@ -842,131 +844,131 @@ 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: 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;
+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: ue, styles: G, disabled: K = !1, ...de }) {
+	let [fe, pe] = d(!1), [me, he] = d(!1), [ge, _e] = d(!1), [, ve] = d(0), ye = u(null), be = u(A), xe = i(() => {
+		let e = ye.current;
 		!e || !le || (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
 	}, [le]);
 	a(() => {
 		setTimeout(() => {
-			fe(!1), me(!1);
-		}, 1), be();
+			pe(!1), he(!1);
+		}, 1), xe();
 	}, []), a(() => {
-		j && ve.current && setTimeout(() => {
-			ve.current?.focus();
+		j && ye.current && setTimeout(() => {
+			ye.current?.focus();
 		}, 1);
 	}, [j]), a(() => {
-		ye.current = A;
-		let e = ye.current;
+		be.current = A;
+		let e = be.current;
 		if (!e) return;
 		e.label = n ?? "", e.validate();
-		let t = () => _e((e) => e + 1);
+		let t = () => ve((e) => e + 1);
 		return e.registerOnUpdateListener(t), () => {
 			e.removeOnUpdateListener(t);
 		};
 	}, [A, n]);
-	let xe = () => A ? A.touched && A.hasError() : !o || !!r, J = () => !!(x || A && A.validators.find((e) => e.validatorId === "required")), Se = (e) => {
-		me(!0), v && v(e);
-	}, Ce = (e) => {
-		me(!1), y && y(e);
+	let Se = () => A ? A.touched && A.hasError() : !o || !!r, q = () => !!(x || A && A.validators.find((e) => e.validatorId === "required")), Ce = (e) => {
+		he(!0), v && v(e);
 	}, we = (e) => {
-		fe(!0), g && g(e);
+		he(!1), y && y(e);
 	}, Te = (e) => {
-		ye.current && (ye.current.touched = !0), fe(!1), _ && _(e);
+		pe(!0), g && g(e);
 	}, Ee = (e) => {
+		be.current && (be.current.touched = !0), pe(!1), _ && _(e);
+	}, De = (e) => {
 		let t, n;
-		typeof e == "string" ? n = e : (t = e, n = e.target.value), k && (n = k(n)), A && A.set(n), h && h(n, t), be();
-	}, De = () => {
-		if (C !== "email") return C === "password" && he ? "text" : C;
-	}, Oe = C && C !== X.Date && C !== X.Iban && C !== X.HasNoIcon, ke = Oe && !B && (C === X.Email || C === X.Phone || C === X.Search), Ae = {
+		typeof e == "string" ? n = e : (t = e, n = e.target.value), k && (n = k(n)), A && A.set(n), h && h(n, t), xe();
+	}, Oe = () => {
+		if (C !== "email") return C === "password" && ge ? "text" : C;
+	}, ke = C && C !== X.Date && C !== X.Iban && C !== X.HasNoIcon, Ae = ke && !B && (C === X.Email || C === X.Phone || C === X.Search), je = {
 		className: f(Y.inputFieldIcon, {
 			[Y.inputFieldIconNotClickable]: !T,
-			[Y.inputFieldIconLeft]: ke
+			[Y.inputFieldIconLeft]: Ae
 		}),
 		onClick: T ?? void 0
-	}, je = {
+	}, Me = {
 		className: f(Y.inputFieldIcon, Y.inputFieldIconPassword),
-		onClick: () => ge(!he)
-	}, Me = xe(), Ne = n;
-	Ne && J() && (Ne = `${Ne} *`);
-	let Pe = A ? A.value : l, Fe = B && (de || Pe || C === X.Date);
+		onClick: () => _e(!ge)
+	}, J = Se(), Ne = n;
+	Ne && q() && (Ne = `${Ne} *`);
+	let Pe = A ? A.value : l, Fe = B && (fe || 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, G?.label, {
+				className: f(Y.inputLabel, ue?.label, {
 					[Y.inputLabelColumn]: !w,
 					[Y.inputLabelInBorder]: I
 				}),
-				style: K?.label,
+				style: G?.label,
 				children: [
 					Ne && !B ? /* @__PURE__ */ H("span", {
 						className: Y.inputLabelText,
-						children: [`${Ne} `, J() ? /* @__PURE__ */ V("span", {
+						children: [`${Ne} `, q() ? /* @__PURE__ */ V("span", {
 							className: f(Y.isRequired),
 							children: "\xA0 *"
 						}) : null]
 					}) : null,
 					N && /* @__PURE__ */ V("div", {
-						className: f(Y.inputUpperRightLabel, G?.upperRightLabel),
-						style: K?.upperRightLabel,
+						className: f(Y.inputUpperRightLabel, ue?.upperRightLabel),
+						style: G?.upperRightLabel,
 						children: N
 					}),
 					/* @__PURE__ */ H("div", {
-						className: f(Y.inputContainer, { [Y.inputContainerMultiline]: W }, G?.container),
-						style: K?.container,
-						onMouseEnter: Se,
-						onMouseLeave: Ce,
+						className: f(Y.inputContainer, { [Y.inputContainerMultiline]: W }, ue?.container),
+						style: G?.container,
+						onMouseEnter: Ce,
+						onMouseLeave: we,
 						children: [
 							m,
 							e.cloneElement(U || V(W ? "textarea" : "input", {}), {
-								...ue,
+								...de,
 								className: f(Y.inputField, {
 									[Y.inputFieldUppercase]: b,
 									[Y.inputFieldDate]: C === X.Date,
 									[Y.inputFieldDefault]: C !== X.Date,
-									[Y.inputFieldWithIcon]: Oe,
-									[Y.inputFieldWithIconLeft]: ke,
+									[Y.inputFieldWithIcon]: ke,
+									[Y.inputFieldWithIconLeft]: Ae,
 									[Y.inputFieldMultiline]: W,
 									[Y.inputFieldMultilineAutoResize]: W && le
-								}, G?.input),
+								}, ue?.input),
 								name: t,
 								id: t,
 								value: A ? A.value : l,
 								tabIndex: S,
-								ref: U ? void 0 : ve,
-								onChange: Ee,
-								onFocus: we,
-								onBlur: Te,
+								ref: U ? void 0 : ye,
+								onChange: De,
+								onFocus: Te,
+								onBlur: Ee,
 								placeholder: B ? "" : re,
 								autoComplete: ie,
 								onClick: ae,
 								readOnly: oe,
-								disabled: q,
+								disabled: K,
 								...!W && {
-									type: De(),
+									type: Oe(),
 									min: te,
 									max: ne
 								},
 								...W && ce !== void 0 && { rows: ce }
 							}),
 							M && /* @__PURE__ */ V("div", {
-								className: f(Y.inputFieldSuffix, G?.suffix),
-								style: K?.suffix,
+								className: f(Y.inputFieldSuffix, ue?.suffix),
+								style: G?.suffix,
 								children: M
 							})
 						]
 					}),
 					/* @__PURE__ */ V("fieldset", {
-						className: f(Y.inputFieldset, G?.fieldset, {
-							[Y.inputContainerBorderFocused]: de,
-							[Y.inputContainerBorderSearchFocused]: C === X.Search && (de || l),
-							[Y.inputContainerBorderInvalid]: Me,
-							[Y.inputContainerBorderError]: Me
+						className: f(Y.inputFieldset, ue?.fieldset, {
+							[Y.inputContainerBorderFocused]: fe,
+							[Y.inputContainerBorderSearchFocused]: C === X.Search && (fe || l),
+							[Y.inputContainerBorderInvalid]: J,
+							[Y.inputContainerBorderError]: J
 						}),
-						style: K?.fieldset,
+						style: G?.fieldset,
 						children: /* @__PURE__ */ V("legend", {
 							className: f(Y.inputFieldsetLegend, { [Y.inputFieldsetLegendActive]: Fe }),
 							children: /* @__PURE__ */ V("span", { children: Ne })
@@ -980,42 +982,42 @@ function rt({ name: t = "", label: n = "", errorMessage: r = "", isValid: o = !0
 						children: Ne
 					}),
 					B && re && /* @__PURE__ */ V("div", {
-						className: f(Y.inputPlaceholder, de && !Pe && Y.inputPlaceholderShown, W && Y.inputPlaceholderMultiline),
+						className: f(Y.inputPlaceholder, fe && !Pe && Y.inputPlaceholderShown, W && Y.inputPlaceholderMultiline),
 						children: re
 					}),
 					/* @__PURE__ */ V(nt, {
 						variant: "error",
 						message: A ? A.getCurrentErrorMessage() : r || "",
-						isVisible: Me && (de || pe)
+						isVisible: J && (fe || me)
 					})
 				]
 			}),
 			C === X.Phone && /* @__PURE__ */ V(p, {
 				icon: F,
-				...Ae
+				...je
 			}),
 			C === X.Email && /* @__PURE__ */ V(p, {
 				icon: E,
-				...Ae
+				...je
 			}),
 			C === X.Edit && /* @__PURE__ */ V(p, {
 				icon: P,
-				...Ae
+				...je
 			}),
 			C === X.Search && /* @__PURE__ */ V(p, {
 				icon: ee,
-				...Ae
+				...je
 			}),
 			C === X.Password && /* @__PURE__ */ V(p, {
-				icon: he ? O : D,
-				...je
+				icon: ge ? O : D,
+				...Me
 			}),
-			(L && l && (de || pe) || se) && /* @__PURE__ */ V(p, {
+			(L && l && (fe || me) || se) && /* @__PURE__ */ V(p, {
 				icon: z,
 				className: Y.inputFieldIcon,
 				onClick: R ?? void 0,
-				onMouseEnter: () => me(!0),
-				onMouseLeave: () => me(!1)
+				onMouseEnter: () => he(!0),
+				onMouseLeave: () => he(!1)
 			})
 		]
 	});
@@ -1564,10 +1566,10 @@ function Ht({ children: t, onScroll: n, className: r = "", isDataLoading: a = !1
 		ref: s,
 		children: [a ? /* @__PURE__ */ V("div", {
 			className: zt.spinnerWrapper,
-			children: /* @__PURE__ */ V(we, { className: zt.spinner })
+			children: /* @__PURE__ */ V(Te, { className: zt.spinner })
 		}) : t, l && /* @__PURE__ */ V("div", {
 			className: zt.spinnerWrapper,
-			children: /* @__PURE__ */ V(we, { className: zt.spinner })
+			children: /* @__PURE__ */ V(Te, { className: zt.spinner })
 		})]
 	});
 }
@@ -1659,11 +1661,11 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 		B.current && (B.current.touched = !0), te(!1), x?.(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);
-	}, G = w, K = k ? k.value : r, q = W();
+	}, ue = w, G = k ? k.value : r, K = W();
 	M.forEach((e) => {
-		e.key === K && (G = e.label);
+		e.key === G && (ue = e.label);
 	});
-	let ue = G || K, de = ue == null || typeof ue == "string" && ue.trim() === "";
+	let de = ue || G, fe = de == null || typeof de == "string" && de.trim() === "";
 	return /* @__PURE__ */ H("div", {
 		...L,
 		className: f(t, Z.dropdownLabel, Z.dropdown, { [Z.dropdownLabelColumn]: !l }),
@@ -1673,7 +1675,7 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 			/* @__PURE__ */ V(ae, {
 				onChange: (e) => le((e || { key: "" }).key),
 				itemToString: (e) => e ? String(e.key) : "",
-				selectedItem: M.find((e) => e.key === K) ?? null,
+				selectedItem: M.find((e) => e.key === G) ?? null,
 				stateReducer: (e, t) => I && Object.prototype.hasOwnProperty.call(t, "isOpen") ? {
 					...t,
 					highlightedIndex: t.isOpen ? M.indexOf(e.selectedItem) : null
@@ -1697,7 +1699,7 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 								t().onClick?.(e), v?.(e);
 							},
 							ref: ee,
-							children: de ? "\xA0" : ue
+							children: fe ? "\xA0" : de
 						}),
 						/* @__PURE__ */ V("button", {
 							type: "button",
@@ -1738,20 +1740,20 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 							className: f(Z.dropdownFieldset, {
 								[Z.dropdownBorderPlain]: F,
 								[Z.dropdownBorderFocused]: R,
-								[Z.dropdownBorderInvalid]: q,
-								[Z.dropdownBorderError]: q
+								[Z.dropdownBorderInvalid]: K,
+								[Z.dropdownBorderError]: K
 							}),
 							children: /* @__PURE__ */ V("legend", {
-								className: f(Z.dropdownFieldsetLegend, { [Z.dropdownFieldsetLegendActive]: N && (R || !de) }),
+								className: f(Z.dropdownFieldsetLegend, { [Z.dropdownFieldsetLegendActive]: N && (R || !fe) }),
 								children: /* @__PURE__ */ V("span", { children: n })
 							})
 						}),
 						N && n && /* @__PURE__ */ V("div", {
-							className: f(Z.dropdownMatLabel, { [Z.dropdownMatLabelFloating]: R || !de }),
+							className: f(Z.dropdownMatLabel, { [Z.dropdownMatLabelFloating]: R || !fe }),
 							children: n
 						}),
 						N && P && /* @__PURE__ */ V("div", {
-							className: f(Z.dropdownPlaceholder, R && !G && Z.dropdownPlaceholderShown),
+							className: f(Z.dropdownPlaceholder, R && !ue && Z.dropdownPlaceholderShown),
 							children: P
 						})
 					]
@@ -1767,7 +1769,7 @@ function Ut({ errorMessage: e = "", className: t = "", label: n = "", value: r =
 			/* @__PURE__ */ V(nt, {
 				variant: "error",
 				message: k ? k.getCurrentErrorMessage() : e || "",
-				isVisible: q && (R || ne)
+				isVisible: K && (R || ne)
 			})
 		]
 	});
@@ -1829,7 +1831,7 @@ function Gt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 			key: e + t,
 			label: e + t
 		}));
-	}, G = T(), K = re(), q = /* @__PURE__ */ H(B, { children: [
+	}, ue = T(), G = re(), K = /* @__PURE__ */ H(B, { children: [
 		o ? null : /* @__PURE__ */ H("div", {
 			className: Wt.datePickerHeader,
 			children: [
@@ -1873,17 +1875,17 @@ function Gt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 			month: D,
 			year: k,
 			onSelect: U,
-			selectionStart: C ?? G,
-			selectionEnd: w ?? G,
+			selectionStart: C ?? ue,
+			selectionEnd: w ?? ue,
 			minDate: p,
 			maxDate: m
 		}),
-		g && /* @__PURE__ */ V(Me, {
+		g && /* @__PURE__ */ V(J, {
 			onClick: () => U(null),
 			children: "Clear"
 		}),
 		h
-	] }), ue = i ? null : /* @__PURE__ */ V(rt, {
+	] }), de = i ? null : /* @__PURE__ */ V(rt, {
 		readOnly: s,
 		label: `${y}${ie() ? " *" : ""}`,
 		value: N,
@@ -1900,29 +1902,29 @@ function Gt({ className: e = "", selected: t, onSelect: n = () => null, formVali
 		onFocus: () => I(!0),
 		onMouseEnter: () => L(!0),
 		onMouseLeave: () => L(!1),
-		isValid: !K
-	}), de = c ? q : s ? /* @__PURE__ */ V(gt, {
+		isValid: !G
+	}), fe = c ? K : s ? /* @__PURE__ */ V(gt, {
 		hideHeader: !0,
 		isOpen: j,
 		onClose: () => M(!1),
-		children: q
+		children: K
 	}) : /* @__PURE__ */ V(et, {
 		isOpen: j,
 		onOpenChange: (e) => M(e),
-		content: q,
+		content: K,
 		align: Qe.Left,
 		dontCloseOnChildClick: !0,
-		children: ue
+		children: de
 	});
 	return /* @__PURE__ */ H("div", {
 		className: f(Wt.datePicker, e),
 		children: [
-			(s || c) && ue,
-			de,
+			(s || c) && de,
+			fe,
 			/* @__PURE__ */ V(nt, {
 				variant: "error",
 				message: r ? r.getCurrentErrorMessage() : x || "",
-				isVisible: K && (F || ee)
+				isVisible: G && (F || ee)
 			})
 		]
 	});
@@ -1949,8 +1951,8 @@ var Jt = {
 	default: null,
 	mini: Jt.fabSizeMini
 };
-function Xt({ children: e = null, size: t = "default", className: n = "", styleType: r = Te.Primary, onClick: i = () => {} }) {
-	return /* @__PURE__ */ V(Me, {
+function Xt({ children: e = null, size: t = "default", className: n = "", styleType: r = Ee.Primary, onClick: i = () => {} }) {
+	return /* @__PURE__ */ V(J, {
 		styleType: r,
 		className: f(Jt.fab, Yt[t], n),
 		onClick: i,
@@ -2110,7 +2112,7 @@ function nn({ data: e = [], selectedId: t = null, label: n = "", onChange: r, fo
 				children: [
 					n && /* @__PURE__ */ V(p, { icon: n }),
 					r ?? null,
-					/* @__PURE__ */ V(ke, {})
+					/* @__PURE__ */ V(Ae, {})
 				]
 			}, e))
 		})]
@@ -2236,11 +2238,11 @@ 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 } = de({ id: e });
+	let { attributes: n, listeners: r, setNodeRef: i, transform: a, transition: o, isDragging: s } = fe({ id: e });
 	return /* @__PURE__ */ V("div", {
 		ref: i,
 		style: {
-			transform: pe.Transform.toString(a),
+			transform: me.Transform.toString(a),
 			transition: o
 		},
 		className: f(un.item, s && un.itemDragging),
@@ -2259,9 +2261,9 @@ function fn({ id: e, title: t, itemIds: n, items: r, renderItem: i, className: a
 			className: f(un.columnHeader, o?.header),
 			style: s?.header,
 			children: t
-		}), /* @__PURE__ */ V(q, {
+		}), /* @__PURE__ */ V(K, {
 			items: n,
-			strategy: fe,
+			strategy: pe,
 			children: /* @__PURE__ */ V("div", {
 				ref: c,
 				className: f(un.columnItems, o?.items),
@@ -2277,7 +2279,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 = K(G(W, { activationConstraint: { distance: 8 } })), h = u ?? e;
+	let [c, l] = d(null), [u, p] = d(null), m = G(ue(W, { activationConstraint: { distance: 8 } })), h = u ?? e;
 	function g(e, t) {
 		return e.findIndex((e) => e.itemIds.includes(t));
 	}
@@ -2309,7 +2311,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: ue(e.itemIds, t, o)
+					itemIds: de(e.itemIds, t, o)
 				});
 			} else {
 				n[a].itemIds = n[a].itemIds.filter((e) => e !== r);
@@ -2463,7 +2465,7 @@ function vn({ value: e, onChange: t, formValidator: n, label: r, error: i, class
 		errorMessage: n ? n.getCurrentErrorMessage() ?? "" : i ?? "",
 		placeholder: m,
 		suffix: k,
-		customInput: /* @__PURE__ */ V(me, {
+		customInput: /* @__PURE__ */ V(he, {
 			onValueChange: (e) => T(e.floatValue),
 			allowNegative: h == null ? o : !1,
 			decimalSeparator: s,
@@ -3110,7 +3112,7 @@ function tr({ className: e }) {
 			} : t;
 		}).filter((e) => e.wallIndex !== -1));
 	}
-	function G(e) {
+	function ue(e) {
 		if (e.button === 1) {
 			e.preventDefault();
 			let t = z.current;
@@ -3200,7 +3202,7 @@ function tr({ className: e }) {
 			}
 		}
 	}
-	function K(e) {
+	function G(e) {
 		if (o !== "select" || g) return;
 		let n = U(e);
 		if (!n) return;
@@ -3209,7 +3211,7 @@ function tr({ className: e }) {
 		let i = se(n, r);
 		i && (e.preventDefault(), le(r.id, i.index));
 	}
-	function q(e) {
+	function K(e) {
 		if (te.current) {
 			let { startClient: t, origPan: n, scaleX: r, scaleY: i } = te.current;
 			F({
@@ -3268,7 +3270,7 @@ function tr({ className: e }) {
 			}
 		}
 	}
-	function ue(e) {
+	function de(e) {
 		if (te.current) {
 			te.current = null;
 			return;
@@ -3286,29 +3288,29 @@ function tr({ className: e }) {
 			ee.current = null, I.current = null;
 		}
 	}
-	function de(e) {
+	function fe(e) {
 		l && n((t) => t.map((t) => t.id === l ? {
 			...t,
 			name: e
 		} : t));
 	}
-	function fe(e, t) {
+	function pe(e, t) {
 		let n = parseFloat(t);
 		isNaN(n) || n <= 0 || i((t) => t.map((t) => t.id === e ? {
 			...t,
 			width: n
 		} : t));
 	}
-	function pe() {
+	function me() {
 		l && (n((e) => e.filter((e) => e.id !== l)), i((e) => e.filter((e) => e.roomId !== l)), _(null), m(null));
 	}
-	function me(e) {
+	function he(e) {
 		i((t) => t.filter((t) => t.id !== e));
 	}
-	function he(e) {
+	function ge(e) {
 		c(e), _(null), E([]), O(null), y(null), x(null);
 	}
-	function ge(e) {
+	function _e(e) {
 		let t = e.target.files?.[0];
 		if (!t) return;
 		e.target.value = "";
@@ -3326,12 +3328,12 @@ function tr({ className: e }) {
 			}));
 		}, r.readAsText(t);
 	}
-	let _e = o === "rect" && v && b ? {
+	let ve = o === "rect" && v && b ? {
 		x: Math.min(v.x, b.x),
 		y: Math.min(v.y, b.y),
 		w: Math.abs(b.x - v.x),
 		h: Math.abs(b.y - v.y)
-	} : null, ve = l ? t.find((e) => e.id === l) ?? null : null, ye = g ? t.find((e) => e.id === g) ?? null : null, be = g ? r.filter((e) => e.roomId === g) : [], xe = [
+	} : null, ye = l ? t.find((e) => e.id === l) ?? null : null, be = g ? t.find((e) => e.id === g) ?? null : null, xe = g ? r.filter((e) => e.roomId === g) : [], Se = [
 		{
 			t: "select",
 			icon: A,
@@ -3347,17 +3349,17 @@ function tr({ className: e }) {
 			icon: T,
 			label: "Polygon room"
 		}
-	], J = 400 / k, Se = 300 / k, Ce = g ? Q.roomDrawerCanvasDoor : o === "select" ? Q.roomDrawerCanvasSelect : void 0;
+	], q = 400 / k, Ce = 300 / k, we = g ? Q.roomDrawerCanvasDoor : o === "select" ? Q.roomDrawerCanvasSelect : void 0;
 	return /* @__PURE__ */ H("div", {
 		className: f(Q.roomDrawer, e),
 		children: [
 			/* @__PURE__ */ H("div", {
 				className: Q.roomDrawerToolbar,
 				children: [
-					xe.map(({ t: e, icon: t, label: n }) => /* @__PURE__ */ V("button", {
+					Se.map(({ t: e, icon: t, label: n }) => /* @__PURE__ */ V("button", {
 						title: n,
 						className: f(Q.roomDrawerToolbarBtn, e === o && !g && Q.roomDrawerToolbarBtnActive),
-						onClick: () => he(e),
+						onClick: () => ge(e),
 						children: /* @__PURE__ */ V(p, { icon: t })
 					}, e)),
 					/* @__PURE__ */ V("div", { className: Q.roomDrawerToolbarSep }),
@@ -3405,18 +3407,18 @@ function tr({ className: e }) {
 						type: "file",
 						accept: ".svg,image/svg+xml",
 						style: { display: "none" },
-						onChange: ge
+						onChange: _e
 					})
 				]
 			}),
 			/* @__PURE__ */ H("svg", {
 				ref: z,
-				className: f(Q.roomDrawerCanvas, Ce),
-				viewBox: `${P.x} ${P.y} ${J} ${Se}`,
-				onMouseDown: G,
-				onMouseMove: q,
-				onMouseUp: ue,
-				onDoubleClick: K,
+				className: f(Q.roomDrawerCanvas, we),
+				viewBox: `${P.x} ${P.y} ${q} ${Ce}`,
+				onMouseDown: ue,
+				onMouseMove: K,
+				onMouseUp: de,
+				onDoubleClick: G,
 				children: [
 					/* @__PURE__ */ V("defs", { children: /* @__PURE__ */ V("pattern", {
 						id: "rd-grid",
@@ -3432,8 +3434,8 @@ function tr({ className: e }) {
 					/* @__PURE__ */ V("rect", {
 						x: P.x,
 						y: P.y,
-						width: J,
-						height: Se,
+						width: q,
+						height: Ce,
 						fill: "url(#rd-grid)"
 					}),
 					t.map((e) => {
@@ -3469,7 +3471,7 @@ function tr({ className: e }) {
 							className: Q.doorGap
 						}, e.id) : null;
 					}),
-					g && be.map((e) => {
+					g && xe.map((e) => {
 						let n = t.find((t) => t.id === e.roomId);
 						if (!n) return null;
 						let r = n.points[e.wallIndex], i = n.points[(e.wallIndex + 1) % n.points.length], a = Rn(r, i, e.t, e.width);
@@ -3488,17 +3490,17 @@ function tr({ className: e }) {
 							}
 						}, e.id);
 					}),
-					o === "select" && !g && ve && ve.points.map((e, t) => /* @__PURE__ */ V("circle", {
+					o === "select" && !g && ye && ye.points.map((e, t) => /* @__PURE__ */ V("circle", {
 						cx: e.x,
 						cy: e.y,
 						r: 3.5,
 						className: Q.vertexHandle
 					}, t)),
-					_e && /* @__PURE__ */ V("rect", {
-						x: _e.x,
-						y: _e.y,
-						width: _e.w,
-						height: _e.h,
+					ve && /* @__PURE__ */ V("rect", {
+						x: ve.x,
+						y: ve.y,
+						width: ve.w,
+						height: ve.h,
 						className: Q.preview
 					}),
 					o === "polygon" && S.length > 0 && /* @__PURE__ */ H(B, { children: [
@@ -3521,7 +3523,7 @@ function tr({ className: e }) {
 					] })
 				]
 			}),
-			ve && !g && /* @__PURE__ */ H("div", {
+			ye && !g && /* @__PURE__ */ H("div", {
 				className: Q.roomDrawerInfo,
 				children: [
 					/* @__PURE__ */ V("span", {
@@ -3530,25 +3532,25 @@ function tr({ className: e }) {
 					}),
 					/* @__PURE__ */ V("input", {
 						className: Q.roomDrawerInfoInput,
-						value: ve.name,
-						onChange: (e) => de(e.target.value),
+						value: ye.name,
+						onChange: (e) => fe(e.target.value),
 						placeholder: "Room name"
 					}),
 					/* @__PURE__ */ H("button", {
 						className: Q.roomDrawerInfoDoorsBtn,
-						onClick: () => _(ve.id),
+						onClick: () => _(ye.id),
 						title: "Edit doors",
-						children: [/* @__PURE__ */ V(p, { icon: C }), /* @__PURE__ */ V("span", { children: r.filter((e) => e.roomId === ve.id).length })]
+						children: [/* @__PURE__ */ V(p, { icon: C }), /* @__PURE__ */ V("span", { children: r.filter((e) => e.roomId === ye.id).length })]
 					}),
 					/* @__PURE__ */ V("button", {
 						className: Q.roomDrawerInfoDelete,
-						onClick: pe,
+						onClick: me,
 						title: "Delete room",
 						children: /* @__PURE__ */ V(p, { icon: R })
 					})
 				]
 			}),
-			g && ye && /* @__PURE__ */ H("div", {
+			g && be && /* @__PURE__ */ H("div", {
 				className: Q.roomDrawerDoorPanel,
 				children: [/* @__PURE__ */ H("div", {
 					className: Q.roomDrawerDoorPanelHeader,
@@ -3559,7 +3561,7 @@ function tr({ className: e }) {
 						}),
 						/* @__PURE__ */ V("span", {
 							className: Q.roomDrawerDoorPanelTitle,
-							children: ye.name ? `Doors · ${ye.name}` : "Doors"
+							children: be.name ? `Doors · ${be.name}` : "Doors"
 						}),
 						/* @__PURE__ */ H("button", {
 							className: Q.roomDrawerDoorPanelDone,
@@ -3570,10 +3572,10 @@ function tr({ className: e }) {
 					]
 				}), /* @__PURE__ */ H("div", {
 					className: Q.roomDrawerDoorPanelList,
-					children: [be.length === 0 && /* @__PURE__ */ V("span", {
+					children: [xe.length === 0 && /* @__PURE__ */ V("span", {
 						className: Q.roomDrawerDoorPanelEmpty,
 						children: "Click on a wall to add a door"
-					}), be.map((e, t) => /* @__PURE__ */ H("div", {
+					}), xe.map((e, t) => /* @__PURE__ */ H("div", {
 						className: Q.roomDrawerDoorPanelItem,
 						children: [
 							/* @__PURE__ */ H("span", {
@@ -3589,11 +3591,11 @@ function tr({ className: e }) {
 								type: "number",
 								min: 1,
 								value: e.width,
-								onChange: (t) => fe(e.id, t.target.value)
+								onChange: (t) => pe(e.id, t.target.value)
 							}),
 							/* @__PURE__ */ V("button", {
 								className: Q.roomDrawerInfoDelete,
-								onClick: () => me(e.id),
+								onClick: () => he(e.id),
 								title: "Delete door",
 								children: /* @__PURE__ */ V(p, { icon: R })
 							})
@@ -3967,12 +3969,12 @@ function yr({ className: e, token: t = "", isModal: n = !1, onSelect: r = () =>
 		className: f(vr.tenorPicker, e),
 		children: [
 			/* @__PURE__ */ H("div", {
-				className: xe.actionButtons,
-				children: [/* @__PURE__ */ V(Me, {
+				className: Se.actionButtons,
+				children: [/* @__PURE__ */ V(J, {
 					onClick: () => v(!0),
 					children: "Pick gif"
-				}), i && /* @__PURE__ */ V(Me, {
-					styleType: Te.Delete,
+				}), i && /* @__PURE__ */ V(J, {
+					styleType: Ee.Delete,
 					onClick: () => x(null),
 					children: "Remove gif"
 				})]
@@ -4004,8 +4006,8 @@ function yr({ className: e, token: t = "", isModal: n = !1, onSelect: r = () =>
 				content: /* @__PURE__ */ H(B, { children: [S(), C()] }),
 				children: w()
 			}),
-			i && /* @__PURE__ */ V(Me, {
-				styleType: Te.Delete,
+			i && /* @__PURE__ */ V(J, {
+				styleType: Ee.Delete,
 				onClick: () => x(null),
 				children: "Remove gif"
 			}),
@@ -4501,13 +4503,13 @@ function Kr(e, t) {
 //#endregion
 //#region package/common/virtualList/useVirtualWindow.ts
 function qr({ items: e, keys: t, getItemKey: n, estimatedRowHeight: r, rowGap: l, overscan: f, onLoadMore: p, loadMoreThreshold: m, forwardedRef: h }) {
-	let [g, _] = d(0), [v, y] = d(0), [b, x] = d(/* @__PURE__ */ new Map()), [S, C] = d(!1), w = u(!1), T = u(null), E = u(null), D = u([]), O = u(null), k = u(0), A = u([]), [j] = d(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((e) => {
-		x((t) => {
+	let [g, _] = d(0), [v, y] = d(0), [b, x] = d(0), [S, C] = d(/* @__PURE__ */ new Map()), [w, T] = d(!1), E = u(!1), D = u(null), O = u(null), k = u([]), A = u(null), j = u(0), M = u([]), [N] = d(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((e) => {
+		C((t) => {
 			let n = null;
 			for (let r of e) {
 				let e = r.target, i = Number(e.dataset.index);
 				if (Number.isNaN(i)) continue;
-				let a = A.current[i];
+				let a = M.current[i];
 				if (a === void 0) continue;
 				let o = r.borderBoxSize?.[0], s = o ? Math.round(o.blockSize) : e.offsetHeight;
 				t.get(a) !== s && (n ||= new Map(t), n.set(a, s));
@@ -4515,44 +4517,46 @@ function qr({ items: e, keys: t, getItemKey: n, estimatedRowHeight: r, rowGap: l
 			return n ?? t;
 		});
 	}));
-	a(() => () => j?.disconnect(), [j]), s(() => {
-		let e = T.current;
+	a(() => () => N?.disconnect(), [N]), s(() => {
+		let e = D.current;
 		if (!e) return;
-		y(e.clientHeight);
-		let t = new ResizeObserver(() => y(e.clientHeight));
+		y(e.clientHeight), x(e.clientWidth);
+		let t = new ResizeObserver(() => {
+			y(e.clientHeight), x(e.clientWidth);
+		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let M = i((e) => {
+	let P = i((e) => {
 		let t = e.currentTarget;
-		k.current = t.scrollTop, O.current ??= requestAnimationFrame(() => {
-			O.current = null, _(k.current);
-		}), p && !w.current && t.scrollTop + t.clientHeight >= t.scrollHeight - m && (w.current = !0, C(!0), p().finally(() => {
-			w.current = !1, C(!1);
+		j.current = t.scrollTop, A.current ??= requestAnimationFrame(() => {
+			A.current = null, _(j.current);
+		}), p && !E.current && t.scrollTop + t.clientHeight >= t.scrollHeight - m && (E.current = !0, T(!0), p().finally(() => {
+			E.current = !1, T(!1);
 		}));
 	}, [p, m]);
 	a(() => () => {
-		O.current != null && cancelAnimationFrame(O.current);
+		A.current != null && cancelAnimationFrame(A.current);
 	}, []), s(() => {
-		A.current = t;
+		M.current = t;
 	});
-	let { offsets: N, totalHeight: P } = c(() => Lr(t, b, r, l), [
+	let { offsets: F, totalHeight: I } = c(() => Lr(t, S, r, l), [
 		t,
-		b,
+		S,
 		r,
 		l
 	]);
 	s(() => {
-		let t = T.current, n = D.current;
-		if (D.current = N, !t || n.length === 0) return;
+		let t = D.current, n = k.current;
+		if (k.current = F, !t || n.length === 0) return;
 		let r = t.scrollTop;
 		if (r <= 0) return;
 		let i = Rr(n, r, n.length - 1);
 		if (i >= e.length) return;
-		let a = r - n[i], o = N[i] + a;
-		Math.abs(o - r) > .5 && (t.scrollTop = o, k.current = o, _(o));
-	}, [N, e.length]), o(h, () => {
+		let a = r - n[i], o = F[i] + a;
+		Math.abs(o - r) > .5 && (t.scrollTop = o, j.current = o, _(o));
+	}, [F, e.length]), o(h, () => {
 		function t(e, t) {
-			let n = T.current;
+			let n = D.current;
 			if (!n) return;
 			let r = Math.max(0, e);
 			typeof n.scrollTo == "function" ? n.scrollTo({
@@ -4561,9 +4565,9 @@ function qr({ items: e, keys: t, getItemKey: n, estimatedRowHeight: r, rowGap: l
 			}) : n.scrollTop = r;
 		}
 		function r(n, r) {
-			let i = T.current;
+			let i = D.current;
 			if (!i || e.length === 0) return;
-			let a = Math.max(0, Math.min(n, e.length - 1)), o = N[a] ?? 0, s = (N[a + 1] ?? o) - o, c = E.current?.offsetHeight ?? 0, l = Math.max(0, i.clientHeight - c), u = r?.align ?? "start", d = o - c;
+			let a = Math.max(0, Math.min(n, e.length - 1)), o = F[a] ?? 0, s = (F[a + 1] ?? o) - o, c = O.current?.offsetHeight ?? 0, l = Math.max(0, i.clientHeight - c), u = r?.align ?? "start", d = o - c;
 			u === "center" ? d -= (l - s) / 2 : u === "end" && (d -= l - s), t(d, r?.behavior);
 		}
 		return {
@@ -4575,32 +4579,33 @@ function qr({ items: e, keys: t, getItemKey: n, estimatedRowHeight: r, rowGap: l
 			scrollToTop(e) {
 				t(0, e?.behavior);
 			},
-			getScrollElement: () => T.current
+			getScrollElement: () => D.current
 		};
 	}, [
 		e,
-		N,
+		F,
 		n
 	]);
-	let { startIndex: F, endIndex: I } = c(() => zr(N, g, v, f, e.length), [
-		N,
+	let { startIndex: ee, endIndex: L } = c(() => zr(F, g, v, f, e.length), [
+		F,
 		g,
 		v,
 		f,
 		e.length
 	]);
 	return {
-		rootRef: T,
-		headerRef: E,
-		rowObserver: j,
-		keysRef: A,
-		offsets: N,
-		totalHeight: P,
+		rootRef: D,
+		headerRef: O,
+		rowObserver: N,
+		keysRef: M,
+		offsets: F,
+		totalHeight: I,
 		containerHeight: v,
-		startIndex: F,
-		endIndex: I,
-		handleScroll: M,
-		showLoadMoreSpinner: S
+		containerWidth: b,
+		startIndex: ee,
+		endIndex: L,
+		handleScroll: P,
+		showLoadMoreSpinner: w
 	};
 }
 //#endregion
@@ -4629,14 +4634,14 @@ function Jr({ items: e, getKey: t, multiSelect: n, selectedKeys: r, onSelectionC
 }
 //#endregion
 //#region package/common/virtualList/useColumns.ts
-function Yr({ columns: e, items: t, multiSelect: n, visibleColumnKeys: r, onVisibleColumnsChange: i, persistColumnsKey: o, showColumnToggle: c, rootRef: l, startIndex: f, endIndex: p, containerHeight: m }) {
-	let h = r !== void 0, [g, _] = d(!1), v = u(null), [y, b] = d({}), [x, S] = d(() => {
+function Yr({ columns: e, items: t, multiSelect: n, visibleColumnKeys: r, onVisibleColumnsChange: i, persistColumnsKey: o, showColumnToggle: c, rootRef: l, startIndex: f, endIndex: p, containerHeight: m, containerWidth: h }) {
+	let g = r !== void 0, [_, v] = d(!1), y = u(null), [b, x] = d({}), [S, C] = d(() => {
 		let t = Gr(o);
 		return new Set((e ?? []).filter((e) => Kr(e, t)).map((e) => e.key));
-	}), C = u(new Set((e ?? []).map((e) => e.key)));
+	}), w = u(new Set((e ?? []).map((e) => e.key)));
 	a(() => {
-		if (h) return;
-		let t = e ?? [], n = new Set(t.map((e) => e.key)), r = C.current, i = n.size === r.size;
+		if (g) return;
+		let t = e ?? [], n = new Set(t.map((e) => e.key)), r = w.current, i = n.size === r.size;
 		if (i) {
 			for (let e of n) if (!r.has(e)) {
 				i = !1;
@@ -4644,53 +4649,53 @@ function Yr({ columns: e, items: t, multiSelect: n, visibleColumnKeys: r, onVisi
 			}
 		}
 		if (i) return;
-		C.current = n;
+		w.current = n;
 		let a = Gr(o);
-		S((e) => {
+		C((e) => {
 			let n = /* @__PURE__ */ new Set();
 			for (let i of t) r.has(i.key) ? e.has(i.key) && n.add(i.key) : Kr(i, a) && n.add(i.key);
 			return n;
 		});
 	}, [
 		e,
-		h,
+		g,
 		o
 	]), a(() => {
-		if (h || !o || typeof window > "u") return;
+		if (g || !o || typeof window > "u") return;
 		let t = e ?? [];
-		if (!(t.length === 0 || x.size === 0)) try {
+		if (!(t.length === 0 || S.size === 0)) try {
 			window.localStorage.setItem(Wr + o, JSON.stringify({
-				visible: [...x],
+				visible: [...S],
 				known: t.map((e) => e.key)
 			}));
 		} catch {}
 	}, [
-		x,
+		S,
 		e,
-		h,
+		g,
 		o
 	]);
-	let w = h ? new Set(r) : x;
+	let T = g ? new Set(r) : S;
 	a(() => {
-		if (!g) return;
+		if (!_) return;
 		function e(e) {
-			v.current && !v.current.contains(e.target) && _(!1);
+			y.current && !y.current.contains(e.target) && v(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [g]);
-	let T = !!e?.length, E = T ? e.filter((e) => w.has(e.key)) : [], D = T ? e.filter((e) => !e.defaultHidden && !w.has(e.key)).length : 0, O = T ? `${n && T ? "40px " : ""}${Ur(E, y)}` : void 0, k = c !== !1 && T, A = E.filter((e) => e.width.type === "fit"), j = A.length > 0, M = A.map((e) => e.key).join("|"), [N, P] = d({
-		key: M,
+	}, [_]);
+	let E = !!e?.length, D = E ? e.filter((e) => T.has(e.key)) : [], O = E ? e.filter((e) => !e.defaultHidden && !T.has(e.key)).length : 0, k = E ? `${n && E ? "40px " : ""}${Ur(D, b)}` : void 0, A = c !== !1 && E, j = D.filter((e) => e.width.type === "fit"), M = j.length > 0, N = j.map((e) => e.key).join("|"), [P, F] = d({
+		key: N,
 		items: t
 	});
-	(N.key !== M || N.items !== t) && (P({
-		key: M,
+	(P.key !== N || P.items !== t) && (F({
+		key: N,
 		items: t
-	}), Object.keys(y).length > 0 && b({})), s(() => {
-		if (!j) return;
+	}), Object.keys(b).length > 0 && x({})), s(() => {
+		if (!M) return;
 		let e = l.current;
-		e && b((t) => {
+		e && x((t) => {
 			let n = !1, r = { ...t };
-			for (let i of A) {
+			for (let i of j) {
 				let a = 0;
 				if (e.querySelectorAll(`[data-fit-key="${i.key}"]`).forEach((e) => {
 					let t = e, n = t.scrollWidth > t.clientWidth && parseFloat(getComputedStyle(t).paddingRight) || 0, r = t.scrollWidth + n;
@@ -4702,33 +4707,34 @@ function Yr({ columns: e, items: t, multiSelect: n, visibleColumnKeys: r, onVisi
 			return n ? r : t;
 		});
 	}, [
-		j,
 		M,
-		y,
+		N,
+		b,
 		f,
 		p,
-		m
+		m,
+		h
 	]);
-	function F(e) {
-		let t = new Set(w);
+	function I(e) {
+		let t = new Set(T);
 		if (t.has(e)) {
 			if (t.size <= 1) return;
 			t.delete(e);
 		} else t.add(e);
 		let n = [...t];
-		h || S(t), i?.(n);
+		g || C(t), i?.(n);
 	}
 	return {
-		hasColumns: T,
-		visibleColumns: E,
-		columnTemplate: O,
-		shouldShowToggle: k,
-		effectiveVisible: w,
-		manuallyHiddenCount: D,
-		toggleOpen: g,
-		setToggleOpen: _,
-		toggleRef: v,
-		handleToggleColumn: F
+		hasColumns: E,
+		visibleColumns: D,
+		columnTemplate: k,
+		shouldShowToggle: A,
+		effectiveVisible: T,
+		manuallyHiddenCount: O,
+		toggleOpen: _,
+		setToggleOpen: v,
+		toggleRef: y,
+		handleToggleColumn: I
 	};
 }
 //#endregion
@@ -4837,14 +4843,14 @@ function Xr({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longP
 			e.cancelable && e.preventDefault(), se(), U(t.clientX);
 		}
 	}, [U, se]);
-	function G(n, r) {
+	function ue(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", 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);
+			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(W);
 		}, o));
 	}
-	function K(e) {
+	function G(e) {
 		let t = h.current;
 		if (!t) return;
 		let n = g.current.indexOf(e), r = t.querySelector(`[data-index="${n}"]`);
@@ -4868,31 +4874,31 @@ function Xr({ reorderable: e, treeReorder: t, onReorder: n, onTreeDrop: r, longP
 		}), t.appendChild(a), I.current = a, se();
 	}
 	a(() => ce, [ce]);
-	let q = e || t;
-	function ue(n, r) {
+	let K = e || t;
+	function de(n, r) {
 		let i = t && b?.key === r ? b.position : void 0;
 		return {
-			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,
+			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,
 			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: q ? (e) => G(r, e) : void 0,
+			onTouchStart: K ? (e) => ue(r, e) : void 0,
 			dropPosition: i,
 			dropIndentPx: i ? (p[n] ?? 0) * l : void 0
 		};
 	}
-	function de() {
+	function fe() {
 		return F.current ? (F.current = !1, !0) : !1;
 	}
 	return {
 		draggingKey: v,
-		dragEnabled: q,
-		getRowDragProps: ue,
-		consumeSuppressedClick: de
+		dragEnabled: K,
+		getRowDragProps: de,
+		consumeSuppressedClick: fe
 	};
 }
 //#endregion
@@ -4908,13 +4914,13 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 		onLoadMore: v,
 		loadMoreThreshold: y,
 		forwardedRef: ne
-	}), { rootRef: U, headerRef: se, rowObserver: W, keysRef: ce, offsets: le, totalHeight: G, startIndex: K, endIndex: q } = oe, ue = Jr({
+	}), { rootRef: U, headerRef: se, rowObserver: W, keysRef: ce, offsets: le, totalHeight: ue, startIndex: G, endIndex: K } = oe, de = Jr({
 		items: e,
 		getKey: z,
 		multiSelect: x,
 		selectedKeys: S,
 		onSelectionChange: C
-	}), { effectiveSelectedKeys: de } = ue, { hasColumns: fe, visibleColumns: pe, columnTemplate: me, shouldShowToggle: he, effectiveVisible: ge, manuallyHiddenCount: _e, toggleOpen: ve, setToggleOpen: ye, toggleRef: be, handleToggleColumn: xe } = Yr({
+	}), { effectiveSelectedKeys: fe } = de, { hasColumns: pe, visibleColumns: me, columnTemplate: he, shouldShowToggle: ge, effectiveVisible: _e, manuallyHiddenCount: ve, toggleOpen: ye, setToggleOpen: be, toggleRef: xe, handleToggleColumn: Se } = Yr({
 		columns: n,
 		items: e,
 		multiSelect: x,
@@ -4923,10 +4929,11 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 		persistColumnsKey: g,
 		showColumnToggle: _,
 		rootRef: U,
-		startIndex: K,
-		endIndex: q,
-		containerHeight: oe.containerHeight
-	}), J = Xr({
+		startIndex: G,
+		endIndex: K,
+		containerHeight: oe.containerHeight,
+		containerWidth: oe.containerWidth
+	}), q = Xr({
 		reorderable: w,
 		treeReorder: D,
 		onReorder: T,
@@ -4939,40 +4946,40 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 		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);
+	}), Ce = (n) => {
+		let r = e[n], i = z(r, n), a = l != null && i === l || fe.has(i), o = q.getRowDragProps(n, i);
 		return /* @__PURE__ */ V(Ir, {
 			index: n,
 			top: le[n],
-			columnTemplate: me,
+			columnTemplate: he,
 			isSelected: a,
 			showDivider: P,
 			hover: F,
 			onClick: () => {
-				J.consumeSuppressedClick() || d?.(r, n);
+				q.consumeSuppressedClick() || d?.(r, n);
 			},
 			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,
+			ariaRowIndex: pe ? n + 2 : void 0,
+			ariaPosInSet: pe ? void 0 : n + 1,
+			ariaSetSize: pe ? void 0 : e.length,
+			rowRole: pe ? "row" : "listitem",
+			reserveToggleGutter: ge,
 			...o,
 			dropIndicatorClassName: L?.dropIndicator,
 			dropIndicatorStyle: R?.dropIndicator,
 			rowClassName: L?.row,
 			rowStyle: R?.row,
-			children: fe ? /* @__PURE__ */ H(B, { children: [x && /* @__PURE__ */ V("div", {
+			children: pe ? /* @__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: () => ue.handleRowSelect(i),
+					selected: fe.has(i),
+					onToggle: () => de.handleRowSelect(i),
 					"aria-label": "Select row"
 				})
-			}), pe.map((e) => /* @__PURE__ */ V("div", {
+			}), me.map((e) => /* @__PURE__ */ V("div", {
 				className: f($.virtualListCell, L?.cell),
 				style: R?.cell,
 				role: "gridcell",
@@ -4980,28 +4987,28 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 				children: e.renderCell(r, n)
 			}, e.key))] }) : t?.(r, n)
 		}, i);
-	}, 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", {
+	}, we = [];
+	for (let e = G; e <= K; e++) we.push(Ce(e));
+	let Ee = q.draggingKey == null ? -1 : re.indexOf(q.draggingKey);
+	return Ee >= 0 && (Ee < G || Ee > K) && we.push(Ce(Ee)), /* @__PURE__ */ H("div", {
 		...te,
 		ref: U,
-		className: f($.virtualList, J.draggingKey != null && $.virtualListReordering, I, L?.root),
+		className: f($.virtualList, q.draggingKey != null && $.virtualListReordering, I, L?.root),
 		style: {
 			height: r,
 			...ee,
 			...R?.root
 		},
 		onScroll: oe.handleScroll,
-		role: fe ? "grid" : "list",
-		"aria-rowcount": fe ? e.length + 1 : void 0,
+		role: pe ? "grid" : "list",
+		"aria-rowcount": pe ? e.length + 1 : void 0,
 		children: [
-			fe && /* @__PURE__ */ H("div", {
+			pe && /* @__PURE__ */ H("div", {
 				ref: se,
 				className: f($.virtualListHeader, L?.header),
 				style: {
-					gridTemplateColumns: me,
-					...he ? { paddingRight: 32 } : {},
+					gridTemplateColumns: he,
+					...ge ? { paddingRight: 32 } : {},
 					...R?.header
 				},
 				role: "row",
@@ -5012,48 +5019,48 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 						style: R?.selectCell,
 						role: "columnheader",
 						children: /* @__PURE__ */ V(qe, {
-							selected: ue.allSelected || ue.someSelected,
-							onToggle: ue.handleSelectAll,
+							selected: de.allSelected || de.someSelected,
+							onToggle: de.handleSelectAll,
 							"aria-label": "Select all rows"
 						})
 					}),
-					pe.map((e) => /* @__PURE__ */ V("div", {
+					me.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)),
-					he && /* @__PURE__ */ H("div", {
-						ref: be,
+					ge && /* @__PURE__ */ H("div", {
+						ref: xe,
 						className: $.virtualListToggleWrapper,
 						children: [
 							/* @__PURE__ */ V("button", {
 								type: "button",
 								className: f($.virtualListHeaderToggle, L?.headerToggle),
 								style: R?.headerToggle,
-								onClick: () => ye((e) => !e),
+								onClick: () => be((e) => !e),
 								"aria-label": "Toggle column visibility",
 								children: /* @__PURE__ */ V(p, {
 									icon: k,
 									style: R?.headerToggle
 								})
 							}),
-							_e > 0 && /* @__PURE__ */ V("span", {
+							ve > 0 && /* @__PURE__ */ V("span", {
 								className: f($.virtualListColumnChip, L?.columnChip),
 								style: R?.columnChip,
-								"data-column-hidden-count": _e,
-								"aria-label": `${_e} columns hidden`,
-								children: _e
+								"data-column-hidden-count": ve,
+								"aria-label": `${ve} columns hidden`,
+								children: ve
 							}),
-							ve && /* @__PURE__ */ V("div", {
+							ye && /* @__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: ge.has(e.key),
-									onToggle: () => xe(e.key),
+									selected: _e.has(e.key),
+									onToggle: () => Se(e.key),
 									cursorDefault: !1,
 									children: e.label
 								}, e.key))
@@ -5064,19 +5071,19 @@ function Zr({ items: e, renderRow: t, columns: n, height: r = "100%", estimatedR
 			}),
 			b ? /* @__PURE__ */ V("div", {
 				className: $.virtualListLoadingFull,
-				children: /* @__PURE__ */ V(we, { className: $.virtualListSpinner })
+				children: /* @__PURE__ */ V(Te, { className: $.virtualListSpinner })
 			}) : /* @__PURE__ */ V("div", {
 				className: f($.virtualListBody, L?.body),
 				style: {
-					height: G,
+					height: ue,
 					...R?.body
 				},
-				children: Ce
+				children: we
 			}),
 			oe.showLoadMoreSpinner && /* @__PURE__ */ V("div", {
 				className: f($.virtualListLoadingIndicator, L?.loadingIndicator),
 				style: R?.loadingIndicator,
-				children: /* @__PURE__ */ V(we, { className: $.virtualListSpinner })
+				children: /* @__PURE__ */ V(Te, { className: $.virtualListSpinner })
 			})
 		]
 	});
@@ -5222,7 +5229,7 @@ var ni = class {
 			}), this.onValidateCallback) return this.onValidateCallback(this);
 		}, this.setValidator = (e, t) => (this.group[e] = t, this), this.group = e, this.#e = n ?? {}, this.#r = {}, this.submitCount = 0, this.onDebounce = () => {}, this.onReset = () => {}, Object.keys(this.group).forEach((e) => {
 			let t = this.group[e], n = this.#e;
-			n[e] !== void 0 && t.set(n[e]), this.#r[e] = t.value, this.group[e].registerOnUpdateListener(() => {
+			n[e] !== void 0 && t.set(n[e], !1), this.#r[e] = t.value, this.group[e].registerOnUpdateListener(() => {
 				this.#a(), this.submitCount = 0, this.#n && clearTimeout(this.#n), this.#n = setTimeout(() => this.onDebounce(this.getValues()), 500);
 			});
 		}), this.component = t, this.onSubmitCallback = r, this.onValidateCallback = i, this.errorParser = a, this.onSubmitError = o, this.setSubmitting(!1);
@@ -5582,6 +5589,6 @@ function xi(e, { initialValues: t, onSubmit: n, onValidate: r, errorParser: i, o
 	return f.current = n, p.current = r, a(() => (n !== void 0 && (d.onSubmitCallback = (...e) => f.current?.(...e)), r !== void 0 && (d.onValidateCallback = (...e) => p.current?.(...e)), d.registerOnUpdateListener(s), () => d.removeOnUpdateListener(s)), []), d;
 }
 //#endregion
-export { be as Accordion, he as AccordionStyleType, Ne as ActionButtons, Re as ActionIcon, Qe as Align, ze as BodyEnd, Me as Button, Ee as ButtonSize, Te as ButtonStyleType, De as ButtonType, Ve as Card, Ge as CardActions, We as CardContent, He as CardHeader, Ue as CardMedia, qe as Checkbox, Ye as Chip, Xe as ChipContainer, mt as ColorPicker, _t as ConfirmModal, Gt as DatePicker, Ut as Dropdown, qt as EmptyState, Qt as Fab, et as FloatingMenu, oi as FormValidator, ai as FormValidatorGroup, gn as IconLoading, nn as IconPicker, an as IdleManager, Ht as InfiniteBlock, rt as Input, ln as InputDropdown, X as InputType, Ie as InteractableDiv, pn as KanbanBoard, fn as KanbanColumn, gt as Modal, yn as NumberInput, xn as OptionPicker, Tn as Overscroll, On as ProgressBar, ke as Ripple, tr as RoomDrawer, rr as RoomViewer, or as ScrollbarProvider, cr as SearchInput, we as SpinnerLoading, dr as Stepper, yr as TenorPicker, br as Textarea, Cr as ThemeProvider, Fr as ToastProvider, nt as Tooltip, yi as ValidatableComponent, vi as Validators, Qr as VirtualList, ei as Wizard, xr as defaultTheme, Tt as getLocale, pi as hasEightPasswordChars, hi as hasOnePasswordDigit, mi as hasOnePasswordLetter, di as isBic, ci as isDate, ui as isEmail, li as isISODate, si as isNumber, gi as isPassword, fi as isURL, St as mapLocale, wt as setLocale, jr as showToast, bi as useFormValidator, xi as useFormValidatorGroup, wr as useTheme };
+export { xe as Accordion, ge as AccordionStyleType, Ne as ActionButtons, Re as ActionIcon, Qe as Align, ze as BodyEnd, J as Button, De as ButtonSize, Ee as ButtonStyleType, Oe as ButtonType, Ve as Card, Ge as CardActions, We as CardContent, He as CardHeader, Ue as CardMedia, qe as Checkbox, Ye as Chip, Xe as ChipContainer, mt as ColorPicker, _t as ConfirmModal, Gt as DatePicker, Ut as Dropdown, qt as EmptyState, Qt as Fab, et as FloatingMenu, oi as FormValidator, ai as FormValidatorGroup, gn as IconLoading, nn as IconPicker, an as IdleManager, Ht as InfiniteBlock, rt as Input, ln as InputDropdown, X as InputType, Ie as InteractableDiv, pn as KanbanBoard, fn as KanbanColumn, gt as Modal, yn as NumberInput, xn as OptionPicker, Tn as Overscroll, On as ProgressBar, Ae as Ripple, tr as RoomDrawer, rr as RoomViewer, or as ScrollbarProvider, cr as SearchInput, Te as SpinnerLoading, dr as Stepper, yr as TenorPicker, br as Textarea, Cr as ThemeProvider, Fr as ToastProvider, nt as Tooltip, yi as ValidatableComponent, vi as Validators, Qr as VirtualList, ei as Wizard, xr as defaultTheme, Tt as getLocale, pi as hasEightPasswordChars, hi as hasOnePasswordDigit, mi as hasOnePasswordLetter, di as isBic, ci as isDate, ui as isEmail, li as isISODate, si as isNumber, gi as isPassword, fi as isURL, St as mapLocale, wt as setLocale, jr as showToast, bi as useFormValidator, xi as useFormValidatorGroup, wr as useTheme };
 
 //# sourceMappingURL=index.mjs.map