@oliasoft-open-source/react-ui-library 7.0.2-beta-3 → 7.0.2-beta-4

package/dist/index.js

@@ -1,7 +1,7 @@
 import e, { Fragment as t, createContext as n, createElement as r, forwardRef as i, isValidElement as a, memo as o, useCallback as s, useContext as c, useEffect as l, useImperativeHandle as u, useLayoutEffect as d, useMemo as f, useReducer as p, useRef as m, useState as h, useTransition as g } from "react";
 import _ from "classnames";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { TbAlertTriangle as x, TbArrowDown as S, TbArrowLeft as C, TbArrowRight as w, TbArrowUp as T, TbArrowsDiagonal as E, TbArrowsMaximize as D, TbArrowsMinimize as O, TbArrowsMove as k, TbArrowsSplit as A, TbBell as j, TbBold as M, TbBolt as N, TbBook2 as P, TbBuildingSkyscraper as F, TbCamera as I, TbChartBar as L, TbChartLine as R, TbChartPie2 as z, TbCheck as ee, TbChevronDown as te, TbChevronLeft as ne, TbChevronRight as re, TbChevronUp as B, TbChevronsLeft as ie, TbChevronsRight as ae, TbCircle as oe, TbCircleCheck as se, TbCircleX as ce, TbClipboard as le, TbClock as ue, TbCode as de, TbCopy as fe, TbCornerDownRight as pe, TbDeviceFloppy as me, TbDeviceLaptop as he, TbDotsVertical as ge, TbDownload as _e, TbDroplet as ve, TbExclamationMark as ye, TbExternalLink as be, TbEye as xe, TbEyeOff as Se, TbFile as Ce, TbFilter as we, TbFilterOff as Te, TbFocusCentered as Ee, TbFolder as De, TbFolderSearch as Oe, TbGauge as ke, TbGitFork as Ae, TbGripVertical as je, TbHelp as Me, TbInfoCircle as Ne, TbItalic as Pe, TbKey as Fe, TbLayoutColumns as Ie, TbLayoutRows as Le, TbLibraryMinus as Re, TbLibraryPlus as ze, TbLink as Be, TbLinkOff as Ve, TbList as He, TbListNumbers as Ue, TbLoader2 as We, TbLock as Ge, TbLockOpen as Ke, TbMapPin as qe, TbMessageCircle as Je, TbMinus as Ye, TbMoon as Xe, TbMovie as Ze, TbNote as Qe, TbPencil as $e, TbPlayerPause as et, TbPlayerPlay as tt, TbPlayerSkipBack as nt, TbPlayerSkipForward as rt, TbPlayerStop as it, TbPlayerTrackNext as at, TbPlayerTrackPrev as ot, TbPlus as st, TbQuestionMark as ct, TbRefresh as lt, TbReload as ut, TbRotate as dt, TbRowInsertBottom as ft, TbRowInsertTop as pt, TbRuler3 as mt, TbScale as ht, TbSearch as gt, TbServer as _t, TbSettings as vt, TbSortAscending as yt, TbSortDescending as bt, TbSquarePlus as xt, TbStar as St, TbSun as Ct, TbTable as wt, TbTarget as Tt, TbTrash as Et, TbUpload as Dt, TbUser as Ot, TbUsers as kt, TbX as At } from "react-icons/tb";
+import { TbAlertTriangle as x, TbArrowDown as S, TbArrowLeft as C, TbArrowRight as w, TbArrowUp as T, TbArrowsDiagonal as E, TbArrowsMaximize as D, TbArrowsMinimize as O, TbArrowsMove as k, TbArrowsSplit as A, TbBell as j, TbBold as M, TbBolt as N, TbBook2 as P, TbBuildingSkyscraper as F, TbCamera as I, TbChartBar as ee, TbChartLine as L, TbChartPie2 as R, TbCheck as z, TbChevronDown as te, TbChevronLeft as ne, TbChevronRight as re, TbChevronUp as B, TbChevronsLeft as ie, TbChevronsRight as ae, TbCircle as oe, TbCircleCheck as se, TbCircleX as ce, TbClipboard as le, TbClock as ue, TbCode as de, TbCopy as fe, TbCornerDownRight as pe, TbDeviceFloppy as me, TbDeviceLaptop as he, TbDotsVertical as ge, TbDownload as _e, TbDroplet as ve, TbExclamationMark as ye, TbExternalLink as be, TbEye as xe, TbEyeOff as Se, TbFile as Ce, TbFilter as we, TbFilterOff as Te, TbFocusCentered as Ee, TbFolder as De, TbFolderSearch as Oe, TbGauge as ke, TbGitFork as Ae, TbGripVertical as je, TbHelp as Me, TbInfoCircle as Ne, TbItalic as Pe, TbKey as Fe, TbLayoutColumns as Ie, TbLayoutRows as Le, TbLibraryMinus as Re, TbLibraryPlus as ze, TbLink as Be, TbLinkOff as Ve, TbList as He, TbListNumbers as Ue, TbLoader2 as We, TbLock as Ge, TbLockOpen as Ke, TbMapPin as qe, TbMessageCircle as Je, TbMinus as Ye, TbMoon as Xe, TbMovie as Ze, TbNote as Qe, TbPencil as $e, TbPlayerPause as et, TbPlayerPlay as tt, TbPlayerSkipBack as nt, TbPlayerSkipForward as rt, TbPlayerStop as it, TbPlayerTrackNext as at, TbPlayerTrackPrev as ot, TbPlus as st, TbQuestionMark as ct, TbRefresh as lt, TbReload as ut, TbRotate as dt, TbRowInsertBottom as ft, TbRowInsertTop as pt, TbRuler3 as mt, TbScale as ht, TbSearch as gt, TbServer as _t, TbSettings as vt, TbSortAscending as yt, TbSortDescending as bt, TbSquarePlus as xt, TbStar as St, TbSun as Ct, TbTable as wt, TbTarget as Tt, TbTrash as Et, TbUpload as Dt, TbUser as Ot, TbUsers as kt, TbX as At } from "react-icons/tb";
 import { CSSTransition as jt } from "react-transition-group";
 import { CheckboxButton as Mt, CheckboxField as Nt } from "react-aria-components/Checkbox";
 import { FloatingArrow as Pt, FloatingNode as Ft, FloatingPortal as It, FloatingTree as Lt, arrow as Rt, autoUpdate as zt, flip as Bt, offset as Vt, shift as Ht, size as Ut, useClientPoint as Wt, useDismiss as Gt, useFloating as Kt, useFloatingNodeId as qt, useFloatingParentNodeId as Jt, useHover as Yt, useInteractions as Xt, useMergeRefs as Zt } from "@floating-ui/react";
