@oliasoft-open-source/react-ui-library 5.6.3 → 5.6.5-beta-1

package/dist/index.js

@@ -1,4 +1,4 @@
-import React, { Fragment, createContext, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useTransition } from "react";
+import React, { Fragment, cloneElement, createContext, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useTransition } from "react";
 import cx from "classnames";
 import { ReactSVG } from "react-svg";
 import { TbAlertTriangle, TbArrowDown, TbArrowLeft, TbArrowRight, TbArrowUp, TbArrowsDiagonal, TbArrowsMaximize, TbArrowsMinimize, TbArrowsMove, TbArrowsSplit, TbBell, TbBold, TbBolt, TbBook2, TbBuildingSkyscraper, TbCamera, TbChartBar, TbChartLine, TbChartPie2, TbCheck, TbChevronDown, TbChevronLeft, TbChevronRight, TbChevronUp, TbChevronsLeft, TbChevronsRight, TbCircle, TbCircleCheck, TbCircleX, TbClipboard, TbClock, TbCode, TbCopy, TbCornerDownRight, TbDeviceFloppy, TbDeviceLaptop, TbDotsVertical, TbDownload, TbDroplet, TbExclamationMark, TbExternalLink, TbEye, TbEyeOff, TbFile, TbFilter, TbFilterOff, TbFocusCentered, TbFolder, TbFolderSearch, TbGauge, TbGitFork, TbGripVertical, TbHelp, TbInfoCircle, TbItalic, TbKey, TbLayoutColumns, TbLayoutRows, TbLink, TbLinkOff, TbList, TbListNumbers, TbLoader2, TbLock, TbLockOpen, TbMapPin, TbMessageCircle, TbMinus, TbMoon, TbMovie, TbNote, TbPencil, TbPlayerPause, TbPlayerPlay, TbPlayerSkipBack, TbPlayerSkipForward, TbPlayerStop, TbPlayerTrackNext, TbPlayerTrackPrev, TbPlus, TbQuestionMark, TbRefresh, TbReload, TbRotate, TbRowInsertBottom, TbRowInsertTop, TbRuler3, TbScale, TbSearch, TbServer, TbSettings, TbSortAscending, TbSortDescending, TbStar, TbSun, TbTable, TbTarget, TbTrash, TbUpload, TbUser, TbUsers, TbX } from "react-icons/tb";