@@ -98,12 +98,12 @@ var ni = /* @__PURE__ */ function(e) {
 		case "clear":
 		case "times": return /* @__PURE__ */ y(At, {});
 		case "chart":
-		case "chart line": return /* @__PURE__ */ y(R, {});
-		case "chart bar": return /* @__PURE__ */ y(L, {});
-		case "chart pie": return /* @__PURE__ */ y(z, {});
+		case "chart line": return /* @__PURE__ */ y(L, {});
+		case "chart bar": return /* @__PURE__ */ y(ee, {});
+		case "chart pie": return /* @__PURE__ */ y(R, {});
 		case "chat": return /* @__PURE__ */ y(Je, {});
 		case "check":
-		case "checkmark": return /* @__PURE__ */ y(ee, {});
+		case "checkmark": return /* @__PURE__ */ y(z, {});
 		case "chevron up": return /* @__PURE__ */ y(B, {});
 		case "chevron down": return /* @__PURE__ */ y(te, {});
 		case "chevron left": return /* @__PURE__ */ y(ne, {});
@@ -395,7 +395,7 @@ var ni = /* @__PURE__ */ function(e) {
 		l
 	]), M = s((e, t, n) => (Pi(e.getBoundingClientRect(), D), zt(e, t, () => {
 		Pi(e.getBoundingClientRect(), D), n();
-	}, { animationFrame: u })), [u]), { context: N, refs: P, floatingStyles: F, isPositioned: I, x: L, y: R } = Kt({
+	}, { animationFrame: u })), [u]), { context: N, refs: P, floatingStyles: F, isPositioned: I, x: ee, y: L } = Kt({
 		open: e,
 		onOpenChange: (e, t, n) => {
 			!e && (n === "outside-press" || n === "escape-key") && (g == null || g()), p == null || p(e);
@@ -406,16 +406,16 @@ var ni = /* @__PURE__ */ function(e) {
 		transform: !1,
 		whileElementsMounted: M,
 		middleware: j
-	}), z = s((e) => {
+	}), R = s((e) => {
 		if (P.setReference(e), e) {
 			Pi(e.getBoundingClientRect(), D);
 			return;
 		}
 		D(null);
-	}, [P.setReference]), ee = (_ = i == null ? void 0 : i.hideOnScroll) == null ? !1 : _, { getReferenceProps: te, getFloatingProps: ne } = Xt([
+	}, [P.setReference]), z = (_ = i == null ? void 0 : i.hideOnScroll) == null ? !1 : _, { getReferenceProps: te, getFloatingProps: ne } = Xt([
 		Gt(N, {
-			enabled: e && (!!g || ee),
-			ancestorScroll: ee,
+			enabled: e && (!!g || z),
+			ancestorScroll: z,
 			escapeKey: !!g,
 			outsidePress: !!g,
 			outsidePressEvent: "mousedown"
@@ -435,11 +435,11 @@ var ni = /* @__PURE__ */ function(e) {
 			x: (C = n == null ? void 0 : n.x) == null ? null : C,
 			y: (w = n == null ? void 0 : n.y) == null ? null : w
 		})
-	]), re = f(() => te({ ref: z }), [te, z]), B = f(() => ne({
+	]), re = f(() => te({ ref: R }), [te, R]), B = f(() => ne({
 		ref: P.setFloating,
 		style: {
 			...F,
-			visibility: e && (!I || L === null || R === null) ? "hidden" : void 0
+			visibility: e && (!I || ee === null || L === null) ? "hidden" : void 0
 		}
 	}), [
 		F,
@@ -447,8 +447,8 @@ var ni = /* @__PURE__ */ function(e) {
 		e,
 		I,
 		P.setFloating,
-		L,
-		R
+		ee,
+		L
 	]);
 	return {
 		arrowProps: f(() => ({
@@ -1146,9 +1146,9 @@ var ni = /* @__PURE__ */ function(e) {
 		}), x]
 	});
 }, Da = ({ 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: g, testId: _, open: x, setOpen: S, tooltip: C, error: w, warning: T, selected: E, tabIndex: D, active: O }) => {
-	let k = c(U), A = m(null), { label: j, title: M, trigger: N, fullHeightTrigger: P, colored: F, small: I, sections: L, component: R, placement: z, showAllButton: ee, possiblePlacements: te = ["bottom-start", "top-start"] } = e, [ne, re] = on(x) && ln(S) ? [x, S] : h(!1), B = () => re(!1), ie = () => re(!0), { triggerProps: ae, layerProps: oe, renderLayer: se } = Li({
+	let k = c(U), A = m(null), { label: j, title: M, trigger: N, fullHeightTrigger: P, colored: F, small: I, sections: ee, component: L, placement: R, showAllButton: z, possiblePlacements: te = ["bottom-start", "top-start"] } = e, [ne, re] = on(x) && ln(S) ? [x, S] : h(!1), B = () => re(!1), ie = () => re(!0), { triggerProps: ae, layerProps: oe, renderLayer: se } = Li({
 		isOpen: ne,
-		...ma(z, o),
+		...ma(R, o),
 		possiblePlacements: te,
 		onOutsideClick: B,
 		overflowContainer: p
@@ -1178,7 +1178,7 @@ var ni = /* @__PURE__ */ function(e) {
 		colored: F,
 		small: I,
 		isNested: o,
-		component: R,
+		component: L,
 		groupOrder: f,
 		isOpen: ne,
 		active: O,
@@ -1204,7 +1204,7 @@ var ni = /* @__PURE__ */ function(e) {
 			"data-testid": e.testId,
 			onClick: (e) => e.stopPropagation(),
 			children: /* @__PURE__ */ y(pa, {
-				sections: L,
+				sections: ee,
 				isNested: o,
 				width: t,
 				closeOnOptionClick: s,
@@ -1212,7 +1212,7 @@ var ni = /* @__PURE__ */ function(e) {
 				tree: u,
 				path: d,
 				maxHeight: g,
-				showAllButton: ee,
+				showAllButton: z,
 				testId: _ && `${_}-layer`
 			})
 		})) })
@@ -1945,9 +1945,9 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		children: e
 	}) : /* @__PURE__ */ y(v, { children: e });
 }, No = ({ 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 = ai.BOTTOM, border: p = !1, children: m = null, tabs: g, defaultTabIndex: v = 0, activeTab: x, setActiveTab: S, testId: C, onResize: w, getActiveTab: T, onClose: E, onOpen: D, maxOpenWidth: O }) => {
-	let k = u === !0, A = !k && a(u), [j, M] = r ? [n, r] : k || g ? h(n) : [n, () => {}], [N, P] = h(v), F = r ? n : j, I = r || M, L = S === void 0 ? N : x, R = S || P, z = Array.isArray(o) ? o[L || 0] : o, ee = F ? z : g ? 35 : s;
+	let k = u === !0, A = !k && a(u), [j, M] = r ? [n, r] : k || g ? h(n) : [n, () => {}], [N, P] = h(v), F = r ? n : j, I = r || M, ee = S === void 0 ? N : x, L = S || P, R = Array.isArray(o) ? o[ee || 0] : o, z = F ? R : g ? 35 : s;
 	return /* @__PURE__ */ y(Mo, {
-		width: ee,
+		width: z,
 		onResize: w,
 		setOpen: I,
 		right: i,
@@ -1960,30 +1960,30 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 				style: {
 					background: e,
 					borderColor: typeof p == "string" ? p : void 0,
-					width: ee
+					width: z
 				},
 				children: g ? /* @__PURE__ */ y(ko, {
-					width: z,
+					width: R,
 					testId: C,
 					tabs: g,
 					open: F,
-					activeTab: L || 0,
+					activeTab: ee || 0,
 					background: e,
 					handleTabClick: (e) => {
 						let t = (t) => {
 							g && t && t(g[e]);
 						};
-						L === e && F && I ? (t(E), I(!1)) : !F && I && (t(D), I(!0), w && ((e) => {
+						ee === e && F && I ? (t(E), I(!1)) : !F && I && (t(D), I(!0), w && ((e) => {
 							let t;
-							if (t = Array.isArray(e) ? e[L || 0] : e, typeof t == "number" && t < 240) w(240);
+							if (t = Array.isArray(e) ? e[ee || 0] : e, typeof t == "number" && t < 240) w(240);
 							else if (typeof t == "string") {
 								let e = parseInt(t, 10);
 								!isNaN(e) && e < 240 && w(240);
 							}
-						})(o)), R(e), t(T);
+						})(o)), L(e), t(T);
 					}
 				}) : /* @__PURE__ */ y("div", {
-					style: { width: z },
+					style: { width: R },
 					children: m
 				})
 			}), u && /* @__PURE__ */ y("span", {
@@ -3030,21 +3030,21 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		createAble: _
 	}), I = () => {
 		S(), t({ type: lc.BLUR_TRIGGER_INPUTS });
-	}, L = (e) => {
+	}, ee = (e) => {
 		v.current && Number.isInteger(e) && v.current.scrollToRow({ index: e });
-	}, R = (n) => {
+	}, L = (n) => {
 		let r = rc(n, e.layerFocus);
 		t({
 			type: lc.FOCUS_LAYER_OPTIONS,
 			nextLayerFocus: r
-		}), L(r.current);
-	}, z = (e) => {
+		}), ee(r.current);
+	}, R = (e) => {
 		t({
 			type: lc.FOCUS_TRIGGER_INPUTS,
 			ICustomSelectDirection: e,
 			selectedOptions: u
 		});
-	}, ee = (e) => P(e), te = u && u[e.triggerFocus.currentOption], ne = (t) => {
+	}, z = (e) => P(e), te = u && u[e.triggerFocus.currentOption], ne = (t) => {
 		N(t, u[e.triggerFocus.currentOption]);
 	}, re = (t) => {
 		var n;
@@ -3055,19 +3055,19 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		onKeyEvent: (n, r) => {
 			switch (n) {
 				case uc.UP:
-					R("up");
+					L("up");
 					break;
 				case uc.DOWN:
-					e.isLayerOpen ? R("down") : I();
+					e.isLayerOpen ? L("down") : I();
 					break;
 				case uc.LEFT:
-					z("left");
+					R("left");
 					break;
 				case uc.RIGHT:
-					z("right");
+					R("right");
 					break;
 				case uc.ENTER:
-					B ? ee(r) : te ? ne(r) : re(r);
+					B ? z(r) : te ? ne(r) : re(r);
 					break;
 				case uc.ESC:
 					x();
@@ -3092,7 +3092,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		triggerBounds: A
 	};
 }, fc = (e) => {
-	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: x = !1, maxTooltipWidth: S, closeOnOptionActionClick: C, isInTable: w = !1, groupOrder: T, firstSelectedOptionIndex: E = 0, right: D = !1, testId: O = void 0 } = e, k = c(U), A = l !== null, j = m(null), M = m(null), [N, P] = xs(), F = Ss(), [I, L] = p(sc, {
+	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: x = !1, maxTooltipWidth: S, closeOnOptionActionClick: C, isInTable: w = !1, groupOrder: T, firstSelectedOptionIndex: E = 0, right: D = !1, testId: O = void 0 } = e, k = c(U), A = l !== null, j = m(null), M = m(null), [N, P] = xs(), F = Ss(), [I, ee] = p(sc, {
 		options: o,
 		firstSelectedOptionIndex: E
 	}, ({ options: e }) => ({
@@ -3101,10 +3101,10 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		layerFocus: nc(e, E == null ? 0 : E),
 		triggerFocus: ec,
 		isLayerOpen: !1
-	})), { getTriggerWidth: R, onKeyEvent: z, clearAllIsFocused: ee, triggerProps: te, onClickTrigger: ne, onChangeSearch: re, onClickDeselectOption: B, onClickClearAll: ie, renderLayer: ae, layerProps: oe, closeLayer: se, onSelectOption: ce, getLayerWidth: le, triggerBounds: ue } = dc({
+	})), { getTriggerWidth: L, onKeyEvent: R, clearAllIsFocused: z, triggerProps: te, onClickTrigger: ne, onChangeSearch: re, onClickDeselectOption: B, onClickClearAll: ie, renderLayer: ae, layerProps: oe, closeLayer: se, onSelectOption: ce, getLayerWidth: le, triggerBounds: ue } = dc({
 		...e,
 		state: I,
-		dispatch: L,
+		dispatch: ee,
 		setTriggerFocus: P,
 		disabledContext: k,
 		isFontLoaded: F,
@@ -3112,16 +3112,16 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		listRef: j
 	}), de = Zt([N, te.ref]), fe = Zt([M, oe.ref]);
 	return /* @__PURE__ */ b("div", {
-		style: { width: R() },
+		style: { width: L() },
 		onKeyDown: (e) => {
-			Object.values(uc).includes(e.key) && z(e.key, e);
+			Object.values(uc).includes(e.key) && R(e.key, e);
 		},
 		children: [/* @__PURE__ */ y(Qs, {
 			selectedOptions: s,
 			searchValue: I.searchValue,
 			isOpen: I.isLayerOpen,
 			focusedSelectedOptionIndex: typeof I.triggerFocus.currentOption == "number" ? I.triggerFocus.currentOption : void 0,
-			clearAllIsFocused: ee,
+			clearAllIsFocused: z,
 			searchable: _,
 			triggerRef: de,
 			error: r,
@@ -3465,8 +3465,8 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 	tabIndex: e.disabled ? -1 : 0,
 	tooltip: e.tooltip,
 	type: r
-}), Hc = (e) => e ? typeof e == "string" ? e : an(e) ? e[0] : e.fieldName : "", Uc = ({ 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 = !0, tabIndex: p = 0, testId: g, tooltip: _ = null, warning: v = !1, validationCallback: b = () => {}, allowEmpty: x = !1, isInTable: S, groupOrder: C, enableCosmeticRounding: w = !0, enableDisplayRounding: T = !1, roundDisplayValue: E, disableInternalErrorValidationMessages: D = !1, disableValidationOnFocus: O = !1 }) => {
-	let k = (e) => {
+}), Hc = (e) => e ? typeof e == "string" ? e : an(e) ? e[0] : e.fieldName : "", Uc = ({ 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 = !0, tabIndex: p = 0, testId: g, tooltip: _ = null, warning: v = !1, validationCallback: b = () => {}, allowEmpty: x = !1, isInTable: S, groupOrder: C, enableCosmeticRounding: w = !0, enableDisplayRounding: T = !1, roundDisplayValue: E, disableInternalErrorValidationMessages: D = !1, disableValidationOnFocus: O = !1, useControlledValueWhenBlurred: k = !1 }) => {
+	let A = (e) => {
 		let n = dr(e), r = t && mc(e);
 		return [Infinity, -Infinity].includes(Number(e)) || r ? {
 			valid: !0,
@@ -3476,63 +3476,63 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			valid: !0,
 			errors: void 0
 		} : n;
-	}, A = (e) => {
+	}, j = (e) => {
 		var t;
 		let n = !!(e != null && e.endsWith("0"));
-		return lr(w && e && !n && (t = k(e)) != null && t.valid ? ir(e) : e);
-	}, j = m(null), [M, N] = h(A(lr(s))), [P, F] = h(!1), I = Hc(e), { valid: L, errors: R } = k(M), z = R && R.length && !D ? R[0] : null;
+		return lr(w && e && !n && (t = A(e)) != null && t.valid ? ir(e) : e);
+	}, M = m(null), N = j(lr(s)), [P, F] = h(N), [I, ee] = h(!1), L = A(P).valid, R = k && !I && L ? N : P, z = Hc(e), { valid: te, errors: ne } = A(R), re = ne && ne.length && !D ? ne[0] : null;
 	l(() => {
-		let e = A(lr(s));
-		cr(M) !== cr(e) && N(e);
+		k || cr(P) !== cr(N) && F(N);
 	}, [
 		s,
 		w,
-		T
+		T,
+		k
 	]), l(() => {
-		(O || !P) && !L ? b(I, z) : b(I, null);
+		(O || !I) && !te ? b(z, re) : b(z, null);
 	}, [
-		P,
-		L,
+		I,
+		te,
 		r
 	]);
-	let ee = (e) => {
+	let B = (e) => {
 		var n, r;
-		let i = "key" in e ? M : e == null || (n = e.target) == null ? void 0 : n.value, a = Wn(i.replaceAll(" ", "").replaceAll("|", ""));
-		N(a), ((r = k(a)) != null && r.valid || t && mc(i)) && c({
+		let i = "key" in e ? R : e == null || (n = e.target) == null ? void 0 : n.value, a = Wn(i.replaceAll(" ", "").replaceAll("|", ""));
+		F(a), ((r = A(a)) != null && r.valid || t && mc(i)) && c({
 			...e,
 			target: {
 				...e.target,
 				value: sr(lr(a)),
-				name: I
+				name: z
 			}
 		});
 	};
 	return l(() => {
-		if (j && j != null && j.current && T && P) {
-			let e = j.current;
+		if (M && M != null && M.current && T && I) {
+			let e = M.current;
 			e && !f && setTimeout(() => {
-				let { length: t } = lr(M);
+				let { length: t } = lr(R);
 				e.setSelectionRange(t, t);
 			}, 0);
 		}
-	}, [P]), /* @__PURE__ */ y(Ro, {
+	}, [I]), /* @__PURE__ */ y(Ro, {
 		type: "text",
-		name: I,
+		name: z,
 		testId: g,
 		disabled: n,
 		placeholder: t,
-		value: T && !P && L ? E ? lr(E(M)) : ((e) => S ? ar(e, 2) : nr(e, 4))(s) : M,
-		onChange: ee,
+		value: T && !I && te ? E ? lr(E(R)) : ((e) => S ? ar(e, 2) : nr(e, 4))(s) : R,
+		onChange: B,
 		onFocus: (e) => {
-			F(!0), u(e);
+			k && F(N), ee(!0), u(e);
 		},
 		onBlur: (e) => {
-			F(!1), d(e);
+			ee(!1), d(e);
 		},
 		onKeyDown: (e) => {
-			e.key === uc.ENTER && ee(e);
+			e.key === uc.ENTER && B(e);
 		},
-		error: z || r,
+		error: re || r,
 		warning: v,
 		right: !i,
 		small: a,
@@ -3542,8 +3542,8 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		selectOnFocus: f,
 		tabIndex: p,
 		tooltip: _,
-		ref: j
-	}, I);
+		ref: M
+	}, z);
 }, Wc = ({ cell: e, columnAlignment: t, testId: n }) => {
 	var r;
 	return /* @__PURE__ */ y(Uc, {
@@ -3709,7 +3709,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			disabled: D || j[0] === o,
 			icon: H.FAST_BACKWARD
 		})
-	}), L = () => /* @__PURE__ */ y("div", {
+	}), ee = () => /* @__PURE__ */ y("div", {
 		className: Yc.button,
 		children: /* @__PURE__ */ y(K, {
 			basic: !0,
@@ -3721,10 +3721,10 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			disabled: D || j[j.length - 1] === s,
 			icon: H.FAST_FORWARD
 		})
-	}), R = (e) => s === o ? "0%" : `${(e - o) / (s - o) * 100}%`, z = (e) => {
-		let t = R(e);
+	}), L = (e) => s === o ? "0%" : `${(e - o) / (s - o) * 100}%`, R = (e) => {
+		let t = L(e);
 		return C.enabled ? { bottom: t } : { left: t };
-	}, ee = (e) => {
+	}, z = (e) => {
 		if (i) return x ? `${i}-handle-${e}` : `${i}-handle`;
 	}, te = (e) => x ? j[0] <= e && e <= j[1] : j[0] >= e, ne = (e) => x ? Math.abs(e - j[0]) <= Math.abs(e - j[1]) ? [Qt(e, o, j[1]), j[1]] : [j[0], Qt(e, j[0], s)] : [Qt(e, o, s)];
 	return /* @__PURE__ */ b("div", {
@@ -3734,7 +3734,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			height: C.height
 		} : { width: n },
 		children: [
-			d && (C.enabled ? /* @__PURE__ */ y(L, {}) : /* @__PURE__ */ y(I, {})),
+			d && (C.enabled ? /* @__PURE__ */ y(ee, {}) : /* @__PURE__ */ y(I, {})),
 			/* @__PURE__ */ b(yr.Root, {
 				className: _(Yc.slider, D && Yc.sliderDisabled, d && Yc.hasArrows),
 				"data-testid": i,
@@ -3755,7 +3755,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 					children: [/* @__PURE__ */ y(yr.Range, { className: Yc.range }), A.length > 0 && /* @__PURE__ */ y("span", {
 						className: Yc.marks,
 						children: A.map(({ label: e, tooltip: t, value: n }) => {
-							let r = Number(n), i = te(r), a = { [C.enabled ? "bottom" : "left"]: R(r) };
+							let r = Number(n), i = te(r), a = { [C.enabled ? "bottom" : "left"]: L(r) };
 							return /* @__PURE__ */ y("button", {
 								"aria-label": String(e == null ? n : e),
 								className: _(Yc.mark, i && Yc.markActive),
@@ -3779,12 +3779,12 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 					return /* @__PURE__ */ y(yr.Thumb, {
 						"aria-label": String((i = t == null ? e : t) == null ? "Slider" : i),
 						className: Yc.thumb,
-						"data-testid": ee(r),
+						"data-testid": z(r),
 						onKeyDown: () => k(r),
 						onKeyUp: () => k(null),
 						onPointerDown: () => k(r),
 						onPointerUp: () => k(null),
-						style: z(n),
+						style: R(n),
 						children: p && O === r && /* @__PURE__ */ y(G, {
 							display: "block",
 							text: m(Zc(j, x)),
@@ -3798,7 +3798,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 					}, r);
 				})]
 			}),
-			d && (C.enabled ? /* @__PURE__ */ y(I, {}) : /* @__PURE__ */ y(L, {})),
+			d && (C.enabled ? /* @__PURE__ */ y(I, {}) : /* @__PURE__ */ y(ee, {})),
 			t && /* @__PURE__ */ y("label", {
 				className: Yc.label,
 				style: { width: r },
@@ -4229,7 +4229,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 	});
 }, yl = (e) => {
 	var t, n, r, i, a;
-	let { onListReorder: o = () => {}, canListReorder: s = () => !0, beforeRenderRow: c, table: l } = e, { columnWidths: u, footer: d, name: f, rows: p = [], actions: h, actionsRight: g, columnHeaderAlignments: v, columnAlignment: x, striped: S = !0, testId: C, draggable: w, defaultEmptyRow: T = null, onAddRow: E = null, bordered: D = !0, maxHeight: O, fixedWidth: k } = l, A = m(null), j = rn(e, "table.headers", []), M = Pc(p, j), N = Ic(p, j), P = M + +!!N, F = d ? (d == null || (t = d.pagination) == null || (t = t.rowsPerPage) == null ? void 0 : t.value) === 0 || Number(d == null || (n = d.pagination) == null ? void 0 : n.selectedPage) >= Number(d == null || (r = d.pagination) == null ? void 0 : r.rowCount) / Number(d == null || (i = d.pagination) == null || (i = i.rowsPerPage) == null ? void 0 : i.value) : !0, I = (T == null || (a = T.cells) == null ? void 0 : a.length) && E && F, L = {
+	let { onListReorder: o = () => {}, canListReorder: s = () => !0, beforeRenderRow: c, table: l } = e, { columnWidths: u, footer: d, name: f, rows: p = [], actions: h, actionsRight: g, columnHeaderAlignments: v, columnAlignment: x, striped: S = !0, testId: C, draggable: w, defaultEmptyRow: T = null, onAddRow: E = null, bordered: D = !0, maxHeight: O, fixedWidth: k } = l, A = m(null), j = rn(e, "table.headers", []), M = Pc(p, j), N = Ic(p, j), P = M + +!!N, F = d ? (d == null || (t = d.pagination) == null || (t = t.rowsPerPage) == null ? void 0 : t.value) === 0 || Number(d == null || (n = d.pagination) == null ? void 0 : n.selectedPage) >= Number(d == null || (r = d.pagination) == null ? void 0 : r.rowCount) / Number(d == null || (i = d.pagination) == null || (i = i.rowsPerPage) == null ? void 0 : i.value) : !0, I = (T == null || (a = T.cells) == null ? void 0 : a.length) && E && F, ee = {
 		cells: I ? T.cells.map((e, t) => (e == null ? void 0 : e.type) === "Input" ? {
 			...e,
 			onChange: (e) => {
@@ -4248,9 +4248,9 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			disabled: !0
 		}) : null,
 		testId: C ? `${C}-last-empty-row` : void 0
-	}, R = I ? p.concat(L) : p, z = {
+	}, L = I ? p.concat(ee) : p, R = {
 		...l,
-		rows: R
+		rows: L
 	};
 	return /* @__PURE__ */ b("div", {
 		className: _(hs.wrapper, D ? hs.bordered : ""),
@@ -4273,11 +4273,11 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 				draggable: w,
 				onListReorder: o,
 				rowActions: N,
-				rows: R,
+				rows: L,
 				tbodyRef: A,
 				canListReorder: s,
 				children: ({ dropDisabled: e }) => /* @__PURE__ */ y(vl, {
-					table: z,
+					table: R,
 					children: ({ virtualizer: t, tableStyle: n }) => /* @__PURE__ */ b("table", {
 						className: _(hs.table, S ? hs.striped : ""),
 						"data-testid": C,
@@ -4296,7 +4296,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 						}, `0_${t}`)) }), /* @__PURE__ */ y("tbody", {
 							ref: A,
 							children: t ? t.getVirtualItems().map((t) => {
-								let n = t.index, r = R[n];
+								let n = t.index, r = L[n];
 								return /* @__PURE__ */ y(ml, {
 									rowIndex: n,
 									row: c ? c({
@@ -4312,7 +4312,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 									height: t.size,
 									dropDisabled: e
 								}, `1_${n}`);
-							}) : R.map((t, n) => /* @__PURE__ */ y(ml, {
+							}) : L.map((t, n) => /* @__PURE__ */ y(ml, {
 								rowIndex: n,
 								row: c ? c({
 									row: t,
@@ -4965,7 +4965,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			type: "Success",
 			content: u("pasteSuccessful")
 		} }, f);
-	}, { pastedText: F, parsedResult: I } = k, L = T && T(I), { isValid: R, errors: z } = I, ee = z.length, te = F === "", ne = Ml(F), re = jl(F), B = /* @__PURE__ */ b(v, { children: [
+	}, { pastedText: F, parsedResult: I } = k, ee = T && T(I), { isValid: L, errors: R } = I, z = R.length, te = F === "", ne = Ml(F), re = jl(F), B = /* @__PURE__ */ b(v, { children: [
 		/* @__PURE__ */ b("div", {
 			className: os.headerContainer,
 			children: [
@@ -4975,7 +4975,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 						label: u("downsampled"),
 						checked: D,
 						onChange: () => j(!D),
-						disabled: te || !R
+						disabled: te || !L
 					})
 				}),
 				/* @__PURE__ */ y(G, {
@@ -5040,8 +5040,8 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b("div", {
 			className: os.messagesContainer,
 			children: [
-				ee ? /* @__PURE__ */ y(Ol, {
-					errors: z,
+				z ? /* @__PURE__ */ y(Ol, {
+					errors: R,
 					t: u
 				}) : null,
 				ne && /* @__PURE__ */ y(_o, {
@@ -5055,7 +5055,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 					content: u("extraSeparators"),
 					type: "Warning"
 				} }),
-				L && /* @__PURE__ */ y(ms, { message: {
+				ee && /* @__PURE__ */ y(ms, { message: {
 					visible: !0,
 					icon: !0,
 					width: "100%",
@@ -5089,7 +5089,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 					label: u("okay"),
 					colored: !0,
 					onClick: () => f(() => P()),
-					disabled: te || !R,
+					disabled: te || !L,
 					loading: d,
 					testId: `${p}-paste-with-review-modal-button-okay`
 				}),
@@ -5097,7 +5097,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 					label: u("cancel"),
 					onClick: () => i()
 				}),
-				L && /* @__PURE__ */ y(K, {
+				ee && /* @__PURE__ */ y(K, {
 					label: C,
 					onClick: w
 				})
@@ -5465,13 +5465,13 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 	}
 }, Du = ({ config: e, smartUploadConfig: t, testId: n }) => {
 	var r, i, a, o;
-	let { exportData: s, beforeExportData: c, prevalidationConfig: l, validationRules: u, title: d, translations: f, textOnly: p = !1, showImportOptions: m = !0, copyFromClipBoard: _ = !0, showDeleteOptions: v = !0, showHelpOption: x = !0, showUploadFileOption: S = !0, modals: C = [], dynamicOptions: w, onImportComplete: T } = e == null ? {} : e, [E, D] = h(Eu), { modalVisibility: { smartUploadModal: O = !1, reviewPasteModal: k = !1, helpModal: A = !1 } } = E, { enabled: j, prompt: M = "", onClose: N, onError: P, service: F = () => Promise.resolve() } = t == null ? {} : t, I = vu(f), L = hu(I, s, c), [R, z] = g(), ee = xu({
+	let { exportData: s, beforeExportData: c, prevalidationConfig: l, validationRules: u, title: d, translations: f, textOnly: p = !1, showImportOptions: m = !0, copyFromClipBoard: _ = !0, showDeleteOptions: v = !0, showHelpOption: x = !0, showUploadFileOption: S = !0, modals: C = [], dynamicOptions: w, onImportComplete: T } = e == null ? {} : e, [E, D] = h(Eu), { modalVisibility: { smartUploadModal: O = !1, reviewPasteModal: k = !1, helpModal: A = !1 } } = E, { enabled: j, prompt: M = "", onClose: N, onError: P, service: F = () => Promise.resolve() } = t == null ? {} : t, I = vu(f), ee = hu(I, s, c), [L, R] = g(), z = xu({
 		config: e,
 		state: E,
 		setState: D,
 		smartUploadConfig: t,
-		startTransition: z
-	}), { readAndParseInput: te, updateState: ne, closeModals: re, setModalVisibility: B, onFileChange: ie, onClickQuickPasteFromClipBoard: ae, onClickCopyClipboard: oe, onSmartUploadResult: se, deleteAllRows: ce } = ee == null ? {} : ee;
+		startTransition: R
+	}), { readAndParseInput: te, updateState: ne, closeModals: re, setModalVisibility: B, onFileChange: ie, onClickQuickPasteFromClipBoard: ae, onClickCopyClipboard: oe, onSmartUploadResult: se, deleteAllRows: ce } = z == null ? {} : z;
 	Go("Escape", () => re());
 	let le = m ? [
 		...S ? [{
@@ -5506,7 +5506,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			type: "Option",
 			label: I("downloadFile"),
 			onClick: async () => {
-				let e = await L();
+				let e = await ee();
 				e && e && Su(e, d);
 			}
 		},
@@ -5567,7 +5567,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		}] : []
 	];
 	return /* @__PURE__ */ b("span", { children: [
-		R && /* @__PURE__ */ y(Qi, {
+		L && /* @__PURE__ */ y(Qi, {
 			small: !0,
 			dark: !0
 		}),
@@ -5588,8 +5588,8 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			onCompleteImport: T,
 			prevalidationConfig: l,
 			t: I,
-			loading: R,
-			startTransition: z,
+			loading: L,
+			startTransition: R,
 			testId: n
 		}),
 		A && /* @__PURE__ */ y(as, {
@@ -6548,17 +6548,31 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 	}), (t) => {
 		e.current = t;
 	};
-}, Ed = (e) => e === "undefined" || e === void 0 || e === "" || e === "null" || e === null || e === "NaN" || isNaN(e), Dd = (e) => {
+}, Ed = (e) => {
+	let t = m(void 0);
+	return l(() => {
+		t.current = e;
+	}, [e]), t.current;
+}, Dd = (e, t) => {
+	let n = t == null ? void 0 : t[e];
+	if (!n) {
+		var r;
+		return console.log(`Warning: 'unitTemplate' missing for '${e}'. Using initial unit, preferred unit or value unit.`), (r = ur(e)) == null ? "" : r;
+	}
+	return n;
+}, Od = /* @__PURE__ */ function(e) {
+	return e.CUSTOM = "custom", e.PREDEFINED = "predefined", e;
+}({}), kd = (e) => e === "undefined" || e === void 0 || e === "" || e === "null" || e === null || e === "NaN" || isNaN(e), Ad = (e) => {
 	if (!e) return !1;
 	let t = Jn(e);
 	return !Hn.includes(t);
-}, Od = ({ value: e, unitkey: t, toUnit: n }) => {
+}, jd = ({ value: e, unitkey: t, toUnit: n }) => {
 	var r;
 	let i = Vn[t];
 	if (!i || i.length === 0 || !((r = dr(e)) != null && r.valid) || !i.includes(n)) return !1;
 	let a = Jn(String(e));
 	return !(a && !i.includes(a));
-}, kd = ({ value: e, unitkey: t, toUnit: n, fromUnit: r, doNotConvertValue: i = !1, exactPrecision: a = !1 }) => {
+}, Md = ({ value: e, unitkey: t, toUnit: n, fromUnit: r, doNotConvertValue: i = !1, exactPrecision: a = !1 }) => {
 	var o;
 	let s = er(e) ? Xn(e) : e, c = [Infinity, -Infinity].includes(Number(s));
 	if (i || c) return {
@@ -6578,13 +6592,13 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		value: void 0,
 		error: "Source unit is missing"
 	};
-	if (Ed(s)) return {
+	if (kd(s)) return {
 		value: void 0,
 		error: "Value is invalid for conversion"
 	};
 	try {
 		let e = pr(s, l);
-		return Od({
+		return jd({
 			value: e,
 			toUnit: n,
 			unitkey: t
@@ -6601,13 +6615,13 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			error: "Conversion not possible"
 		};
 	}
-}, Ad = ({ value: e = "", toUnit: t, unitkey: n, defaultFromUnit: r, doNotConvertValue: i }) => {
-	let a = Xn(e), o = Ed(a);
-	return !Od({
+}, Nd = ({ value: e = "", toUnit: t, unitkey: n, defaultFromUnit: r, doNotConvertValue: i }) => {
+	let a = Xn(e), o = kd(a);
+	return !jd({
 		value: e,
 		unitkey: n,
 		toUnit: t
-	}) || Dd(e) || o ? { value: a } : er(e) ? kd({
+	}) || Ad(e) || o ? { value: a } : er(e) ? Md({
 		value: e,
 		unitkey: n,
 		toUnit: t,
@@ -6615,56 +6629,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		doNotConvertValue: i,
 		exactPrecision: !0
 	}) : { value: e };
-}, jd = ({ initDisplayUnit: e, noConversion: t, unitkey: n, value: r }) => {
-	let [i = "", a = ""] = r === void 0 ? [] : or(r), o = f(() => ({
-		initDisplayUnit: e,
-		value: r
-	}), [e, r]), c = s((e) => {
-		let { value: o } = Ad({
-			value: r,
-			toUnit: e,
-			unitkey: n,
-			defaultFromUnit: a,
-			doNotConvertValue: t
-		});
-		return o === "" ? {
-			value: i,
-			unit: a
-		} : {
-			value: o,
-			unit: e
-		};
-	}, [
-		t,
-		a,
-		i,
-		n,
-		r
-	]), [l, u] = h(() => ({
-		displayLayer: c(e),
-		externalState: o
-	})), d = f(() => c(l.externalState.initDisplayUnit === e ? l.displayLayer.unit : e), [
-		c,
-		e,
-		l.displayLayer.unit,
-		l.externalState
-	]);
-	return [l.externalState.initDisplayUnit !== e || l.externalState.value !== r ? d : l.displayLayer, s((e) => {
-		u({
-			displayLayer: e,
-			externalState: o
-		});
-	}, [o])];
-}, Md = (e, t) => {
-	let n = t == null ? void 0 : t[e];
-	if (!n) {
-		var r;
-		return console.log(`Warning: 'unitTemplate' missing for '${e}'. Using initial unit, preferred unit or value unit.`), (r = ur(e)) == null ? "" : r;
-	}
-	return n;
-}, Nd = /* @__PURE__ */ function(e) {
-	return e.CUSTOM = "custom", e.PREDEFINED = "predefined", e;
-}({}), Pd = (e) => fn(e) && !an(e) && !ln(e) ? rn(e, "fieldName", "") : typeof e == "string" ? e : "", Fd = (e = "") => Hn == null ? void 0 : Hn.includes(e), Id = (e, t) => {
+}, Pd = (e) => fn(e) && !an(e) && !ln(e) ? rn(e, "fieldName", "") : typeof e == "string" ? e : "", Fd = (e = "") => Hn == null ? void 0 : Hn.includes(e), Id = (e, t) => {
 	let n = Jn(e || "");
 	return Fd(t) && Fd(n);
 }, Ld = n(null), Rd = () => c(Ld), zd = !1, Bd = (e) => {
@@ -6675,31 +6640,38 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 }, Ud = ({ 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 = gn, onClick: g = gn, onFocus: x = gn, onSwitchUnit: S = gn, unitTemplate: C, testId: w, warning: T = null, predefinedOptions: E, initialPredefinedOption: D = !1, shouldLinkAutomaticly: O = !0, selectedPredefinedOptionKey: k, validationCallback: A = () => ({
 	name: "",
 	error: null
-}), disabledValidation: j = !1, allowEmpty: M = !1, convertBackToStorageUnit: N = !1, enableCosmeticRounding: P = !0, enableDisplayRounding: F = !1, roundDisplayValue: I, selectOnFocus: L = !0, groupOrder: R, tooltip: z = null }) => {
-	let ee = Rd(), te = Td();
+}), disabledValidation: j = !1, allowEmpty: M = !1, convertBackToStorageUnit: N = !1, enableCosmeticRounding: P = !0, enableDisplayRounding: F = !1, roundDisplayValue: I, selectOnFocus: ee = !0, groupOrder: L, tooltip: R = null }) => {
+	let z = Rd(), te = Td();
 	typeof c == "number" && (c = `${c}`);
-	let [, ne = ""] = c === void 0 ? [] : or(c), re = f(() => Md(u, C || (ee == null ? void 0 : ee.unitTemplate)), [
+	let [ne = "", re = ""] = c === void 0 ? [] : or(c), B = f(() => Dd(u, C || (z == null ? void 0 : z.unitTemplate)), [
 		u,
 		C,
-		ee == null ? void 0 : ee.unitTemplate
-	]), B = Id(c, re), ie = d || re || ne, [ae, oe] = jd({
-		initDisplayUnit: ie,
-		noConversion: p,
+		z == null ? void 0 : z.unitTemplate
+	]), ie = Id(c, B), ae = d || B || re, oe = Ed(ae), { value: se } = Nd({
+		value: c,
+		toUnit: ae,
 		unitkey: u,
-		value: c
-	}), se = M || (ae == null ? void 0 : ae.value) === void 0, [ce, le] = h(D ? Nd.PREDEFINED : Nd.CUSTOM), ue = !!(j || n), de = E && E.find((e) => {
+		defaultFromUnit: re,
+		doNotConvertValue: p
+	}), [ce, le] = h(se === "" ? {
+		value: ne,
+		unit: re
+	} : {
+		value: se,
+		unit: ae
+	}), ue = M || (ce == null ? void 0 : ce.value) === void 0, [de, fe] = h(D ? Od.PREDEFINED : Od.CUSTOM), pe = !!(j || n), me = E && E.find((e) => {
 		if (!(e != null && e.value)) return;
 		if (k) return k === e.valueKey;
-		let t = er(e.value) ? Jn(e.value) : "", { value: n = c } = kd({
+		let t = er(e.value) ? Jn(e.value) : "", { value: n = c } = Md({
 			value: String(c),
 			unitkey: u,
 			toUnit: t
 		});
 		return pr(n, t) === e.value;
-	}), fe = () => {
+	}), he = () => {
 		var e;
-		let t = (e = c) == null ? "" : e, n = ae.unit;
-		if (!Od({
+		let t = (e = c) == null ? "" : e, n = ce.unit;
+		if (!jd({
 			value: t,
 			unitkey: u,
 			toUnit: n
@@ -6712,54 +6684,79 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		} catch {
 			return null;
 		}
-	}, pe = (t) => {
-		let n = Pd(e), r = t.target, { value: i, selectionStart: a } = r, o = pr(i, (ae == null ? void 0 : ae.unit) || "");
+	}, ge = (t) => {
+		let n = Pd(e), r = t.target, { value: i, selectionStart: a } = r, o = pr(i, (ce == null ? void 0 : ce.unit) || "");
 		m({ target: {
-			value: N ? pr(Gn(o, ne), ne) : o,
+			value: N ? pr(Gn(o, re), re) : o,
 			name: n
 		} });
 		let [s, c] = or(o);
-		oe({
+		le({
 			value: s,
 			unit: c
 		}), te(() => {
 			r.selectionStart = a, r.selectionEnd = a;
 		});
-	}, me = (e, t) => {
-		t === ae.unit || isNaN(Number(e)) || (oe({
+	}, _e = (e, t) => {
+		t === ce.unit || isNaN(Number(e)) || (le({
 			value: e,
 			unit: t
 		}), S && S(t));
 	};
 	l(() => {
-		ie && le(E && de && O ? Nd.PREDEFINED : Nd.CUSTOM);
+		if (ae) {
+			let e, t = "";
+			if (oe !== ae) {
+				let { value: n } = Nd({
+					value: c,
+					toUnit: ae,
+					unitkey: u,
+					defaultFromUnit: re,
+					doNotConvertValue: p
+				});
+				e = n, t = ae;
+			} else if (pr(ce.value, ce.unit) !== c) {
+				let { value: n } = Nd({
+					value: c,
+					toUnit: ce.unit,
+					unitkey: u,
+					defaultFromUnit: re,
+					doNotConvertValue: p
+				});
+				e = n, t = ce.unit;
+			}
+			e !== void 0 && le({
+				value: e,
+				unit: t
+			}), fe(E && me && O ? Od.PREDEFINED : Od.CUSTOM);
+		}
 	}, [
-		de,
-		ie,
-		E,
+		ae,
+		c,
+		i,
 		O
 	]);
-	let he = fe(), ge = tr(ae.unit) || ae.unit || "", _e = p || !he || he && he.length === 1, ve = Pd(e), ye, be = (t) => {
+	let ve = he(), ye = tr(ce.unit) || ce.unit || "", be = p || !ve || ve && ve.length === 1, xe = Pd(e), Se, Ce = (t) => {
 		let r = t != null && t.value ? t.value : "", [i = "", a = ""] = er(r) ? or(r) : [r], o = fr(r);
-		if (Od({
+		if (jd({
 			value: r,
 			unitkey: u,
 			toUnit: a
 		})) {
-			let { value: e = "" } = Ad({
+			let { value: e = "" } = Nd({
 				value: r,
-				toUnit: re,
+				toUnit: B,
 				unitkey: u,
 				defaultFromUnit: a,
 				doNotConvertValue: p
 			});
-			o = fr(pr(e, re));
+			o = fr(pr(e, B));
 		}
 		return {
 			type: aa.OPTION,
 			inline: !0,
 			onClick: () => {
-				dr(i).valid && !n && (le(Nd.PREDEFINED), m({ target: {
+				dr(i).valid && !n && (fe(Od.PREDEFINED), m({ target: {
 					value: r,
 					name: typeof e == "string" ? e : (e == null ? void 0 : e.fieldName) || "",
 					predefinedSelected: !0,
@@ -6771,29 +6768,29 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 				height: "0"
 			})] }),
 			description: o,
-			selected: de === t && ce === Nd.PREDEFINED
+			selected: me === t && de === Od.PREDEFINED
 		};
 	};
-	if (ye = [{
+	if (Se = [{
 		type: aa.OPTION,
 		inline: !0,
 		onClick: () => {
-			ce !== Nd.CUSTOM && !n && m({ target: {
-				value: pr(ae.value, ae.unit),
+			de !== Od.CUSTOM && !n && m({ target: {
+				value: pr(ce.value, ce.unit),
 				name: typeof e == "string" ? e : (e == null ? void 0 : e.fieldName) || ""
 			} });
 		},
 		label: "Custom",
-		selected: ce === Nd.CUSTOM
+		selected: de === Od.CUSTOM
 	}], E != null && E.length) {
-		let e = E.map(be);
-		ye = [...ye, ...e];
+		let e = E.map(Ce);
+		Se = [...Se, ...e];
 	}
-	let xe = (e) => {
+	let we = (e) => {
 		if (er(e)) {
-			let t = Jn(e), { value: n } = Ad({
+			let t = Jn(e), { value: n } = Nd({
 				value: e,
-				toUnit: ae.unit,
+				toUnit: ce.unit,
 				unitkey: u,
 				defaultFromUnit: t,
 				doNotConvertValue: p
@@ -6801,9 +6798,9 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			return n;
 		}
 		return e;
-	}, Se = !E && (!R || R === V.FIRST) ? V.FIRST : V.MIDDLE, Ce = !R || R === V.LAST ? V.LAST : V.MIDDLE;
+	}, Te = !E && (!L || L === V.FIRST) ? V.FIRST : V.MIDDLE, Ee = !L || L === V.LAST ? V.LAST : V.MIDDLE;
 	return /* @__PURE__ */ y("div", {
-		className: ce === Nd.PREDEFINED ? _(Hd.predefinedMenuActive) : "",
+		className: de === Od.PREDEFINED ? _(Hd.predefinedMenuActive) : "",
 		children: /* @__PURE__ */ b(Io, {
 			small: o,
 			width: s,
@@ -6818,65 +6815,66 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 						trigger: "Component",
 						component: /* @__PURE__ */ y(K, {
 							groupOrder: "first",
-							active: ce === Nd.PREDEFINED,
-							icon: ce === Nd.PREDEFINED ? "link" : "unlink",
+							active: de === Od.PREDEFINED,
+							icon: de === Od.PREDEFINED ? "link" : "unlink",
 							small: o
 						}),
 						small: o,
-						sections: ye
+						sections: Se
 					},
-					tooltip: ce === Nd.PREDEFINED ? de == null ? void 0 : de.label : ""
+					tooltip: de === Od.PREDEFINED ? me == null ? void 0 : me.label : ""
 				}),
 				/* @__PURE__ */ y("div", {
 					className: Hd.inputWrapper,
 					children: /* @__PURE__ */ y(Uc, {
-						name: ve,
+						name: xe,
 						testId: w,
 						disabled: n,
-						placeholder: xe(t),
-						value: ae.value,
-						onChange: pe,
+						placeholder: we(t),
+						value: ce.value,
+						onChange: ge,
 						onFocus: x,
 						error: i === null ? void 0 : i,
 						warning: T === null ? void 0 : T,
 						left: a,
-						allowEmpty: se,
-						validationCallback: (e, t) => A(ve, t),
+						allowEmpty: ue,
+						validationCallback: (e, t) => A(xe, t),
 						enableCosmeticRounding: P,
 						enableDisplayRounding: F,
 						roundDisplayValue: I,
-						groupOrder: Se,
-						disableInternalErrorValidationMessages: ue,
+						groupOrder: Te,
+						disableInternalErrorValidationMessages: pe,
+						useControlledValueWhenBlurred: !0,
 						small: o,
-						selectOnFocus: L,
-						tooltip: z
-					}, ve)
+						selectOnFocus: ee,
+						tooltip: R
+					}, xe)
 				}),
-				ge && (_e || !B ? /* @__PURE__ */ y(Ac, {
-					groupOrder: Ce,
+				ye && (be || !ie ? /* @__PURE__ */ y(Ac, {
+					groupOrder: Ee,
 					small: o,
-					children: ge
+					children: ye
 				}) : /* @__PURE__ */ y(Aa, {
-					groupOrder: Ce,
+					groupOrder: Ee,
 					maxHeight: 380,
 					disabled: r,
 					testId: w && `${w}-menu`,
 					tabIndex: -1,
 					menu: {
-						label: ge,
+						label: ye,
 						trigger: "DropDownButton",
 						small: o,
-						sections: he.map(([e = "", t = "", n]) => {
+						sections: ve.map(([e = "", t = "", n]) => {
 							let r = n || t || "", i = $n(e) ? e : "";
 							return {
 								type: "Option",
 								label: P ? Vd(i) : i,
 								inline: !0,
 								onClick: (n) => {
-									n.stopPropagation(), me(e, t);
+									n.stopPropagation(), _e(e, t);
 								},
 								description: r,
-								selected: r === ge,
+								selected: r === ye,
 								testId: `${w}-unit-${r}`
 							};
 						})
@@ -6903,11 +6901,11 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		!u || d || (D(T), k(!0));
 	}, I = () => {
 		D(T), k(!1);
-	}, L = () => {
+	}, ee = () => {
 		P || N === null || (o(Wd(e, N)), s == null || s(Wd(e, N)), k(!1));
-	}, R = (e) => {
-		e.key === "Enter" && L(), e.key === "Escape" && I();
-	}, z = d || O, ee = /* @__PURE__ */ b("div", {
+	}, L = (e) => {
+		e.key === "Enter" && ee(), e.key === "Escape" && I();
+	}, R = d || O, z = /* @__PURE__ */ b("div", {
 		className: wd.actions,
 		children: [/* @__PURE__ */ y(K, {
 			icon: "close",
@@ -6918,7 +6916,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			icon: "checkmark",
 			small: !0,
 			disabled: !!P,
-			onClick: L,
+			onClick: ee,
 			testId: g && `${g}-confirm`
 		})]
 	});
@@ -6936,7 +6934,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			f && /* @__PURE__ */ y("div", {
 				className: _(wd.input, x && wd.inputSmall, u && !d && wd.editable),
 				children: /* @__PURE__ */ y(Ua, {
-					content: ee,
+					content: z,
 					isOpen: O,
 					onToggle: (e) => {
 						e || I();
@@ -6949,7 +6947,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 						className: wd.inputControl,
 						"data-testid": g && `${g}-edit-trigger`,
 						onClick: F,
-						onKeyDown: R,
+						onKeyDown: L,
 						children: /* @__PURE__ */ y(Ud, {
 							name: e,
 							value: O ? E : T,
@@ -6975,9 +6973,9 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 				onChange: o,
 				onChangeComplete: s,
 				showArrows: p,
-				showTooltip: !z,
+				showTooltip: !R,
 				tooltipFormatter: () => fr(T),
-				disabled: z,
+				disabled: R,
 				small: x,
 				marks: S,
 				testId: g && `${g}-slider`
@@ -7715,15 +7713,10 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			})]
 		})
 	});
-}, Df = (e) => {
-	let t = m(void 0);
-	return l(() => {
-		t.current = e;
-	}, [e]), t.current;
-}, Of = Object.freeze({
+}, Df = Object.freeze({
 	Translations: "translations",
 	LanguageKey: "languageKey"
-}), kf = {
+}), Of = {
 	unified: "Unified",
 	split: "Split",
 	changesTooLarge: "Changes are too large to be shown",
@@ -7745,29 +7738,29 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 	pluralChanges: "changes",
 	showAll: "Show all",
 	unknown: "Unknown"
-}, Af = (e) => Object.keys(kf).reduce((t, n) => ({
+}, kf = (e) => Object.keys(Of).reduce((t, n) => ({
 	...t,
-	[n]: (e == null ? void 0 : e[n]) || (kf == null ? void 0 : kf[n])
-}), {}), jf = {
-	[Of.Translations]: Af(),
-	[Of.LanguageKey]: "en"
-}, Mf = (e) => e ? jf[e] : jf, Nf = (e, t) => {
-	jf[e] = t;
-}, Pf = (e) => e.reduce(({ preferredUnits: e, storageUnits: t }, { unitKey: n, preferredUnit: r, storageUnit: i }) => {
+	[n]: (e == null ? void 0 : e[n]) || (Of == null ? void 0 : Of[n])
+}), {}), Af = {
+	[Df.Translations]: kf(),
+	[Df.LanguageKey]: "en"
+}, jf = (e) => e ? Af[e] : Af, Mf = (e, t) => {
+	Af[e] = t;
+}, Nf = (e) => e.reduce(({ preferredUnits: e, storageUnits: t }, { unitKey: n, preferredUnit: r, storageUnit: i }) => {
 	var a;
 	let { unitTemplate: o = null } = (a = Rd()) == null ? {} : a;
-	return e[n] = r == null ? Md(n, o) : r, t[n] = i, {
+	return e[n] = r == null ? Dd(n, o) : r, t[n] = i, {
 		preferredUnits: e,
 		storageUnits: t
 	};
 }, {
 	preferredUnits: {},
 	storageUnits: {}
-}), Ff = ({ row: e, rowIndex: t, selectedUnits: n, storageUnits: r, convertBackToStorageUnit: i, enableCosmeticRounding: a, enableDisplayRounding: o }) => ({
+}), Pf = ({ row: e, rowIndex: t, selectedUnits: n, storageUnits: r, convertBackToStorageUnit: i, enableCosmeticRounding: a, enableDisplayRounding: o }) => ({
 	...e,
 	cells: e.cells.map((e, s) => {
 		if ("autoUnit" in e && e != null && e.autoUnit && (typeof (e == null ? void 0 : e.value) == "string" || typeof (e == null ? void 0 : e.value) == "number")) {
-			let { unitKey: c, value: l, formatDisplayValue: u } = e, d = o && "roundDisplayValue" in e ? e == null ? void 0 : e.roundDisplayValue : null, f = n[c], p = r[c], m = p && f !== p, { value: h = l } = kd({
+			let { unitKey: c, value: l, formatDisplayValue: u } = e, d = o && "roundDisplayValue" in e ? e == null ? void 0 : e.roundDisplayValue : null, f = n[c], p = r[c], m = p && f !== p, { value: h = l } = Md({
 				value: lr(l),
 				unitkey: c,
 				toUnit: f,
@@ -7781,7 +7774,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 				roundDisplayValue: d,
 				selectOnFocus: !0,
 				onChange: (n) => {
-					let { value: r } = n.target, a = i ? p : f, { value: o = r } = kd({
+					let { value: r } = n.target, a = i ? p : f, { value: o = r } = Md({
 						value: String(r),
 						unitkey: c,
 						toUnit: a,
@@ -7805,8 +7798,8 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		}
 		return e;
 	})
-}), If = ({ headers: e, selectedUnits: t, storageUnits: n, onChangeUnit: r }) => {
-	let { translations: i } = Mf();
+}), Ff = ({ headers: e, selectedUnits: t, storageUnits: n, onChangeUnit: r }) => {
+	let { translations: i } = jf();
 	return e ? e.map((e) => ({
 		...e,
 		cells: e.cells.map((e) => {
@@ -7835,8 +7828,8 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			return e;
 		})
 	})) : [];
-}, Lf = ({ table: e, unitConfig: t, convertBackToStorageUnit: n = !0, enableCosmeticRounding: r = !0, enableDisplayRounding: i = !0, onListReorder: a, canListReorder: o, beforeRenderRow: c }) => {
-	let { headers: u, ...d } = e, { storageUnits: f, preferredUnits: p } = Pf(t), m = Df(p), [g, _] = h(p), v = ({ unitKey: e, value: n }) => {
+}, If = ({ table: e, unitConfig: t, convertBackToStorageUnit: n = !0, enableCosmeticRounding: r = !0, enableDisplayRounding: i = !0, onListReorder: a, canListReorder: o, beforeRenderRow: c }) => {
+	let { headers: u, ...d } = e, { storageUnits: f, preferredUnits: p } = Nf(t), m = Ed(p), [g, _] = h(p), v = ({ unitKey: e, value: n }) => {
 		_({
 			...g,
 			[e]: n
@@ -7847,7 +7840,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			newUnit: n,
 			unitKey: e
 		});
-	}, b = s(({ row: e, rowIndex: t }) => Ff({
+	}, b = s(({ row: e, rowIndex: t }) => Pf({
 		row: c ? c({
 			row: e,
 			rowIndex: t
@@ -7876,7 +7869,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 	}, [t]), /* @__PURE__ */ y(yl, {
 		table: {
 			...d,
-			headers: If({
+			headers: Ff({
 				headers: e.headers,
 				selectedUnits: g,
 				storageUnits: f,
@@ -7887,8 +7880,8 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		canListReorder: o,
 		beforeRenderRow: b
 	});
-}, Rf = { settingField: "_settingField_1x02n_1" }, zf = ({ helpText: t, disabled: n = !1, showCustom: r = !1, children: i, userValue: a = void 0, companyValue: o = void 0, noPermission: s = !1, selectedOption: c, handleSelectChange: l, testId: u }) => {
-	let { translations: d } = Mf(), f = (t) => t.replace(/\\n/g, "\n").split(/\n/).map((t, n) => /* @__PURE__ */ b(e.Fragment, { children: [t, /* @__PURE__ */ y("br", {})] }, n)), p = [
+}, Lf = { settingField: "_settingField_1x02n_1" }, Rf = ({ helpText: t, disabled: n = !1, showCustom: r = !1, children: i, userValue: a = void 0, companyValue: o = void 0, noPermission: s = !1, selectedOption: c, handleSelectChange: l, testId: u }) => {
+	let { translations: d } = jf(), f = (t) => t.replace(/\\n/g, "\n").split(/\n/).map((t, n) => /* @__PURE__ */ b(e.Fragment, { children: [t, /* @__PURE__ */ y("br", {})] }, n)), p = [
 		...r ? [] : [{
 			label: d == null ? void 0 : d.allUsers,
 			value: !1
@@ -7903,7 +7896,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		}] : []
 	], m = a !== void 0 && o !== void 0 && !cn(a, o);
 	return /* @__PURE__ */ b("div", {
-		className: Rf.settingField,
+		className: Lf.settingField,
 		"data-testid": u,
 		children: [/* @__PURE__ */ b(Nu, {
 			justifyContent: "space-between",
@@ -7935,19 +7928,19 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 			children: f(t)
 		})]
 	});
-}, Bf = (e, t) => {
+}, zf = (e, t) => {
 	let n = e.replace(/\r\n/g, "\n").split("\n"), r = t.replace(/\r\n/g, "\n").split("\n"), i = r.length - n.length, a = n.length - r.length;
 	return {
 		added: Math.max(0, i),
 		removed: Math.max(0, a)
 	};
-}, Vf = "split", Hf = "unified", Uf = ({ oldJson: e, newJson: t, viewType: n = Vf }) => {
+}, Bf = "split", Vf = "unified", Hf = ({ oldJson: e, newJson: t, viewType: n = Bf }) => {
 	var r, i;
-	let { translations: a } = Mf(), [o, s] = h(n), c = [{
-		value: Vf,
+	let { translations: a } = jf(), [o, s] = h(n), c = [{
+		value: Bf,
 		label: (r = a == null ? void 0 : a.split) == null ? "Split" : r
 	}, {
-		value: Hf,
+		value: Vf,
 		label: (i = a == null ? void 0 : a.unified) == null ? "Unified" : i
 	}];
 	l(() => {
@@ -7955,7 +7948,7 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 	}, [n]);
 	let u = ({ target: { value: e } }) => {
 		s(e);
-	}, { added: d, removed: f } = Bf(e, t), p = d + f > 3500;
+	}, { added: d, removed: f } = zf(e, t), p = d + f > 3500;
 	return /* @__PURE__ */ y(v, { children: /* @__PURE__ */ y(Ba, {
 		bordered: !0,
 		heading: /* @__PURE__ */ b(Nu, {
@@ -7988,14 +7981,14 @@ var Xa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Za =
 		}) : /* @__PURE__ */ y(ei, {
 			oldValue: e,
 			newValue: t,
-			splitView: o === Vf,
+			splitView: o === Bf,
 			compareMethod: ti.WORDS
 		})
 	}) });
 };
 //#endregion
 //#region src/helpers/date.ts
-function Wf({ date: e, showTime: t, showSeconds: n, timeZone: r, showTimeZone: i, locale: a }) {
+function Uf({ date: e, showTime: t, showSeconds: n, timeZone: r, showTimeZone: i, locale: a }) {
 	return e ? new Date(e).toLocaleString(a, {
 		year: "numeric",
 		month: "short",
@@ -8009,28 +8002,28 @@ function Wf({ date: e, showTime: t, showSeconds: n, timeZone: r, showTimeZone: i
 }
 //#endregion
 //#region node_modules/.pnpm/jsondiffpatch@0.7.6/node_modules/jsondiffpatch/lib/clone.js
-function Gf(e) {
+function Wf(e) {
 	var t;
 	let n = /^\/(.*)\/([gimyu]*)$/.exec(e.toString());
 	if (!n) throw Error("Invalid RegExp");
 	return new RegExp((t = n[1]) == null ? "" : t, n[2]);
 }
-function Kf(e) {
+function Gf(e) {
 	if (typeof e != "object") return e;
 	if (e === null) return null;
-	if (Array.isArray(e)) return e.map(Kf);
+	if (Array.isArray(e)) return e.map(Gf);
 	if (e instanceof Date) return new Date(e.getTime());
-	if (e instanceof RegExp) return Gf(e);
+	if (e instanceof RegExp) return Wf(e);
 	let t = {};
-	for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = Kf(e[n]));
+	for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = Gf(e[n]));
 	return t;
 }
 //#endregion
 //#region node_modules/.pnpm/jsondiffpatch@0.7.6/node_modules/jsondiffpatch/lib/assertions/arrays.js
-function qf(e, t) {
+function Kf(e, t) {
 	if (e.length === 0) throw Error(t || "Expected a non-empty array");
 }
-var Jf = (e) => e[e.length - 1], Yf = class {
+var qf = (e) => e[e.length - 1], Jf = class {
 	setResult(e) {
 		return this.result = e, this.hasResult = !0, this;
 	}
@@ -8038,16 +8031,16 @@ var Jf = (e) => e[e.length - 1], Yf = class {
 		return this.exiting = !0, this;
 	}
 	push(e, t) {
-		return e.parent = this, t !== void 0 && (e.childName = t), e.root = this.root || this, e.options = e.options || this.options, this.children ? (qf(this.children), Jf(this.children).next = e, this.children.push(e)) : (this.children = [e], this.nextAfterChildren = this.next || null, this.next = e), e.next = this, this;
+		return e.parent = this, t !== void 0 && (e.childName = t), e.root = this.root || this, e.options = e.options || this.options, this.children ? (Kf(this.children), qf(this.children).next = e, this.children.push(e)) : (this.children = [e], this.nextAfterChildren = this.next || null, this.next = e), e.next = this, this;
 	}
-}, Xf = class extends Yf {
+}, Yf = class extends Jf {
 	constructor(e, t) {
 		super(), this.left = e, this.right = t, this.pipe = "diff";
 	}
 	prepareDeltaResult(e) {
 		var t, n, r, i;
 		if (typeof e == "object" && ((t = this.options) != null && t.omitRemovedValues && Array.isArray(e) && e.length > 1 && (e.length === 2 || e[2] === 0 || e[2] === 3) && (e[0] = 0), (n = this.options) != null && n.cloneDiffValues)) {
-			let t = typeof ((r = this.options) == null ? void 0 : r.cloneDiffValues) == "function" ? (i = this.options) == null ? void 0 : i.cloneDiffValues : Kf;
+			let t = typeof ((r = this.options) == null ? void 0 : r.cloneDiffValues) == "function" ? (i = this.options) == null ? void 0 : i.cloneDiffValues : Gf;
 			typeof e[0] == "object" && (e[0] = t(e[0])), typeof e[1] == "object" && (e[1] = t(e[1]));
 		}
 		return e;
@@ -8055,15 +8048,15 @@ var Jf = (e) => e[e.length - 1], Yf = class {
 	setResult(e) {
 		return this.prepareDeltaResult(e), super.setResult(e);
 	}
-}, Zf = class extends Yf {
+}, Xf = class extends Jf {
 	constructor(e, t) {
 		super(), this.left = e, this.delta = t, this.pipe = "patch";
 	}
-}, Qf = class extends Yf {
+}, Zf = class extends Jf {
 	constructor(e) {
 		super(), this.delta = e, this.pipe = "reverse";
 	}
-}, $f = class {
+}, Qf = class {
 	constructor(e) {
 		this.name = e, this.filters = [];
 	}
@@ -8127,7 +8120,7 @@ var Jf = (e) => e[e.length - 1], Yf = class {
 			}
 		}), this);
 	}
-}, ep = class {
+}, $f = class {
 	constructor(e) {
 		this.selfOptions = e || {}, this.pipes = {};
 	}
@@ -8154,7 +8147,7 @@ var Jf = (e) => e[e.length - 1], Yf = class {
 		for (; r;) n.nextAfterChildren !== void 0 && (n.next = n.nextAfterChildren, n.nextAfterChildren = null), typeof r == "string" && (r = this.pipe(r)), r.process(n), i = r, r = null, n && n.next && (n = n.next, r = n.pipe || i);
 		return n.hasResult ? n.result : void 0;
 	}
-}, tp = (e, t, n, r) => e[n] === t[r], np = (e, t, n, r) => {
+}, ep = (e, t, n, r) => e[n] === t[r], tp = (e, t, n, r) => {
 	var i, a, o;
 	let s = e.length, c = t.length, l, u, d = Array(s + 1);
 	for (l = 0; l < s + 1; l++) {
@@ -8170,7 +8163,7 @@ var Jf = (e) => e[e.length - 1], Yf = class {
 		for (u = 1; u < c + 1; u++) n(e, t, l - 1, u - 1, r) ? s[u] = ((i = f[u - 1]) == null ? 0 : i) + 1 : s[u] = Math.max((a = f[u]) == null ? 0 : a, (o = s[u - 1]) == null ? 0 : o);
 	}
 	return d;
-}, rp = (e, t, n, r) => {
+}, np = (e, t, n, r) => {
 	let i = t.length, a = n.length, o = {
 		sequence: [],
 		indices1: [],
@@ -8192,11 +8185,11 @@ var Jf = (e) => e[e.length - 1], Yf = class {
 		}
 	}
 	return o;
-}, ip = { get: (e, t, n, r) => {
+}, rp = { get: (e, t, n, r) => {
 	let i = r || {};
-	return rp(np(e, t, n || tp, i), e, t, i);
-} }, ap = 3;
-function op(e, t, n, r) {
+	return np(tp(e, t, n || ep, i), e, t, i);
+} }, ip = 3;
+function ap(e, t, n, r) {
 	for (let i = 0; i < n; i++) {
 		let n = e[i];
 		for (let e = 0; e < r; e++) {
@@ -8206,7 +8199,7 @@ function op(e, t, n, r) {
 	}
 	return !1;
 }
-function sp(e, t, n, r, i) {
+function op(e, t, n, r, i) {
 	let a = e[n], o = t[r];
 	if (a === o) return !0;
 	if (typeof a != "object" || typeof o != "object") return !1;
@@ -8219,15 +8212,15 @@ function sp(e, t, n, r, i) {
 	let l = i.hashCache2[r];
 	return l === void 0 && (i.hashCache2[r] = l = s(o, r)), l === void 0 ? !1 : c === l;
 }
-var cp = function(e) {
+var sp = function(e) {
 	var t, n, r, i, a;
 	if (!e.leftIsArray) return;
 	let o = {
 		objectHash: (t = e.options) == null ? void 0 : t.objectHash,
 		matchByPosition: (n = e.options) == null ? void 0 : n.matchByPosition
 	}, s = 0, c = 0, l, u, d, f = e.left, p = e.right, m = f.length, h = p.length, g;
-	for (m > 0 && h > 0 && !o.objectHash && typeof o.matchByPosition != "boolean" && (o.matchByPosition = !op(f, p, m, h)); s < m && s < h && sp(f, p, s, s, o);) l = s, g = new Xf(f[l], p[l]), e.push(g, l), s++;
-	for (; c + s < m && c + s < h && sp(f, p, m - 1 - c, h - 1 - c, o);) u = m - 1 - c, d = h - 1 - c, g = new Xf(f[u], p[d]), e.push(g, d), c++;
+	for (m > 0 && h > 0 && !o.objectHash && typeof o.matchByPosition != "boolean" && (o.matchByPosition = !ap(f, p, m, h)); s < m && s < h && op(f, p, s, s, o);) l = s, g = new Yf(f[l], p[l]), e.push(g, l), s++;
+	for (; c + s < m && c + s < h && op(f, p, m - 1 - c, h - 1 - c, o);) u = m - 1 - c, d = h - 1 - c, g = new Yf(f[u], p[d]), e.push(g, d), c++;
 	let _;
 	if (s + c === m) {
 		if (m === h) {
@@ -8251,7 +8244,7 @@ var cp = function(e) {
 		return;
 	}
 	o.hashCache1 = void 0, o.hashCache2 = void 0;
-	let v = f.slice(s, m - c), y = p.slice(s, h - c), b = ip.get(v, y, sp, o), x = [];
+	let v = f.slice(s, m - c), y = p.slice(s, h - c), b = rp.get(v, y, op, o), x = [];
 	for (_ = _ || { _t: "a" }, l = s; l < m - c; l++) if (b.indices1.indexOf(l - s) < 0) {
 		let t = `_${l}`;
 		_[t] = [
@@ -8272,8 +8265,8 @@ var cp = function(e) {
 			if (S && w > 0) for (let n = 0; n < w; n++) {
 				u = x[n];
 				let r = u === void 0 ? void 0 : _[`_${u}`];
-				if (u !== void 0 && r && sp(v, y, u - s, l - s, o)) {
-					r.splice(1, 2, l, ap), r.splice(1, 2, l, ap), C || (r[0] = ""), d = l, g = new Xf(f[u], p[d]), e.push(g, d), x.splice(n, 1), t = !0;
+				if (u !== void 0 && r && op(v, y, u - s, l - s, o)) {
+					r.splice(1, 2, l, ip), r.splice(1, 2, l, ip), C || (r[0] = ""), d = l, g = new Yf(f[u], p[d]), e.push(g, d), x.splice(n, 1), t = !0;
 					break;
 				}
 			}
@@ -8281,20 +8274,20 @@ var cp = function(e) {
 		} else {
 			if (b.indices1[t] === void 0) throw Error(`Invalid indexOnArray2: ${t}, seq.indices1: ${b.indices1}`);
 			if (u = b.indices1[t] + s, b.indices2[t] === void 0) throw Error(`Invalid indexOnArray2: ${t}, seq.indices2: ${b.indices2}`);
-			d = b.indices2[t] + s, g = new Xf(f[u], p[d]), e.push(g, d);
+			d = b.indices2[t] + s, g = new Yf(f[u], p[d]), e.push(g, d);
 		}
 	}
 	e.setResult(_).exit();
 };
-cp.filterName = "arrays";
-var lp = {
+sp.filterName = "arrays";
+var cp = {
 	numerically(e, t) {
 		return e - t;
 	},
 	numericallyBy(e) {
 		return (t, n) => t[e] - n[e];
 	}
-}, up = function(e) {
+}, lp = function(e) {
 	var t;
 	if (!e.nested) return;
 	let n = e.delta;
@@ -8302,7 +8295,7 @@ var lp = {
 	let r, i, a = n, o = e.left, s = [], c = [], l = [];
 	for (r in a) if (r !== "_t") if (r[0] === "_") {
 		let e = r;
-		if (a[e] !== void 0 && (a[e][2] === 0 || a[e][2] === ap)) s.push(Number.parseInt(r.slice(1), 10));
+		if (a[e] !== void 0 && (a[e][2] === 0 || a[e][2] === ip)) s.push(Number.parseInt(r.slice(1), 10));
 		else throw Error(`only removal or move can be applied at original array indices, invalid diff type: ${(t = a[e]) == null ? void 0 : t[2]}`);
 	} else {
 		let e = r;
@@ -8314,15 +8307,15 @@ var lp = {
 			delta: a[e]
 		});
 	}
-	for (s = s.sort(lp.numerically), r = s.length - 1; r >= 0; r--) {
+	for (s = s.sort(cp.numerically), r = s.length - 1; r >= 0; r--) {
 		if (i = s[r], i === void 0) continue;
 		let e = a[`_${i}`], t = o.splice(i, 1)[0];
-		(e == null ? void 0 : e[2]) === ap && c.push({
+		(e == null ? void 0 : e[2]) === ip && c.push({
 			index: e[1],
 			value: t
 		});
 	}
-	c = c.sort(lp.numericallyBy("index"));
+	c = c.sort(cp.numericallyBy("index"));
 	let u = c.length;
 	for (r = 0; r < u; r++) {
 		let e = c[r];
@@ -8332,7 +8325,7 @@ var lp = {
 	if (d > 0) for (r = 0; r < d; r++) {
 		let t = l[r];
 		if (t === void 0) continue;
-		let n = new Zf(o[t.index], t.delta);
+		let n = new Xf(o[t.index], t.delta);
 		e.push(n, t.index);
 	}
 	if (!e.children) {
@@ -8341,8 +8334,8 @@ var lp = {
 	}
 	e.exit();
 };
-up.filterName = "arrays";
-var dp = function(e) {
+lp.filterName = "arrays";
+var up = function(e) {
 	if (!e || !e.children || e.delta._t !== "a") return;
 	let t = e.left, n = e.children.length;
 	for (let r = 0; r < n; r++) {
@@ -8353,16 +8346,16 @@ var dp = function(e) {
 	}
 	e.setResult(t).exit();
 };
-dp.filterName = "arraysCollectChildren";
-var fp = function(e) {
+up.filterName = "arraysCollectChildren";
+var dp = function(e) {
 	if (!e.nested) {
 		let t = e.delta;
-		if (t[2] === ap) {
+		if (t[2] === ip) {
 			let n = t;
 			e.newName = `_${n[1]}`, e.setResult([
 				n[0],
 				Number.parseInt(e.childName.substring(1), 10),
-				ap
+				ip
 			]).exit();
 		}
 		return;
@@ -8372,26 +8365,26 @@ var fp = function(e) {
 	let n = t;
 	for (let t in n) {
 		if (t === "_t") continue;
-		let r = new Qf(n[t]);
+		let r = new Zf(n[t]);
 		e.push(r, t);
 	}
 	e.exit();
 };
-fp.filterName = "arrays";
-var pp = (e, t, n) => {
+dp.filterName = "arrays";
+var fp = (e, t, n) => {
 	if (typeof t == "string" && t[0] === "_") return Number.parseInt(t.substring(1), 10);
 	if (Array.isArray(n) && n[2] === 0) return `_${t}`;
 	let r = +t;
 	for (let n in e) {
 		let i = e[n];
-		if (Array.isArray(i)) if (i[2] === ap) {
+		if (Array.isArray(i)) if (i[2] === ip) {
 			let e = Number.parseInt(n.substring(1), 10), a = i[1];
 			if (a === +t) return e;
 			e <= r && a > r ? r++ : e >= r && a < r && r--;
 		} else i[2] === 0 ? Number.parseInt(n.substring(1), 10) <= r && r++ : i.length === 1 && Number.parseInt(n, 10) <= r && r--;
 	}
 	return r;
-}, mp = (e) => {
+}, pp = (e) => {
 	if (!e || !e.children) return;
 	let t = e.delta;
 	if (t._t !== "a") return;
@@ -8402,22 +8395,22 @@ var pp = (e, t, n) => {
 		let a = r.newName;
 		if (a === void 0) {
 			if (r.childName === void 0) throw Error("child.childName is undefined");
-			a = pp(n, r.childName, r.result);
+			a = fp(n, r.childName, r.result);
 		}
 		i[a] !== r.result && (i[a] = r.result);
 	}
 	e.setResult(i).exit();
 };
-mp.filterName = "arraysCollectChildren";
+pp.filterName = "arraysCollectChildren";
 //#endregion
 //#region node_modules/.pnpm/jsondiffpatch@0.7.6/node_modules/jsondiffpatch/lib/filters/dates.js
-var hp = function(e) {
+var mp = function(e) {
 	e.left instanceof Date ? (e.right instanceof Date && e.left.getTime() === e.right.getTime() ? e.setResult(void 0) : e.setResult([e.left, e.right]), e.exit()) : e.right instanceof Date && e.setResult([e.left, e.right]).exit();
 };
-hp.filterName = "dates";
+mp.filterName = "dates";
 //#endregion
 //#region node_modules/.pnpm/jsondiffpatch@0.7.6/node_modules/jsondiffpatch/lib/filters/nested.js
-var gp = new Set(["__proto__"]), _p = (e) => {
+var hp = new Set(["__proto__"]), gp = (e) => {
 	if (!e || !e.children) return;
 	let t = e.children.length, n = e.result;
 	for (let r = 0; r < t; r++) {
@@ -8429,18 +8422,18 @@ var gp = new Set(["__proto__"]), _p = (e) => {
 	}
 	n && e.leftIsArray && (n._t = "a"), e.setResult(n).exit();
 };
-_p.filterName = "collectChildren";
-var vp = (e) => {
+gp.filterName = "collectChildren";
+var _p = (e) => {
 	var t;
 	if (e.leftIsArray || e.leftType !== "object") return;
 	let n = e.left, r = e.right, i = (t = e.options) == null ? void 0 : t.propertyFilter;
 	for (let t in n) {
 		if (!Object.prototype.hasOwnProperty.call(n, t) || i && !i(t, e)) continue;
-		let a = new Xf(n[t], r[t]);
+		let a = new Yf(n[t], r[t]);
 		e.push(a, t);
 	}
 	for (let t in r) if (Object.prototype.hasOwnProperty.call(r, t) && !(i && !i(t, e)) && n[t] === void 0) {
-		let n = new Xf(void 0, r[t]);
+		let n = new Yf(void 0, r[t]);
 		e.push(n, t);
 	}
 	if (!e.children || e.children.length === 0) {
@@ -8449,15 +8442,15 @@ var vp = (e) => {
 	}
 	e.exit();
 };
-vp.filterName = "objects";
-var yp = function(e) {
+_p.filterName = "objects";
+var vp = function(e) {
 	if (!e.nested) return;
 	let t = e.delta;
 	if (t._t) return;
 	let n = t, r = !1;
 	for (let t in n) {
-		if (gp.has(t) || !Object.prototype.hasOwnProperty.call(n, t)) continue;
-		let i = e.left, a = new Zf(typeof i == "object" && i && Object.prototype.hasOwnProperty.call(i, t) ? i[t] : void 0, n[t]);
+		if (hp.has(t) || !Object.prototype.hasOwnProperty.call(n, t)) continue;
+		let i = e.left, a = new Xf(typeof i == "object" && i && Object.prototype.hasOwnProperty.call(i, t) ? i[t] : void 0, n[t]);
 		e.push(a, t), r = !0;
 	}
 	if (!r) {
@@ -8466,8 +8459,8 @@ var yp = function(e) {
 	}
 	e.exit();
 };
-yp.filterName = "objects";
-var bp = function(e) {
+vp.filterName = "objects";
+var yp = function(e) {
 	if (!e || !e.children || e.delta._t) return;
 	if (e.left === null || typeof e.left != "object") {
 		e.setResult(e.left).exit();
@@ -8478,17 +8471,17 @@ var bp = function(e) {
 		let n = e.children[r];
 		if (n === void 0) continue;
 		let i = n.childName;
-		gp.has(i) || (Object.prototype.hasOwnProperty.call(e.left, i) && n.result === void 0 ? delete t[i] : t[i] !== n.result && (t[i] = n.result));
+		hp.has(i) || (Object.prototype.hasOwnProperty.call(e.left, i) && n.result === void 0 ? delete t[i] : t[i] !== n.result && (t[i] = n.result));
 	}
 	e.setResult(t).exit();
 };
-bp.filterName = "collectChildren";
-var xp = function(e) {
+yp.filterName = "collectChildren";
+var bp = function(e) {
 	if (!e.nested || e.delta._t) return;
 	let t = e.delta, n = !1;
 	for (let r in t) {
-		if (gp.has(r) || !Object.prototype.hasOwnProperty.call(t, r)) continue;
-		let i = new Qf(t[r]);
+		if (hp.has(r) || !Object.prototype.hasOwnProperty.call(t, r)) continue;
+		let i = new Zf(t[r]);
 		e.push(i, r), n = !0;
 	}
 	if (!n) {
@@ -8497,25 +8490,25 @@ var xp = function(e) {
 	}
 	e.exit();
 };
-xp.filterName = "objects";
-var Sp = (e) => {
+bp.filterName = "objects";
+var xp = (e) => {
 	if (!e || !e.children || e.delta._t) return;
 	let t = e.children.length, n = {};
 	for (let r = 0; r < t; r++) {
 		let t = e.children[r];
 		if (t === void 0) continue;
 		let i = t.childName;
-		gp.has(i) || n[i] !== t.result && (n[i] = t.result);
+		hp.has(i) || n[i] !== t.result && (n[i] = t.result);
 	}
 	e.setResult(n).exit();
 };
-Sp.filterName = "collectChildren";
+xp.filterName = "collectChildren";
 //#endregion
 //#region node_modules/.pnpm/jsondiffpatch@0.7.6/node_modules/jsondiffpatch/lib/filters/texts.js
-var Cp = 2, wp = 60, Tp = null;
-function Ep(e, t) {
+var Sp = 2, Cp = 60, wp = null;
+function Tp(e, t) {
 	var n;
-	if (!Tp) {
+	if (!wp) {
 		let r;
 		if ((n = e == null ? void 0 : e.textDiff) != null && n.diffMatchPatch) r = new e.textDiff.diffMatchPatch();
 		else {
@@ -8523,7 +8516,7 @@ function Ep(e, t) {
 			let e = /* @__PURE__ */ Error("The diff-match-patch library was not provided. Pass the library in through the options or use the `jsondiffpatch/with-text-diffs` entry-point.");
 			throw e.diff_match_patch_not_found = !0, e;
 		}
-		Tp = {
+		wp = {
 			diff: (e, t) => r.patch_toText(r.patch_make(e, t)),
 			patch: (e, t) => {
 				let n = r.patch_apply(r.patch_fromText(t), e);
@@ -8535,17 +8528,17 @@ function Ep(e, t) {
 			}
 		};
 	}
-	return Tp;
+	return wp;
 }
-var Dp = function(e) {
+var Ep = function(e) {
 	var t, n;
 	if (e.leftType !== "string") return;
-	let r = e.left, i = e.right, a = ((n = (t = e.options) == null ? void 0 : t.textDiff) == null ? void 0 : n.minLength) || wp;
+	let r = e.left, i = e.right, a = ((n = (t = e.options) == null ? void 0 : t.textDiff) == null ? void 0 : n.minLength) || Cp;
 	if (r.length < a || i.length < a) {
 		e.setResult([r, i]).exit();
 		return;
 	}
-	let o = Ep(e.options);
+	let o = Tp(e.options);
 	if (!o) {
 		e.setResult([r, i]).exit();
 		return;
@@ -8554,19 +8547,19 @@ var Dp = function(e) {
 	e.setResult([
 		s(r, i),
 		0,
-		Cp
+		Sp
 	]).exit();
 };
-Dp.filterName = "texts";
-var Op = function(e) {
+Ep.filterName = "texts";
+var Dp = function(e) {
 	if (e.nested) return;
 	let t = e.delta;
-	if (t[2] !== Cp) return;
-	let n = t, r = Ep(e.options, !0).patch;
+	if (t[2] !== Sp) return;
+	let n = t, r = Tp(e.options, !0).patch;
 	e.setResult(r(e.left, n[0])).exit();
 };
-Op.filterName = "texts";
-var kp = (e) => {
+Dp.filterName = "texts";
+var Op = (e) => {
 	var t, n, r;
 	let i = /^@@ +-(\d+),(\d+) +\+(\d+),(\d+) +@@$/, a = e.split("\n");
 	for (let e = 0; e < a.length; e++) {
@@ -8587,21 +8580,21 @@ var kp = (e) => {
 		} else s === "-" && (a[e] = `+${(r = a[e]) == null ? void 0 : r.slice(1)}`);
 	}
 	return a.join("\n");
-}, Ap = function(e) {
+}, kp = function(e) {
 	if (e.nested) return;
 	let t = e.delta;
-	if (t[2] !== Cp) return;
+	if (t[2] !== Sp) return;
 	let n = t;
 	e.setResult([
-		kp(n[0]),
+		Op(n[0]),
 		0,
-		Cp
+		Sp
 	]).exit();
 };
-Ap.filterName = "texts";
+kp.filterName = "texts";
 //#endregion
 //#region node_modules/.pnpm/jsondiffpatch@0.7.6/node_modules/jsondiffpatch/lib/filters/trivial.js
-var jp = function(e) {
+var Ap = function(e) {
 	if (e.left === e.right) {
 		e.setResult(void 0).exit();
 		return;
@@ -8634,8 +8627,8 @@ var jp = function(e) {
 	}
 	e.left instanceof RegExp && (e.right instanceof RegExp ? e.setResult([e.left.toString(), e.right.toString()]).exit() : e.setResult([e.left, e.right]).exit());
 };
-jp.filterName = "trivial";
-var Mp = function(e) {
+Ap.filterName = "trivial";
+var jp = function(e) {
 	if (e.delta === void 0) {
 		e.setResult(e.left).exit();
 		return;
@@ -8659,8 +8652,8 @@ var Mp = function(e) {
 	}
 	t.length === 3 && t[2] === 0 && e.setResult(void 0).exit();
 };
-Mp.filterName = "trivial";
-var Np = function(e) {
+jp.filterName = "trivial";
+var Mp = function(e) {
 	if (e.delta === void 0) {
 		e.setResult(e.delta).exit();
 		return;
@@ -8681,36 +8674,36 @@ var Np = function(e) {
 	}
 	t.length === 3 && t[2] === 0 && e.setResult([t[0]]).exit();
 };
-Np.filterName = "trivial";
+Mp.filterName = "trivial";
 //#endregion
 //#region node_modules/.pnpm/jsondiffpatch@0.7.6/node_modules/jsondiffpatch/lib/diffpatcher.js
-var Pp = class {
+var Np = class {
 	constructor(e) {
-		this.processor = new ep(e), this.processor.pipe(new $f("diff").append(_p, jp, hp, Dp, vp, cp).shouldHaveResult()), this.processor.pipe(new $f("patch").append(bp, dp, Mp, Op, yp, up).shouldHaveResult()), this.processor.pipe(new $f("reverse").append(Sp, mp, Np, Ap, xp, fp).shouldHaveResult());
+		this.processor = new $f(e), this.processor.pipe(new Qf("diff").append(gp, Ap, mp, Ep, _p, sp).shouldHaveResult()), this.processor.pipe(new Qf("patch").append(yp, up, jp, Dp, vp, lp).shouldHaveResult()), this.processor.pipe(new Qf("reverse").append(xp, pp, Mp, kp, bp, dp).shouldHaveResult());
 	}
 	options(e) {
 		return this.processor.options(e);
 	}
 	diff(e, t) {
-		return this.processor.process(new Xf(e, t));
+		return this.processor.process(new Yf(e, t));
 	}
 	patch(e, t) {
-		return this.processor.process(new Zf(e, t));
+		return this.processor.process(new Xf(e, t));
 	}
 	reverse(e) {
-		return this.processor.process(new Qf(e));
+		return this.processor.process(new Zf(e));
 	}
 	unpatch(e, t) {
 		return this.patch(e, this.reverse(t));
 	}
 	clone(e) {
-		return Kf(e);
+		return Gf(e);
 	}
 };
 //#endregion
 //#region node_modules/.pnpm/jsondiffpatch@0.7.6/node_modules/jsondiffpatch/lib/index.js
-function Fp(e) {
-	return new Pp(e);
+function Pp(e) {
+	return new Np(e);
 }
 //#endregion
 //#region node_modules/.pnpm/@dmsnell+diff-match-patch@1.1.0/node_modules/@dmsnell/diff-match-patch/index.js
@@ -9283,46 +9276,46 @@ $.Diff = function(e, t) {
 };
 //#endregion
 //#region src/components/audit-log/create-diff-patcher.tsx
-var Ip = (e = {}) => Fp({
+var Fp = (e = {}) => Pp({
 	...e,
 	textDiff: {
 		diffMatchPatch: $,
 		minLength: 120
 	},
 	cloneDiffValues: !0
-}), Lp = ["user", "unittemplate"], Rp = Ip(), zp = (e, t, n) => {
+}), Ip = ["user", "unittemplate"], Lp = Fp(), Rp = (e, t, n) => {
 	let r = Object.fromEntries(e.map((e) => [e.sectionKey, e.sectionLabel]));
 	for (let e = t.length - 1; e >= 0; e--) {
 		let n = r[t[e]];
 		if (n) return n;
 	}
 	return n || "";
-}, Bp = (e) => {
+}, zp = (e) => {
 	let t = (e) => er(e) ? fr(e) : String(e);
 	return Array.isArray(e) ? e.length === 0 ? "" : e.some((e) => e && typeof e == "object") ? "Multiple changes..." : e.map(t).join(", ") : e && typeof e == "object" ? Object.keys(e).length === 0 ? "" : "Multiple changes..." : t(e);
-}, Vp = (e) => {
+}, Bp = (e) => {
 	switch (e.length) {
 		case 1: {
 			let [t] = e;
 			return {
 				type: "created",
 				before: "",
-				after: Bp(t)
+				after: zp(t)
 			};
 		}
 		case 2: {
 			let [t, n] = e;
 			return {
 				type: "modified",
-				before: Bp(t),
-				after: Bp(n)
+				before: zp(t),
+				after: zp(n)
 			};
 		}
 		case 3: {
 			let [t] = e;
 			return {
 				type: "deleted",
-				before: Bp(t),
+				before: zp(t),
 				after: ""
 			};
 		}
@@ -9332,15 +9325,15 @@ var Ip = (e = {}) => Fp({
 			after: ""
 		};
 	}
-}, Hp = (e) => Array.isArray(e), Up = (e, t) => t ? Hp(t) ? t.length === 0 ? e : t.reduce((e, t) => Rp.unpatch($t(e), $t(t)), $t(e)) : Rp.unpatch($t(e), $t(t)) : e, Wp = (e) => e.createdAt || e.date, Gp = (e, t, n) => {
-	let r = Wp(e);
+}, Vp = (e) => Array.isArray(e), Hp = (e, t) => t ? Vp(t) ? t.length === 0 ? e : t.reduce((e, t) => Lp.unpatch($t(e), $t(t)), $t(e)) : Lp.unpatch($t(e), $t(t)) : e, Up = (e) => e.createdAt || e.date, Wp = (e, t, n) => {
+	let r = Up(e);
 	if (!r) return {
 		oldJson: "",
 		newJson: "",
 		error: `Cannot create comparison view: missing date for audit log ${e.id}`
 	};
 	let i = t.filter((e) => {
-		let t = Wp(e);
+		let t = Up(e);
 		return !!(e.diffs && t && t >= r);
 	}), a = Array.from({ length: i.length + 1 });
 	a[0] = $t(n);
@@ -9353,7 +9346,7 @@ var Ip = (e = {}) => Fp({
 				a[e + 1] = a[e];
 				continue;
 			}
-			a[e + 1] = Up(a[e], t);
+			a[e + 1] = Hp(a[e], t);
 		}
 		let e = i.length > 0 ? a[i.length - 1] : n, t = i.length > 0 ? a[i.length] : n;
 		o = JSON.stringify(t == null ? "" : t, null, 2), s = JSON.stringify(e == null ? "" : e, null, 2);
@@ -9368,10 +9361,10 @@ var Ip = (e = {}) => Fp({
 		oldJson: o,
 		newJson: s
 	};
-}, Kp = (e, t, n = {}, r = []) => {
+}, Gp = (e, t, n = {}, r = []) => {
 	var i;
 	if (!e) return;
-	let a = [...Lp, ...(i = n.hiddenKeys) == null ? [] : i];
+	let a = [...Ip, ...(i = n.hiddenKeys) == null ? [] : i];
 	Object.keys(e).forEach((i) => {
 		var o;
 		let s = e[i];
@@ -9384,12 +9377,12 @@ var Ip = (e = {}) => Fp({
 		an(s) ? t.push({
 			deltaFormat: [...s],
 			path: c
-		}) : fn(s) && Kp(s, t, n, c);
+		}) : fn(s) && Gp(s, t, n, c);
 	});
-}, qp = (e, t = {}) => {
+}, Kp = (e, t = {}) => {
 	let n = [];
-	return e ? (Kp(e, n, t), n) : [];
-}, Jp = (e) => e.replace(/\[\d+\]/g, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\s+/g, " ").trim().replace(/^./, (e) => e.toUpperCase()), Yp = (e) => {
+	return e ? (Gp(e, n, t), n) : [];
+}, qp = (e) => e.replace(/\[\d+\]/g, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\s+/g, " ").trim().replace(/^./, (e) => e.toUpperCase()), Jp = (e) => {
 	if (e == null || e === "") return "empty";
 	if (typeof e == "boolean") return e ? "true" : "false";
 	if (typeof e == "string") return e;
@@ -9400,32 +9393,32 @@ var Ip = (e = {}) => Fp({
 	} catch {
 		return String(e);
 	}
-}, Xp = (e, t = e.length - 1) => {
+}, Yp = (e, t = e.length - 1) => {
 	if (t >= e.length) return "Value";
 	let n = e[t];
-	return !n || Zn(n) ? Xp(e, t - 1) : Jp(n);
-}, Zp = ({ userName: e, type: t, property: n, before: r, after: i, sectionName: a }) => {
-	let o = Yp(r), s = Yp(i), c = a ? ` in ${a}` : "";
+	return !n || Zn(n) ? Yp(e, t - 1) : qp(n);
+}, Xp = ({ userName: e, type: t, property: n, before: r, after: i, sectionName: a }) => {
+	let o = Jp(r), s = Jp(i), c = a ? ` in ${a}` : "";
 	switch (t) {
 		case "modified": return `${e} updated ${n} from ${o} to ${s}${c}.`;
 		case "created": return `${e} created ${s}${c}.`;
 		case "deleted": return `${e} deleted ${o}${c}.`;
 		default: return `${e} changed ${n}${c}.`;
 	}
-}, Qp = ({ sectionNames: e, userName: t, diffs: n, defaultSectionName: r }) => /* @__PURE__ */ y(yl, { table: {
+}, Zp = ({ sectionNames: e, userName: t, diffs: n, defaultSectionName: r }) => /* @__PURE__ */ y(yl, { table: {
 	headers: [{ cells: [{ value: "Changes" }] }],
 	rows: n.map((n) => {
-		let { deltaFormat: i, path: a } = n, o = zp(e, a, r), { type: s, before: c, after: l } = Vp(i);
-		return { cells: [{ value: Zp({
+		let { deltaFormat: i, path: a } = n, o = Rp(e, a, r), { type: s, before: c, after: l } = Bp(i);
+		return { cells: [{ value: Xp({
 			userName: t,
 			type: s,
-			property: Xp(a),
+			property: Yp(a),
 			before: c,
 			after: l,
 			sectionName: o
 		}) }] };
 	})
-} }), $p = Object.freeze({
+} }), Qp = Object.freeze({
 	summary: {
 		label: "Summary",
 		value: "summary"
@@ -9434,13 +9427,13 @@ var Ip = (e = {}) => Fp({
 		label: "Compare",
 		value: "compare"
 	}
-}), em = ({ auditLog: e, auditLogs: t, data: n, isOpen: r, transformDiffsConfig: i, sectionNames: a, defaultSectionName: o, onClose: s }) => {
-	let c = [$p.summary, $p.compare].map(({ label: e, value: t }) => ({
+}), $p = ({ auditLog: e, auditLogs: t, data: n, isOpen: r, transformDiffsConfig: i, sectionNames: a, defaultSectionName: o, onClose: s }) => {
+	let c = [Qp.summary, Qp.compare].map(({ label: e, value: t }) => ({
 		label: e,
 		value: t
 	})), [l, u] = h(c[0]), { diffs: d = void 0 } = e || {};
 	if (!d) return null;
-	let { oldJson: f, newJson: p, error: m } = Gp(e, t, n);
+	let { oldJson: f, newJson: p, error: m } = Wp(e, t, n);
 	return /* @__PURE__ */ y(Jo, {
 		visible: r,
 		centered: !0,
@@ -9452,15 +9445,15 @@ var Ip = (e = {}) => Fp({
 				onChange: (e) => u(c.find((t) => t.value === e.target.value)),
 				options: c,
 				value: l
-			}), l.value === "summary" ? /* @__PURE__ */ y(Qp, {
+			}), l.value === "summary" ? /* @__PURE__ */ y(Zp, {
 				userName: e.userName,
 				sectionNames: a,
-				diffs: qp(d, i),
+				diffs: Kp(d, i),
 				defaultSectionName: o
 			}) : m ? /* @__PURE__ */ y("div", {
 				style: { padding: 16 },
 				children: m
-			}) : /* @__PURE__ */ y(Uf, {
+			}) : /* @__PURE__ */ y(Hf, {
 				oldJson: f,
 				newJson: p
 			})] }),
@@ -9473,7 +9466,7 @@ var Ip = (e = {}) => Fp({
 			height: "90vh"
 		} })
 	});
-}, tm = [
+}, em = [
 	{
 		label: "10 / page",
 		value: 10
@@ -9486,8 +9479,8 @@ var Ip = (e = {}) => Fp({
 		label: "50 / page",
 		value: 50
 	}
-], nm = (e, t = {}) => {
-	let { diffs: n, userName: r, source: i, operation: a, operationMetaData: o } = e, s = qp(n, t).length, c = s ? `${s} change${s === 1 ? "" : "s"}` : "no field changes";
+], tm = (e, t = {}) => {
+	let { diffs: n, userName: r, source: i, operation: a, operationMetaData: o } = e, s = Kp(n, t).length, c = s ? `${s} change${s === 1 ? "" : "s"}` : "no field changes";
 	if (i === "API" && !r) return a === "Created" ? "Created through API" : "Changed through API";
 	switch (a) {
 		case "Created": return `Created by ${r}`;
@@ -9497,7 +9490,7 @@ var Ip = (e = {}) => Fp({
 		case "Updated": return `Updated by ${r} (${c})`;
 		default: return `Change by ${r}`;
 	}
-}, rm = ({ logs: e, data: t, total: n, loading: r, selectedPage: i, rowsPerPage: a, sectionNames: o, defaultSectionName: s, filterToggles: c = [], transformDiffsConfig: l, onChangeRowsPerPage: u, onSelectPage: d, onClickSnapshot: f, snapshotLoading: p, getActions: m, isLogDisabled: g }) => {
+}, nm = ({ logs: e, data: t, total: n, loading: r, selectedPage: i, rowsPerPage: a, sectionNames: o, defaultSectionName: s, filterToggles: c = [], transformDiffsConfig: l, onChangeRowsPerPage: u, onSelectPage: d, onClickSnapshot: f, snapshotLoading: p, getActions: m, isLogDisabled: g }) => {
 	let [_, x] = h(!1), [S, C] = h(null), w = (e) => {
 		if (e.snapshot) {
 			f == null || f(e.snapshot, e);
@@ -9516,7 +9509,7 @@ var Ip = (e = {}) => Fp({
 		return {
 			cells: [
 				{
-					value: e.snapshot ? `Snapshot: ${e.snapshot}` : nm(e, l),
+					value: e.snapshot ? `Snapshot: ${e.snapshot}` : tm(e, l),
 					type: "Link",
 					disabled: n,
 					onClick: n ? void 0 : () => w(e),
@@ -9535,8 +9528,8 @@ var Ip = (e = {}) => Fp({
 					type: "Static"
 				},
 				{
-					value: Wf({
-						date: Wp(e),
+					value: Uf({
+						date: Up(e),
 						showTime: !0
 					}),
 					type: "Static"
@@ -9579,14 +9572,14 @@ var Ip = (e = {}) => Fp({
 					onChange: (e) => {
 						u(Number(e.target.value));
 					},
-					options: tm,
+					options: em,
 					value: a
 				},
 				onSelectPage: (e) => d(e),
 				small: !0
 			} }
 		} })
-	}), _ && S && S.diffs && /* @__PURE__ */ y(em, {
+	}), _ && S && S.diffs && /* @__PURE__ */ y($p, {
 		sectionNames: o,
 		isOpen: _,
 		onClose: () => x(!1),
@@ -9596,7 +9589,7 @@ var Ip = (e = {}) => Fp({
 		data: t,
 		transformDiffsConfig: l
 	})] });
-}, im = ({ pathName: e, moduleName: t, onNavigate: n, onStartTimingEvent: r }) => {
+}, rm = ({ pathName: e, moduleName: t, onNavigate: n, onStartTimingEvent: r }) => {
 	let i = window.location.href, a = m(i);
 	return l(() => {
 		a.current = i;
@@ -9619,10 +9612,10 @@ var Ip = (e = {}) => Fp({
 			});
 		};
 	}, [e, t]), null;
-}, am = (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null, om = (e) => {
-	Nf(Of.LanguageKey, e.languageKey), Object.entries(e).forEach(([e, t]) => {
-		e === Of.Translations ? Nf(e, Af(t)) : Nf(e, am(t) ? t : { ...t });
+}, im = (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null, am = (e) => {
+	Mf(Df.LanguageKey, e.languageKey), Object.entries(e).forEach(([e, t]) => {
+		e === Df.Translations ? Mf(e, kf(t)) : Mf(e, im(t) ? t : { ...t });
 	});
 };
 //#endregion
-export { Ei as Accordion, Yi as AccordionWithDefaultToggle, Ma as Actions, ii as Align, rm as AuditLog, va as Badge, Ia as Breadcrumb, Pa as BreadcrumbLinkType, K as Button, Ra as ButtonGroup, ai as ButtonPosition, $i as ButtonType, Ba as Card, Gi as CheckBox, bi as Chevron, Ci as Collapse, ri as Color, co as ColorInput, so as ColorInputPopover, mo as Column, Eo as Dialog, Uf as DiffViewer, U as DisabledContext, yo as Divider, No as Drawer, rf as ElementType, Al as Empty, Mu as Field, Ou as FileButton, Uo as FileInput, Nu as Flex, Fu as FormRow, qa as Grid, V as GroupOrder, Co as Heading, Wi as HelpIcon, W as Icon, H as IconType, Ro as Input, Io as InputGroup, Ac as InputGroupAddon, Bo as InputReaderMethods, ci as InputType, Au as Label, Ju as List, Lu as ListHeading, Uu as ListSubheading, Xu as Loader, Aa as Menu, oa as MenuCarat, aa as MenuType, ms as Message, cs as MessageType, Jo as Modal, bs as NativeSelect, Uc as NumberInput, rd as OptionDropdown, ad as Page, jc as Pagination, uf as PopConfirm, Ua as Popover, od as Portal, cd as PrintHeader, Zo as ProgressBar, ld as RadioButton, md as RichTextInput, gd as Row, wc as Select, zf as SettingField, xd as SideBar, Cd as Skeleton, $c as Slider, ns as SmartUploadModal, Wo as Spacer, Qi as Spinner, yl as Table, Du as TableImportExport, Xd as Tabs, _o as Text, $d as TextArea, Zd as TextLink, oi as TextTransform, si as Theme, Fr as Toaster, du as Toggle, G as Tooltip, sf as TopBar, mf as Tree, Ef as TreeTable, ni as TriggerType, Ud as UnitInput, qd as UnitSlider, Lf as UnitTable, im as UsageTracker, cu as dismissToast, Bd as initializeContext, om as initializeGuiLibrary, Vo as readFile, su as toast, xs as useFocus, Go as useKeyboardEvent, ws as useWindowWidth };
+export { Ei as Accordion, Yi as AccordionWithDefaultToggle, Ma as Actions, ii as Align, nm as AuditLog, va as Badge, Ia as Breadcrumb, Pa as BreadcrumbLinkType, K as Button, Ra as ButtonGroup, ai as ButtonPosition, $i as ButtonType, Ba as Card, Gi as CheckBox, bi as Chevron, Ci as Collapse, ri as Color, co as ColorInput, so as ColorInputPopover, mo as Column, Eo as Dialog, Hf as DiffViewer, U as DisabledContext, yo as Divider, No as Drawer, rf as ElementType, Al as Empty, Mu as Field, Ou as FileButton, Uo as FileInput, Nu as Flex, Fu as FormRow, qa as Grid, V as GroupOrder, Co as Heading, Wi as HelpIcon, W as Icon, H as IconType, Ro as Input, Io as InputGroup, Ac as InputGroupAddon, Bo as InputReaderMethods, ci as InputType, Au as Label, Ju as List, Lu as ListHeading, Uu as ListSubheading, Xu as Loader, Aa as Menu, oa as MenuCarat, aa as MenuType, ms as Message, cs as MessageType, Jo as Modal, bs as NativeSelect, Uc as NumberInput, rd as OptionDropdown, ad as Page, jc as Pagination, uf as PopConfirm, Ua as Popover, od as Portal, cd as PrintHeader, Zo as ProgressBar, ld as RadioButton, md as RichTextInput, gd as Row, wc as Select, Rf as SettingField, xd as SideBar, Cd as Skeleton, $c as Slider, ns as SmartUploadModal, Wo as Spacer, Qi as Spinner, yl as Table, Du as TableImportExport, Xd as Tabs, _o as Text, $d as TextArea, Zd as TextLink, oi as TextTransform, si as Theme, Fr as Toaster, du as Toggle, G as Tooltip, sf as TopBar, mf as Tree, Ef as TreeTable, ni as TriggerType, Ud as UnitInput, qd as UnitSlider, If as UnitTable, rm as UsageTracker, cu as dismissToast, Bd as initializeContext, am as initializeGuiLibrary, Vo as readFile, su as toast, xs as useFocus, Go as useKeyboardEvent, ws as useWindowWidth };