@@ -15,13 +15,13 @@ import { ALT_UNITS, KNOWN_UNITS, altUnitsList, cleanNumStr, convertAndGetValue,
 import { FixedSizeList } from "react-window";
 import { SortableContext, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
+import Papa from "papaparse";
 import RcSlider from "rc-slider";
 import memoizeOne from "memoize-one";
 import isEqual$1 from "react-fast-compare";
 import { DndContext, DragOverlay, closestCenter } from "@dnd-kit/core";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { SimplifyAP } from "simplify-ts";
-import Papa from "papaparse";
 import { Slide, ToastContainer as Toaster, toast as toast$1 } from "react-toastify";
 import { isNullOrUndefined } from "remirror";
 import { BoldExtension, BulletListExtension, CodeExtension, ItalicExtension, MarkdownExtension, OrderedListExtension, PlaceholderExtension } from "remirror/extensions";
@@ -214,23 +214,23 @@ const NamedIcon = ({ icon: e }) => {
 		case "": return null;
 		default: return /* @__PURE__ */ jsx(TbCircle, {});
 	}
-}, Icon = ({ icon: e, onClick: t, clickable: n = !1, color: r, size: a, testId: o }) => {
-	let c = useContext(DisabledContext), l = {
+}, Icon = ({ icon: e, onClick: t, clickable: n = !1, color: r, size: i, testId: o }) => {
+	let s = useContext(DisabledContext), l = {
 		color: r,
 		fill: r,
-		fontSize: a || "inherit",
-		width: a || "auto",
-		height: a || "auto"
+		fontSize: i || "inherit",
+		width: i || "auto",
+		height: i || "auto"
 	};
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(icon_module_default.wrapper, (n || t) && !c ? icon_module_default.clickable : ""),
+		className: cx(icon_module_default.wrapper, (n || t) && !s ? icon_module_default.clickable : ""),
 		style: l,
-		onClick: (e) => t && !c ? t(e) : void 0,
+		onClick: (e) => t && !s ? t(e) : void 0,
 		"data-testid": o,
 		children: isValidElement(e) ? e : typeof e == "string" && (e.includes(".svg") || e.includes("image/svg")) ? /* @__PURE__ */ jsx(ReactSVG, {
 			className: icon_module_default.customSvg,
 			beforeInjection: (e) => {
-				a && (e.setAttribute("width", String(a)), e.setAttribute("height", String(a)));
+				i && (e.setAttribute("width", String(i)), e.setAttribute("height", String(i)));
 			},
 			src: e
 		}) : typeof e == "string" && (e.includes(".png") || e.includes("image/png")) ? /* @__PURE__ */ jsx("img", {
@@ -325,7 +325,7 @@ const TooltipLayer = ({ text: e = "", error: t = !1, warning: n = !1, maxWidth:
 		...s,
 		size: 6
 	})]
-}), Tooltip = ({ children: e, text: t = "", error: n = !1, placement: r = "top-center", possiblePlacements: a = [
+}), Tooltip = ({ children: e, text: t = "", error: n = !1, placement: r = "top-center", possiblePlacements: i = [
 	"top-center",
 	"left-center",
 	"bottom-center",
@@ -341,7 +341,7 @@ const TooltipLayer = ({ text: e = "", error: t = !1, warning: n = !1, maxWidth:
 		auto: !0,
 		triggerOffset: l,
 		placement: r,
-		possiblePlacements: a,
+		possiblePlacements: i,
 		onParentClose: v
 	});
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [y && b(/* @__PURE__ */ jsx(TooltipLayer, {
@@ -385,12 +385,12 @@ const HelpIcon = ({ text: e, onClick: t, icon: n = "help", active: r = !1, maxWi
 		maxWidth: i,
 		children: /* @__PURE__ */ jsx(Icon, { icon: n })
 	})
-}), CheckBox = ({ noMargin: e = !1, dataix: t = 0, isInTable: n = !1, tabIndex: r = 0, checked: i = !1, indeterminate: a = !1, name: o, label: l = "", disabled: u = !1, small: d = !1, onChange: f, testId: m, value: h, helpText: _, onClickHelp: v }) => {
-	let y = useContext(DisabledContext), b = _ || v, x = u || y, S = useRef(null);
+}), CheckBox = ({ noMargin: e = !1, dataix: t = 0, isInTable: n = !1, tabIndex: r = 0, checked: i = !1, indeterminate: a = !1, name: o, label: s = "", disabled: u = !1, small: d = !1, onChange: f, testId: p, value: h, helpText: g, onClickHelp: v }) => {
+	let y = useContext(DisabledContext), b = g || v, x = u || y, S = useRef(null);
 	return useEffect(() => {
 		S.current && (S.current.indeterminate = a);
 	}, [a]), /* @__PURE__ */ jsxs("div", {
-		className: cx(check_box_module_default.checkbox, e && check_box_module_default.noMargin, n && check_box_module_default.isInTable, x && check_box_module_default.disabled, d && check_box_module_default.small, !l && check_box_module_default.noLabel),
+		className: cx(check_box_module_default.checkbox, e && check_box_module_default.noMargin, n && check_box_module_default.isInTable, x && check_box_module_default.disabled, d && check_box_module_default.small, !s && check_box_module_default.noLabel),
 		"data-ix": t,
 		onClick: (e) => {
 			if (!x) {
@@ -404,7 +404,7 @@ const HelpIcon = ({ text: e, onClick: t, icon: n = "help", active: r = !1, maxWi
 				});
 			}
 		},
-		"data-testid": m,
+		"data-testid": p,
 		children: [
 			/* @__PURE__ */ jsx("input", {
 				ref: S,
@@ -421,12 +421,12 @@ const HelpIcon = ({ text: e, onClick: t, icon: n = "help", active: r = !1, maxWi
 				children: [/* @__PURE__ */ jsx("span", {
 					className: check_box_module_default.checkmark,
 					children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CHECK })
-				}), l]
+				}), s]
 			}),
 			b && /* @__PURE__ */ jsx("div", {
 				className: check_box_module_default.helpIconEnabled,
 				onClick: v,
-				children: /* @__PURE__ */ jsx(HelpIcon, { text: _ })
+				children: /* @__PURE__ */ jsx(HelpIcon, { text: g })
 			})
 		]
 	});
@@ -526,7 +526,7 @@ var ButtonTooltipWrapper = ({ children: e, tooltip: t = null }) => t ? /* @__PUR
 	display: "inline-flex",
 	children: e
 }) : /* @__PURE__ */ jsx(Fragment$1, { children: e });
-const Button = ({ active: e = !1, basic: t = !1, colored: n = !1, disabled: r = !1, ignoreDisabledContext: i = !1, groupOrder: a, icon: o = null, label: c = "", loading: l = !1, name: u, pill: d = !1, round: f = !1, small: p = !1, styles: m = "", width: h = "", title: _ = "", type: v = ButtonType.BUTTON, onClick: y = () => {}, error: b, warning: x, testId: S, tooltip: C, inverted: w = !1, component: T = "button", url: E, tabIndex: D }) => {
+const Button = ({ active: e = !1, basic: t = !1, colored: n = !1, disabled: r = !1, ignoreDisabledContext: i = !1, groupOrder: a, icon: o = null, label: s = "", loading: l = !1, name: u, pill: d = !1, round: f = !1, small: p = !1, styles: m = "", width: h = "", title: g = "", type: v = ButtonType.BUTTON, onClick: y = () => {}, error: b, warning: x, testId: S, tooltip: C, inverted: w = !1, component: T = "button", url: E, tabIndex: D }) => {
 	let O = useContext(DisabledContext), k = (() => {
 		if (n) switch (n) {
 			case Color.DANGER:
@@ -549,11 +549,11 @@ const Button = ({ active: e = !1, basic: t = !1, colored: n = !1, disabled: r =
 		tooltip: C,
 		children: /* @__PURE__ */ jsxs(T, {
 			type: v === ButtonType.SUBMIT ? ButtonType.SUBMIT : ButtonType.BUTTON,
-			className: cx(button_module_default.button, e ? button_module_default.active : "", t ? button_module_default.basic : "", k, j ? button_module_default.disabled : "", (o || l) && !c ? button_module_default.iconOnly : "", w ? button_module_default.inverted : "", A, d ? button_module_default.pill : "", f ? button_module_default.round : "", p ? button_module_default.small : "", m),
+			className: cx(button_module_default.button, e ? button_module_default.active : "", t ? button_module_default.basic : "", k, j ? button_module_default.disabled : "", (o || l) && !s ? button_module_default.iconOnly : "", w ? button_module_default.inverted : "", A, d ? button_module_default.pill : "", f ? button_module_default.round : "", p ? button_module_default.small : "", m),
 			disabled: j,
 			name: u ?? "",
 			onClick: y,
-			..._ ? { title: _ } : {},
+			...g ? { title: g } : {},
 			style: { width: h },
 			"data-error": b || null,
 			"data-warning": x || null,
@@ -574,7 +574,7 @@ const Button = ({ active: e = !1, basic: t = !1, colored: n = !1, disabled: r =
 						colored: t
 					})
 				}),
-				c
+				s
 			]
 		})
 	});
@@ -624,7 +624,7 @@ const Heading$3 = ({ label: e, onClick: t, icon: n, testId: r }) => /* @__PURE__
 		onClick: t,
 		children: /* @__PURE__ */ jsx(Icon, { icon: n })
 	})]
-}), Divider$1 = () => /* @__PURE__ */ jsx("hr", { className: menu_module_default.divider }), Option$2 = ({ actions: e, label: t, url: n, onClick: r, description: i, icon: a, selected: o, closeOnOptionClick: s, close: c, disabled: l, inline: u, title: d, upload: f, uploadType: p, onChange: m = noop, testId: h, component: _ = "a" }) => {
+}), Divider$1 = () => /* @__PURE__ */ jsx("hr", { className: menu_module_default.divider }), Option$2 = ({ actions: e, label: t, url: n, onClick: r, description: i, icon: a, selected: o, closeOnOptionClick: s, close: c, disabled: l, inline: u, title: d, upload: f, uploadType: p, onChange: m = noop, testId: h, component: g = "a" }) => {
 	let v = (e) => {
 		if (e.stopPropagation(), l) {
 			e.preventDefault();
@@ -646,7 +646,7 @@ const Heading$3 = ({ label: e, onClick: t, icon: n, testId: r }) => /* @__PURE__
 			m?.(n), c?.();
 		}
 	};
-	return /* @__PURE__ */ jsxs(_, {
+	return /* @__PURE__ */ jsxs(g, {
 		href: n,
 		to: n,
 		className: cx(menu_module_default.option, l ? menu_module_default.disabled : "", u ? menu_module_default.inline : "", o ? menu_module_default?.selected : ""),
@@ -740,13 +740,13 @@ const Section$1 = ({ section: e, closeOnOptionClick: t, close: n, tree: r, path:
 			});
 		default: return null;
 	}
-}, parentPath = (e) => e.includes("[") ? e.substr(0, e.lastIndexOf("[")) : e, childPath = (e, t) => `${e}.sections[${t}]`.replace(/^\./, ""), closePath = (e) => `${e}.close`.replace(/^\./, ""), siblings = (e, t) => get(e, parentPath(t), []), registerClose = (e, t, n) => set(e, closePath(t), n), Layer$2 = ({ sections: e, isNested: t, width: n, closeOnOptionClick: r, close: a = () => {}, tree: o, path: s, maxHeight: c, showAllButton: l, testId: u }) => {
+}, parentPath = (e) => e.includes("[") ? e.substr(0, e.lastIndexOf("[")) : e, childPath = (e, t) => `${e}.sections[${t}]`.replace(/^\./, ""), closePath = (e) => `${e}.close`.replace(/^\./, ""), siblings = (e, t) => get(e, parentPath(t), []), registerClose = (e, t, n) => set(e, closePath(t), n), Layer$2 = ({ sections: e, isNested: t, width: n, closeOnOptionClick: r, close: i = () => {}, tree: o, path: s, maxHeight: c, showAllButton: l, testId: u }) => {
 	if (isValidElement(e)) return /* @__PURE__ */ jsx(Fragment$1, { children: e });
-	let [d, f] = useState(!l?.visible), p = e, h = l?.additionalSections?.map((e) => ({
+	let [d, f] = useState(!l?.visible), p = e, m = l?.additionalSections?.map((e) => ({
 		...e,
 		closeOnOptionClick: r,
 		visible: !0
-	})) ?? [], _ = p.length > 4 ? [{
+	})) ?? [], g = p.length > 4 ? [{
 		type: MenuType.OPTION,
 		label: d ? l?.showLessTitle || "Show less" : l?.showAllTitle || "Show all",
 		onClick: () => f(!d),
@@ -756,7 +756,7 @@ const Section$1 = ({ section: e, closeOnOptionClick: t, close: n, tree: r, path:
 		...e,
 		visible: !0,
 		closeOnOptionClick: r
-	} : e).concat(_, h).filter((e) => e?.visible) : p.map((e) => ({
+	} : e).concat(g, m).filter((e) => e?.visible) : p.map((e) => ({
 		...e,
 		closeOnOptionClick: r
 	}));
@@ -770,7 +770,7 @@ const Section$1 = ({ section: e, closeOnOptionClick: t, close: n, tree: r, path:
 		children: /* @__PURE__ */ jsx("ul", { children: v.map((e, t) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Section$1, {
 			section: e,
 			closeOnOptionClick: e.closeOnOptionClick,
-			close: a,
+			close: i,
 			tree: o,
 			path: childPath(s, t),
 			maxHeight: c
@@ -808,7 +808,7 @@ const Badge = ({ children: e, color: t = "", title: n = null, dot: r = !1, margi
 			children: n
 		}), e]
 	});
-}, Button$1 = ({ trigger: e, label: t, colored: n, small: r, width: i, disabled: a, groupOrder: o, loading: c, error: l, warning: u, active: d, tabIndex: f }) => {
+}, Button$1 = ({ trigger: e, label: t, colored: n, small: r, width: i, disabled: a, groupOrder: o, loading: s, error: l, warning: u, active: d, tabIndex: f }) => {
 	let p = useContext(DisabledContext), m = e === TriggerType.BUTTON ? t : e === TriggerType.DROP_DOWN_BUTTON ? /* @__PURE__ */ jsxs("span", {
 		className: menu_module_default.middleAlignedInline,
 		children: [/* @__PURE__ */ jsx("span", {
@@ -829,7 +829,7 @@ const Badge = ({ children: e, color: t = "", title: n = null, dot: r = !1, margi
 			width: i,
 			groupOrder: o,
 			onClick: () => {},
-			loading: c,
+			loading: s,
 			disabled: a,
 			error: l,
 			warning: u,
@@ -943,7 +943,7 @@ var isMenuEmpty = (e) => {
 			testId: d && `${d}-layer`
 		})
 	})), m];
-}, ContextMenu = ({ menu: e, width: t, disabled: n = !1, closeOnOptionClick: r = !0, closeParent: i, tree: a, path: o, groupOrder: c, testId: l }) => {
+}, ContextMenu = ({ menu: e, width: t, disabled: n = !1, closeOnOptionClick: r = !0, closeParent: i, tree: a, path: o, groupOrder: s, testId: l }) => {
 	let u = useContext(DisabledContext), { label: d, trigger: f, fullHeightTrigger: p, colored: m, small: h, component: g, placement: _, possiblePlacements: v = ["bottom-start", "top-start"] } = e, [y, b] = useContextMenu({
 		sections: e.sections,
 		width: t,
@@ -953,7 +953,7 @@ var isMenuEmpty = (e) => {
 		closeParent: i,
 		tree: a,
 		path: o,
-		groupOrder: c,
+		groupOrder: s,
 		overflowContainer: !0,
 		maxHeight: void 0,
 		testId: l
@@ -973,11 +973,11 @@ var isMenuEmpty = (e) => {
 			isNested: !0,
 			component: g,
 			contextMenu: !0,
-			groupOrder: c
+			groupOrder: s
 		}), y]
 	});
 };
-const DropDownMenu = ({ menu: e, width: t, disabled: n = !1, badgeTitle: r, badgeDot: i = !1, loading: a = !1, isNested: o = !1, closeOnOptionClick: c = !0, closeParent: l, tree: u, path: d, groupOrder: f, overflowContainer: p = !0, maxHeight: h, testId: g, open: _, setOpen: v, tooltip: y, error: b, warning: x, selected: S, tabIndex: C, active: w }) => {
+const DropDownMenu = ({ menu: e, width: t, disabled: n = !1, badgeTitle: r, badgeDot: i = !1, loading: a = !1, isNested: o = !1, closeOnOptionClick: s = !0, closeParent: l, tree: u, path: d, groupOrder: f, overflowContainer: p = !0, maxHeight: m, testId: g, open: _, setOpen: v, tooltip: y, error: b, warning: x, selected: S, tabIndex: C, active: w }) => {
 	let T = useContext(DisabledContext), { label: E, title: D, trigger: O, fullHeightTrigger: k, colored: A, small: j, sections: M, component: N, placement: P, showAllButton: F, possiblePlacements: I = ["bottom-start", "top-start"] } = e, [L, R] = isBoolean(_) && isFunction(v) ? [_, v] : useState(!1), z = () => R(!1), B = () => R(!0), { triggerProps: V, layerProps: H, renderLayer: U } = useLayer({
 		isOpen: L,
 		...placementOptions$1(P, o),
@@ -1031,11 +1031,11 @@ const DropDownMenu = ({ menu: e, width: t, disabled: n = !1, badgeTitle: r, badg
 			sections: M,
 			isNested: o,
 			width: t,
-			closeOnOptionClick: c,
+			closeOnOptionClick: s,
 			close: l || z,
 			tree: u,
 			path: d,
-			maxHeight: h,
+			maxHeight: m,
 			showAllButton: F,
 			testId: g && `${g}-layer`
 		})
@@ -1124,15 +1124,15 @@ var breadcrumb_module_default = {
 let BreadcrumbLinkType = /* @__PURE__ */ function(e) {
 	return e.LABEL = "label", e.LINK = "link", e.CUSTOM = "custom", e;
 }({});
-const Link$2 = ({ type: e = BreadcrumbLinkType.LABEL, label: t, url: n, onClick: r, active: a, disabled: o, element: c }) => {
-	let l = useContext(DisabledContext), u = e === BreadcrumbLinkType.LINK && n !== void 0, d = e === BreadcrumbLinkType.CUSTOM && isValidElement(c);
+const Link$2 = ({ type: e = BreadcrumbLinkType.LABEL, label: t, url: n, onClick: r, active: i, disabled: o, element: s }) => {
+	let l = useContext(DisabledContext), u = e === BreadcrumbLinkType.LINK && n !== void 0, d = e === BreadcrumbLinkType.CUSTOM && isValidElement(s);
 	return /* @__PURE__ */ jsx("span", {
 		onClick: r,
-		className: cx(breadcrumb_module_default.labelContainer, a && breadcrumb_module_default.active, (o || l) && breadcrumb_module_default.disabled),
+		className: cx(breadcrumb_module_default.labelContainer, i && breadcrumb_module_default.active, (o || l) && breadcrumb_module_default.disabled),
 		children: u ? /* @__PURE__ */ jsx("a", {
 			href: n,
 			children: t
-		}) : d ? c : t
+		}) : d ? s : t
 	});
 }, Breadcrumb = ({ links: e, small: t = !1 }) => /* @__PURE__ */ jsx("div", {
 	className: cx(breadcrumb_module_default.breadcrumb, t && breadcrumb_module_default.small),
@@ -1157,7 +1157,7 @@ var button_group_module_default = {
 	buttonGroup: "_buttonGroup_iu2wi_11"
 };
 const ButtonGroup = (e) => {
-	let { basic: t = !1, items: n = [], header: r = "", onSelected: i = () => {}, small: a = !1, value: o = "", testId: c = void 0, disabled: l } = e, u = useContext(DisabledContext), d = (e, t, n, r, a) => {
+	let { basic: t = !1, items: n = [], header: r = "", onSelected: i = () => {}, small: a = !1, value: o = "", testId: s = void 0, disabled: l } = e, u = useContext(DisabledContext), d = (e, t, n, r, a) => {
 		e.preventDefault(), e.stopPropagation(), !(l || a || u) && i(t, n, r);
 	}, f = (e, t) => t === "string" ? e : t === "object" ? e.label : t === "array" ? e[1] : null, p = (e, t) => t === "string" ? e : t === "object" ? e.value ?? "" : t === "array" ? e[0] ?? "" : "", m = (e, t, n) => t === "object" && "key" in e ? e.key : n, h = (e, t) => t === "object" ? e.hidden : !1, g = (e, t) => t === "object" ? e.icon : void 0, _ = (e, t, n) => e === "object" ? String(t) === String(o) : n === o, v = () => {
 		if (r) return /* @__PURE__ */ jsx("label", {
@@ -1190,7 +1190,7 @@ const ButtonGroup = (e) => {
 	});
 	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [v(), /* @__PURE__ */ jsx("div", {
 		className: button_group_module_default.buttonGroup,
-		"data-testid": c,
+		"data-testid": s,
 		children: y()
 	})] }) });
 };
@@ -1493,16 +1493,16 @@ const DrawerResizeWrapper = ({ children: e = null, width: t = 400, right: n = !1
 		},
 		children: e
 	}) : /* @__PURE__ */ jsx(Fragment$1, { children: e });
-}, Drawer = ({ background: e = "var(--color-background-raised)", fixed: t = !1, open: n = !1, setOpen: r, right: a = !1, width: o = 400, closedWidth: s = 0, shadow: c = !1, top: l = 0, button: u = null, buttonAnimate: d = !0, buttonPosition: f = ButtonPosition.BOTTOM, border: p = !1, children: h = null, tabs: _, defaultTabIndex: v = 0, activeTab: y, setActiveTab: b, testId: x, onResize: S, getActiveTab: C, onClose: w, onOpen: T, maxOpenWidth: E }) => {
-	let D = u === !0, O = !D && isValidElement(u), [k, A] = r ? [n, r] : D || _ ? useState(n) : [n, () => {}], [j, M] = useState(v), N = r ? n : k, P = r || A, F = b === void 0 ? j : y, I = b || M, L = Array.isArray(o) ? o[F || 0] : o, R = N ? L : _ ? 35 : s;
+}, Drawer = ({ background: e = "var(--color-background-raised)", fixed: t = !1, open: n = !1, setOpen: r, right: i = !1, width: o = 400, closedWidth: s = 0, shadow: c = !1, top: l = 0, button: u = null, buttonAnimate: d = !0, buttonPosition: f = ButtonPosition.BOTTOM, border: p = !1, children: m = null, tabs: g, defaultTabIndex: v = 0, activeTab: y, setActiveTab: b, testId: x, onResize: S, getActiveTab: C, onClose: w, onOpen: T, maxOpenWidth: E }) => {
+	let D = u === !0, O = !D && isValidElement(u), [k, A] = r ? [n, r] : D || g ? useState(n) : [n, () => {}], [j, M] = useState(v), N = r ? n : k, P = r || A, F = b === void 0 ? j : y, I = b || M, L = Array.isArray(o) ? o[F || 0] : o, R = N ? L : g ? 35 : s;
 	return /* @__PURE__ */ jsx(DrawerResizeWrapper, {
 		width: R,
 		onResize: S,
 		setOpen: P,
-		right: a,
+		right: i,
 		maxOpenWidth: E,
 		children: /* @__PURE__ */ jsxs("div", {
-			className: cx(drawer_module_default.drawer, c ? drawer_module_default.shadow : "", t ? drawer_module_default.fixed : drawer_module_default.inline, a ? drawer_module_default.right : drawer_module_default.left),
+			className: cx(drawer_module_default.drawer, c ? drawer_module_default.shadow : "", t ? drawer_module_default.fixed : drawer_module_default.inline, i ? drawer_module_default.right : drawer_module_default.left),
 			style: { top: l },
 			children: [/* @__PURE__ */ jsx("div", {
 				className: cx(drawer_module_default.drawerContent, p && drawer_module_default.border),
@@ -1511,16 +1511,16 @@ const DrawerResizeWrapper = ({ children: e = null, width: t = 400, right: n = !1
 					borderColor: typeof p == "string" ? p : void 0,
 					width: R
 				},
-				children: _ ? /* @__PURE__ */ jsx(DrawerTabs, {
+				children: g ? /* @__PURE__ */ jsx(DrawerTabs, {
 					width: L,
 					testId: x,
-					tabs: _,
+					tabs: g,
 					open: N,
 					activeTab: F || 0,
 					background: e,
 					handleTabClick: (e) => {
 						let t = (t) => {
-							_ && t && t(_[e]);
+							g && t && t(g[e]);
 						};
 						F === e && N && P ? (t(w), P(!1)) : !N && P && (t(T), P(!0), S && ((e) => {
 							let t;
@@ -1533,21 +1533,21 @@ const DrawerResizeWrapper = ({ children: e = null, width: t = 400, right: n = !1
 					}
 				}) : /* @__PURE__ */ jsx("div", {
 					style: { width: L },
-					children: h
+					children: m
 				})
 			}), u && /* @__PURE__ */ jsx("span", {
 				className: cx(drawer_module_default.toggleButton, k && (D || O && d) ? drawer_module_default.toggleButtonOpen : "", f === "top" ? drawer_module_default.top : drawer_module_default.bottom),
 				children: O ? u : /* @__PURE__ */ jsx(Button, {
 					onClick: P ? () => P(!N) : void 0,
 					round: !0,
-					icon: a ? IconType.CHEVRON_RIGHT : IconType.CHEVRON_LEFT
+					icon: i ? IconType.CHEVRON_RIGHT : IconType.CHEVRON_LEFT
 				})
 			})]
 		})
 	});
 };
 var input_group_module_default = { inputGroup: "_inputGroup_biuoa_1" }, isDOMTypeElement = (e) => isValidElement(e) && typeof e.type == "string";
-const InputGroup = ({ children: n, small: r = !1, width: a = "100%" }) => {
+const InputGroup = ({ children: n, small: r = !1, width: i = "100%" }) => {
 	let o = Array.isArray(n) ? n.filter((e) => isValidElement(e)) : [n], s = o.map((n, i) => {
 		let a = isDOMTypeElement(n), { groupOrder: s } = a ? { groupOrder: null } : n.props, c = o.length, l = i === 0, u = i === c - 1, d = s || (!c || c === 1 ? null : l ? GroupOrder.FIRST : u ? GroupOrder.LAST : GroupOrder.MIDDLE);
 		return a ? n : /* @__PURE__ */ jsx(Fragment, { children: React.cloneElement(n, {
@@ -1557,27 +1557,27 @@ const InputGroup = ({ children: n, small: r = !1, width: a = "100%" }) => {
 	});
 	return /* @__PURE__ */ jsx("div", {
 		className: cx(input_group_module_default.inputGroup),
-		style: { width: a },
+		style: { width: i },
 		children: s
 	});
 };
 var input_module_default = {
-	inputInTable: "_inputInTable_1285q_1",
-	inputHover: "_inputHover_1285q_13",
-	inputFocus: "_inputFocus_1285q_18",
-	inputError: "_inputError_1285q_25",
-	inputWarning: "_inputWarning_1285q_26",
-	inputDisabled: "_inputDisabled_1285q_61",
-	hideScrollbars: "_hideScrollbars_1285q_67",
-	input: "_input_1285q_1",
-	isInTable: "_isInTable_1285q_100",
-	small: "_small_1285q_124",
-	right: "_right_1285q_170",
-	groupOrderFirst: "_groupOrderFirst_1285q_173",
-	groupOrderMiddle: "_groupOrderMiddle_1285q_174",
-	groupOrderLast: "_groupOrderLast_1285q_175"
+	inputInTable: "_inputInTable_180g1_1",
+	inputHover: "_inputHover_180g1_13",
+	inputFocus: "_inputFocus_180g1_18",
+	inputError: "_inputError_180g1_25",
+	inputWarning: "_inputWarning_180g1_26",
+	inputDisabled: "_inputDisabled_180g1_61",
+	hideScrollbars: "_hideScrollbars_180g1_67",
+	input: "_input_180g1_1",
+	isInTable: "_isInTable_180g1_100",
+	small: "_small_180g1_129",
+	right: "_right_180g1_175",
+	groupOrderFirst: "_groupOrderFirst_180g1_178",
+	groupOrderMiddle: "_groupOrderMiddle_180g1_179",
+	groupOrderLast: "_groupOrderLast_180g1_180"
 };
-const Input = forwardRef(({ error: e = null, tooltip: t = null, isInTable: n, width: r = void 0, small: i = !1, onChange: a = noop, placeholder: o = "", value: c = "", onKeyPress: l = () => {}, onFocus: u = () => {}, onBlur: d = () => {}, onPaste: f = () => {}, onKeyDown: p = () => {}, selectOnFocus: m = !0, name: h = void 0, type: _ = "text", tabIndex: v = 0, disabled: y = !1, right: b = !1, warning: x = null, groupOrder: S = null, maxTooltipWidth: C = void 0, testId: w = void 0, size: T = null }, E) => {
+const Input = forwardRef(({ error: e = null, tooltip: t = null, isInTable: n, width: r = void 0, small: i = !1, onChange: a = noop, placeholder: o = "", value: s = "", onKeyPress: l = () => {}, onFocus: u = () => {}, onBlur: d = () => {}, onPaste: f = () => {}, onKeyDown: p = () => {}, selectOnFocus: m = !0, name: h = void 0, type: g = "text", tabIndex: v = 0, disabled: y = !1, right: b = !1, warning: x = null, groupOrder: S = null, maxTooltipWidth: C = void 0, testId: w = void 0, size: T = null }, E) => {
 	let D = useContext(DisabledContext), O = (() => {
 		if (S) switch (S) {
 			case GroupOrder.FIRST: return input_module_default.groupOrderFirst;
@@ -1598,10 +1598,10 @@ const Input = forwardRef(({ error: e = null, tooltip: t = null, isInTable: n, wi
 			display: "block",
 			children: /* @__PURE__ */ jsx("input", {
 				ref: E,
-				type: _ || "text",
+				type: g || "text",
 				size: T || 20,
 				placeholder: o ?? "",
-				value: c ?? "",
+				value: s ?? "",
 				onChange: a,
 				onKeyPress: l,
 				onKeyDown: p,
@@ -1620,7 +1620,8 @@ const Input = forwardRef(({ error: e = null, tooltip: t = null, isInTable: n, wi
 				style: { width: k },
 				"data-error": e || null,
 				"data-warning": x || null,
-				"data-testid": w
+				"data-testid": w,
+				onDragStart: (e) => e.preventDefault()
 			})
 		})
 	});
@@ -1646,11 +1647,11 @@ var getName = (e, t) => {
 	let n;
 	return e ? (n = t ? `Selected - ${Object.keys(e)?.length} files` : e?.name, n || null) : null;
 };
-const FileInput = ({ label: e = "Select", loading: t = !1, placeholder: n = "No file selected", disabled: r = !1, file: i, accept: a, multi: o, name: c, width: l, onChange: u = noop, testId: d }) => {
-	let f = useContext(DisabledContext), m = useRef(null), h = getName(i, o);
+const FileInput = ({ label: e = "Select", loading: t = !1, placeholder: n = "No file selected", disabled: r = !1, file: i, accept: a, multi: o, name: s, width: l, onChange: u = noop, testId: d }) => {
+	let f = useContext(DisabledContext), p = useRef(null), h = getName(i, o);
 	return /* @__PURE__ */ jsxs("div", {
 		onClick: () => {
-			r || f || m.current?.click();
+			r || f || p.current?.click();
 		},
 		style: { width: l },
 		children: [/* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(Input, {
@@ -1663,8 +1664,8 @@ const FileInput = ({ label: e = "Select", loading: t = !1, placeholder: n = "No
 			disabled: t || r || f,
 			groupOrder: "last"
 		})] }), /* @__PURE__ */ jsx("input", {
-			name: c,
-			ref: m,
+			name: s,
+			ref: p,
 			className: file_input_module_default.fileInput,
 			type: "file",
 			accept: a,
@@ -1678,7 +1679,7 @@ const FileInput = ({ label: e = "Select", loading: t = !1, placeholder: n = "No
 						name: e.target.name
 					}
 				};
-				u(r), m.current && (m.current.value = "");
+				u(r), p.current && (p.current.value = "");
 			},
 			"data-testid": d
 		})]
@@ -1781,7 +1782,7 @@ const ProgressBar = ({ width: e = "auto", inverted: t = !1, colored: n = !0, sho
 	})
 });
 var REQUEST_TIME = 4e4;
-const SmartUploadModal = ({ visible: e, prompt: t, onCloseModal: n, onUpload: r, onComplete: i, onFailed: a, onError: o, width: s, heading: l, dialogText: u, fileInputText: d, fileInputPlaceholder: f, uploadText: p, cancelText: h, testId: g }) => {
+const SmartUploadModal = ({ visible: e, prompt: t, onCloseModal: n, onUpload: r, onComplete: i, onFailed: a, onError: o, width: s, heading: c, dialogText: u, fileInputText: d, fileInputPlaceholder: f, uploadText: p, cancelText: m, testId: g }) => {
 	let [_, v] = useState(null), [y, b] = useState(!1), [x, S] = useState(0), C = 0, w = () => {
 		C += 250, S(C);
 	}, T = (e) => {
@@ -1836,7 +1837,7 @@ const SmartUploadModal = ({ visible: e, prompt: t, onCloseModal: n, onUpload: r,
 		disabled: !_ || y,
 		testId: `${g}-button-upload`
 	}), /* @__PURE__ */ jsx(Button, {
-		label: h || "Cancel",
+		label: m || "Cancel",
 		onClick: k,
 		testId: `${g}-button-cancel`
 	})] });
@@ -1845,7 +1846,7 @@ const SmartUploadModal = ({ visible: e, prompt: t, onCloseModal: n, onUpload: r,
 		centered: !0,
 		children: /* @__PURE__ */ jsx(Dialog, { dialog: {
 			scroll: !0,
-			heading: l || "Smart Upload",
+			heading: c || "Smart Upload",
 			content: A,
 			footer: j,
 			onClose: k,
@@ -1986,12 +1987,12 @@ var reducer$1 = (e, t) => {
 	}
 };
 const Message = ({ message: e }) => {
-	let { visible: t, type: n = MessageType.INFO, icon: r, heading: i, content: a, details: o, detailsVisible: s = !1, footer: c, withDismiss: l, onClose: u, width: d, maxHeight: p } = e, [m, h] = useReducer(reducer$1, { detailsVisible: s });
+	let { visible: t, type: n = MessageType.INFO, icon: r, heading: i, content: a, details: o, detailsVisible: s = !1, footer: c, withDismiss: l, onClose: u, width: d, maxHeight: f } = e, [m, h] = useReducer(reducer$1, { detailsVisible: s });
 	return /* @__PURE__ */ jsx(Fragment$1, { children: t ? /* @__PURE__ */ jsxs("div", {
 		className: cx(message_module_default.container, d ? message_module_default.block : null, n === MessageType.SUCCESS ? message_module_default.success : n === MessageType.WARNING ? message_module_default.warning : n === MessageType.ERROR ? message_module_default.error : message_module_default.info),
 		style: {
 			width: d,
-			maxHeight: p
+			maxHeight: f
 		},
 		children: [
 			/* @__PURE__ */ jsx("div", { children: r ? /* @__PURE__ */ jsx("div", {
@@ -2076,7 +2077,7 @@ var footer_module_default = {
 	groupOrderMiddle: "_groupOrderMiddle_sl2b5_194",
 	groupOrderLast: "_groupOrderLast_sl2b5_198"
 };
-const NativeSelect = ({ disabled: e = !1, error: t = null, warning: n = null, tooltip: r = null, options: i, onChange: a = noop, onFocus: o = noop, onBlur: c = noop, right: l = !1, small: u = !1, tabIndex: d = 0, selectedOption: f, width: p = null, groupOrder: m, testId: h, isInTable: _ = !1, clearable: v, placeholder: y, hasNonExistentValue: b, maxTooltipWidth: x, borderRadius: S }) => {
+const NativeSelect = ({ disabled: e = !1, error: t = null, warning: n = null, tooltip: r = null, options: i, onChange: a = noop, onFocus: o = noop, onBlur: s = noop, right: l = !1, small: u = !1, tabIndex: d = 0, selectedOption: f, width: p = null, groupOrder: m, testId: h, isInTable: g = !1, clearable: v, placeholder: y, hasNonExistentValue: b, maxTooltipWidth: x, borderRadius: S }) => {
 	let C = useContext(DisabledContext), w = f === null || f?.value === null ? "unselected" : f?.value, T = w === "unselected", E = (w === "unselected" || v ? [/* @__PURE__ */ jsx("option", {
 		value: "unselected",
 		disabled: !v,
@@ -2105,7 +2106,7 @@ const NativeSelect = ({ disabled: e = !1, error: t = null, warning: n = null, to
 		enabled: r && isStringNumberOrNode(r) || t && isStringNumberOrNode(t) || n && isStringNumberOrNode(n) || !1,
 		maxWidth: x,
 		children: /* @__PURE__ */ jsx("select", {
-			className: cx(native_select_module_default.select, T ? native_select_module_default.unSelected : "", l ? native_select_module_default.right : "", u ? native_select_module_default.small : "", _ ? native_select_module_default.isInTable : "", D),
+			className: cx(native_select_module_default.select, T ? native_select_module_default.unSelected : "", l ? native_select_module_default.right : "", u ? native_select_module_default.small : "", g ? native_select_module_default.isInTable : "", D),
 			style: {
 				width: p || "",
 				borderRadius: S || ""
@@ -2115,7 +2116,7 @@ const NativeSelect = ({ disabled: e = !1, error: t = null, warning: n = null, to
 				n = t === "unselected" ? { value: null } : i.find((e) => String(e.value) === String(t)) || { value: null }, a(e, n);
 			},
 			onFocus: o,
-			onBlur: c,
+			onBlur: s,
 			tabIndex: d,
 			value: w,
 			disabled: e || C,
@@ -2238,10 +2239,10 @@ const getWidestOptionWidth = (e, t, n, r) => {
 	return Math.ceil(i + a);
 };
 var List$1 = FixedSizeList;
-const Layer$1 = ({ listRef: e, isMulti: t, sections: n, selectedOptions: r, onSelectOption: i, focusedOptionIndex: a, width: o, small: s, firstSelectedOptionIndex: l, closeLayer: u, testId: d }) => {
+const Layer$1 = ({ listRef: e, isMulti: t, sections: n, selectedOptions: r, onSelectOption: i, focusedOptionIndex: a, width: o, small: s, firstSelectedOptionIndex: c, closeLayer: u, testId: d }) => {
 	useEffect(() => {
-		l != null && e.current !== null && typeof e.current.scrollToItem == "function" && e.current.scrollToItem(l, "start");
-	}, [l, e]);
+		c != null && e.current !== null && typeof e.current.scrollToItem == "function" && e.current.scrollToItem(c, "start");
+	}, [c, e]);
 	let f = s ? 24 : 30;
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": d,
@@ -2301,12 +2302,12 @@ var trigger_module_default = {
 	detailedLabel: "_detailedLabel_7uwhv_307"
 };
 const MultiSelectedOptions = ({ selectedOptions: e, small: t, width: n, testId: r }) => {
-	let i = useFontsReady(), [a, o] = useState([]), [s, l] = useState([]);
+	let i = useFontsReady(), [a, o] = useState([]), [s, c] = useState([]);
 	return useEffect(() => {
 		let r = [], a = [], s = 0;
 		e.forEach((o, c) => {
 			s += getMultiOptionWidth(o, t, i), c === e.length - 1 && s < n || s < n - 24 ? r.push(o) : a.push(o);
-		}), o(r), l(a);
+		}), o(r), c(a);
 	}, [
 		e,
 		i,
@@ -2360,7 +2361,7 @@ const MultiSelectedOptions = ({ selectedOptions: e, small: t, width: n, testId:
 			"data-testid": c && `${c}-input`
 		}) : null]
 	});
-}, Trigger = ({ selectedOptions: e, searchValue: t, searchable: n, clearable: r, onClickTrigger: i, element: a, error: o, warning: s, tooltip: c, small: l, isInTable: u, disabled: d, onChangeSearch: f, onClickDeselect: p, onClickClear: m, tabIndex: h, isOpen: _, triggerRef: v, clearAllIsFocused: y, focusedSelectedOptionIndex: b, onFocus: x, onBlur: S, groupOrder: C, maxTooltipWidth: w, placeholder: T, right: E, testId: D }) => {
+}, Trigger = ({ selectedOptions: e, searchValue: t, searchable: n, clearable: r, onClickTrigger: i, element: a, error: o, warning: s, tooltip: c, small: l, isInTable: u, disabled: d, onChangeSearch: f, onClickDeselect: p, onClickClear: m, tabIndex: h, isOpen: g, triggerRef: v, clearAllIsFocused: y, focusedSelectedOptionIndex: b, onFocus: x, onBlur: S, groupOrder: C, maxTooltipWidth: w, placeholder: T, right: E, testId: D }) => {
 	let [O, k] = useFocus(), A = Array.isArray(e) ? e.length > 0 && e[0]?.value : e?.value, j = r && A, M = (() => {
 		if (C) switch (C) {
 			case GroupOrder.FIRST: return trigger_module_default.groupOrderFirst;
@@ -2380,7 +2381,7 @@ const MultiSelectedOptions = ({ selectedOptions: e, small: t, width: n, testId:
 	} : e, P = /* @__PURE__ */ jsxs(Fragment$1, { children: [a, /* @__PURE__ */ jsxs("div", {
 		ref: v,
 		tabIndex: h,
-		className: cx(trigger_module_default.trigger, _ ? trigger_module_default.isOpen : "", d ? trigger_module_default.disabled : "", l ? trigger_module_default.small : "", u ? trigger_module_default.isInTable : "", E ? trigger_module_default.right : "", M),
+		className: cx(trigger_module_default.trigger, g ? trigger_module_default.isOpen : "", d ? trigger_module_default.disabled : "", l ? trigger_module_default.small : "", u ? trigger_module_default.isInTable : "", E ? trigger_module_default.right : "", M),
 		onClick: (e) => {
 			e.stopPropagation(), requestAnimationFrame(() => {
 				i(e), typeof k == "function" && k();
@@ -2531,7 +2532,7 @@ let ActionTypes = /* @__PURE__ */ function(e) {
 }({}), EventKey = /* @__PURE__ */ function(e) {
 	return e.RIGHT = "ArrowRight", e.LEFT = "ArrowLeft", e.UP = "ArrowUp", e.DOWN = "ArrowDown", e.ENTER = "Enter", e.ESC = "Escape", e.TAB = "Tab", e;
 }({});
-const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFocus: r, disabled: i, disabledContext: a, onCreate: s, onChange: l, selectedOptions: u, width: d, small: f, isFontLoaded: m, placeholder: h, firstSelectedOptionIndex: g, createAble: _, listRef: v, autoLayerWidth: y }) => {
+const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFocus: r, disabled: i, disabledContext: a, onCreate: o, onChange: c, selectedOptions: u, width: d, small: f, isFontLoaded: p, placeholder: h, firstSelectedOptionIndex: g, createAble: _, listRef: v, autoLayerWidth: y }) => {
 	let b = () => {
 		e.isLayerOpen && t({ type: ActionTypes.CLOSE_LAYER }), r();
 	}, x = () => t({ type: ActionTypes.OPEN_LAYER }), S = useRef(!0);
@@ -2541,21 +2542,21 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 			options: n
 		});
 	}, [n]);
-	let C = (e, o, c) => {
+	let C = (e, s, l) => {
 		if (!(i || a)) {
-			if (c && c(), o) {
-				if (o.createAble && s) s(o.value);
-				else if (!o.disabled) if (Array.isArray(u)) {
-					let t = u.some((e) => String(e.value) === String(o.value)) ? u.filter((e) => String(e.value) !== String(o.value)) : [...u, o];
-					l && l(e, t);
-				} else l && l(e, o);
+			if (l && l(), s) {
+				if (s.createAble && o) o(s.value);
+				else if (!s.disabled) if (Array.isArray(u)) {
+					let t = u.some((e) => String(e.value) === String(s.value)) ? u.filter((e) => String(e.value) !== String(s.value)) : [...u, s];
+					c && c(e, t);
+				} else c && c(e, s);
 			}
 			t({
 				type: ActionTypes.CLEAR_SEARCH,
 				options: n
 			}), r();
 		}
-	}, w = useCallback(() => d ? d === "auto" ? getWidestOptionWidth(n, f, m, h) : d : "100%", [n, m]), T = useCallback((e) => y ? Math.max(getWidestOptionWidth(n, f, m, h), e?.width) : e?.width, [n, m]), { renderLayer: E, layerProps: D, triggerProps: O, triggerBounds: k } = useLayer({
+	}, w = useCallback(() => d ? d === "auto" ? getWidestOptionWidth(n, f, p, h) : d : "100%", [n, p]), T = useCallback((e) => y ? Math.max(getWidestOptionWidth(n, f, p, h), e?.width) : e?.width, [n, p]), { renderLayer: E, layerProps: D, triggerProps: O, triggerBounds: k } = useLayer({
 		isOpen: e?.isLayerOpen ?? !1,
 		overflowContainer: !0,
 		...placementOptions,
@@ -2583,10 +2584,10 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 	}, [e.isLayerOpen]);
 	let M = (e, t) => {
 		let n = u instanceof Array ? u.filter((e) => e.value !== t.value) : null;
-		l && l(e, n);
+		c && c(e, n);
 	}, N = (e) => {
 		let t = u instanceof Array ? [] : { value: null };
-		l && l(e, t);
+		c && c(e, t);
 	}, P = (e) => t({
 		type: ActionTypes.ON_CHANGE_SEARCH,
 		options: n,
@@ -2655,7 +2656,7 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 		triggerBounds: k
 	};
 }, CustomSelect = (e) => {
-	let { multi: t = !1, disabled: n = !1, error: r = null, warning: i = null, tooltip: a = null, options: o, selectedOptions: c, onCreate: l = null, placeholder: u = "", small: d = !1, tabIndex: m = 0, onFocus: h = () => {}, onBlur: g = () => {}, searchable: _ = !0, clearable: v = !1, maxTooltipWidth: y, closeOnOptionActionClick: b, isInTable: x = !1, groupOrder: S, firstSelectedOptionIndex: C = 0, right: w = !1, testId: T = void 0 } = e, E = useContext(DisabledContext), D = l !== null, O = useRef(null), [k, A] = useFocus(), j = useFontsReady(), [M, N] = useReducer(reducer, {
+	let { multi: t = !1, disabled: n = !1, error: r = null, warning: i = null, tooltip: a = null, options: o, selectedOptions: s, onCreate: l = null, placeholder: u = "", small: d = !1, tabIndex: f = 0, onFocus: h = () => {}, onBlur: g = () => {}, searchable: _ = !0, clearable: v = !1, maxTooltipWidth: y, closeOnOptionActionClick: b, isInTable: x = !1, groupOrder: S, firstSelectedOptionIndex: C = 0, right: w = !1, testId: T = void 0 } = e, E = useContext(DisabledContext), D = l !== null, O = useRef(null), [k, A] = useFocus(), j = useFontsReady(), [M, N] = useReducer(reducer, {
 		options: o,
 		firstSelectedOptionIndex: C
 	}, ({ options: e }) => ({
@@ -2680,7 +2681,7 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 			Object.values(EventKey).includes(e.key) && F(e.key, e);
 		},
 		children: [/* @__PURE__ */ jsx(Trigger, {
-			selectedOptions: c,
+			selectedOptions: s,
 			searchValue: M.searchValue,
 			isOpen: M.isLayerOpen,
 			focusedSelectedOptionIndex: M.triggerFocus.currentOption,
@@ -2694,7 +2695,7 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 			isInTable: x,
 			disabled: n || E,
 			clearable: v,
-			tabIndex: m,
+			tabIndex: f,
 			onClickTrigger: R,
 			onChangeSearch: z,
 			onClickDeselect: B,
@@ -2713,7 +2714,7 @@ const useCustomSelectLogic = ({ state: e, dispatch: t, options: n, setTriggerFoc
 				listRef: O,
 				isMulti: t,
 				sections: M.visibleOptions,
-				selectedOptions: c,
+				selectedOptions: s,
 				onSelectOption: (e, n) => {
 					G(e, n, t ? void 0 : W);
 				},
@@ -2833,11 +2834,11 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 		children: e
 	});
 }, Pagination = ({ pagination: e }) => {
-	let { rowCount: t, selectedPage: n, small: r, onSelectPage: i, rowsPerPage: a, errorMessageTemplate: o, testIds: s } = e, l = Number(a?.value) === 0, u = numberOfPages(t, a), [d, f] = useState(String(n));
+	let { rowCount: t, selectedPage: n, small: r, onSelectPage: i, rowsPerPage: a, errorMessageTemplate: o, testIds: s } = e, c = Number(a?.value) === 0, u = numberOfPages(t, a), [d, f] = useState(String(n));
 	useEffect(() => {
 		f(String(n));
 	}, [n]);
-	let { error: p } = validateSelectedPage(d, u, o), h = (e) => {
+	let { error: p } = validateSelectedPage(d, u, o), m = (e) => {
 		let { valid: t } = validateSelectedPage(e, u, o);
 		f(e), t && e !== "" && i && i(Number(e));
 	};
@@ -2848,7 +2849,7 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 				style: { flexShrink: 0 },
 				children: /* @__PURE__ */ jsx(Select, {
 					onChange: (e) => {
-						a.onChange && a.onChange(e), h("1");
+						a.onChange && a.onChange(e), m("1");
 					},
 					options: a.options,
 					native: !!a.options,
@@ -2862,16 +2863,16 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 				round: !0,
 				basic: !0,
 				icon: IconType.CHEVRON_DOUBLE_LEFT,
-				onClick: () => h("1"),
-				disabled: l || n === 1
+				onClick: () => m("1"),
+				disabled: c || n === 1
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				small: r,
 				round: !0,
 				basic: !0,
 				icon: IconType.CHEVRON_LEFT,
-				onClick: () => h(String(Number(n) - 1)),
-				disabled: l || n === 1
+				onClick: () => m(String(Number(n) - 1)),
+				disabled: c || n === 1
 			}),
 			/* @__PURE__ */ jsxs(InputGroup, {
 				small: r,
@@ -2880,9 +2881,9 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 					right: !0,
 					value: d,
 					placeholder: String(n),
-					onChange: (e) => h(e.target.value),
+					onChange: (e) => m(e.target.value),
 					width: "50px",
-					disabled: l || u <= 1,
+					disabled: c || u <= 1,
 					error: p
 				}), /* @__PURE__ */ jsxs(InputGroupAddon, { children: ["of ", u] })]
 			}),
@@ -2891,16 +2892,16 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 				round: !0,
 				basic: !0,
 				icon: IconType.CHEVRON_RIGHT,
-				onClick: () => h(String(Number(n) + 1)),
-				disabled: l || n === u
+				onClick: () => m(String(Number(n) + 1)),
+				disabled: c || n === u
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				small: r,
 				round: !0,
 				basic: !0,
 				icon: IconType.CHEVRON_DOUBLE_RIGHT,
-				onClick: () => h(String(u)),
-				disabled: l || n === u,
+				onClick: () => m(String(u)),
+				disabled: c || n === u,
 				testId: s?.doubleRightBtn
 			})
 		]
@@ -2971,57 +2972,729 @@ const ExpandedContentRow = ({ colSpan: e, children: t, flush: n }) => /* @__PURE
 	return r && t ? e[n] || [] : i ? e : (console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."), []);
 };
 var cell_module_default = {
-	inputInTable: "_inputInTable_ie6ng_1",
-	inputHover: "_inputHover_ie6ng_13",
-	inputFocus: "_inputFocus_ie6ng_18",
-	inputError: "_inputError_ie6ng_25",
-	inputWarning: "_inputWarning_ie6ng_26",
-	inputDisabled: "_inputDisabled_ie6ng_61",
-	hideScrollbars: "_hideScrollbars_ie6ng_67",
-	cell: "_cell_ie6ng_77",
-	disabledLink: "_disabledLink_ie6ng_87",
-	inputWrapper: "_inputWrapper_ie6ng_91",
-	numberInputWrapper: "_numberInputWrapper_ie6ng_106",
-	breakWord: "_breakWord_ie6ng_113",
-	inputCell: "_inputCell_ie6ng_116",
-	sliderCell: "_sliderCell_ie6ng_119",
-	staticCell: "_staticCell_ie6ng_123",
-	staticCellContent: "_staticCellContent_ie6ng_126",
-	unit: "_unit_ie6ng_148",
-	sortingCell: "_sortingCell_ie6ng_151",
-	sortingCellIcon: "_sortingCellIcon_ie6ng_162",
-	icon: "_icon_ie6ng_173",
-	checkBoxCell: "_checkBoxCell_ie6ng_177",
-	iconCellWrapper: "_iconCellWrapper_ie6ng_181",
-	actionsCell: "_actionsCell_ie6ng_185",
-	rightAligned: "_rightAligned_ie6ng_193",
-	centerAligned: "_centerAligned_ie6ng_199",
-	leftAligned: "_leftAligned_ie6ng_205",
-	popover: "_popover_ie6ng_208",
-	disabledPointerEvents: "_disabledPointerEvents_ie6ng_211"
+	inputInTable: "_inputInTable_1dumn_1",
+	inputHover: "_inputHover_1dumn_13",
+	inputFocus: "_inputFocus_1dumn_18",
+	inputError: "_inputError_1dumn_25",
+	inputWarning: "_inputWarning_1dumn_26",
+	inputDisabled: "_inputDisabled_1dumn_61",
+	hideScrollbars: "_hideScrollbars_1dumn_67",
+	cell: "_cell_1dumn_77",
+	disabledLink: "_disabledLink_1dumn_87",
+	inputWrapper: "_inputWrapper_1dumn_91",
+	numberInputWrapper: "_numberInputWrapper_1dumn_106",
+	breakWord: "_breakWord_1dumn_113",
+	inputCell: "_inputCell_1dumn_116",
+	sliderCell: "_sliderCell_1dumn_119",
+	staticCell: "_staticCell_1dumn_123",
+	staticCellContent: "_staticCellContent_1dumn_126",
+	unit: "_unit_1dumn_148",
+	sortingCell: "_sortingCell_1dumn_151",
+	sortingCellIcon: "_sortingCellIcon_1dumn_162",
+	icon: "_icon_1dumn_173",
+	checkBoxCell: "_checkBoxCell_1dumn_177",
+	iconCellWrapper: "_iconCellWrapper_1dumn_181",
+	actionsCell: "_actionsCell_1dumn_185",
+	rightAligned: "_rightAligned_1dumn_193",
+	centerAligned: "_centerAligned_1dumn_199",
+	leftAligned: "_leftAligned_1dumn_205",
+	popover: "_popover_1dumn_208",
+	disabledPointerEvents: "_disabledPointerEvents_1dumn_211",
+	selectedCell: "_selectedCell_1dumn_214"
+}, asT = (e) => typeof e == "function" ? e : (e) => String(e), parseNum = (e) => Number(String(e ?? "").replace(",", ".").trim()), isNumeric = (e) => !Number.isNaN(parseNum(e)), hasAnyText = (e) => (e ?? []).some((e) => String(e ?? "").trim().length > 0 && !isNumeric(e)), isNonPlaceholderUnit = (e) => !!e && e !== "blank" && e.trim() !== "", isValidLength = (e, t, n) => e >= t - n, validateColumnLength = (e, t, n, r, i, a, o, s) => {
+	let c = [], l = r.filter((e) => e.optionalColumn).length, u = r.length, d = l ? `${u - l} or ${u}` : `${u}`, f = (i ? 1 : 0) + (a ? 1 : 0) + Math.max(0, s);
+	if (i && !isValidLength(e.length, u, l) && c.push(o("incorrectNumberOfFieldNameHeaderColumns", { expectedLengthMessage: d })), a) {
+		let e = r.filter((e) => Array.isArray(e.validUnits) && e.validUnits.some(isNonPlaceholderUnit)).length, n = t.filter(isNonPlaceholderUnit).length, i = r.filter((e) => e.optionalColumn || !e.validUnits || e.validUnits.includes("blank")).length;
+		isValidLength(n, e, i) || c.push(o("incorrectNumberOfUnitHeaderColumns", { expectedLengthMessage: d }));
+	}
+	return n.length === 0 ? c.push(o("incorrectNumberOfDataColumns", {
+		expectedLengthMessage: d,
+		dataRowStartIndex: f
+	})) : n.forEach((e, t) => {
+		isValidLength(e.length, u, l) || c.push(o("incorrectNumberOfDataColumns", {
+			expectedLengthMessage: d,
+			dataRowStartIndex: f + t
+		}));
+	}), c;
+}, normalize = (e) => e.toUpperCase().replace(/\(.*?\)/g, "").replace(/[^A-Z0-9]/g, "").trim(), defaultFieldNameValidator = ({ value: e, defaultAllowedValues: t }) => {
+	let n = normalize(e);
+	return t?.some((e) => normalize(e).includes(n) || n.includes(normalize(e))) ?? !1;
+}, defaultUnitsValidator = ({ value: e, defaultAllowedValues: t }) => t?.includes(e) ?? !1, validateHeadings = (e, t, n, r, i, a) => {
+	let o = [];
+	if (r) {
+		let r = n.map((e) => e.fieldName).filter(Boolean);
+		e.forEach((i, s) => {
+			let c = n[s];
+			!c || !c.fieldName || (c.fieldNameValidator ?? defaultFieldNameValidator)({
+				value: i,
+				defaultAllowedValues: r,
+				columnIndex: s,
+				fields: e,
+				units: t
+			}) || o.push(a("incorrectFieldName", {
+				i: s + 1,
+				correctName: c.fieldName || a("notExist"),
+				wrongName: i || a("notApplicable")
+			}));
+		});
+	}
+	if (i) {
+		let i = n.map((e) => e.validUnits), s = r ? 1 : 0;
+		t.forEach((r, c) => {
+			let l = n[c];
+			if (!l) return;
+			let u = l.unitsValidator ?? defaultUnitsValidator, d = i[c];
+			u({
+				value: r,
+				defaultAllowedValues: d,
+				columnIndex: c,
+				fields: e,
+				units: t
+			}) || o.push(a("incorrectUnitRow", {
+				unitRowIndex: s,
+				i: c + 1,
+				wrongUnit: r || a("notApplicable"),
+				correctUnit: d?.join(",") || a("notExist")
+			}));
+		});
+	}
+	return o;
+}, validateValues = (e, t, n, r, i) => {
+	let a = [];
+	return e.forEach((e, o) => {
+		e.forEach((e, s) => {
+			let c = t[s];
+			if (!c || !c.validator) return;
+			let l = c.validator(e);
+			if (l && typeof l == "string") {
+				let e = r + o, t = i + s, c = n("rowColumn", {
+					rowIndex: e,
+					columnIndex: t
+				}) ?? `(row ${e}, column ${t})`;
+				a.push(`${l} ${c}`);
+			}
+		});
+	}), a;
 };
-const InputCell = ({ cell: e, columnAlignment: t, testId: n, type: r }) => /* @__PURE__ */ jsx(Input, {
-	name: e.name,
-	value: e.value,
-	onChange: (t) => e.onChange?.(t),
-	onFocus: e.onFocus,
-	onBlur: e.onBlur,
-	onPaste: (t) => e.onPaste?.(t),
-	placeholder: e.placeholder,
-	error: e.error,
-	warning: e.warning,
-	disabled: e.disabled,
-	isInTable: !0,
-	maxTooltipWidth: e.maxTooltipWidth,
-	right: t === Align.RIGHT,
-	selectOnFocus: e.selectOnFocus,
-	testId: n,
-	tabIndex: e.disabled ? -1 : 0,
-	tooltip: e.tooltip,
-	type: r
-}), safeToString = (e) => String(toString(e)), roundNumberCosmetic = (e) => isScientificStringNum(e) ? e : safeToString(roundToPrecision(toNum(e), 14));
+const hasHeaders$1 = (e, t, n) => {
+	let r = (e) => e.replace(/,/g, "."), i = e[0] ?? [], a = e[1] ?? [], o = (e) => e.some((e) => isNaN(Number(r(e)))), s = (e) => e.some((e) => !isNaN(Number(r(e)))), c = i.some((e) => t.includes(e)), l = i.some((e) => n.includes(e)), u = a.some((e) => n.includes(e)), d = o(i), f = o(a), p = s(i), m = s(a);
+	return {
+		hasFieldNameHeader: c || d && !l && !p || d && f && !p,
+		hasUnitHeader: l || u || d && f && !l && !p && !m || d && f && !p && !m
+	};
+};
+var getExpectedUnits = (e) => {
+	let t = (e) => (e ?? []).find((e) => isNonPlaceholderUnit(e)) ?? "";
+	return e.map((e) => isNonPlaceholderUnit(e.defaultUnit) ? e.defaultUnit : t(e.validUnits));
+}, getAllowedUnitsSet = (e) => {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e) for (let e of n.validUnits ?? []) {
+		let n = (e ?? "").trim();
+		isNonPlaceholderUnit(n) && t.add(n);
+	}
+	return t;
+};
+const guessMissingHeaders$1 = (e = [], t = [], n = [], r = []) => {
+	let i = getAllowedUnitsSet(r), a = r.map((e) => e.fieldName ?? ""), o = getExpectedUnits(r), s = e.length > 0 && hasAnyText(e), c = t.length > 0 && t.every((e) => i.has(String(e ?? "").trim())), { hasFieldNameHeader: l, hasUnitHeader: u } = hasHeaders$1(n, a, Array.from(i)), d = s || l, f = c || u, p = s ? e.slice() : l ? (n[0] ?? []).slice() : a, m = c ? t.slice() : u ? (n[d ? 1 : 0] ?? []).slice() : o, h = (d ? 1 : 0) + (f ? 1 : 0), g = n.slice(h);
+	return {
+		effectiveFields: p,
+		effectiveUnits: m,
+		bodyRows: g,
+		hasFieldNameHeader: d,
+		hasUnitHeader: f
+	};
+}, validate = ({ fields: e, units: t, rows: n, rules: r, t: i }) => {
+	let a = asT(i);
+	if (!Array.isArray(r) || r.length === 0) return {
+		isValid: !0,
+		errors: []
+	};
+	let { effectiveFields: o, effectiveUnits: s, bodyRows: c, hasFieldNameHeader: l, hasUnitHeader: u } = guessMissingHeaders$1(e, t, n, r), d = 1 + ((l ? 1 : 0) + (u ? 1 : 0)), f = validateColumnLength(o, s, c, r, l, u, a, 0);
+	return f.length === 0 && (f = f.concat(validateHeadings(o, s, r, l, u, a), validateValues(c, r, a, d, 1))), {
+		isValid: f.length === 0,
+		errors: f
+	};
+}, validationRegistry = new class {
+	rules = /* @__PURE__ */ new Map();
+	register(e, t) {
+		this.rules.set(e, t);
+	}
+	get(e) {
+		return this.rules.get(e);
+	}
+	unregister(e) {
+		this.rules.delete(e);
+	}
+	clear() {
+		this.rules.clear();
+	}
+}(), ValidationScopeContext = createContext(null), useValidationScopeId = () => useContext(ValidationScopeContext), enTranslations = {
+	cancel: "Cancel",
+	chooseFile: "Choose file",
+	copyDecimalComma: "Copy (decimal comma)",
+	copyDecimalDot: "Copy (decimal dot)",
+	copyToClipboard: "Copy to clipboard",
+	copiedToClipboard: "Copied to clipboard",
+	deleteAllRows: "Delete all rows",
+	downloadFile: "Download file",
+	export: "Export",
+	help: "Help",
+	import: "Import",
+	noFileSelected: "No file selected",
+	notApplicable: "N/A",
+	notExist: "not exist",
+	okay: "Okay",
+	uploadCapitalized: "Upload",
+	uploadFile: "Upload file",
+	pasteShortcutHint: "You can also press Ctrl+V or Command+V to paste from clipboard",
+	pasteFromClipboard: "Paste from clipboard",
+	clipboardIsEmpty: "Clipboard is empty",
+	clipboardReadFailed: "Unable to read data from clipboard. Check formatting or try Paste with Review.",
+	clipboardReadNotAllowed: "Your browser did not allow reading the clipboard. Upgrade browser or try Paste with Review.",
+	pasteSuccessful: "Paste successful",
+	pasteWithReview: "Paste with review",
+	pasteWithReviewRoundBrackets: "Paste (with review)",
+	quickPasteFromClipboard: "Quick paste from clipboard",
+	unableToCopyToClipboard: "Unable to copy to clipboard",
+	fileParsingFailed: "Failed to read or validate the file. Please check the format and try again.",
+	importWarning: "Large data detected: More than 500 rows have been imported. You can choose to import all or downsample for better performance.",
+	importLimitExceeded: "Import failed: The data exceeds the 5000-row limit. Please reduce the number of rows and try again.",
+	importingData: "Importing data",
+	incorrectFieldName: "Incorrect field name (row 0, column {{i}}: has name {{wrongName}}, but should be {{correctName}})",
+	incorrectNumberOfDataColumns: "Incorrect number of data columns, expected {{expectedLengthMessage}} columns in row {{dataRowStartIndex}}",
+	incorrectNumberOfFieldNameHeaderColumns: "Incorrect number of field name header columns, expected {{expectedLengthMessage}} columns in row 0",
+	incorrectNumberOfUnitHeaderColumns: "Incorrect number of unit header columns, expected {{expectedLengthMessage}} columns in row 1",
+	incorrectUnitRow: "Incorrect unit (row {{unitRowIndex}}, column {{i}}: has unit [{{wrongUnit}}], but should be [{{correctUnit}}])",
+	jsonParseFailed: "JSON parse failed",
+	pasteYourTableDataHereToImportIt: "Paste your table data here to import it",
+	rowColumn: "(row {{rowIndex}}, column {{columnIndex}})",
+	theValuesCanBeSeparatedByDifferentDelimiters: "The values can be separated by different delimiters",
+	unableToImportPleaseCorrectError: "Unable to import - {{rows}} rows have errors. Please correct input data and try again.",
+	unableToPrepareExportData: "Unable to prepare export – see console for details.",
+	validInputForPaste: "Valid input for paste.",
+	wrongFileFormatExpectedOneOf: "Wrong file format: expected one of",
+	youCanImportDataByPastingOrByMessage: "You can import data by pasting (e.g. from a spreadsheet), or by uploading a text file ( .txt or .csv ).",
+	commasAsDecimals: "Comma is treated as a decimal separator when it is the only separator",
+	deletePastedContent: "Delete pasted content",
+	downsampled: "Downsampled",
+	downsampleSuccess: "Successfully downsampled from {{from}} rows to {{to}} rows.",
+	downsampleTooltip: "Reduces number of data rows (decimation) using the Ramer–Douglas–Peucker algorithm.",
+	extraSeparators: "Two or more separators detected. Kept only last one as decimal separator, please control your import results",
+	noDataPastedYet: "No data pasted yet.",
+	semicolonSeparatedValues: "Semicolon-separated values",
+	tabSeparatedValues: "Tab-separated values",
+	examples: "Examples",
+	smartUpload_description: "Upload image and extract table content using a LLM",
+	smartUpload_smartUpload: "Smart Upload",
+	toUploadOrImportFromClipboardMessage: "To upload or import from clipboard please select your preferred unit in the table header and upload or paste numbers only for Depth, Inc, Azi. Follow example below"
+}, interpolate = (e, t = {}) => e?.replace(/\{\{(\w+)\}\}/g, (e, n) => t?.[n] === void 0 ? "" : String(t?.[n])), useTranslationMap = (e) => useMemo(() => {
+	let t = Object.keys(enTranslations).reduce((t, n) => {
+		let r = enTranslations?.[n];
+		return t[n] = e?.[n] ?? r, t;
+	}, {});
+	return (e, n) => {
+		let r = t[e];
+		return n ? interpolate(r, n) : r;
+	};
+}, [e]);
+function useScopedValidate() {
+	let e = useValidationScopeId(), t = useTranslationMap(), n;
+	return {
+		scopeId: e,
+		rules: n,
+		validate: (r) => {
+			let { fields: i = [], units: a = [], rows: o, t: s = t, options: c } = r;
+			return n = e ? validationRegistry.get(e) : void 0, n ? validate({
+				fields: i,
+				units: a,
+				rows: o,
+				rules: n,
+				t: s
+			}) : {
+				isValid: !0,
+				errors: []
+			};
+		}
+	};
+}
+function useRegisterValidationRules(e, t) {
+	useEffect(() => {
+		if (!(!e || !t)) return validationRegistry.register(e, t), () => validationRegistry.unregister(e);
+	}, [e, t]);
+}
+var counter = 0;
+function nextScopeId() {
+	return counter += 1, `table-${counter}`;
+}
+const depthRound = (e) => Math.round(e * 100) / 100, joinArray = (e) => e.join(", ").replace(/,\s*$/, ""), guessDelimiter = (e) => {
+	let t = e.substring(0, 200), n = (t.match(/\t/g) ?? [])?.length, r = (t.match(/;/g) ?? [])?.length;
+	return n === 0 && r === 0 ? "," : n > r ? "	" : ";";
+}, allowedMimes = [
+	"text/csv",
+	"text/plain",
+	"application/json",
+	"application/vnd.ms-excel"
+], isAllowedFileType = (e) => allowedMimes.includes(e.type), isFile = (e) => e instanceof File, isJson = (e) => e.trim().startsWith("["), isCustomJson = (e) => {
+	try {
+		return !!JSON.parse(e)?.path;
+	} catch {
+		return !1;
+	}
+}, readFile$1 = (e) => new Promise((t, n) => {
+	let r = new FileReader();
+	r.onload = () => t(String(r.result)), r.onerror = n, r.readAsText(e);
+}), replaceWithDot = (e) => e.replace(",", "."), replaceDataCommasWithDots = (e) => e.map((e) => e.map((e) => replaceWithDot(e))), hasHeaders = (e, t, n) => {
+	let r = (e) => e.replace(/,/g, "."), i = e[0]?.some((e) => isNaN(Number(r(e)))) ?? !1, a = e[1]?.some((e) => isNaN(Number(r(e)))) ?? !1, o = e[0]?.some((e) => t.includes(e)) ?? !1, s = e[0]?.some((e) => n.includes(e)) ?? !1, c = e[1]?.some((e) => n.includes(e)) ?? !1, l = e[0]?.some((e) => !isNaN(Number(r(e)))) ?? !1, u = e[1]?.some((e) => !isNaN(Number(r(e)))) ?? !1;
+	return {
+		hasFieldNameHeader: o || i && !s && !l || i && a && !l,
+		hasUnitHeader: s || c || i && a && !s && !l && !u || i && a && !l && !u
+	};
+};
+var buildHeadersFromRules = (e, t) => {
+	let n = e.length === t ? e : e.filter((e) => !e.optionalColumn), r = n.map((e) => e.fieldName), i = n.map((e) => e.defaultUnit ?? e.validUnits?.[0] ?? ""), a = n.map((e) => e.validUnits).filter((e) => !!e).flat();
+	return {
+		fieldHeader: r,
+		unitHeader: i,
+		allowedUnits: a
+	};
+};
+const guessMissingHeaders = (e, t) => {
+	let n = e.map((e) => [...e]), r = n[0]?.length ?? 0, { fieldHeader: i, unitHeader: a, allowedUnits: o } = buildHeadersFromRules(t, r), { hasFieldNameHeader: s, hasUnitHeader: c } = hasHeaders(n, i, o), l = n;
+	return !s && !c ? l = [
+		i,
+		a,
+		...n
+	] : !s && c ? l = [i, ...n] : s && !c && (l = [
+		n[0] ?? [],
+		a,
+		...n.slice(1)
+	]), {
+		matrix: l,
+		hasFieldNameHeader: s,
+		hasUnitHeader: c
+	};
+}, mapCustomJsonToRows = (e) => {
+	let t = JSON.parse(e).path.map((e) => [
+		depthRound(e.md),
+		depthRound(e.inclination),
+		depthRound(e.gridAzimuth)
+	]);
+	return t.unshift([
+		"m",
+		"deg",
+		"deg"
+	]), t;
+};
+var basePapaConfig = {
+	skipEmptyLines: !0,
+	transform: (e) => e?.trim(),
+	delimiter: guessDelimiter
+}, initParsedResult = () => ({
+	isValid: !1,
+	fields: [],
+	units: [],
+	rows: [],
+	errors: []
+}), buildResultFromMatrix = (e, t) => {
+	let n = initParsedResult(), { matrix: r } = guessMissingHeaders(e, t.validationRules);
+	return n.fields = (r[0] ?? []).map((e) => e.trim()), n.units = (r[1] ?? []).map((e) => e.trim()).filter(Boolean), n.rows = r.slice(2) ?? [], n.rows = replaceDataCommasWithDots(n.rows), n.isValid = n.errors.length === 0, n;
+}, parseJson = async (e, t, n) => {
+	let r = JSON.parse(e);
+	return buildResultFromMatrix(r, t);
+}, parseCustomJson = async (e, t, n) => {
+	let r = mapCustomJsonToRows(e).map((e) => e.map(String));
+	return buildResultFromMatrix(r, t);
+}, parseDSV = (e, t, n) => new Promise((n) => {
+	let { importLimit: r } = t;
+	Papa.parse(e, {
+		...basePapaConfig,
+		preview: r,
+		complete: (e) => {
+			let r = e.data ?? [];
+			n(buildResultFromMatrix(r, t));
+		}
+	});
+});
+const parse = async (e, t, n) => {
+	let r = initParsedResult();
+	try {
+		if (isFile(e) && !isAllowedFileType(e)) return r.errors.push(`${n("wrongFileFormatExpectedOneOf")} ${joinArray(Array.from(allowedMimes))}`), r;
+		let i = isFile(e) ? await readFile$1(e) : String(e);
+		return isJson(i) ? await parseJson(i, t, n) : isCustomJson(i) ? await parseCustomJson(i, t, n) : await parseDSV(e, t, n);
+	} catch (e) {
+		return r.errors.push(e?.message ?? "Unknown parse error"), r;
+	}
+}, unParse = (e, t, n, r) => {
+	let i = r?.delimiter ?? ",", a = [
+		e,
+		t,
+		...n
+	].filter(Boolean);
+	return Papa.unparse(a, {
+		quotes: !1,
+		header: !0,
+		delimiter: i
+	});
+};
+function useScopedParser(e = {}) {
+	let t = useValidationScopeId(), n = (t ? validationRegistry.get(t) : []) ?? [];
+	return {
+		scopeId: t,
+		rules: n,
+		parse: async (t, r, i) => parse(t, {
+			validationRules: n,
+			...e,
+			...i
+		}, r)
+	};
+}
+function useScopedParseAndValidate() {
+	let { parse: e, scopeId: t, rules: n } = useScopedParser(), { validate: r } = useScopedValidate();
+	return {
+		scopeId: t,
+		rules: n,
+		parseAndValidate: async (t, n) => {
+			let i = await e(t, n), { isValid: a, errors: o } = r({
+				fields: i.fields,
+				units: i.units,
+				rows: i.rows,
+				t: n
+			});
+			return {
+				...i,
+				errors: [...i.errors, ...o],
+				isValid: a && [...i.errors, ...o].length === 0
+			};
+		}
+	};
+}
+const injectScopeIntoActions = (e, t) => {
+	if (!e) return e;
+	if (isValidElement(e)) return cloneElement(e, { __validationScopeId: t });
+	if (Array.isArray(e)) return e.map((e) => injectScopeIntoActions(e, t));
+	if (typeof e == "object") {
+		let r = e, i = [
+			"childComponent",
+			"component",
+			"render",
+			"element"
+		], o = !1, s = { ...r };
+		for (let e of i) {
+			let i = r[e];
+			i && isValidElement(i) && (s[e] = cloneElement(i, { __validationScopeId: t }), o = !0);
+		}
+		for (let [e, n] of Object.entries(r)) if (Array.isArray(n)) {
+			let r = n.map((e) => injectScopeIntoActions(e, t));
+			r !== n && (s[e] = r, o = !0);
+		}
+		return o ? s : e;
+	}
+	return e;
+}, withValidationScope = (e) => {
+	let t = forwardRef((t, n) => {
+		let r = useRef(nextScopeId()), i = useMemo(() => {
+			let e = injectScopeIntoActions(t.table?.actions, r.current);
+			return {
+				...t.table,
+				actions: e
+			};
+		}, [t.table]);
+		return /* @__PURE__ */ jsx(ValidationScopeContext.Provider, {
+			value: r.current,
+			children: /* @__PURE__ */ jsx(e, {
+				ref: n,
+				...t,
+				table: i
+			})
+		});
+	});
+	return t.displayName = `withValidationScope(${e.displayName || e.name || "Component"})`, memo(t);
+}, CellSelectionContext = createContext({
+	selectedIndexes: void 0,
+	setSelectedIndexes: () => {}
+}), useCellSelection = (e, t, n, r) => {
+	if (!e) return {
+		selectedIndexes: void 0,
+		setSelectedIndexes: () => {},
+		onCopy: () => {},
+		onPaste: () => {},
+		onKeyDown: () => {},
+		onKeyUp: () => {},
+		onMouseUp: () => {},
+		onBlur: () => {},
+		onMouseDown: () => {},
+		onMouseMove: () => {}
+	};
+	let [i, a] = useState(void 0), [o, s] = useState(void 0), [c, u] = useState(!1), { validate: d } = useScopedValidate(), f = () => {
+		let e = t.current?.closest("#scrollWrapper") ?? null ?? ((e) => {
+			let t = e;
+			for (; t && t !== document.body;) {
+				let e = getComputedStyle(t);
+				if ((/(auto|scroll|overlay)/.test(e.overflowY) || /(auto|scroll|overlay)/.test(e.overflow)) && t.scrollHeight > t.clientHeight) return t;
+				t = t.parentElement;
+			}
+			return document.scrollingElement || document.body;
+		})(t.current) ?? document.body;
+		return e !== document.body && getComputedStyle(e).position === "static" && (e.style.position = "relative"), e;
+	};
+	useEffect(() => {
+		let e = f(), t = () => w();
+		return e.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), w(), () => {
+			e.removeEventListener("scroll", t), window.removeEventListener("resize", t), T();
+		};
+	}, [i]);
+	let p = (e, n) => {
+		if (!t.current) return null;
+		let r = t.current.querySelector(`tr:nth-child(${e + 1})`);
+		if (!r) return null;
+		let i = r.querySelector(`td:nth-child(${n + 1})`);
+		return i ? i.querySelector("input") : null;
+	}, m = (e, t) => {
+		let n = p(e, t);
+		n && n.focus();
+	}, g = (e) => {
+		if (!i) return;
+		let t = n.slice(i.row.start, i.row.end + 1).map((e) => e.cells.slice(i.column.start, i.column.end + 1).map((e) => e.value)).map((e) => e.join("	")).join("\n");
+		navigator.clipboard.writeText(t);
+	}, _ = (e) => {
+		e.preventDefault();
+		let t = (e?.clipboardData?.getData("text") || "")?.replace(/\r\n/g, "\n")?.replace(/\r/g, "\n"), a = (t?.endsWith("\n") ? t?.slice(0, -1)?.split("\n") : t?.split("\n"))?.filter(Boolean)?.map((e) => e?.split("	"));
+		if (!a?.length || !n?.length || !n?.[0]?.cells?.length) return;
+		let o = n?.map((e) => e?.cells?.map((e) => String(e?.value ?? ""))), s = o?.length, c = o?.[0]?.length, l = (e, t, n) => {
+			let r = Math.min(t?.length, Math.max(c - n, 0)), i = e ? e?.slice() : Array(c)?.fill("");
+			for (let e = 0; e < r; e++) i[n + e] = t[e] ?? "";
+			return i;
+		}, u, f, p;
+		if (i) {
+			let e = i?.row?.start, t = i?.column?.start, n = i?.row?.start, r = i?.row?.end, s = r - n + 1, d = o?.slice(0, n), m = o?.slice(r + 1), h = a?.length, g = Math.min(s, h), _ = Math.max(0, s - h), v = [];
+			for (let e = 0; e < g; e++) {
+				let r = o[n + e];
+				v.push(l(r, a[e], t));
+			}
+			let y = _ > 0 ? o?.slice(n + g, n + g + _) : [], b = [];
+			for (let e = g; e < h; e++) b?.push(l(void 0, a?.[e], t));
+			f = v?.concat(b), u = d?.concat(v)?.concat(y)?.concat(b)?.concat(m);
+			let x = Math.min(a?.[0]?.length, Math.max(c - t, 0));
+			p = {
+				row: {
+					start: e,
+					end: e + g - 1
+				},
+				column: {
+					start: t,
+					end: t + Math.max(x - 1, 0)
+				}
+			};
+		} else {
+			let e = s;
+			f = a?.map((e) => l(void 0, e, 0)), u = [...o || [], ...f || []];
+			let t = Math.min(a?.[0]?.length, c);
+			p = {
+				row: {
+					start: e,
+					end: e + f?.length - 1
+				},
+				column: {
+					start: 0,
+					end: 0 + Math.max(t - 1, 0)
+				}
+			};
+		}
+		let { errors: m, isValid: h } = d({ rows: u });
+		r?.({
+			allValues: u,
+			affectedRange: p,
+			insertedValues: f,
+			errors: m,
+			isValid: h
+		});
+	}, v = (e) => {
+		if ((e.key === "a" || e.key === "A") && (e.metaKey || e.ctrlKey)) {
+			n?.length && n[0]?.cells?.length && (e.preventDefault(), a({
+				row: {
+					start: 0,
+					end: n.length - 1
+				},
+				column: {
+					start: 0,
+					end: n[0].cells.length - 1
+				}
+			}));
+			return;
+		}
+		if (!n?.length || !n[0]?.cells?.length) return;
+		if ((e.key === "Delete" || e.key === "Backspace") && i) {
+			e.preventDefault();
+			let t = n.map((e) => e.cells.map((e) => String(e?.value ?? ""))), { row: a, column: o } = i;
+			for (let e = a.start; e <= a.end; e++) for (let n = o.start; n <= o.end; n++) t[e][n] = "";
+			let s = Array(a.end - a.start + 1).fill(null).map(() => Array(o.end - o.start + 1).fill("")), c = {
+				row: {
+					start: a.start,
+					end: a.end
+				},
+				column: {
+					start: o.start,
+					end: o.end
+				}
+			}, { errors: l, isValid: u } = d({ rows: t });
+			r?.({
+				allValues: t,
+				affectedRange: c,
+				insertedValues: s,
+				errors: l,
+				isValid: u
+			}), m(a.start, o.start);
+			return;
+		}
+		if (!(e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight") || !e.shiftKey) return;
+		e.preventDefault();
+		let t = (e, t, n) => Math.min(n, Math.max(t, e)), c = i ?? {
+			row: {
+				start: 0,
+				end: 0
+			},
+			column: {
+				start: 0,
+				end: 0
+			}
+		}, l = n.length - 1, u = n[0].cells.length - 1, f = e.key === "ArrowUp" ? {
+			dr: -1,
+			dc: 0
+		} : e.key === "ArrowDown" ? {
+			dr: 1,
+			dc: 0
+		} : e.key === "ArrowLeft" ? {
+			dr: 0,
+			dc: -1
+		} : {
+			dr: 0,
+			dc: 1
+		};
+		if (e.shiftKey) {
+			let e = o ?? {
+				row: c.row.start,
+				column: c.column.start
+			}, n = {
+				row: e.row === c.row.start ? c.row.end : c.row.start,
+				column: e.column === c.column.start ? c.column.end : c.column.start
+			}, r = {
+				row: t(n.row + f.dr, 0, l),
+				column: t(n.column + f.dc, 0, u)
+			}, i = {
+				row: {
+					start: Math.min(e.row, r.row),
+					end: Math.max(e.row, r.row)
+				},
+				column: {
+					start: Math.min(e.column, r.column),
+					end: Math.max(e.column, r.column)
+				}
+			};
+			o || s({
+				row: e.row,
+				column: e.column
+			}), a(i);
+		} else {
+			let e = {
+				row: c.row.end,
+				column: c.column.end
+			}, n = {
+				row: t(e.row + f.dr, 0, l),
+				column: t(e.column + f.dc, 0, u)
+			};
+			s(void 0), a({
+				row: {
+					start: n.row,
+					end: n.row
+				},
+				column: {
+					start: n.column,
+					end: n.column
+				}
+			}), m(n.row, n.column);
+		}
+	}, y = (e) => {
+		e.key === "Shift" && s(void 0);
+	}, b = (e, t) => {
+		a(o ? {
+			row: {
+				start: Math.min(e, o.row),
+				end: Math.max(e, o.row)
+			},
+			column: {
+				start: Math.min(t, o.column),
+				end: Math.max(t, o.column)
+			}
+		} : {
+			row: {
+				start: e,
+				end: e
+			},
+			column: {
+				start: t,
+				end: t
+			}
+		});
+	}, x = (e) => {
+		let t = e.target, n = Number(t.closest("td")?.dataset.rowIndex), r = Number(t.closest("td")?.dataset.columnIndex);
+		b(n, r), o || s({
+			row: n,
+			column: r
+		}), u(!0);
+	}, S = (e) => {
+		s(void 0), u(!1);
+	}, C = (e) => {
+		if (e.preventDefault(), !c) return;
+		let t = e.target, n = Number(t.closest("td")?.dataset.rowIndex), r = Number(t.closest("td")?.dataset.columnIndex);
+		b(n, r);
+	}, w = () => {
+		if (T(), !i || !t.current) return;
+		let { row: e, column: n } = i, r = t.current?.querySelector(`td[data-row-index="${e.start}"][data-column-index="${n.start}"]`), a = e.end === e.start && n.end === n.start ? r : t.current?.querySelector(`td[data-row-index="${e.end}"][data-column-index="${n.end}"]`);
+		if (!r || !a) return;
+		let o = f(), s = o.getBoundingClientRect(), c = r?.getBoundingClientRect(), l = a?.getBoundingClientRect(), u = Math.round(c?.left - s.left + o.scrollLeft), d = Math.round(c?.top - s.top + o.scrollTop), p = Math.round(l?.right - s.left + o.scrollLeft), m = Math.round(l?.bottom - s.top + o.scrollTop), h = document.createElement("div");
+		h.className = "selection-frame", h.style.position = "absolute", h.style.pointerEvents = "none", h.style.zIndex = "4", h.style.left = `${u}px`, h.style.top = `${d}px`, h.style.width = `${p - u}px`, h.style.height = `${m - d}px`, h.style.border = "1px solid var(--color-border-focus)", h.style.borderRadius = "0", o.appendChild(h);
+	}, T = () => {
+		f().querySelectorAll(".selection-frame,.drag-handle").forEach((e) => e.remove());
+	};
+	return {
+		selectedIndexes: i,
+		setSelectedIndexes: a,
+		onCopy: g,
+		onPaste: _,
+		onKeyDown: v,
+		onKeyUp: y,
+		onMouseDown: x,
+		onMouseUp: S,
+		onMouseMove: C,
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || (a(void 0), s(void 0));
+		}
+	};
+}, InputCell = ({ cell: e, columnAlignment: t, testId: n, type: r }) => {
+	let { selectedIndexes: i } = useContext(CellSelectionContext), a = i?.row.start !== i?.row.end || i?.column.start !== i?.column.end;
+	return /* @__PURE__ */ jsx(Input, {
+		name: e.name,
+		value: e.value,
+		onChange: (t) => e.onChange?.(t),
+		onFocus: e.onFocus,
+		onBlur: e.onBlur,
+		onPaste: (t) => e.onPaste?.(t),
+		placeholder: e.placeholder,
+		error: e.error,
+		warning: e.warning,
+		disabled: e.disabled,
+		isInTable: !0,
+		maxTooltipWidth: e.maxTooltipWidth,
+		right: t === Align.RIGHT,
+		selectOnFocus: !a,
+		testId: n,
+		tabIndex: e.disabled ? -1 : 0,
+		tooltip: e.tooltip,
+		type: r
+	});
+}, safeToString = (e) => String(toString(e)), roundNumberCosmetic = (e) => isScientificStringNum(e) ? e : safeToString(roundToPrecision(toNum(e), 14));
 var getStringName$1 = (e) => e ? typeof e == "string" ? e : isArray(e) ? e[0] : e.fieldName : "";
-const NumberInput = ({ name: e, placeholder: t = "", disabled: n = !1, error: r = !1, left: i = !1, small: a = !1, width: o = "100%", value: s = "", onChange: l = () => {}, onFocus: u = () => {}, onBlur: d = () => {}, selectOnFocus: f, tabIndex: h = 0, testId: g, tooltip: _ = null, warning: v = !1, validationCallback: y = () => {}, allowEmpty: b = !1, isInTable: x, groupOrder: S, enableCosmeticRounding: C = !0, enableDisplayRounding: w = !1, roundDisplayValue: T, disableInternalErrorValidationMessages: E = !1, disableValidationOnFocus: D = !1 }) => {
+const NumberInput = ({ name: e, placeholder: t = "", disabled: n = !1, error: r = !1, left: i = !1, small: a = !1, width: o = "100%", value: s = "", onChange: c = () => {}, onFocus: u = () => {}, onBlur: d = () => {}, selectOnFocus: f, tabIndex: p = 0, testId: g, tooltip: _ = null, warning: v = !1, validationCallback: y = () => {}, allowEmpty: b = !1, isInTable: x, groupOrder: S, enableCosmeticRounding: C = !0, enableDisplayRounding: w = !1, roundDisplayValue: T, disableInternalErrorValidationMessages: E = !1, disableValidationOnFocus: D = !1 }) => {
 	let O = (e) => {
 		let n = validateNumber(e), r = t && isEmptyNullOrUndefined(e);
 		return [Infinity, -Infinity].includes(Number(e)) || r ? {
@@ -3061,7 +3734,7 @@ const NumberInput = ({ name: e, placeholder: t = "", disabled: n = !1, error: r
 					name: F
 				}
 			};
-			l(t);
+			c(t);
 		}
 	};
 	useEffect(() => {
@@ -3099,7 +3772,7 @@ const NumberInput = ({ name: e, placeholder: t = "", disabled: n = !1, error: r
 		isInTable: x,
 		groupOrder: S,
 		selectOnFocus: f,
-		tabIndex: h,
+		tabIndex: p,
 		tooltip: _,
 		ref: A
 	}, F);
@@ -3168,14 +3841,14 @@ const NumberInput = ({ name: e, placeholder: t = "", disabled: n = !1, error: r
 		testId: n
 	}) : null
 }), LinkCell = ({ cell: e, testId: t }) => {
-	let n = useContext(DisabledContext), { error: r, warning: i, tooltip: a, maxTooltipWidth: o } = e, c = (e) => isStringNumberOrNode(e);
+	let n = useContext(DisabledContext), { error: r, warning: i, tooltip: a, maxTooltipWidth: o } = e, s = (e) => isStringNumberOrNode(e);
 	return /* @__PURE__ */ jsx("div", {
 		className: cell_module_default.inputWrapper,
 		children: /* @__PURE__ */ jsx(Tooltip, {
 			error: !!r,
 			warning: !!i,
 			text: a || r || i,
-			enabled: c(a) || c(r) || c(i) || !1,
+			enabled: s(a) || s(r) || s(i) || !1,
 			maxWidth: o,
 			children: /* @__PURE__ */ jsx("div", {
 				className: cell_module_default.staticCellContent,
@@ -3218,7 +3891,7 @@ var slider_module_default = {
 	] }),
 	children: /* @__PURE__ */ jsx("div", { className: slider_module_default.dot })
 }), e), {}), isEqual$1);
-const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto", value: i, min: a, max: o, step: c = 1, marks: l = [], showArrows: u = !1, showTooltip: d = !1, tooltipFormatter: f = (e) => e, disabled: p = !1, range: m = !1, small: h = !1, vertical: _ = {
+const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto", value: i, min: a, max: o, step: s = 1, marks: l = [], showArrows: u = !1, showTooltip: d = !1, tooltipFormatter: f = (e) => e, disabled: p = !1, range: m = !1, small: h = !1, vertical: g = {
 	enabled: !1,
 	width: "100px",
 	height: "400px"
@@ -3251,13 +3924,13 @@ const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto",
 		})
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: cx(slider_module_default.container, h ? slider_module_default.small : "", _.enabled ? slider_module_default.vertical : ""),
-		style: _.enabled ? {
-			width: _.width,
-			height: _.height
+		className: cx(slider_module_default.container, h ? slider_module_default.small : "", g.enabled ? slider_module_default.vertical : ""),
+		style: g.enabled ? {
+			width: g.width,
+			height: g.height
 		} : { width: n },
 		children: [
-			u && (_.enabled ? /* @__PURE__ */ jsx(C, {}) : /* @__PURE__ */ jsx(S, {})),
+			u && (g.enabled ? /* @__PURE__ */ jsx(C, {}) : /* @__PURE__ */ jsx(S, {})),
 			/* @__PURE__ */ jsx(RcSlider, {
 				range: m,
 				allowCross: !1,
@@ -3265,11 +3938,11 @@ const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto",
 				value: i,
 				max: o,
 				min: a,
-				step: c,
+				step: s,
 				marks: b,
 				onChange: (e) => x(e),
 				disabled: p || y,
-				vertical: _.enabled,
+				vertical: g.enabled,
 				handleRender: (e, t) => {
 					let n = d && t.dragging;
 					return /* @__PURE__ */ jsxs("div", {
@@ -3286,7 +3959,7 @@ const Slider = ({ name: e, label: t, width: n = "100%", labelWidth: r = "auto",
 					});
 				}
 			}),
-			u && (_.enabled ? /* @__PURE__ */ jsx(S, {}) : /* @__PURE__ */ jsx(C, {})),
+			u && (g.enabled ? /* @__PURE__ */ jsx(S, {}) : /* @__PURE__ */ jsx(C, {})),
 			t && /* @__PURE__ */ jsx("label", {
 				className: slider_module_default.label,
 				style: { width: r },
@@ -3327,17 +4000,17 @@ var popover_module_default = {
 	fullWidthStyleFix: "_fullWidthStyleFix_lhie5_8",
 	dismiss: "_dismiss_lhie5_13"
 };
-const Popover = ({ children: t, content: n, placement: r = "top-center", closeOnOutsideClick: i = !0, fullWidth: a = !1, showCloseButton: o = !1, testId: l, disabled: u = !1, overflowContainer: d = !1, isOpen: f, onToggle: p }) => {
-	let h = useContext(DisabledContext), [_, v] = f === void 0 ? useState(!1) : [f, p], y = () => {
-		!u && !h && v && v(!1);
+const Popover = ({ children: t, content: n, placement: r = "top-center", closeOnOutsideClick: i = !0, fullWidth: a = !1, showCloseButton: o = !1, testId: s, disabled: u = !1, overflowContainer: d = !1, isOpen: f, onToggle: p }) => {
+	let m = useContext(DisabledContext), [g, v] = f === void 0 ? useState(!1) : [f, p], y = () => {
+		!u && !m && v && v(!1);
 	}, b = () => {
-		u || h || v && v(!_);
+		u || m || v && v(!g);
 	};
 	useEffect(() => {
-		(u || h) && y();
-	}, [u, h]);
+		(u || m) && y();
+	}, [u, m]);
 	let { renderLayer: x, arrowProps: S, layerProps: C, triggerProps: w } = useLayer({
-		isOpen: _,
+		isOpen: g,
 		placement: r,
 		auto: !0,
 		triggerOffset: 6,
@@ -3348,9 +4021,9 @@ const Popover = ({ children: t, content: n, placement: r = "top-center", closeOn
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 		ref: w.ref,
 		onClick: b,
-		"data-testid": l,
+		"data-testid": s,
 		children: t
-	}), _ && x(/* @__PURE__ */ jsxs("div", {
+	}), g && x(/* @__PURE__ */ jsxs("div", {
 		className: a ? cx(popover_module_default.toggleBox, popover_module_default.fullWidthStyleFix) : cx(popover_module_default.toggleBox),
 		...C,
 		children: [/* @__PURE__ */ jsxs("div", { children: [React.isValidElement(n) ? React.cloneElement(n, { close: y }) : n, o && /* @__PURE__ */ jsx("div", {
@@ -3476,33 +4149,36 @@ const Popover = ({ children: t, content: n, placement: r = "top-center", closeOn
 let CellType = /* @__PURE__ */ function(e) {
 	return e.INPUT = "Input", e.NUMBER_INPUT = "NumberInput", e.SELECT = "Select", e.POPOVER = "Popover", e.SLIDER = "Slider", e.CHECKBOX = "CheckBox", e.ACTIONS = "Actions", e.AUTO_UNIT = "AutoUnit", e.UNIT = "Unit", e.STATIC = "Static", e;
 }({});
-const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment: r = Align.LEFT, width: i, testId: a }) => {
+const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment: r = Align.LEFT, width: i, testId: a, rowIndex: o, columnIndex: s }) => {
+	let { selectedIndexes: l, setSelectedIndexes: u } = useContext(CellSelectionContext), d = !t && l && l.row.start <= o && o <= l.row.end && l.column.start <= s && s <= l.column.end;
 	if (!e) return null;
-	let { style: o, colSpan: s, rowSpan: c, width: l } = e, u = useRef(null), d = {
+	let { style: f, colSpan: p, rowSpan: h, width: g } = e, v = useRef(null), y = {
 		bodyAlignment: r,
 		headerAlignment: n,
 		isHeader: t
-	}, f = getCellAlignment(d, cell_module_default), m = getCellAlignment(d, cell_module_default, !0), h = e.type === CellType.INPUT || e.type === CellType.NUMBER_INPUT || e.type === CellType.SELECT || e.type === CellType.POPOVER ? cell_module_default.inputCell : e.type === CellType.SLIDER ? cell_module_default.sliderCell : e.type === CellType.CHECKBOX ? cell_module_default.checkBoxCell : e.type === CellType.ACTIONS ? cell_module_default.actionsCell : cell_module_default.staticCell, _ = cx(cell_module_default.cell, h, e.hasSort ? cell_module_default.sortingCell : null, f, e.breakWord ? cell_module_default.breakWord : ""), v = l ?? i ?? void 0, y = e.type === CellType.STATIC || !e.type, b = t && y ? TextTransform.CAPITALIZE : void 0, x = {
-		width: v,
-		minWidth: v,
-		textTransform: b,
-		...o
+	}, b = getCellAlignment(y, cell_module_default), x = getCellAlignment(y, cell_module_default, !0), S = e.type === CellType.INPUT || e.type === CellType.NUMBER_INPUT || e.type === CellType.SELECT || e.type === CellType.POPOVER ? cell_module_default.inputCell : e.type === CellType.SLIDER ? cell_module_default.sliderCell : e.type === CellType.CHECKBOX ? cell_module_default.checkBoxCell : e.type === CellType.ACTIONS ? cell_module_default.actionsCell : cell_module_default.staticCell, C = cx(cell_module_default.cell, S, e.hasSort ? cell_module_default.sortingCell : null, b, e.breakWord ? cell_module_default.breakWord : "", d ? cell_module_default.selectedCell : ""), w = g ?? i ?? void 0, T = e.type === CellType.STATIC || !e.type, E = t && T ? TextTransform.CAPITALIZE : void 0, D = {
+		width: w,
+		minWidth: w,
+		textTransform: E,
+		...f
 	};
 	return /* @__PURE__ */ jsx(t ? "th" : "td", {
-		ref: u,
-		className: _,
-		style: x,
-		colSpan: s,
-		rowSpan: c,
+		ref: v,
+		className: C,
+		style: D,
+		colSpan: p,
+		rowSpan: h,
+		"data-row-index": o,
+		"data-column-index": s,
 		children: /* @__PURE__ */ jsx(CellWrapper, {
 			cell: e,
-			columnAlignment: m ?? Align.RIGHT,
+			columnAlignment: x ?? Align.RIGHT,
 			isHeader: t,
 			testId: a
 		})
 	});
 }, Row$1 = ({ row: e, rowIndex: t, isHeader: n = !1, columnCount: r, colSpan: i, columnHeaderAlignments: a = [], columnAlignment: o = [], hasRowActions: s, draggableTable: c = !1, columnWidths: l, dropDisabled: u = !1, height: d, testId: f }) => {
-	let p = getHeaderAlignment(a, n, t), { onRowClick: m, onRowFocus: h, onRowMouseEnter: _, onRowMouseLeave: v, expandedContent: y, error: b, warning: x, active: S } = e, C = e.cells.map((e, r) => {
+	let p = getHeaderAlignment(a, n, t), { onRowClick: m, onRowFocus: h, onRowMouseEnter: g, onRowMouseLeave: v, expandedContent: y, error: b, warning: x, active: S } = e, C = e.cells.map((e, r) => {
 		let i = `${n ? 0 : 1}_${t}_${r}`;
 		return /* @__PURE__ */ jsx(Cell, {
 			cell: e,
@@ -3510,14 +4186,18 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 			columnAlignment: o[r],
 			columnHeaderAlignment: p[r],
 			width: l ? l[r] : void 0,
-			testId: e.testId
+			testId: e.testId,
+			rowIndex: t,
+			columnIndex: r
 		}, i);
 	}), w = s && /* @__PURE__ */ jsx(Cell, {
 		cell: {
 			type: CellType.ACTIONS,
 			actions: e.actions
 		},
-		isHeader: n
+		isHeader: n,
+		rowIndex: t,
+		columnIndex: r
 	}, r), { attributes: T, listeners: E, setNodeRef: D, transform: O, transition: k, isDragging: A } = useSortable({
 		id: t.toString(),
 		animateLayoutChanges: () => !1
@@ -3537,10 +4217,10 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 	});
 	return n ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
 		onClick: m,
-		onMouseEnter: _,
+		onMouseEnter: g,
 		onMouseLeave: v,
 		onFocus: h,
-		className: cx(m ? row_module_default$1.clickableRow : null, _ ? row_module_default$1.hoverableRow : null),
+		className: cx(m ? row_module_default$1.clickableRow : null, g ? row_module_default$1.hoverableRow : null),
 		children: [
 			c ? /* @__PURE__ */ jsx("th", {}) : null,
 			C,
@@ -3553,10 +4233,10 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 	}, `${t}_expanded_content`) : null] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
 		ref: e.noDrag ? null : D,
 		onClick: m,
-		onMouseEnter: _,
+		onMouseEnter: g,
 		onMouseLeave: v,
 		onFocus: h,
-		className: cx(m && !m.noStyle ? row_module_default$1.clickableRow : null, _ && !_.noStyle ? row_module_default$1.hoverableRow : null, S ? row_module_default$1.rowActive : null),
+		className: cx(m && !m.noStyle ? row_module_default$1.clickableRow : null, g && !g.noStyle ? row_module_default$1.hoverableRow : null, S ? row_module_default$1.rowActive : null),
 		"data-error": b || null,
 		"data-warning": x || null,
 		"data-index": t,
@@ -3573,14 +4253,14 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 		children: y.content
 	}, `${t}_expanded_content`) : null] });
 }, TableDragWrapper = (e) => {
-	let { children: t, colSpan: n, columnAlignment: r, columnCount: i, draggable: a, onListReorder: o = () => {}, canListReorder: s = () => !0, rowActions: c, rows: l = [], tbodyRef: u } = e, [f, p] = useState(null), [h, _] = useState(!1), v = useMemo(() => l.map((e, t) => t.toString()), [l]);
+	let { children: t, colSpan: n, columnAlignment: r, columnCount: i, draggable: a, onListReorder: o = () => {}, canListReorder: s = () => !0, rowActions: c, rows: l = [], tbodyRef: u } = e, [d, p] = useState(null), [m, g] = useState(!1), v = useMemo(() => l.map((e, t) => t.toString()), [l]);
 	return a ? /* @__PURE__ */ jsxs(DndContext, {
 		collisionDetection: closestCenter,
 		onDragStart: (e) => {
 			p(e.active.id);
 		},
 		onDragEnd: (e) => {
-			p(null), _(!1);
+			p(null), g(!1);
 			let { active: t, over: n } = e;
 			if (!t || !n || t.id === n.id) return;
 			let r = Number(t.id), i = Number(n?.id);
@@ -3597,23 +4277,23 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 				from: r,
 				to: i
 			});
-			_(a);
+			g(a);
 		},
 		children: [/* @__PURE__ */ jsx(SortableContext, {
 			items: v,
 			strategy: verticalListSortingStrategy,
-			children: t({ dropDisabled: h })
-		}), !!f && createPortal(/* @__PURE__ */ jsx(DragOverlay, {
+			children: t({ dropDisabled: m })
+		}), !!d && createPortal(/* @__PURE__ */ jsx(DragOverlay, {
 			dropAnimation: null,
 			children: /* @__PURE__ */ jsx("table", {
 				className: cx(table_module_default.table, table_module_default.dragOverlay),
 				children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx(Row$1, {
-					rowIndex: Number(f),
-					row: l[Number(f)],
+					rowIndex: Number(d),
+					row: l[Number(d)],
 					columnCount: i,
 					columnWidths: (() => {
 						if (!u?.current) return [];
-						let e = u.current.querySelectorAll("tr")[Number(f)]?.querySelectorAll("td");
+						let e = u.current.querySelectorAll("tr")[Number(d)]?.querySelectorAll("td");
 						if (!e) return [];
 						let t = Array.from(e).map((e) => `${e.getBoundingClientRect().width}px`);
 						return t.shift(), t;
@@ -3622,7 +4302,7 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 					hasRowActions: c,
 					columnAlignment: r,
 					draggableTable: a,
-					dropDisabled: h
+					dropDisabled: m
 				}) })
 			})
 		}), document.body)]
@@ -3664,135 +4344,155 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 		className: table_module_default.scroll,
 		children: n({})
 	});
-}, Table = (e) => {
-	let { onListReorder: t = () => {}, canListReorder: n = () => !0, beforeRenderRow: r, table: i } = e, { columnWidths: a, footer: o, name: s, rows: c = [], actions: l, actionsRight: u, columnHeaderAlignments: d, columnAlignment: f, striped: m = !0, testId: h, draggable: _, defaultEmptyRow: v = null, onAddRow: y = null, bordered: b = !0, maxHeight: x, fixedWidth: S } = i, C = useRef(null), w = useRef(null), T = get(e, "table.headers", []), E = getColumnCount(c, T), D = hasRowActions(c, T), O = E + (D ? 1 : 0), k = o ? o?.pagination?.rowsPerPage?.value === 0 || Number(o?.pagination?.selectedPage) >= Number(o?.pagination?.rowCount) / Number(o?.pagination?.rowsPerPage?.value) : !0, A = v?.cells?.length && y && k, j = {
-		cells: A ? v.cells.map((e, t) => e?.type === "Input" ? {
+}, Table = withValidationScope((e) => {
+	let { onListReorder: t = () => {}, canListReorder: n = () => !0, beforeRenderRow: r, table: i, enableMultiSelect: a } = e, { columnWidths: o, footer: s, name: c, rows: l = [], actions: u, actionsRight: d, columnHeaderAlignments: f, columnAlignment: p, striped: h = !0, testId: g, draggable: v, defaultEmptyRow: y = null, onAddRow: b = null, bordered: x = !0, maxHeight: S, fixedWidth: C, onPasteApply: w, validationRules: T } = i, E = useValidationScopeId(), D = useRef(E ?? nextScopeId()).current;
+	useRegisterValidationRules(D, T);
+	let O = useRef(null), k = useRef(null), { selectedIndexes: A, setSelectedIndexes: j, onCopy: M, onPaste: N, onKeyDown: P, onKeyUp: F, onMouseUp: I, onBlur: L, onMouseDown: R, onMouseMove: z } = useCellSelection(!!a, k, e.table.rows || [], w), B = get(e, "table.headers", []), V = getColumnCount(l, B), H = hasRowActions(l, B), U = V + (H ? 1 : 0), W = s ? s?.pagination?.rowsPerPage?.value === 0 || Number(s?.pagination?.selectedPage) >= Number(s?.pagination?.rowCount) / Number(s?.pagination?.rowsPerPage?.value) : !0, G = y?.cells?.length && b && W, K = {
+		cells: G ? y.cells.map((e, t) => e?.type === "Input" ? {
 			...e,
 			onChange: (e) => {
 				let n = e?.target?.value, r = {
-					...v,
-					cells: v.cells.map((e, r) => ({
+					...y,
+					cells: y.cells.map((e, r) => ({
 						...e,
 						value: r === t ? n : e?.value
 					}))
 				};
-				y({ newRow: r });
+				b({ newRow: r });
 			}
 		} : {
 			...e,
 			disabled: !0
 		}) : null,
-		testId: h ? `${h}-last-empty-row` : void 0
-	}, M = A ? c.concat(j) : c, N = {
+		testId: g ? `${g}-last-empty-row` : void 0
+	}, q = G ? l.concat(K) : l, J = {
 		...i,
-		rows: M
-	}, P = cx(table_module_default.wrapper, b ? table_module_default.bordered : "");
-	return /* @__PURE__ */ jsxs("div", {
-		className: P,
-		style: {
-			maxHeight: x,
-			width: S,
-			display: S === "auto" ? "inline-flex" : "flex"
-		},
-		children: [
-			/* @__PURE__ */ jsx(Title$1, {
-				actions: l,
-				actionsRight: u,
-				name: s,
-				testId: h && `${h}-title`
-			}),
-			/* @__PURE__ */ jsx(TableDragWrapper, {
-				colSpan: O,
-				columnAlignment: f,
-				columnCount: E,
-				draggable: _,
-				onListReorder: t,
-				rowActions: D,
-				rows: M,
-				tbodyRef: w,
-				canListReorder: n,
-				children: ({ dropDisabled: e }) => /* @__PURE__ */ jsx(TableScrollWrapper, {
-					table: N,
-					theadRef: C,
-					children: ({ virtualizer: t, tableStyle: n }) => /* @__PURE__ */ jsxs("table", {
-						className: cx(table_module_default.table, m ? table_module_default.striped : ""),
-						"data-testid": h,
-						style: n,
-						children: [/* @__PURE__ */ jsx("thead", {
-							ref: C,
-							children: T.map((e, t) => /* @__PURE__ */ jsx(Row$1, {
-								rowIndex: t,
-								isHeader: !0,
-								row: e,
-								columnCount: E,
-								columnWidths: a,
-								colSpan: O,
-								hasRowActions: D,
-								columnAlignment: f,
-								columnHeaderAlignments: d,
-								draggableTable: _
-							}, `0_${t}`))
-						}), /* @__PURE__ */ jsx("tbody", {
-							ref: w,
-							children: t ? t.getVirtualItems().map((t) => {
-								let n = t.index, i = M[n], o = r ? r({
-									row: i,
-									rowIndex: n
-								}) : i;
-								return /* @__PURE__ */ jsx(Row$1, {
-									rowIndex: n,
-									row: o,
-									columnCount: E,
-									columnWidths: a,
-									colSpan: O,
-									hasRowActions: D,
-									columnAlignment: f,
-									draggableTable: _,
-									height: t.size,
-									dropDisabled: e
-								}, `1_${n}`);
-							}) : M.map((t, n) => {
-								let i = r ? r({
-									row: t,
-									rowIndex: n
-								}) : t;
-								return /* @__PURE__ */ jsx(Row$1, {
-									rowIndex: n,
-									row: i,
-									columnCount: E,
-									columnWidths: a,
-									colSpan: O,
-									hasRowActions: D,
-									columnAlignment: f,
-									draggableTable: _,
-									dropDisabled: e
-								}, `1_${n}`);
+		rows: q
+	}, Y = cx(table_module_default.wrapper, x ? table_module_default.bordered : ""), X = {
+		maxHeight: S,
+		width: C,
+		display: C === "auto" ? "inline-flex" : "flex"
+	};
+	return /* @__PURE__ */ jsx(ValidationScopeContext.Provider, {
+		value: D,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: Y,
+			style: X,
+			children: [
+				/* @__PURE__ */ jsx(Title$1, {
+					actions: u,
+					actionsRight: d,
+					name: c,
+					testId: g && `${g}-title`
+				}),
+				/* @__PURE__ */ jsx(TableDragWrapper, {
+					colSpan: U,
+					columnAlignment: p,
+					columnCount: V,
+					draggable: v,
+					onListReorder: t,
+					rowActions: H,
+					rows: q,
+					tbodyRef: k,
+					canListReorder: n,
+					children: ({ dropDisabled: e }) => /* @__PURE__ */ jsx(TableScrollWrapper, {
+						table: J,
+						theadRef: O,
+						children: ({ virtualizer: t, tableStyle: n }) => /* @__PURE__ */ jsx(CellSelectionContext.Provider, {
+							value: {
+								selectedIndexes: A,
+								setSelectedIndexes: j
+							},
+							children: /* @__PURE__ */ jsxs("table", {
+								className: cx(table_module_default.table, h ? table_module_default.striped : ""),
+								"data-testid": g,
+								"data-multiselect": !!a,
+								style: n,
+								children: [/* @__PURE__ */ jsx("thead", {
+									ref: O,
+									children: B.map((e, t) => /* @__PURE__ */ jsx(Row$1, {
+										rowIndex: t,
+										isHeader: !0,
+										row: e,
+										columnCount: V,
+										columnWidths: o,
+										colSpan: U,
+										hasRowActions: H,
+										columnAlignment: p,
+										columnHeaderAlignments: f,
+										draggableTable: v
+									}, `0_${t}`))
+								}), /* @__PURE__ */ jsx("tbody", {
+									ref: k,
+									onCopy: M,
+									onPaste: N,
+									onKeyDown: P,
+									onKeyUp: F,
+									onMouseDown: R,
+									onMouseUp: I,
+									onMouseMove: z,
+									onBlur: L,
+									children: t ? t.getVirtualItems().map((t) => {
+										let n = t.index, i = q[n], a = r ? r({
+											row: i,
+											rowIndex: n
+										}) : i;
+										return /* @__PURE__ */ jsx(Row$1, {
+											rowIndex: n,
+											row: a,
+											columnCount: V,
+											columnWidths: o,
+											colSpan: U,
+											hasRowActions: H,
+											columnAlignment: p,
+											draggableTable: v,
+											height: t.size,
+											dropDisabled: e
+										}, `1_${n}`);
+									}) : q.map((t, n) => {
+										let i = r ? r({
+											row: t,
+											rowIndex: n
+										}) : t;
+										return /* @__PURE__ */ jsx(Row$1, {
+											rowIndex: n,
+											row: i,
+											columnCount: V,
+											columnWidths: o,
+											colSpan: U,
+											hasRowActions: H,
+											columnAlignment: p,
+											draggableTable: v,
+											dropDisabled: e
+										}, `1_${n}`);
+									})
+								})]
 							})
-						})]
+						})
 					})
+				}),
+				s && /* @__PURE__ */ jsx(Footer, {
+					pagination: s.pagination,
+					actions: s.actions,
+					content: s.content
 				})
-			}),
-			o && /* @__PURE__ */ jsx(Footer, {
-				pagination: o.pagination,
-				actions: o.actions,
-				content: o.content
-			})
-		]
+			]
+		})
 	});
-}, placeholder$1 = "blank", getUpdatedErrors = (e, t, n, r) => {
+}), placeholder$1 = "blank", getUpdatedErrors = (e, t, n, r) => {
 	let i = `${t} → ${n}:`, a = e.filter((e) => !e.startsWith(i)), o = r ? [...a, `${i} ${r}`] : a, s = o.length === 0;
 	return {
 		updatedErrors: o,
 		isValid: s
 	};
 }, Table$1 = ({ validationRules: e, parsedResult: t, updateState: n, testId: r }) => {
-	let i = useMemo(() => t.fields.map((e) => ({ value: e })), [t.fields]), [a, s] = useState(20), [l, u] = useState(1), f = useRef([]), h = (l - 1) * a, g = a === 0 ? t.rows.length : h + a, [_, v] = useState([]), y = useCallback((r, a) => (!f.current.length && t.rows.length && (f.current = t.rows[0].map((e) => isNumericLike(e) ? "NumberInput" : "Input")), {
+	let i = useMemo(() => t.fields.map((e) => ({ value: e })), [t.fields]), [a, o] = useState(20), [c, u] = useState(1), d = useRef([]), p = (c - 1) * a, g = a === 0 ? t.rows.length : p + a, [_, v] = useState([]), y = useCallback((r, a) => (!d.current.length && t.rows.length && (d.current = t.rows[0].map((e) => isNumericLike(e) ? "NumberInput" : "Input")), {
 		cells: r.map((r, o) => {
-			let { columnMessage: s = {}, validator: c = () => null } = e?.[o] ?? {}, l = i?.[o]?.value, u = `${`Row ${a + 1}`} → ${l}:`, d = c(r), p = t?.errors?.find((e) => e.startsWith(u)) ?? null, m = d || p || null;
+			let { columnMessage: s = {}, validator: c = () => null } = e?.[o] ?? {}, l = i?.[o]?.value, u = `${`Row ${a + 1}`} → ${l}:`, f = c(r), p = t?.errors?.find((e) => e.startsWith(u)) ?? null, m = f || p || null;
 			return {
 				name: l,
 				value: r,
-				type: f.current[o] ?? "Input",
+				type: d.current[o] ?? "Input",
 				disableValidationOnFocus: !0,
 				error: m,
 				validationCallback: (e, r) => {
@@ -3877,12 +4577,12 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 		i,
 		x,
 		b
-	]), C = useMemo(() => _.slice(h, g), [
+	]), C = useMemo(() => _.slice(p, g), [
 		_,
-		h,
+		p,
 		g
 	]), w = useCallback(({ rowIndex: e }) => {
-		let n = h + e, r = t.rows[n];
+		let n = p + e, r = t.rows[n];
 		return r ? y(r, n) : {
 			cells: [],
 			actions: []
@@ -3890,7 +4590,7 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 	}, [
 		t.rows,
 		y,
-		h
+		p
 	]);
 	return /* @__PURE__ */ jsx(Table, {
 		beforeRenderRow: w,
@@ -3916,10 +4616,10 @@ const Cell = ({ cell: e, isHeader: t, columnHeaderAlignment: n, columnAlignment:
 			infiniteScroll: !0,
 			footer: { pagination: {
 				rowCount: t.rows.length,
-				selectedPage: l,
+				selectedPage: c,
 				rowsPerPage: {
 					value: a,
-					onChange: (e) => s(Number(e?.target?.value)),
+					onChange: (e) => o(Number(e?.target?.value)),
 					options: [
 						{
 							label: "10 / page",
@@ -4029,210 +4729,7 @@ const Empty = ({ width: e = "auto", height: t = "auto", text: n = "No data", chi
 }), extraSeparators = (e) => e?.split(/;|\t|\n/)?.some((e) => {
 	let t = e?.match(/[.,]/g);
 	return t && t.length > 1;
-}), hasOneComma = (e) => e?.split(/;|\t|\n/)?.some((e) => !e?.includes(".") && e?.match(/,/g)?.length === 1);
-var isValidLength = (e, t, n) => e >= t - n, isNonPlaceholderUnit = (e) => !!e && e !== "blank" && e.trim() !== "", validateColumnLength = (e, t, n, r, i, a, o) => {
-	let s = [], c = r.filter((e) => e.optionalColumn).length, l = r.length, u = c ? `${l - c} or ${l}` : `${l}`, d = i && a ? 2 : i || a ? 1 : 0;
-	if (i && !isValidLength(e.length, l, c) && s.push(o("incorrectNumberOfFieldNameHeaderColumns", { expectedLengthMessage: u })), a) {
-		let e = r.filter((e) => Array.isArray(e?.validUnits) && e?.validUnits?.some(isNonPlaceholderUnit)).length, n = t?.filter(isNonPlaceholderUnit)?.length, i = r?.filter((e) => e?.optionalColumn || !Array.isArray(e?.validUnits) || e.validUnits.includes("blank"))?.length;
-		isValidLength(n, e, i) || s.push(o("incorrectNumberOfUnitHeaderColumns", { expectedLengthMessage: u }));
-	}
-	return n.length === 0 ? s.push(o("incorrectNumberOfDataColumns", {
-		expectedLengthMessage: u,
-		dataRowStartIndex: d
-	})) : n.forEach((e, t) => {
-		isValidLength(e.length, l, c) || s.push(o("incorrectNumberOfDataColumns", {
-			expectedLengthMessage: u,
-			dataRowStartIndex: d + t
-		}));
-	}), s;
-}, normalize = (e) => e.toUpperCase().replace(/\(.*?\)/g, "").replace(/[^A-Z0-9]/g, "").trim(), defaultFieldNameValidator = ({ value: e, defaultAllowedValues: t }) => {
-	let n = normalize(e);
-	return t?.some((e) => normalize(e).includes(n) || n.includes(normalize(e))) ?? !1;
-}, defaultUnitsValidator = ({ value: e, defaultAllowedValues: t }) => t?.includes(e) ?? !1, validateHeadings = (e, t, n, r, i, a) => {
-	let o = [];
-	if (r) {
-		let r = n.map((e) => e.fieldName).filter(Boolean);
-		e.forEach((i, s) => {
-			let c = n[s];
-			!c || !c?.fieldName || (n[s]?.fieldNameValidator ?? defaultFieldNameValidator)({
-				value: i,
-				defaultAllowedValues: r,
-				columnIndex: s,
-				fields: e,
-				units: t
-			}) || o.push(a("incorrectFieldName", {
-				i: s + 1,
-				correctName: n[s]?.fieldName || a("notExist"),
-				wrongName: i || a("notApplicable")
-			}));
-		});
-	}
-	if (i) {
-		let i = n.map((e) => e?.validUnits), s = r ? 1 : 0;
-		t.forEach((r, c) => {
-			let l = n[c];
-			if (!l) return;
-			let u = l.unitsValidator ?? defaultUnitsValidator, d = i?.[c];
-			u({
-				value: r,
-				defaultAllowedValues: d,
-				columnIndex: c,
-				fields: e,
-				units: t
-			}) || o.push(a("incorrectUnitRow", {
-				unitRowIndex: s,
-				i: c + 1,
-				wrongUnit: r || a("notApplicable"),
-				correctUnit: d?.join(",") || a("notExist")
-			}));
-		});
-	}
-	return o;
-}, validateValues = (e, t, n) => {
-	let r = [];
-	return e.forEach((e, i) => {
-		e.forEach((e, a) => {
-			let o = t[a];
-			if (!o || !o.validator) return;
-			let s = o.validator(e);
-			s && typeof s == "string" && r.push(`${s} ${n("rowColumn", {
-				rowIndex: i + 2,
-				columnIndex: a
-			})}`);
-		});
-	}), r;
-};
-const validate = (e, t, n, r, i, a, o) => {
-	let s = validateColumnLength(e, t, n, r, i, a, o);
-	return s.length === 0 && (s = s.concat(validateHeadings(e, t, r, i, a, o), validateValues(n, r, o))), {
-		isValid: s.length === 0,
-		errors: s
-	};
-}, hasHeaders = (e, t, n) => {
-	let r = (e) => e.replace(/,/g, "."), i = e[0]?.some((e) => isNaN(Number(r(e)))) ?? !1, a = e[1]?.some((e) => isNaN(Number(r(e)))) ?? !1, o = e[0]?.some((e) => t.includes(e)) ?? !1, s = e[0]?.some((e) => n.includes(e)) ?? !1, c = e[1]?.some((e) => n.includes(e)) ?? !1, l = e[0]?.some((e) => !isNaN(Number(r(e)))) ?? !1, u = e[1]?.some((e) => !isNaN(Number(r(e)))) ?? !1;
-	return {
-		hasFieldNameHeader: o || i && !s && !l || i && a && !l,
-		hasUnitHeader: s || c || i && a && !s && !l && !u || i && a && !l && !u
-	};
-}, guessMissingHeaders = (e, { validationRules: t }) => {
-	let n = t?.length === (e?.[0]?.length ?? 0) ? t : t?.filter((e) => !e?.optionalColumn), r = n?.map((e) => e?.fieldName), i = (e) => Array.isArray(e) && e.length ? e[0] : "", a = n?.map((e) => e?.defaultUnit ?? i(e?.validUnits)), o = n?.map((e) => e?.validUnits)?.filter((e) => !!e)?.flat(), { hasFieldNameHeader: s, hasUnitHeader: c } = hasHeaders(e, r, o);
-	return s || e?.unshift(r), c || e?.splice(1, 0, a), {
-		hasFieldNameHeader: s,
-		hasUnitHeader: c
-	};
-}, depthRound = (e) => Math.round(e * 100) / 100;
-var joinArray = (e) => e.join(", ").replace(/,\s*$/, ""), basePapaConfig = {
-	skipEmptyLines: !0,
-	transform: (e) => e?.trim(),
-	delimiter: (e) => {
-		let t = e.substring(0, 200), n = (t.match(/\t/g) ?? []).length, r = (t.match(/;/g) ?? []).length;
-		return n === 0 && r === 0 ? "," : n > r ? "	" : ";";
-	}
-}, allowedMimes = [
-	"text/csv",
-	"text/plain",
-	"application/json",
-	"application/vnd.ms-excel"
-], isAllowedFileType = (e) => allowedMimes.includes(e.type), isFile = (e) => e instanceof File, isJson = (e) => e.trim().startsWith("["), isCustomJson = (e) => {
-	try {
-		return !!JSON.parse(e)?.path;
-	} catch {
-		return !1;
-	}
-};
-const readFile$1 = (e) => new Promise((t, n) => {
-	let r = new FileReader();
-	r.onload = () => t(String(r.result)), r.onerror = n, r.readAsText(e);
-});
-var parseJson = async (e, t, n) => {
-	try {
-		let r = JSON.parse(e);
-		return onCompleteParse({
-			data: r,
-			errors: []
-		}, t, n);
-	} catch (e) {
-		throw Error(`${n("jsonParseFailed")} ${e.message}`);
-	}
-}, parseCustomJson = async (e, t, n) => {
-	try {
-		let r = JSON.parse(e).path.map((e) => [
-			depthRound(e.md),
-			depthRound(e.inclination),
-			depthRound(e.gridAzimuth)
-		]);
-		return r.unshift([
-			"m",
-			"deg",
-			"deg"
-		]), onCompleteParse({
-			data: r,
-			errors: []
-		}, t, n);
-	} catch (e) {
-		throw Error(`${n("jsonParseFailed")} ${e.message}`);
-	}
-};
-const replaceWithDot = (e) => e.replace(",", "."), replaceDataCommasWithDots = (e) => e.map((e) => e.map((e) => replaceWithDot(e)));
-var parseDSV = (e, { importLimit: t,...n }, r) => new Promise((i) => {
-	Papa.parse(e, {
-		...basePapaConfig,
-		preview: t,
-		complete: (e) => {
-			let a = onCompleteParse(e, {
-				importLimit: t,
-				...n
-			}, r);
-			a.rows = replaceDataCommasWithDots(a.rows), i(a);
-		}
-	});
-});
-const parse = async (e, t, n) => {
-	let r = {
-		isValid: !1,
-		fields: [],
-		units: [],
-		rows: [],
-		errors: []
-	};
-	try {
-		if (isFile(e) && !isAllowedFileType(e)) return r.errors.push(`${n("wrongFileFormatExpectedOneOf")} ${joinArray(Array.from(allowedMimes))}`), r;
-		let i = isFile(e) ? await readFile$1(e) : e;
-		return isJson(i) ? await parseJson(i, t, n) : isCustomJson(i) ? await parseCustomJson(i, t, n) : await parseDSV(e, t, n);
-	} catch (e) {
-		return r.errors.push(e.message), r;
-	}
-}, unParse = (e, t, n, r) => {
-	let i = r?.delimiter ?? ",", a = [
-		e,
-		t,
-		...n
-	].filter(Boolean);
-	return Papa.unparse(a, {
-		quotes: !1,
-		header: !0,
-		delimiter: i
-	});
-};
-var onCompleteParse = (e, t, n) => {
-	let { data: r, errors: i } = e, a = {
-		isValid: !1,
-		fields: [],
-		units: [],
-		rows: [],
-		errors: i.map((e) => e.message)
-	};
-	if (i.length > 0) return a;
-	let { hasFieldNameHeader: o, hasUnitHeader: s } = guessMissingHeaders(r, t);
-	a.fields = r[0].map((e) => e.trim()), a.units = r[1].map((e) => e.trim()).filter(Boolean), a.rows = r.slice(2);
-	let { validationRules: c } = t;
-	if (c.length) {
-		let { isValid: e, errors: t } = validate(a.fields, a.units, a.rows, c, o, s, n);
-		a.errors.push(...t), a.isValid = e && t.length === 0;
-	} else a.isValid = a.errors.length === 0;
-	return a;
-};
-const toast = ({ id: e, message: t = {
+}), hasOneComma = (e) => e?.split(/;|\t|\n/)?.some((e) => !e?.includes(".") && e?.match(/,/g)?.length === 1), toast = ({ id: e, message: t = {
 	type: MessageType.INFO,
 	content: ""
 }, autoClose: n = 6e3, onClose: r }) => {
@@ -4287,10 +4784,10 @@ var toggle_module_default = {
 	noMargin: "_noMargin_1c9wf_110",
 	helpIconEnabled: "_helpIconEnabled_1c9wf_113"
 };
-const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, small: a = !1, onChange: o, noMargin: c = !1, testId: l, helpText: u, onClickHelp: d }) => {
+const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, small: a = !1, onChange: o, noMargin: s = !1, testId: l, helpText: u, onClickHelp: d }) => {
 	let f = useContext(DisabledContext), p = u || d, m = r || f;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cx(toggle_module_default.toggle, m ? toggle_module_default.disabled : null, a ? toggle_module_default.small : null, c ? toggle_module_default.noMargin : null),
+		className: cx(toggle_module_default.toggle, m ? toggle_module_default.disabled : null, a ? toggle_module_default.small : null, s ? toggle_module_default.noMargin : null),
 		style: { display: i },
 		onClick: (t) => {
 			m || (t.target.name = e, t.target.checked = !n, t.target.value = !n, o(t));
@@ -4313,7 +4810,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 			})
 		]
 	});
-}, PasteWithReviewModal = ({ config: e, state: t, updateState: n, setModalVisibility: r, onCloseModal: i, readAndParseInput: a, validationRules: s = [], onCompleteImport: c = () => {}, prevalidationConfig: l, t: u, loading: d, startTransition: f, testId: h }) => {
+}, PasteWithReviewModal = ({ config: e, state: t, updateState: n, setModalVisibility: r, onCloseModal: i, readAndParseInput: a, validationRules: o = [], onCompleteImport: c = () => {}, prevalidationConfig: l, t: u, loading: d, startTransition: f, testId: p }) => {
 	let { modalVisibility: { reviewPasteModal: g, pasteModalHelpVisible: _, helpModal: v } } = t, { warningMessage: y, actionButtonLabel: b, changeRulesAction: x, checkPrevalidationNeed: S } = l ?? {}, C = useRef(null), [w, T] = useState(!1), [E, D] = useState({
 		pastedText: "",
 		parsedResult: {
@@ -4334,15 +4831,15 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 	let O = useCallback((t) => {
 		if (t) {
 			let t = SimplifyAP(N?.rows?.map(([e, t]) => [Number(e), Number(t)]), .001).map(([e, t]) => [e.toString(), t.toString()]), n = e.importLimit ?? 1e4, r = {
-				validationRules: s,
+				validationRules: o,
 				importLimit: n
-			}, i = N.fields.slice(0, 2), a = (N.units ?? []).slice(0, 2), o = unParse(i, a, t, r);
+			}, i = N.fields.slice(0, 2), a = (N.units ?? []).slice(0, 2), s = unParse(i, a, t, r);
 			f(() => D({
 				parsedResult: {
 					...N,
 					rows: t
 				},
-				pastedText: o
+				pastedText: s
 			})), C.current = E;
 		} else f(() => {
 			C.current && D(C.current);
@@ -4351,7 +4848,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 	}, [
 		E,
 		n,
-		s
+		o
 	]), k = () => {
 		D({
 			pastedText: "",
@@ -4404,7 +4901,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 			]
 		}),
 		_ && /* @__PURE__ */ jsx(Help, {
-			validationRules: s,
+			validationRules: o,
 			t: u
 		}),
 		R ? /* @__PURE__ */ jsx("div", {
@@ -4437,7 +4934,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 							},
 							colored: !0,
 							loading: d,
-							testId: `${h}-paste-from-clipboard-button`
+							testId: `${p}-paste-from-clipboard-button`
 						})
 					]
 				})
@@ -4469,7 +4966,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 				} })
 			]
 		}), /* @__PURE__ */ jsx(Table$1, {
-			validationRules: s,
+			validationRules: o,
 			parsedResult: N,
 			updateState: (e) => D((t) => ({
 				...t,
@@ -4496,7 +4993,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 					onClick: () => f(() => j()),
 					disabled: R || !F,
 					loading: d,
-					testId: `${h}-paste-with-review-modal-button-okay`
+					testId: `${p}-paste-with-review-modal-button-okay`
 				}),
 				/* @__PURE__ */ jsx(Button, {
 					label: u("cancel"),
@@ -4542,75 +5039,7 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 		return;
 	}
 	return t;
-}, [t, n]), enTranslations = {
-	cancel: "Cancel",
-	chooseFile: "Choose file",
-	copyDecimalComma: "Copy (decimal comma)",
-	copyDecimalDot: "Copy (decimal dot)",
-	copyToClipboard: "Copy to clipboard",
-	copiedToClipboard: "Copied to clipboard",
-	deleteAllRows: "Delete all rows",
-	downloadFile: "Download file",
-	export: "Export",
-	help: "Help",
-	import: "Import",
-	noFileSelected: "No file selected",
-	notApplicable: "N/A",
-	notExist: "not exist",
-	okay: "Okay",
-	uploadCapitalized: "Upload",
-	uploadFile: "Upload file",
-	pasteShortcutHint: "You can also press Ctrl+V or Command+V to paste from clipboard",
-	pasteFromClipboard: "Paste from clipboard",
-	clipboardIsEmpty: "Clipboard is empty",
-	clipboardReadFailed: "Unable to read data from clipboard. Check formatting or try Paste with Review.",
-	clipboardReadNotAllowed: "Your browser did not allow reading the clipboard. Upgrade browser or try Paste with Review.",
-	pasteSuccessful: "Paste successful",
-	pasteWithReview: "Paste with review",
-	pasteWithReviewRoundBrackets: "Paste (with review)",
-	quickPasteFromClipboard: "Quick paste from clipboard",
-	unableToCopyToClipboard: "Unable to copy to clipboard",
-	fileParsingFailed: "Failed to read or validate the file. Please check the format and try again.",
-	importWarning: "Large data detected: More than 500 rows have been imported. You can choose to import all or downsample for better performance.",
-	importLimitExceeded: "Import failed: The data exceeds the 5000-row limit. Please reduce the number of rows and try again.",
-	importingData: "Importing data",
-	incorrectFieldName: "Incorrect field name (row 0, column {{i}}: has name {{wrongName}}, but should be {{correctName}})",
-	incorrectNumberOfDataColumns: "Incorrect number of data columns, expected {{expectedLengthMessage}} columns in row {{dataRowStartIndex}}",
-	incorrectNumberOfFieldNameHeaderColumns: "Incorrect number of field name header columns, expected {{expectedLengthMessage}} columns in row 0",
-	incorrectNumberOfUnitHeaderColumns: "Incorrect number of unit header columns, expected {{expectedLengthMessage}} columns in row 1",
-	incorrectUnitRow: "Incorrect unit (row {{unitRowIndex}}, column {{i}}: has unit [{{wrongUnit}}], but should be [{{correctUnit}}])",
-	jsonParseFailed: "JSON parse failed",
-	pasteYourTableDataHereToImportIt: "Paste your table data here to import it",
-	rowColumn: "(row {{rowIndex}}, column {{columnIndex}})",
-	theValuesCanBeSeparatedByDifferentDelimiters: "The values can be separated by different delimiters",
-	unableToImportPleaseCorrectError: "Unable to import - {{rows}} rows have errors. Please correct input data and try again.",
-	unableToPrepareExportData: "Unable to prepare export – see console for details.",
-	validInputForPaste: "Valid input for paste.",
-	wrongFileFormatExpectedOneOf: "Wrong file format: expected one of",
-	youCanImportDataByPastingOrByMessage: "You can import data by pasting (e.g. from a spreadsheet), or by uploading a text file ( .txt or .csv ).",
-	commasAsDecimals: "Comma is treated as a decimal separator when it is the only separator",
-	deletePastedContent: "Delete pasted content",
-	downsampled: "Downsampled",
-	downsampleSuccess: "Successfully downsampled from {{from}} rows to {{to}} rows.",
-	downsampleTooltip: "Reduces number of data rows (decimation) using the Ramer–Douglas–Peucker algorithm.",
-	extraSeparators: "Two or more separators detected. Kept only last one as decimal separator, please control your import results",
-	noDataPastedYet: "No data pasted yet.",
-	semicolonSeparatedValues: "Semicolon-separated values",
-	tabSeparatedValues: "Tab-separated values",
-	examples: "Examples",
-	smartUpload_description: "Upload image and extract table content using a LLM",
-	smartUpload_smartUpload: "Smart Upload",
-	toUploadOrImportFromClipboardMessage: "To upload or import from clipboard please select your preferred unit in the table header and upload or paste numbers only for Depth, Inc, Azi. Follow example below"
-}, interpolate = (e, t = {}) => e?.replace(/\{\{(\w+)\}\}/g, (e, n) => t?.[n] === void 0 ? "" : String(t?.[n])), useTranslationMap = (e) => useMemo(() => {
-	let t = Object.keys(enTranslations).reduce((t, n) => {
-		let r = enTranslations?.[n];
-		return t[n] = e?.[n] ?? r, t;
-	}, {});
-	return (e, n) => {
-		let r = t[e];
-		return n ? interpolate(r, n) : r;
-	};
-}, [e]), normalizeParsedResult = (e) => {
+}, [t, n]), normalizeParsedResult = (e) => {
 	let { rows: t } = e, n = Array(t.length);
 	for (let e = 0; e < t.length; e++) {
 		let r = t[e], i = Array(r.length);
@@ -4622,16 +5051,16 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 		rows: n
 	};
 }, useDataImportActions = ({ config: e, state: t, setState: n, smartUploadConfig: r, startTransition: i }) => {
-	let { exportData: a, beforeExportData: s, importLimit: c = 1e4, validationRules: l = [], translations: u, onImportComplete: d = () => {}, disablePasteSuccessfulToast: f, prevalidationConfig: p, onDeleteRows: m } = e ?? {}, { parsedResult: h } = t, { checkPrevalidationNeed: g } = p ?? {}, _ = useTranslationMap(u), v = useExportData(_, a, s), y = useCallback((e) => {
+	let { exportData: a, beforeExportData: o, importLimit: c = 1e4, translations: l, onImportComplete: u = () => {}, disablePasteSuccessfulToast: d, prevalidationConfig: f, onDeleteRows: p } = e ?? {}, { parsedResult: m } = t, { checkPrevalidationNeed: h } = f ?? {}, g = useTranslationMap(l), _ = useExportData(g, a, o), { parseAndValidate: v, rules: y } = useScopedParseAndValidate(), b = useCallback((e) => {
 		n((t) => ({
 			...t,
 			...e
 		}));
-	}, [n]), b = useCallback(({ name: e, callback: n } = {}) => {
+	}, [n]), x = useCallback(({ name: e, callback: n } = {}) => {
 		let r = { ...t.modalVisibility }, i = !e, a = [];
 		if (i) for (let e of Object.keys(r)) a.push(e), r[e] = !1;
 		else r?.[e] && (a.push(e), r[e] = !1);
-		a.length > 0 && y({
+		a?.length > 0 && b({
 			modalVisibility: r,
 			pastedText: "",
 			parsedResult: {
@@ -4641,9 +5070,9 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 				units: [],
 				errors: []
 			}
-		}), typeof n == "function" && a.length > 0 && n();
-	}, [t.modalVisibility, y]), x = useCallback(() => {
-		i(() => y({
+		}), typeof n == "function" && a?.length > 0 && n();
+	}, [t.modalVisibility, b]), S = useCallback(() => {
+		i(() => b({
 			pastedText: "",
 			parsedResult: {
 				isValid: !1,
@@ -4652,55 +5081,52 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 				units: [],
 				errors: []
 			}
-		})), m && m?.("all");
-	}, [t.modalVisibility, y]), S = useCallback((e, n) => {
-		y({ modalVisibility: {
+		})), p && p?.("all");
+	}, [t.modalVisibility, b]), C = useCallback((e, n) => {
+		b({ modalVisibility: {
 			...t.modalVisibility,
 			[e]: n
 		} });
-	}, [t.modalVisibility, y]), C = useCallback(async (e) => {
+	}, [t.modalVisibility, b]), w = useCallback(async (e) => {
 		let t = {
-			validationRules: l,
+			validationRules: y,
 			importLimit: c
-		}, n = await parse(e, t, _), r = normalizeParsedResult(n);
-		if (g && g(h)) {
+		}, n = await v(e, g), r = normalizeParsedResult(n);
+		if (h && h(m)) {
 			let { fields: e, units: n, rows: a, isValid: o } = r, s = unParse(e, n ?? [], a, t);
-			return i(() => y({
+			return i(() => b({
 				pastedText: s,
-				parsedResult: h
+				parsedResult: m
 			})), r;
 		}
-		return i(() => y({
+		return i(() => b({
 			pastedText: e,
 			parsedResult: r
 		})), r;
 	}, [
-		l,
+		y,
 		c,
-		_,
 		g,
 		h,
-		y
-	]), w = useCallback(async (e) => {
+		m,
+		b
+	]), T = useCallback(async (e) => {
 		let { fromFile: t, showSuccessToast: n = !0 } = e ?? {}, r;
 		try {
 			if (r = t ? await t.text() : await navigator.clipboard.readText(), !r) {
 				transitionToast({ message: {
 					type: "Error",
-					content: _(t ? "fileReadOrParseFailed" : "clipboardReadNotAllowed")
+					content: g(t ? "fileReadOrParseFailed" : "clipboardReadNotAllowed")
 				} }, i);
 				return;
 			}
-			let e = await parse(r, {
-				validationRules: l,
-				importLimit: c
-			}, _), a = normalizeParsedResult(e);
+			let e = await v(r, g), a = normalizeParsedResult(e);
 			return a?.isValid || transitionToast({ message: {
 				type: "Error",
-				content: _("clipboardReadFailed")
+				content: g("clipboardReadFailed")
 			} }, i), n && transitionToast({ message: {
 				type: "Success",
-				content: _("pasteSuccessful")
+				content: g("pasteSuccessful")
 			} }, i), {
 				pastedText: r,
 				parsedResult: a
@@ -4708,78 +5134,78 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 		} catch (e) {
 			transitionToast({ message: {
 				type: "Error",
-				content: _(t ? "fileReadOrParseFailed" : "clipboardReadNotAllowed"),
+				content: g(t ? "fileReadOrParseFailed" : "clipboardReadNotAllowed"),
 				details: e.message
 			} }, i);
 			return;
 		}
-	}, [l, c]), T = useCallback(async (e) => {
+	}, [y, c]), E = useCallback(async (e) => {
 		let t = e?.target?.files?.[0];
 		if (!t) return;
-		let n = await t.text(), r = await C(n);
-		r.isValid ? (f || transitionToast({ message: {
+		let n = await t.text(), r = await w(n);
+		r.isValid ? (d || transitionToast({ message: {
 			type: "Success",
-			content: _("pasteSuccessful")
-		} }, i), i(() => d(r))) : transitionToast({ message: {
+			content: g("pasteSuccessful")
+		} }, i), i(() => u(r))) : transitionToast({ message: {
 			type: "Error",
-			content: _("fileParsingFailed")
+			content: g("fileParsingFailed")
 		} }, i);
 	}, [
-		l,
-		c,
 		y,
-		d
-	]), E = useCallback(async (e = !0) => {
+		c,
+		b,
+		u
+	]), D = useCallback(async (e = !0) => {
 		try {
 			let t = await navigator.clipboard.readText();
 			if (!t) {
 				transitionToast({ message: {
 					type: "Error",
-					content: _("clipboardIsEmpty")
+					content: g("clipboardIsEmpty")
 				} }, i);
 				return;
 			}
-			let n = await C(t);
+			let n = await w(t);
 			if (!n.isValid) {
 				transitionToast({ message: {
 					type: "Error",
-					content: _("clipboardReadFailed")
+					content: g("clipboardReadFailed")
 				} }, i);
 				return;
 			}
-			f || transitionToast({ message: {
+			d || transitionToast({ message: {
 				type: "Success",
-				content: _("pasteSuccessful")
-			} }, i), e && i(() => d(n));
+				content: g("pasteSuccessful")
+			} }, i), e && i(() => u(n));
 		} catch {
 			transitionToast({ message: {
 				type: "Error",
-				content: _("clipboardReadNotAllowed")
+				content: g("clipboardReadNotAllowed")
 			} }, i);
 		}
 	}, [
-		l,
-		c,
-		_,
 		y,
-		d
-	]), D = useCallback(async (e) => {
-		let t = await v();
+		c,
+		g,
+		b,
+		u
+	]), O = useCallback(async (e) => {
+		let t = await _();
 		if (!t) return;
-		let { fields: n = [], units: r = [], rows: a = [] } = t, o = (r ?? []).map((e) => e?.length ? e : placeholder$1).slice(0, n.length), s = (e, t) => t === "comma" ? e.replace(/\./g, ",") : e, c = a.map((t) => t.map((t) => isNullOrUndefined(t) ? "" : s(t.toString(), e))), l = unParse(n, o, c, { delimiter: "	" });
+		let { fields: n = [], units: r = [], rows: a = [] } = t, o = (r ?? []).map((e) => e?.length ? e : placeholder$1).slice(0, n?.length), s = (e, t) => t === "comma" ? e.replace(/\./g, ",") : e, c = a.map((t) => t.map((t) => isNullOrUndefined(t) ? "" : s(t.toString(), e))), l = unParse(n, o, c, { delimiter: "	" });
 		try {
 			await navigator.clipboard.writeText(l), transitionToast({ message: {
 				type: "Success",
-				content: _("copiedToClipboard")
+				content: g("copiedToClipboard")
 			} }, i);
 		} catch (e) {
 			transitionToast({ message: {
 				type: "Error",
-				content: _("unableToCopyToClipboard"),
+				content: g("unableToCopyToClipboard"),
 				details: e.message
 			} }, i);
 		}
-	}, [v, _]), O = useCallback((e) => {
+	}, [_, g]), k = useCallback((e) => {
 		if (!e || e.errorMessage) {
 			transitionToast({ message: {
 				type: "Error",
@@ -4794,24 +5220,24 @@ const Toggle = ({ name: e, label: t, checked: n = !1, disabled: r, display: i, s
 			rows: n.map((e) => Object.values(e)),
 			errors: []
 		};
-		i(() => y({ parsedResult: a })), i(() => d(a));
+		i(() => b({ parsedResult: a })), i(() => u(a));
 		let { onComplete: o } = r ?? {};
-		typeof o == "function" && o(a), b();
+		typeof o == "function" && o(a), x();
 	}, [
-		y,
-		d,
+		b,
+		u,
 		r
 	]);
 	return {
-		updateState: y,
-		closeModals: b,
-		setModalVisibility: S,
-		readAndParseInput: w,
-		onFileChange: T,
-		onClickQuickPasteFromClipBoard: E,
-		onClickCopyClipboard: D,
-		onSmartUploadResult: O,
-		deleteAllRows: x
+		updateState: b,
+		closeModals: x,
+		setModalVisibility: C,
+		readAndParseInput: T,
+		onFileChange: E,
+		onClickQuickPasteFromClipBoard: D,
+		onClickCopyClipboard: O,
+		onSmartUploadResult: k,
+		deleteAllRows: S
 	};
 }, onClickDownLoad = (e, t) => {
 	let { fields: n, rows: r } = e, i = e.units?.map((e) => e || "blank") ?? [], a = unParse(n, i, r, { delimiter: "	" }), o = new Blob([a], { type: "text/plain" }), s = document.createElement("a");
@@ -4847,165 +5273,167 @@ var initialState = {
 		helpModal: !1
 	}
 };
-const TableImportExport = ({ config: e, smartUploadConfig: t, testId: n }) => {
-	let { exportData: r, beforeExportData: i, prevalidationConfig: a, validationRules: o, title: s, translations: c, textOnly: l = !1, showImportOptions: u = !0, copyFromClipBoard: d = !0, showDeleteOptions: f = !0, showHelpOption: p = !0, modals: g = [], dynamicOptions: _, onImportComplete: v } = e ?? {}, [y, b] = useState(initialState), { modalVisibility: { smartUploadModal: x = !1, reviewPasteModal: S = !1, helpModal: C = !1 } } = y, { enabled: w, prompt: T = "", onClose: E, onError: D, service: O = () => Promise.resolve() } = t ?? {}, k = useTranslationMap(c), A = useExportData(k, r, i), [j, M] = useTransition(), { readAndParseInput: N, updateState: P, closeModals: F, setModalVisibility: I, onFileChange: L, onClickQuickPasteFromClipBoard: R, onClickCopyClipboard: z, onSmartUploadResult: B, deleteAllRows: V } = useDataImportActions({
+const TableImportExport = ({ config: e, smartUploadConfig: t, testId: n, __validationScopeId: r }) => {
+	let { exportData: i, beforeExportData: a, prevalidationConfig: o, validationRules: s, title: c, translations: l, textOnly: u = !1, showImportOptions: d = !0, copyFromClipBoard: f = !0, showDeleteOptions: p = !0, showHelpOption: m = !0, modals: _ = [], dynamicOptions: v, onImportComplete: y } = e ?? {}, b = useValidationScopeId();
+	useRegisterValidationRules(r ?? b, s);
+	let [x, S] = useState(initialState), { modalVisibility: { smartUploadModal: C = !1, reviewPasteModal: w = !1, helpModal: T = !1 } } = x, { enabled: E, prompt: D = "", onClose: O, onError: k, service: A = () => Promise.resolve() } = t ?? {}, j = useTranslationMap(l), M = useExportData(j, i, a), [N, P] = useTransition(), { readAndParseInput: F, updateState: I, closeModals: L, setModalVisibility: R, onFileChange: z, onClickQuickPasteFromClipBoard: B, onClickCopyClipboard: V, onSmartUploadResult: H, deleteAllRows: U } = useDataImportActions({
 		config: e,
-		state: y,
-		setState: b,
+		state: x,
+		setState: S,
 		smartUploadConfig: t,
-		startTransition: M
+		startTransition: P
 	}) ?? {};
-	useKeyboardEvent("Escape", () => F());
-	let H = u ? [
+	useKeyboardEvent("Escape", () => L());
+	let W = d ? [
 		{
 			type: "Option",
-			label: k("uploadFile"),
+			label: j("uploadFile"),
 			upload: !0,
 			uploadType: ".csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-			onChange: L,
+			onChange: z,
 			testId: `${n}-option-upload-file`
 		},
-		...d ? [{
+		...f ? [{
 			type: "Option",
-			label: k("quickPasteFromClipboard"),
-			onClick: R,
+			label: j("quickPasteFromClipboard"),
+			onClick: B,
 			testId: `${n}-option-quick-paste-from-clipboard`
 		}] : [],
-		...d ? [{
+		...f ? [{
 			type: "Option",
-			label: k("pasteWithReview"),
-			onClick: () => I("reviewPasteModal", !S),
+			label: j("pasteWithReview"),
+			onClick: () => R("reviewPasteModal", !w),
 			testId: `${n}-paste-with-review`
 		}] : [],
-		...T && w && t ? [{
+		...D && E && t ? [{
 			type: "Option",
-			label: k("smartUpload_smartUpload"),
-			onClick: () => I("smartUploadModal", !x),
+			label: j("smartUpload_smartUpload"),
+			onClick: () => R("smartUploadModal", !C),
 			testId: `${n}-smart-upload`
 		}] : [],
-		...applyModalHandlers(_?.importOptions ?? [], y, I)
-	] : [], U = [
+		...applyModalHandlers(v?.importOptions ?? [], x, R)
+	] : [], G = [
 		{
 			type: "Option",
-			label: k("downloadFile"),
+			label: j("downloadFile"),
 			onClick: async () => {
-				let e = await A();
-				e && e && onClickDownLoad(e, s);
+				let e = await M();
+				e && e && onClickDownLoad(e, c);
 			}
 		},
-		...l ? [{
+		...u ? [{
 			type: "Option",
-			label: k("copyToClipboard"),
-			onClick: () => z("dot")
+			label: j("copyToClipboard"),
+			onClick: () => V("dot")
 		}] : [{
 			type: "Menu",
 			testId: `${n}-menu-copy-to-clipboard`,
 			menu: {
 				trigger: "Text",
-				label: k("copyToClipboard"),
+				label: j("copyToClipboard"),
 				sections: [{
 					type: "Option",
-					label: k("copyDecimalDot"),
-					onClick: () => z("dot"),
+					label: j("copyDecimalDot"),
+					onClick: () => V("dot"),
 					testId: `${n}-option-copy-decimal-dot`
 				}, {
 					type: "Option",
-					label: k("copyDecimalComma"),
-					onClick: () => z("comma")
+					label: j("copyDecimalComma"),
+					onClick: () => V("comma")
 				}]
 			}
 		}],
-		...applyModalHandlers(_?.exportOptions ?? [], y, I)
-	], W = f ? [{
+		...applyModalHandlers(v?.exportOptions ?? [], x, R)
+	], K = p ? [{
 		type: "Option",
-		label: k("deleteAllRows"),
-		onClick: () => V(),
+		label: j("deleteAllRows"),
+		onClick: () => U(),
 		testId: `${n}-delete-all-rows`
-	}, ...applyModalHandlers(_?.deleteOptions ?? [], y, I)] : [], G = p ? [
+	}, ...applyModalHandlers(v?.deleteOptions ?? [], x, R)] : [], q = m ? [
 		{ type: "Divider" },
 		{
 			type: "Option",
-			label: k("help"),
-			onClick: () => I("helpModal", !C)
+			label: j("help"),
+			onClick: () => R("helpModal", !T)
 		},
-		...applyModalHandlers(_?.helpOptions ?? [], y, I)
-	] : [], K = [
-		...H.length ? [{
-			section: [...H, ...G],
+		...applyModalHandlers(v?.helpOptions ?? [], x, R)
+	] : [], J = [
+		...W?.length ? [{
+			section: [...W, ...q],
 			name: "import-options",
 			iconName: "upload",
-			tooltip: k("import")
+			tooltip: j("import")
 		}] : [],
-		...U.length ? [{
-			section: U,
+		...G?.length ? [{
+			section: G,
 			name: "export-options",
 			iconName: "download",
-			tooltip: k("export")
+			tooltip: j("export")
 		}] : [],
-		...W.length ? [{
-			section: W,
+		...K?.length ? [{
+			section: K,
 			name: "delete-options",
 			iconName: "delete",
-			tooltip: k("deleteAllRows")
+			tooltip: j("deleteAllRows")
 		}] : []
 	];
 	return /* @__PURE__ */ jsxs("span", { children: [
-		j && /* @__PURE__ */ jsx(Spinner, {
+		N && /* @__PURE__ */ jsx(Spinner, {
 			small: !0,
 			dark: !0
 		}),
-		K.map((e, t) => /* @__PURE__ */ jsx(MenuComponent, {
+		J.map((e, t) => /* @__PURE__ */ jsx(MenuComponent, {
 			sections: e.section,
 			iconName: e.iconName,
 			tooltip: e.tooltip,
 			testId: `data-${e?.name}-menu`
 		}, t)),
-		S && /* @__PURE__ */ jsx(PasteWithReviewModal, {
+		w && /* @__PURE__ */ jsx(PasteWithReviewModal, {
 			config: e,
-			state: y,
-			updateState: P,
-			setModalVisibility: I,
-			readAndParseInput: N,
-			onCloseModal: F,
-			validationRules: o,
-			onCompleteImport: v,
-			prevalidationConfig: a,
-			t: k,
-			loading: j,
-			startTransition: M,
+			state: x,
+			updateState: I,
+			setModalVisibility: R,
+			readAndParseInput: F,
+			onCloseModal: L,
+			validationRules: s,
+			onCompleteImport: y,
+			prevalidationConfig: o,
+			t: j,
+			loading: N,
+			startTransition: P,
 			testId: n
 		}),
-		C && /* @__PURE__ */ jsx(HelpModal, {
-			visible: C,
-			setModalVisibility: I,
-			validationRules: o,
-			t: k
+		T && /* @__PURE__ */ jsx(HelpModal, {
+			visible: T,
+			setModalVisibility: R,
+			validationRules: s,
+			t: j
 		}),
-		w && t && /* @__PURE__ */ jsx(SmartUploadModal, {
-			visible: x,
-			prompt: T,
-			onUpload: O,
-			onCloseModal: () => F({ callback: E }),
-			onComplete: B,
-			onError: D,
-			heading: k("smartUpload_smartUpload"),
-			dialogText: k("smartUpload_description"),
-			fileInputText: k("chooseFile"),
-			fileInputPlaceholder: k("noFileSelected"),
-			uploadText: k("uploadCapitalized"),
-			cancelText: k("cancel"),
+		E && t && /* @__PURE__ */ jsx(SmartUploadModal, {
+			visible: C,
+			prompt: D,
+			onUpload: A,
+			onCloseModal: () => L({ callback: O }),
+			onComplete: H,
+			onError: k,
+			heading: j("smartUpload_smartUpload"),
+			dialogText: j("smartUpload_description"),
+			fileInputText: j("chooseFile"),
+			fileInputPlaceholder: j("noFileSelected"),
+			uploadText: j("uploadCapitalized"),
+			cancelText: j("cancel"),
 			testId: n
 		}),
 		/* @__PURE__ */ jsx(ModalsRenderer, {
-			modals: g,
-			modalVisibility: y?.modalVisibility,
-			onCloseModal: F,
+			modals: _,
+			modalVisibility: x?.modalVisibility,
+			onCloseModal: L,
 			testId: n
 		})
 	] });
 }, FileButton = ({ file: e, accept: t, multi: n, name: r, disabled: i, onChange: a = noop,...o }) => {
-	let c = useContext(DisabledContext), l = useRef(null), u = () => {
-		i || c || l.current?.click();
+	let s = useContext(DisabledContext), l = useRef(null), u = () => {
+		i || s || l.current?.click();
 	}, d = (e) => {
 		let t = n ? e.target.files : e.target.files?.[0], r = {
 			...e,
@@ -5284,15 +5712,15 @@ const ToggleNarrow = ({ toggleNarrow: e, onClickToggleNarrow: t }) => e ? /* @__
 	},
 	children: e.content
 }) : null, ListSubheading = forwardRef(({ item: e, index: t }, n) => {
-	let r = useContext(DisabledContext), { actions: i, disabled: a, expanded: o, onClick: c, title: l, name: u, icon: d, testId: f } = e;
+	let r = useContext(DisabledContext), { actions: i, disabled: a, expanded: o, onClick: s, title: l, name: u, icon: d, testId: f } = e;
 	return /* @__PURE__ */ jsx("div", {
 		ref: (e) => {
 			n && "current" in n && Array.isArray(n.current) && t !== void 0 && (n.current[t] = e);
 		},
 		"data-testid": f ?? null,
-		className: cx(list_module_default.item, list_module_default.heading, a || r ? list_module_default.disabled : "", c ? list_module_default.action : ""),
+		className: cx(list_module_default.item, list_module_default.heading, a || r ? list_module_default.disabled : "", s ? list_module_default.action : ""),
 		onClick: (e) => {
-			c && c(e);
+			s && s(e);
 		},
 		title: l,
 		children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", {
@@ -5317,7 +5745,7 @@ const ToggleNarrow = ({ toggleNarrow: e, onClickToggleNarrow: t }) => e ? /* @__
 		}) })
 	});
 }), ListRow = forwardRef(({ item: e, index: t, expanding: n, invokeEditOnRowClick: r, draggable: i }, a) => {
-	let o = useContext(DisabledContext), c = (e, t, s, c, l, u) => {
+	let o = useContext(DisabledContext), s = (e, t, s, c, l, u) => {
 		let d = t.actions && t.actions.find((e) => e.label && String(e.label)?.toLowerCase() === "edit"), f = !!(d || t.url || t.onClick), p = t.level && t.level > 1 ? (t.level - 1) * 20 : 0, m = t.component || "a";
 		return /* @__PURE__ */ jsx(m, {
 			href: t.url,
@@ -5371,16 +5799,16 @@ const ToggleNarrow = ({ toggleNarrow: e, onClickToggleNarrow: t }) => e ? /* @__
 		item: e,
 		index: t
 	}, t) : i ? ((e, t) => {
-		let { attributes: n, listeners: r, setNodeRef: i, transform: a, transition: o, isDragging: s } = useSortable({
+		let { attributes: n, listeners: r, setNodeRef: i, transform: a, transition: o, isDragging: c } = useSortable({
 			id: e.toString(),
 			animateLayoutChanges: () => !1
 		}), l = {
 			transform: CSS.Translate.toString(a),
 			transition: o,
-			opacity: s ? 0 : 1
+			opacity: c ? 0 : 1
 		};
-		return c(e, t, l, n, r, i);
-	})(t, e) : c(t, e);
+		return s(e, t, l, n, r, i);
+	})(t, e) : s(t, e);
 }), ListDragWrapper = ({ children: e, draggable: t, list: n, onListReorder: r }) => {
 	let [i, a] = useState(null), o = (e) => {
 		a(e.active.id);
@@ -5413,9 +5841,9 @@ const ToggleNarrow = ({ toggleNarrow: e, onClickToggleNarrow: t }) => e ? /* @__
 		}), document.body)]
 	}) : e;
 }, ListVirtualScrollWrapper = ({ items: e, scrollDetails: t, children: n }) => {
-	let { scrollable: r, hideScrollbar: i, triggerScrollToActiveItem: a, infiniteScroll: s } = t, l = useRef(null), u = useVirtualizer({
+	let { scrollable: r, hideScrollbar: i, triggerScrollToActiveItem: a, infiniteScroll: o } = t, c = useRef(null), u = useVirtualizer({
 		count: e.length,
-		getScrollElement: () => l.current,
+		getScrollElement: () => c.current,
 		estimateSize: useCallback(() => {
 			let t = 37;
 			if (e.length > 0) {
@@ -5437,8 +5865,8 @@ const ToggleNarrow = ({ toggleNarrow: e, onClickToggleNarrow: t }) => e ? /* @__
 			f(t);
 		}
 	}, [a]), /* @__PURE__ */ jsx("div", {
-		className: cx(list_module_default.listContent, r || s ? list_module_default.scrollableList : "", i ? list_module_default.hideScrollbar : ""),
-		ref: l,
+		className: cx(list_module_default.listContent, r || o ? list_module_default.scrollableList : "", i ? list_module_default.hideScrollbar : ""),
+		ref: c,
 		children: /* @__PURE__ */ jsx("div", {
 			className: list_module_default.virtualRows,
 			style: { height: `${u.getTotalSize()}px` },
@@ -5708,12 +6136,12 @@ const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1
 			})
 		]
 	});
-}, RadioButton = ({ name: e, label: t, options: n, value: r, onChange: i, disabled: a = !1, small: o = !1, noMargin: c = !1, onClick: l = () => {}, inline: u = !1, mainLabel: d = "", radioButtonsData: f, classForContainer: p = "grouped fields" }) => {
-	let m = useContext(DisabledContext), h = f !== void 0, { simpleInputs: _, options: v, selectedOptions: y } = h ? {
+}, RadioButton = ({ name: e, label: t, options: n, value: r, onChange: i, disabled: a = !1, small: o = !1, noMargin: s = !1, onClick: l = () => {}, inline: u = !1, mainLabel: d = "", radioButtonsData: f, classForContainer: p = "grouped fields" }) => {
+	let m = useContext(DisabledContext), h = f !== void 0, { simpleInputs: g, options: v, selectedOptions: y } = h ? {
 		simpleInputs: !1,
 		options: f,
 		selectedOptions: void 0
-	} : standardizeInputs(n, r), b = h || y == null ? void 0 : _ ? y : y.value, x = h ? d : t;
+	} : standardizeInputs(n, r), b = h || y == null ? void 0 : g ? y : y.value, x = h ? d : t;
 	return /* @__PURE__ */ jsxs("div", {
 		className: cx(radio_button_module_default.wrapper, u ? radio_button_module_default.inline : null, p === "inline fields" ? radio_button_module_default.inline : null),
 		children: [d && /* @__PURE__ */ jsx("label", {
@@ -5728,7 +6156,7 @@ const RadioInput = ({ name: e, label: t, value: n, selected: r, disabled: i = !1
 				selected: r,
 				disabled: a || t.disabled || m,
 				small: o,
-				noMargin: c,
+				noMargin: s,
 				onChange: t.disabled ? void 0 : (n) => {
 					h ? l(n.target) : (n.target.name = e, n.target.value = t.value.toString(), n.target.label = t.label.toString(), i && i(n));
 				},
@@ -5804,7 +6232,7 @@ var rich_text_input_module_default = {
 	richTextInput: "_richTextInput_1fb4l_77"
 };
 const RichTextInput = forwardRef(({ placeholder: e, onChange: t, value: n, disabled: r, toolbarComponent: i }, a) => {
-	let o = useContext(DisabledContext), c = r || o, { manager: u, state: d, setState: f, getContext: p } = useRemirror({
+	let o = useContext(DisabledContext), s = r || o, { manager: l, state: d, setState: f, getContext: p } = useRemirror({
 		extensions: () => [
 			new BoldExtension({}),
 			new BulletListExtension({}),
@@ -5821,31 +6249,31 @@ const RichTextInput = forwardRef(({ placeholder: e, onChange: t, value: n, disab
 	return useImperativeHandle(a, () => p(), [p]), /* @__PURE__ */ jsx("div", {
 		className: rich_text_input_module_default.richTextInput,
 		children: /* @__PURE__ */ jsxs(Remirror, {
-			manager: u,
+			manager: l,
 			state: d,
 			placeholder: e,
 			onChange: ({ helpers: e, state: n }) => {
 				let r = e.getMarkdown(n);
 				t && t(r), f(n);
 			},
-			editable: !c,
+			editable: !s,
 			children: [/* @__PURE__ */ jsx(RichTextToolbar, {
-				disabled: c,
+				disabled: s,
 				toolbarComponent: i
 			}), /* @__PURE__ */ jsx(EditorComponent, {})]
 		})
 	});
 });
 var row_module_default = { row: "_row_n16je_1" };
-const Row = ({ alignItems: t = "initial", justifyContent: n = "initial", children: r = null, flex: a = !1, height: o = "auto", marginBottom: s = "0", marginTop: c = "0", spacing: l = "var(--padding)", wrap: u = !1, testId: d = null }) => {
+const Row = ({ alignItems: t = "initial", justifyContent: n = "initial", children: r = null, flex: i = !1, height: o = "auto", marginBottom: s = "0", marginTop: c = "0", spacing: l = "var(--padding)", wrap: u = !1, testId: d = null }) => {
 	let f = typeof l == "number" ? `${l}px` : l, p = (r === null || r === !1 ? [] : Array.isArray(r) ? r.filter((e) => isValidElement(e)) : [r]).map((t, n) => /* @__PURE__ */ jsx(React.Fragment, { children: React.cloneElement(t, { spacing: f }) }, n));
 	return /* @__PURE__ */ jsx("div", {
 		className: cx(row_module_default.row),
 		style: {
 			alignItems: t,
 			justifyContent: n,
-			flexGrow: a ? 1 : 0,
-			flexShrink: a ? 1 : 0,
+			flexGrow: i ? 1 : 0,
+			flexShrink: i ? 1 : 0,
 			flexWrap: u ? "wrap" : "nowrap",
 			height: o,
 			marginLeft: `calc(${f} * -0.5)`,
@@ -5995,7 +6423,7 @@ const Label$1 = ({ label: e, url: t, hidden: n, disabled: r, active: i, onClick:
 }, Content$1 = ({ children: e, activeTabIndex: t, contentPadding: n }) => Array.isArray(e) ? /* @__PURE__ */ jsx("div", {
 	className: cx(n ? tabs_module_default.contentPadding : ""),
 	children: e.map((e, n) => t === n && e)
-}) : null, Tabs = ({ name: e = void 0, options: t = null, children: n = null, value: r = void 0, onChange: i = noop, padding: a = !1, margin: o = !0, contentPadding: c = !0, onChangeTab: l, activeTabIndex: u = void 0, tabs: d = void 0, testId: f }) => {
+}) : null, Tabs = ({ name: e = void 0, options: t = null, children: n = null, value: r = void 0, onChange: i = noop, padding: a = !1, margin: o = !0, contentPadding: s = !0, onChangeTab: l, activeTabIndex: u = void 0, tabs: d = void 0, testId: f }) => {
 	let p = useContext(DisabledContext), m = l !== void 0, h = n ? n.map((e, t) => ({
 		value: t,
 		url: e.props.url,
@@ -6004,11 +6432,11 @@ const Label$1 = ({ label: e, url: t, hidden: n, disabled: r, active: i, onClick:
 		disabled: e.props.disabled || p,
 		badge: e.props.badge,
 		testId: e.props?.testId && `${e.props.testId}-${t}`
-	})) : t || d, { simpleInputs: _, options: v, selectedOptions: y } = m ? {
+	})) : t || d, { simpleInputs: g, options: v, selectedOptions: y } = m ? {
 		simpleInputs: !1,
 		options: h,
 		selectedOptions: void 0
-	} : standardizeInputs(h, r), b = m || y == null ? void 0 : _ ? y : y.value, x = u === void 0 ? v?.findIndex((e) => e.value === b) : u, S = x === -1 ? 0 : x, C = (t, n, r) => {
+	} : standardizeInputs(h, r), b = m || y == null ? void 0 : g ? y : y.value, x = u === void 0 ? v?.findIndex((e) => e.value === b) : u, S = x === -1 ? 0 : x, C = (t, n, r) => {
 		if (m) {
 			let e = n.key || n.label || null;
 			l(t, e);
@@ -6037,7 +6465,7 @@ const Label$1 = ({ label: e, url: t, hidden: n, disabled: r, active: i, onClick:
 		children: v.map(w)
 	}), /* @__PURE__ */ jsx(Content$1, {
 		activeTabIndex: S ?? 0,
-		contentPadding: c,
+		contentPadding: s,
 		children: n
 	})] }) : null;
 }, TextLink = ({ children: e, href: t = void 0, target: n = void 0, testId: r, onClick: i, component: a = "a" }) => /* @__PURE__ */ jsx(a, {
@@ -6063,7 +6491,7 @@ var textarea_module_default = {
 	small: "_small_q0tl0_116",
 	monospace: "_monospace_q0tl0_155"
 };
-const TextArea = ({ name: e, value: t = "", placeholder: n = "", cols: r, rows: i, disabled: a = !1, onChange: o = noop, onKeyPress: c = noop, onFocus: l = noop, onBlur: u = noop, tabIndex: d = 0, error: f = null, warning: p = null, tooltip: m = null, maxTooltipWidth: h, resize: _, monospace: v = !1, testId: y }) => {
+const TextArea = ({ name: e, value: t = "", placeholder: n = "", cols: r, rows: i, disabled: a = !1, onChange: o = noop, onKeyPress: s = noop, onFocus: l = noop, onBlur: u = noop, tabIndex: d = 0, error: f = null, warning: p = null, tooltip: m = null, maxTooltipWidth: h, resize: g, monospace: v = !1, testId: y }) => {
 	let b = useContext(DisabledContext), x = /* @__PURE__ */ jsx("textarea", {
 		className: cx(textarea_module_default.textarea, f ? textarea_module_default.error : "", p ? textarea_module_default.warning : "", v ? textarea_module_default.monospace : ""),
 		name: e,
@@ -6073,11 +6501,11 @@ const TextArea = ({ name: e, value: t = "", placeholder: n = "", cols: r, rows:
 		rows: i,
 		onChange: o,
 		disabled: a || b,
-		onKeyPress: c,
+		onKeyPress: s,
 		onFocus: l,
 		onBlur: u,
 		tabIndex: d,
-		style: { resize: _ },
+		style: { resize: g },
 		"data-error": f || null,
 		"data-warning": p || null,
 		"data-testid": y
@@ -6157,9 +6585,9 @@ const Warning = ({ warning: e }) => /* @__PURE__ */ jsx("div", {
 let ElementType = /* @__PURE__ */ function(e) {
 	return e.LINK = "Link", e.BUTTON = "Button", e.MENU = "Menu", e.COMPONENT = "Component", e;
 }({});
-const Link = ({ label: e, url: t, icon: n, onClick: r, active: i, disabled: a, testId: o, component: c = "a" }) => {
+const Link = ({ label: e, url: t, icon: n, onClick: r, active: i, disabled: a, testId: o, component: s = "a" }) => {
 	let l = useContext(DisabledContext);
-	return /* @__PURE__ */ jsxs(c, {
+	return /* @__PURE__ */ jsxs(s, {
 		className: cx(top_bar_module_default.link, i ? top_bar_module_default.active : ""),
 		href: t || "#",
 		to: t,
@@ -6304,16 +6732,16 @@ var tree_module_default = {
 	placeholder: "_placeholder_15yn1_29"
 };
 const TreeItem = ({ node: t, depth: n, isOpen: r, onToggle: i, hasChild: a, draggable: o, icons: s, onDrop: c }) => {
-	let { id: l, data: u } = t, { active: d, testId: f, onClick: p, actions: m = [] } = u, [h, _] = React.useState(!1), [v, y] = React.useState(0), b = (e) => {
+	let { id: l, data: u } = t, { active: d, testId: f, onClick: p, actions: m = [] } = u, [h, g] = React.useState(!1), [v, y] = React.useState(0), b = (e) => {
 		e.stopPropagation(), i(l);
 	}, x = (e) => {
-		e.preventDefault(), e.stopPropagation(), h || (_(!0), y((/* @__PURE__ */ new Date()).getTime()));
+		e.preventDefault(), e.stopPropagation(), h || (g(!0), y((/* @__PURE__ */ new Date()).getTime()));
 	}, S = (e) => {
-		e.preventDefault(), e.stopPropagation(), (/* @__PURE__ */ new Date()).getTime() - v > 20 && _(!1);
+		e.preventDefault(), e.stopPropagation(), (/* @__PURE__ */ new Date()).getTime() - v > 20 && g(!1);
 	}, C = (e) => {
 		e.preventDefault(), e.stopPropagation(), a && !r && (/* @__PURE__ */ new Date()).getTime() - v > 200 && b(e);
 	}, w = (e) => {
-		e.preventDefault(), e.stopPropagation(), _(!1), y((/* @__PURE__ */ new Date()).getTime()), c?.(e);
+		e.preventDefault(), e.stopPropagation(), g(!1), y((/* @__PURE__ */ new Date()).getTime()), c?.(e);
 	};
 	return /* @__PURE__ */ jsx("div", {
 		className: cx(list_module_default.item, list_module_default.action, d ? list_module_default.active : "", n > 0 ? list_module_default.indented : "", h ? list_module_default.bordered : ""),
@@ -6541,18 +6969,18 @@ var unit_input_module_default = {
 	predefinedMenuActive: "_predefinedMenuActive_ye9w9_1",
 	inputWrapper: "_inputWrapper_ye9w9_4"
 };
-const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUnit: r = !1, error: i = null, left: a = !1, small: o = !1, width: s = "100%", value: l, unitkey: u = "", initUnit: f, noConversion: p = !1, onChange: h = noop, onClick: _ = noop, onFocus: v = noop, onSwitchUnit: y = noop, unitTemplate: b, testId: x, warning: S = null, predefinedOptions: C, initialPredefinedOption: w = !1, shouldLinkAutomaticly: T = !0, selectedPredefinedOptionKey: E, validationCallback: D = () => ({
+const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUnit: r = !1, error: i = null, left: a = !1, small: o = !1, width: s = "100%", value: c, unitkey: u = "", initUnit: d, noConversion: p = !1, onChange: m = noop, onClick: g = noop, onFocus: v = noop, onSwitchUnit: y = noop, unitTemplate: b, testId: x, warning: S = null, predefinedOptions: C, initialPredefinedOption: w = !1, shouldLinkAutomaticly: T = !0, selectedPredefinedOptionKey: E, validationCallback: D = () => ({
 	name: "",
 	error: null
 }), disabledValidation: O = !1, allowEmpty: k = !1, convertBackToStorageUnit: A = !1, enableCosmeticRounding: j = !0, enableDisplayRounding: M = !1, roundDisplayValue: N, selectOnFocus: P, groupOrder: F, tooltip: I = null }) => {
 	let L = useUnitContext(), R = useRunAfterUpdate();
-	typeof l == "number" && (l = `${l}`);
-	let [z = "", B = ""] = l === void 0 ? [] : split(l), V = useMemo(() => getPreferredUnit(u, b || L?.unitTemplate), [
+	typeof c == "number" && (c = `${c}`);
+	let [z = "", B = ""] = c === void 0 ? [] : split(c), V = useMemo(() => getPreferredUnit(u, b || L?.unitTemplate), [
 		u,
 		b,
 		L?.unitTemplate
-	]), H = isKnownUnit(l, V), U = f || V || B, W = usePrevious(U), { value: G } = safeConvertValue({
-		value: l,
+	]), H = isKnownUnit(c, V), U = d || V || B, W = usePrevious(U), { value: G } = safeConvertValue({
+		value: c,
 		toUnit: U,
 		unitkey: u,
 		defaultFromUnit: B,
@@ -6563,17 +6991,17 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 	} : {
 		value: G,
 		unit: U
-	}), wu = k || K?.value === void 0, [J, Tu] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Eu = !!(O || n), Y = C && C.find((e) => {
+	}), J = k || K?.value === void 0, [Y, X] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Xu = !!(O || n), Zu = C && C.find((e) => {
 		if (!e?.value) return;
 		if (E) return E === e.valueKey;
-		let t = isValueWithUnit(e.value) ? getUnit(e.value) : "", { value: n = l } = convertUnit({
-			value: String(l),
+		let t = isValueWithUnit(e.value) ? getUnit(e.value) : "", { value: n = c } = convertUnit({
+			value: String(c),
 			unitkey: u,
 			toUnit: t
 		});
 		return withUnit(n, t) === e.value;
-	}), Du = () => {
-		let e = l ?? "", t = K.unit;
+	}), Qu = () => {
+		let e = c ?? "", t = K.unit;
 		if (checkConversion({
 			value: e,
 			unitkey: u,
@@ -6586,9 +7014,9 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				return null;
 			}
 		} else return getAltUnitsListByQuantity(u)?.map((e) => ["", e?.unit]);
-	}, Ou = (t) => {
+	}, $u = (t) => {
 		let n = getStringName(e), r = t.target, { value: i, selectionStart: a } = r, o = withUnit(i, K?.unit || ""), s = A ? withUnit(convertAndGetValue(o, B), B) : o;
-		h({ target: {
+		m({ target: {
 			value: s,
 			name: n
 		} });
@@ -6599,7 +7027,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		}), R(() => {
 			r.selectionStart = a, r.selectionEnd = a;
 		});
-	}, ku = (e, t) => {
+	}, ed = (e, t) => {
 		t === K.unit || isNaN(Number(e)) || (q({
 			value: e,
 			unit: t
@@ -6610,16 +7038,16 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			let e, t = "";
 			if (W !== U) {
 				let { value: n } = safeConvertValue({
-					value: l,
+					value: c,
 					toUnit: U,
 					unitkey: u,
 					defaultFromUnit: B,
 					doNotConvertValue: p
 				});
 				e = n, t = U;
-			} else if (withUnit(K.value, K.unit) !== l) {
+			} else if (withUnit(K.value, K.unit) !== c) {
 				let { value: n } = safeConvertValue({
-					value: l,
+					value: c,
 					toUnit: K.unit,
 					unitkey: u,
 					defaultFromUnit: B,
@@ -6630,15 +7058,15 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			e !== void 0 && q({
 				value: e,
 				unit: t
-			}), C && Tu(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
+			}), C && X(Zu && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
 		}
 	}, [
 		U,
-		l,
+		c,
 		i,
 		T
 	]);
-	let X = Du(), Z = label(K.unit) || K.unit || "", Au = p || !X || X && X.length === 1, Q = getStringName(e), $, ju = (t) => {
+	let Z = Qu(), Q = label(K.unit) || K.unit || "", td = p || !Z || Z && Z.length === 1, nd = getStringName(e), $, rd = (t) => {
 		let r = t?.value ? t.value : "", [i = "", a = ""] = isValueWithUnit(r) ? split(r) : [r], o = withPrettyUnitLabel(r);
 		if (checkConversion({
 			value: r,
@@ -6658,7 +7086,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			type: MenuType.OPTION,
 			inline: !0,
 			onClick: () => {
-				validateNumber(i).valid && !n && (Tu(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
+				validateNumber(i).valid && !n && (X(PredefinedOptionsMenuState.PREDEFINED), m({ target: {
 					value: r,
 					name: typeof e == "string" ? e : e?.fieldName || "",
 					predefinedSelected: !0,
@@ -6670,25 +7098,25 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				height: "0"
 			})] }),
 			description: o,
-			selected: Y === t && J === PredefinedOptionsMenuState.PREDEFINED
+			selected: Zu === t && Y === PredefinedOptionsMenuState.PREDEFINED
 		};
 	};
 	if ($ = [{
 		type: MenuType.OPTION,
 		inline: !0,
 		onClick: () => {
-			J !== PredefinedOptionsMenuState.CUSTOM && !n && h({ target: {
+			Y !== PredefinedOptionsMenuState.CUSTOM && !n && m({ target: {
 				value: withUnit(K.value, K.unit),
 				name: typeof e == "string" ? e : e?.fieldName || ""
 			} });
 		},
 		label: "Custom",
-		selected: J === PredefinedOptionsMenuState.CUSTOM
+		selected: Y === PredefinedOptionsMenuState.CUSTOM
 	}], C?.length) {
-		let e = C.map(ju);
+		let e = C.map(rd);
 		$ = [...$, ...e];
 	}
-	let Mu = (e) => {
+	let id = (e) => {
 		if (isValueWithUnit(e)) {
 			let t = getUnit(e), { value: n } = safeConvertValue({
 				value: e,
@@ -6700,9 +7128,9 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			return n;
 		}
 		return e;
-	}, Nu = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Pu = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
+	}, ad = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, od = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
 	return /* @__PURE__ */ jsx("div", {
-		className: J === PredefinedOptionsMenuState.PREDEFINED ? cx(unit_input_module_default.predefinedMenuActive) : "",
+		className: Y === PredefinedOptionsMenuState.PREDEFINED ? cx(unit_input_module_default.predefinedMenuActive) : "",
 		children: /* @__PURE__ */ jsxs(InputGroup, {
 			small: o,
 			width: s,
@@ -6717,65 +7145,65 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 						trigger: "Component",
 						component: /* @__PURE__ */ jsx(Button, {
 							groupOrder: "first",
-							active: J === PredefinedOptionsMenuState.PREDEFINED,
-							icon: J === PredefinedOptionsMenuState.PREDEFINED ? "link" : "unlink",
+							active: Y === PredefinedOptionsMenuState.PREDEFINED,
+							icon: Y === PredefinedOptionsMenuState.PREDEFINED ? "link" : "unlink",
 							small: o
 						}),
 						small: o,
 						sections: $
 					},
-					tooltip: J === PredefinedOptionsMenuState.PREDEFINED ? Y?.label : ""
+					tooltip: Y === PredefinedOptionsMenuState.PREDEFINED ? Zu?.label : ""
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: unit_input_module_default.inputWrapper,
 					children: /* @__PURE__ */ jsx(NumberInput, {
-						name: Q,
+						name: nd,
 						testId: x,
 						disabled: n,
-						placeholder: Mu(t),
+						placeholder: id(t),
 						value: K.value,
-						onChange: Ou,
+						onChange: $u,
 						onFocus: v,
 						error: i === null ? void 0 : i,
 						warning: S === null ? void 0 : S,
 						left: a,
-						allowEmpty: wu,
-						validationCallback: (e, t) => D(Q, t),
+						allowEmpty: J,
+						validationCallback: (e, t) => D(nd, t),
 						enableCosmeticRounding: j,
 						enableDisplayRounding: M,
 						roundDisplayValue: N,
-						groupOrder: Nu,
-						disableInternalErrorValidationMessages: Eu,
+						groupOrder: ad,
+						disableInternalErrorValidationMessages: Xu,
 						small: o,
 						selectOnFocus: P,
 						tooltip: I
-					}, Q)
+					}, nd)
 				}),
-				Z && (Au || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
-					groupOrder: Pu,
+				Q && (td || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
+					groupOrder: od,
 					small: o,
-					children: Z
+					children: Q
 				}) : /* @__PURE__ */ jsx(Menu, {
-					groupOrder: Pu,
+					groupOrder: od,
 					maxHeight: 380,
 					disabled: r,
 					testId: x && `${x}-menu`,
 					tabIndex: -1,
 					menu: {
-						label: Z,
+						label: Q,
 						trigger: "DropDownButton",
 						small: o,
-						sections: X.map(([e = "", t = "", n]) => {
+						sections: Z.map(([e = "", t = "", n]) => {
 							let r = n || t || "", i = isValidNum(e) ? e : "";
 							return {
 								type: "Option",
 								label: j ? safeRoundNumbers(i) : i,
 								inline: !0,
 								onClick: (n) => {
-									n.stopPropagation(), ku(e, t);
+									n.stopPropagation(), ed(e, t);
 								},
 								description: r,
-								selected: r === Z,
+								selected: r === Q,
 								testId: `${x}-unit-${r}`
 							};
 						})
@@ -6888,60 +7316,61 @@ var normalizeUnits = (e) => e.reduce(({ preferredUnits: e, storageUnits: t }, {
 		})
 	})) : [];
 };
-const UnitTable = ({ table: e, unitConfig: t, convertBackToStorageUnit: n = !0, enableCosmeticRounding: r = !0, enableDisplayRounding: i = !0, onListReorder: a, canListReorder: s, beforeRenderRow: l }) => {
-	let { headers: u,...d } = e, { storageUnits: f, preferredUnits: p } = normalizeUnits(t), h = usePrevious(p), [g, _] = useState(p), v = ({ unitKey: e, value: n }) => {
-		_({
-			...g,
+const UnitTable = ({ table: e, unitConfig: t, convertBackToStorageUnit: n = !0, enableCosmeticRounding: r = !0, enableDisplayRounding: i = !0, onListReorder: a, canListReorder: o, beforeRenderRow: c, enableMultiSelect: u = !1 }) => {
+	let { headers: d,...f } = e, { storageUnits: p, preferredUnits: m } = normalizeUnits(t), g = usePrevious(m), [_, v] = useState(m), y = ({ unitKey: e, value: n }) => {
+		v({
+			..._,
 			[e]: n
 		});
 		let r = t.find((t) => t.unitKey === e);
 		r && typeof r.onChange == "function" && r.onChange({
-			oldUnit: g[e],
+			oldUnit: _[e],
 			newUnit: n,
 			unitKey: e
 		});
-	}, y = useCallback(({ row: e, rowIndex: t }) => {
-		let a = l ? l({
+	}, b = useCallback(({ row: e, rowIndex: t }) => {
+		let a = c ? c({
 			row: e,
 			rowIndex: t
 		}) : e;
 		return convertRow({
 			row: a,
 			rowIndex: t,
-			selectedUnits: g,
-			storageUnits: f,
+			selectedUnits: _,
+			storageUnits: p,
 			convertBackToStorageUnit: n,
 			enableCosmeticRounding: r,
 			enableDisplayRounding: i
 		});
 	}, [
-		g,
-		f,
+		_,
+		p,
 		n,
 		r,
 		i
 	]);
 	return useEffect(() => {
-		isEqual(p, h) || Object.keys(p).forEach((e) => {
-			let t = h?.[e], n = p[e];
-			t !== n && v({
+		isEqual(m, g) || Object.keys(m).forEach((e) => {
+			let t = g?.[e], n = m[e];
+			t !== n && y({
 				unitKey: e,
 				value: n
 			});
 		});
 	}, [t]), /* @__PURE__ */ jsx(Table, {
 		table: {
-			...d,
+			...f,
 			headers: convertHeaderRows({
 				headers: e.headers,
-				selectedUnits: g,
-				storageUnits: f,
-				onChangeUnit: v
+				selectedUnits: _,
+				storageUnits: p,
+				onChangeUnit: y
 			})
 		},
 		onListReorder: a,
-		canListReorder: s,
-		beforeRenderRow: y
+		canListReorder: o,
+		beforeRenderRow: b,
+		enableMultiSelect: u
 	});
 };
 var setting_field_module_default = { settingField: "_settingField_1x02n_1" };
@@ -7014,7 +7443,7 @@ const DiffViewer = ({ oldJson: e, newJson: t, viewType: n = SPLIT_VIEW }) => {
 	}, [n]);
 	let s = ({ target: { value: e } }) => {
 		a(e);
-	}, { added: l, removed: u } = renderLinesCount(e, t), d = l + u > 3500;
+	}, { added: c, removed: u } = renderLinesCount(e, t), d = c + u > 3500;
 	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Card, {
 		bordered: !0,
 		heading: /* @__PURE__ */ jsxs(Flex, {
@@ -7023,7 +7452,7 @@ const DiffViewer = ({ oldJson: e, newJson: t, viewType: n = SPLIT_VIEW }) => {
 				success: !0,
 				children: [
 					"+",
-					l,
+					c,
 					" "
 				]
 			}), /* @__PURE__ */ jsxs(Text, {