@oliasoft-open-source/react-ui-library 5.23.0-beta-2 → 5.23.0-beta-4

package/dist/index.js

@@ -506,7 +506,7 @@ var mr = /* @__PURE__ */ function(e) {
 		className: g(Gr.bordered, a ? Gr.padding : ""),
 		children: l
 	})] });
-}, G = {
+}, Yr = {
 	inputInTable: "_inputInTable_1isig_1",
 	inputHover: "_inputHover_1isig_13",
 	inputFocus: "_inputFocus_1isig_18",
@@ -532,45 +532,45 @@ var mr = /* @__PURE__ */ function(e) {
 	groupOrderFirst: "_groupOrderFirst_1isig_344",
 	groupOrderMiddle: "_groupOrderMiddle_1isig_345",
 	groupOrderLast: "_groupOrderLast_1isig_346"
-}, Yr = { spinner: "_spinner_156m4_1" }, Xr = ({ small: e = !1, colored: t = !1, dark: n = !1, tiny: r = !1 }) => {
+}, Xr = { spinner: "_spinner_156m4_1" }, Zr = ({ small: e = !1, colored: t = !1, dark: n = !1, tiny: r = !1 }) => {
 	let i = t ? "var(--color-text-primary)" : n ? "var(--color-text-muted)" : "white", a = e ? "var(--font-size)" : r ? "var(--font-size-xs)" : "var(--size)";
 	return /* @__PURE__ */ R("div", {
-		className: Yr.spinner,
+		className: Xr.spinner,
 		style: {
 			color: i,
 			fontSize: a
 		}
 	});
-}, Zr = /* @__PURE__ */ function(e) {
+}, Qr = /* @__PURE__ */ function(e) {
 	return e.SUBMIT = "submit", e.BUTTON = "button", e.RESET = "reset", e;
-}({}), Qr = ({ children: e, tooltip: t = null }) => t ? /* @__PURE__ */ R(W, {
+}({}), $r = ({ children: e, tooltip: t = null }) => t ? /* @__PURE__ */ R(W, {
 	text: t,
 	display: "inline-flex",
 	children: e
-}) : /* @__PURE__ */ R(L, { children: e }), K = ({ active: e = !1, basic: t = !1, colored: n = !1, disabled: r = !1, ignoreDisabledContext: i = !1, groupOrder: a, icon: o = null, rightIcon: c = null, label: l = "", loading: u = !1, name: d, pill: f = !1, round: p = !1, small: m = !1, styles: h = "", width: _ = "", title: v = "", type: y = Zr.BUTTON, onClick: b = () => {}, error: x, warning: S, testId: C, tooltip: w, inverted: T = !1, component: E = "button", url: D, tabIndex: O }) => {
+}) : /* @__PURE__ */ R(L, { children: e }), G = ({ active: e = !1, basic: t = !1, colored: n = !1, disabled: r = !1, ignoreDisabledContext: i = !1, groupOrder: a, icon: o = null, rightIcon: c = null, label: l = "", loading: u = !1, name: d, pill: f = !1, round: p = !1, small: m = !1, styles: h = "", width: _ = "", title: v = "", type: y = Qr.BUTTON, onClick: b = () => {}, error: x, warning: S, testId: C, tooltip: w, inverted: T = !1, component: E = "button", url: D, tabIndex: O }) => {
 	let k = s(H), A = (() => {
 		if (n) switch (n) {
 			case hr.DANGER:
-			case hr.RED: return G.red;
+			case hr.RED: return Yr.red;
 			case hr.SUCCESS:
-			case hr.GREEN: return G.green;
-			case hr.MUTED: return G.muted;
-			default: return G.orange;
+			case hr.GREEN: return Yr.green;
+			case hr.MUTED: return Yr.muted;
+			default: return Yr.orange;
 		}
 		return "";
 	})(), j = (() => {
 		if (a) switch (a) {
-			case B.FIRST: return G.groupOrderFirst;
-			case B.LAST: return G.groupOrderLast;
-			default: return G.groupOrderMiddle;
+			case B.FIRST: return Yr.groupOrderFirst;
+			case B.LAST: return Yr.groupOrderLast;
+			default: return Yr.groupOrderMiddle;
 		}
 		return "";
 	})(), M = r || k && !i;
-	return /* @__PURE__ */ R(Qr, {
+	return /* @__PURE__ */ R($r, {
 		tooltip: w,
 		children: /* @__PURE__ */ z(E, {
-			type: y === Zr.SUBMIT ? Zr.SUBMIT : Zr.BUTTON,
-			className: g(G.button, e ? G.active : "", t ? G.basic : "", A, M ? G.disabled : "", (o || u) && !l ? G.iconOnly : "", T ? G.inverted : "", j, f ? G.pill : "", p ? G.round : "", m ? G.small : "", h),
+			type: y === Qr.SUBMIT ? Qr.SUBMIT : Qr.BUTTON,
+			className: g(Yr.button, e ? Yr.active : "", t ? Yr.basic : "", A, M ? Yr.disabled : "", (o || u) && !l ? Yr.iconOnly : "", T ? Yr.inverted : "", j, f ? Yr.pill : "", p ? Yr.round : "", m ? Yr.small : "", h),
 			disabled: M,
 			name: d == null ? "" : d,
 			onClick: b,
@@ -583,12 +583,12 @@ var mr = /* @__PURE__ */ function(e) {
 			tabIndex: O,
 			children: [
 				o && /* @__PURE__ */ R("span", {
-					className: G.icon,
+					className: Yr.icon,
 					children: /* @__PURE__ */ R(U, { icon: o })
 				}),
 				u && /* @__PURE__ */ R("span", {
-					className: G.icon,
-					children: /* @__PURE__ */ R(Xr, {
+					className: Yr.icon,
+					children: /* @__PURE__ */ R(Zr, {
 						small: !m,
 						tiny: m,
 						dark: !n && !t,
@@ -597,18 +597,18 @@ var mr = /* @__PURE__ */ function(e) {
 				}),
 				l,
 				c && /* @__PURE__ */ R("span", {
-					className: G.rightIcon,
+					className: Yr.rightIcon,
 					children: /* @__PURE__ */ R(U, { icon: c })
 				})
 			]
 		})
 	});
-}, $r = {
+}, ei = {
 	actions: "_actions_1t7vd_1",
 	childComponent: "_childComponent_1t7vd_11",
 	actionComponentContainer: "_actionComponentContainer_1t7vd_14",
 	active: "_active_1t7vd_36"
-}, q = {
+}, K = {
 	wrapper: "_wrapper_17ntv_1",
 	layer: "_layer_17ntv_5",
 	layerContainer: "_layerContainer_17ntv_8",
@@ -638,19 +638,19 @@ var mr = /* @__PURE__ */ function(e) {
 	component: "_component_17ntv_199",
 	right: "_right_17ntv_205",
 	actions: "_actions_17ntv_210"
-}, ei = ({ label: e, onClick: t, icon: n, testId: r }) => /* @__PURE__ */ z("div", {
+}, ti = ({ label: e, onClick: t, icon: n, testId: r }) => /* @__PURE__ */ z("div", {
 	onClick: (e) => e.stopPropagation(),
-	className: q.heading,
+	className: K.heading,
 	"data-testid": r,
 	children: [e, !!n && /* @__PURE__ */ R("span", {
-		className: g(q.headingIcon, t ? q.clickable : ""),
+		className: g(K.headingIcon, t ? K.clickable : ""),
 		onClick: t,
 		children: /* @__PURE__ */ R(U, { icon: n })
 	})]
-}), ti = () => /* @__PURE__ */ R("hr", { className: q.divider }), ni = ({ 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 = tn, testId: h, component: _ = "a" }) => /* @__PURE__ */ z(_, {
+}), ni = () => /* @__PURE__ */ R("hr", { className: K.divider }), ri = ({ 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 = tn, testId: h, component: _ = "a" }) => /* @__PURE__ */ z(_, {
 	href: n,
 	to: n,
-	className: g(q.option, l ? q.disabled : "", u ? q.inline : "", o ? q == null ? void 0 : q.selected : ""),
+	className: g(K.option, l ? K.disabled : "", u ? K.inline : "", o ? K == null ? void 0 : K.selected : ""),
 	onClick: (e) => {
 		if (e.stopPropagation(), l) {
 			e.preventDefault();
@@ -661,16 +661,16 @@ var mr = /* @__PURE__ */ function(e) {
 	"data-testid": h,
 	children: [
 		a ? /* @__PURE__ */ R("span", {
-			className: q.icon,
+			className: K.icon,
 			children: /* @__PURE__ */ R(U, { icon: a })
 		}) : null,
 		/* @__PURE__ */ z("div", {
-			className: q.optionContent,
+			className: K.optionContent,
 			children: [
 				f && /* @__PURE__ */ R("input", {
 					type: "file",
 					accept: p,
-					className: q.fileInput,
+					className: K.fileInput,
 					onChange: (e) => {
 						var t;
 						let { files: n } = (t = e == null ? void 0 : e.target) == null ? {} : t;
@@ -689,46 +689,46 @@ var mr = /* @__PURE__ */ function(e) {
 					}
 				}),
 				/* @__PURE__ */ R("span", {
-					className: q.label,
+					className: K.label,
 					title: `${d || t}`,
 					children: t
 				}),
 				/* @__PURE__ */ R("span", {
-					className: q.description,
+					className: K.description,
 					children: i
 				})
 			]
 		}),
 		/* @__PURE__ */ z("div", {
-			className: q.right,
+			className: K.right,
 			children: [o && /* @__PURE__ */ R("span", {
-				className: q.check,
+				className: K.check,
 				children: /* @__PURE__ */ R(U, { icon: V.CHECK })
 			}), !!(e != null && e.length) && /* @__PURE__ */ R("div", {
-				className: q.actions,
-				children: /* @__PURE__ */ R(Oi, { actions: e })
+				className: K.actions,
+				children: /* @__PURE__ */ R(ki, { actions: e })
 			})]
 		})
 	]
-}), ri = /* @__PURE__ */ function(e) {
+}), ii = /* @__PURE__ */ function(e) {
 	return e.HEADING = "Heading", e.DIVIDER = "Divider", e.OPTION = "Option", e.MENU = "Menu", e;
-}({}), ii = /* @__PURE__ */ function(e) {
+}({}), ai = /* @__PURE__ */ function(e) {
 	return e.FALSE = "false", e.RIGHT = "right", e.DOWN = "down", e;
-}({}), ai = ({ section: e, closeOnOptionClick: t, close: n, tree: r, path: i, maxHeight: a }) => {
+}({}), oi = ({ section: e, closeOnOptionClick: t, close: n, tree: r, path: i, maxHeight: a }) => {
 	let o = s(H);
 	switch (e.type) {
-		case ri.HEADING:
+		case ii.HEADING:
 			var c;
-			return /* @__PURE__ */ R(ei, {
+			return /* @__PURE__ */ R(ti, {
 				label: (c = e == null ? void 0 : e.label) == null ? "" : c,
 				onClick: e.onClick,
 				icon: e.icon,
 				testId: e.testId
 			});
-		case ri.DIVIDER: return /* @__PURE__ */ R(ti, {});
-		case ri.OPTION:
+		case ii.DIVIDER: return /* @__PURE__ */ R(ni, {});
+		case ii.OPTION:
 			var l;
-			return /* @__PURE__ */ R(ni, {
+			return /* @__PURE__ */ R(ri, {
 				actions: e == null ? void 0 : e.actions,
 				label: (l = e == null ? void 0 : e.label) == null ? "" : l,
 				url: e == null ? void 0 : e.url,
@@ -747,10 +747,10 @@ var mr = /* @__PURE__ */ function(e) {
 				testId: e == null ? void 0 : e.testId,
 				component: e == null ? void 0 : e.component
 			});
-		case ri.MENU:
+		case ii.MENU:
 			var u;
 			let s = !!(!(e == null || (u = e.menu) == null || (u = u.sections) == null) && u.find((e) => e == null ? void 0 : e.selected));
-			return /* @__PURE__ */ R(Ti, {
+			return /* @__PURE__ */ R(Ei, {
 				menu: e.menu,
 				selected: s,
 				title: e.title,
@@ -764,7 +764,7 @@ var mr = /* @__PURE__ */ function(e) {
 			});
 		default: return null;
 	}
-}, oi = (e) => e.includes("[") ? e.substr(0, e.lastIndexOf("[")) : e, si = (e, t) => `${e}.sections[${t}]`.replace(/^\./, ""), ci = (e) => `${e}.close`.replace(/^\./, ""), li = (e, t) => Ut(e, oi(t), []), ui = (e, t, n) => nn(e, ci(t), n), di = ({ sections: e, isNested: t, width: n, closeOnOptionClick: r, close: a = () => {}, tree: o, path: s, maxHeight: c, showAllButton: l, testId: u }) => {
+}, si = (e) => e.includes("[") ? e.substr(0, e.lastIndexOf("[")) : e, ci = (e, t) => `${e}.sections[${t}]`.replace(/^\./, ""), li = (e) => `${e}.close`.replace(/^\./, ""), ui = (e, t) => Ut(e, si(t), []), di = (e, t, n) => nn(e, li(t), n), fi = ({ sections: e, isNested: t, width: n, closeOnOptionClick: r, close: a = () => {}, tree: o, path: s, maxHeight: c, showAllButton: l, testId: u }) => {
 	var d, f;
 	if (i(e)) return /* @__PURE__ */ R(L, { children: e });
 	let [p, h] = m(!(l != null && l.visible)), _ = e, v = (d = l == null || (f = l.additionalSections) == null ? void 0 : f.map((e) => ({
@@ -772,7 +772,7 @@ var mr = /* @__PURE__ */ function(e) {
 		closeOnOptionClick: r,
 		visible: !0
 	}))) == null ? [] : d, y = _.length > 4 ? [{
-		type: ri.OPTION,
+		type: ii.OPTION,
 		label: p ? (l == null ? void 0 : l.showLessTitle) || "Show less" : (l == null ? void 0 : l.showAllTitle) || "Show all",
 		onClick: () => h(!p),
 		visible: !0,
@@ -786,42 +786,42 @@ var mr = /* @__PURE__ */ function(e) {
 		closeOnOptionClick: r
 	}));
 	return /* @__PURE__ */ R("div", {
-		className: g(q.layer, t ? q.nested : null),
+		className: g(K.layer, t ? K.nested : null),
 		style: {
 			maxWidth: n,
 			maxHeight: c
 		},
 		"data-testid": u,
-		children: /* @__PURE__ */ R("ul", { children: b.map((e, t) => /* @__PURE__ */ R("li", { children: /* @__PURE__ */ R(ai, {
+		children: /* @__PURE__ */ R("ul", { children: b.map((e, t) => /* @__PURE__ */ R("li", { children: /* @__PURE__ */ R(oi, {
 			section: e,
 			closeOnOptionClick: e.closeOnOptionClick,
 			close: a,
 			tree: o,
-			path: si(s, t),
+			path: ci(s, t),
 			maxHeight: c
 		}) }, t)) })
 	});
-}, fi = (e, t = !1) => ({
+}, pi = (e, t = !1) => ({
 	auto: !0,
 	preferX: "right",
 	preferY: "bottom",
 	placement: e || (t ? "right-start" : "bottom-start")
-}), J = (e) => $t(e) || Xt(e) || i(e), pi = (e) => Array.isArray(e) ? "array" : typeof e, mi = {
+}), q = (e) => $t(e) || Xt(e) || i(e), mi = (e) => Array.isArray(e) ? "array" : typeof e, hi = {
 	wrapper: "_wrapper_14vly_1",
 	badge: "_badge_14vly_5",
 	label: "_label_14vly_11",
 	small: "_small_14vly_23",
 	dot: "_dot_14vly_27",
 	hasChildren: "_hasChildren_14vly_33"
-}, hi = (e) => {
+}, gi = (e) => {
 	let t = e.substring(1), n = parseInt(t, 16), r = n >> 16 & 255, i = n >> 8 & 255, a = n >> 0 & 255;
 	return .2126 * r + .7152 * i + .0722 * a < 128;
-}, gi = ({ children: e, color: t = "", textColor: n = "", title: r = null, dot: i = !1, margin: a = null, small: o = !1 }) => {
-	let s = !(r === null && i === !1), c = n || (hi(t) ? "#fff" : "rgba(0, 0, 0, 0.6)");
+}, _i = ({ children: e, color: t = "", textColor: n = "", title: r = null, dot: i = !1, margin: a = null, small: o = !1 }) => {
+	let s = !(r === null && i === !1), c = n || (gi(t) ? "#fff" : "rgba(0, 0, 0, 0.6)");
 	return /* @__PURE__ */ z("div", {
-		className: mi.wrapper,
+		className: hi.wrapper,
 		children: [s && /* @__PURE__ */ R("sup", {
-			className: g(mi.badge, r === null ? mi.dot : mi.label, o ? mi.small : "", e ? mi.hasChildren : ""),
+			className: g(hi.badge, r === null ? hi.dot : hi.label, o ? hi.small : "", e ? hi.hasChildren : ""),
 			style: {
 				background: t || void 0,
 				margin: a || void 0,
@@ -830,14 +830,14 @@ var mr = /* @__PURE__ */ function(e) {
 			children: r
 		}), e]
 	});
-}, _i = ({ trigger: e, label: t, colored: n, small: r, width: i, disabled: a, groupOrder: o, loading: c, error: l, warning: u, active: d, tabIndex: f }) => {
+}, vi = ({ trigger: e, label: t, colored: n, small: r, width: i, disabled: a, groupOrder: o, loading: c, error: l, warning: u, active: d, tabIndex: f }) => {
 	let p = s(H), m = e === mr.DROP_DOWN_BUTTON;
 	return /* @__PURE__ */ R("div", {
-		className: g(q.trigger, a || p ? q.disabled : null),
+		className: g(K.trigger, a || p ? K.disabled : null),
 		style: { width: i },
-		children: /* @__PURE__ */ R(K, {
+		children: /* @__PURE__ */ R(G, {
 			label: /* @__PURE__ */ R("span", {
-				className: q.buttonLabel,
+				className: K.buttonLabel,
 				children: t
 			}),
 			colored: n,
@@ -854,34 +854,34 @@ var mr = /* @__PURE__ */ function(e) {
 			tabIndex: f
 		})
 	});
-}, vi = ({ label: e, title: t, carat: n, disabled: r, isOpen: i, selected: a }) => {
+}, yi = ({ label: e, title: t, carat: n, disabled: r, isOpen: i, selected: a }) => {
 	let o;
 	return t ? o = t : (typeof e == "string" || typeof e == "number") && (o = String(e)), /* @__PURE__ */ z("div", {
-		className: g(q.trigger, r ? q.disabled : null, i ? q.active : null, a ? q == null ? void 0 : q.selected : null),
+		className: g(K.trigger, r ? K.disabled : null, i ? K.active : null, a ? K == null ? void 0 : K.selected : null),
 		children: [/* @__PURE__ */ R("span", {
-			className: q.label,
+			className: K.label,
 			title: o,
 			children: e
-		}), n && n === ii.RIGHT ? /* @__PURE__ */ R("span", {
-			className: q.arrow,
+		}), n && n === ai.RIGHT ? /* @__PURE__ */ R("span", {
+			className: K.arrow,
 			children: /* @__PURE__ */ R(U, { icon: V.CHEVRON_RIGHT })
-		}) : n && n === ii.DOWN ? /* @__PURE__ */ R("span", {
-			className: q.arrow,
+		}) : n && n === ai.DOWN ? /* @__PURE__ */ R("span", {
+			className: K.arrow,
 			children: /* @__PURE__ */ R(U, { icon: V.CHEVRON_DOWN })
 		}) : null]
 	});
-}, yi = ({ component: e, disabled: t, testId: n }) => /* @__PURE__ */ R("div", {
-	className: g(q.component, t ? q.disabled : null),
+}, bi = ({ component: e, disabled: t, testId: n }) => /* @__PURE__ */ R("div", {
+	className: g(K.component, t ? K.disabled : null),
 	"data-testid": n,
 	children: e
-}), bi = ({ tooltip: e, error: t, warning: n, children: r }) => !J(e) && !J(t) && !J(n) ? /* @__PURE__ */ R(L, { children: r }) : /* @__PURE__ */ R(W, {
+}), xi = ({ tooltip: e, error: t, warning: n, children: r }) => !q(e) && !q(t) && !q(n) ? /* @__PURE__ */ R(L, { children: r }) : /* @__PURE__ */ R(W, {
 	error: !!t,
 	warning: !!n,
 	text: e || t || n,
 	display: "inline-flex",
 	children: r
-}), xi = e.forwardRef(({ active: e, isDisabled: t, badgeTitle: n, badgeDot: r, loading: i, width: a, trigger: o, label: s, title: c, onClickTrigger: l, colored: u, small: d, isNested: f, contextMenu: p, component: m, groupOrder: h, fullHeight: g, isOpen: _, error: v, warning: y, tooltip: b, testId: x, selected: S, tabIndex: C, ...w }, T) => {
-	let E = o === mr.BUTTON || o === mr.DROP_DOWN_BUTTON ? /* @__PURE__ */ R(_i, {
+}), Si = e.forwardRef(({ active: e, isDisabled: t, badgeTitle: n, badgeDot: r, loading: i, width: a, trigger: o, label: s, title: c, onClickTrigger: l, colored: u, small: d, isNested: f, contextMenu: p, component: m, groupOrder: h, fullHeight: g, isOpen: _, error: v, warning: y, tooltip: b, testId: x, selected: S, tabIndex: C, ...w }, T) => {
+	let E = o === mr.BUTTON || o === mr.DROP_DOWN_BUTTON ? /* @__PURE__ */ R(vi, {
 		trigger: o,
 		label: s == null ? "" : s,
 		colored: u,
@@ -894,17 +894,17 @@ var mr = /* @__PURE__ */ function(e) {
 		warning: y,
 		active: _ || e,
 		tabIndex: C
-	}) : o === mr.TEXT ? /* @__PURE__ */ R(vi, {
+	}) : o === mr.TEXT ? /* @__PURE__ */ R(yi, {
 		label: s == null ? "" : s,
 		title: c,
 		disabled: t,
-		carat: p ? void 0 : f ? ii.RIGHT : ii.DOWN,
+		carat: p ? void 0 : f ? ai.RIGHT : ai.DOWN,
 		isOpen: _,
 		selected: S
-	}) : o === mr.COMPONENT ? /* @__PURE__ */ R(yi, {
+	}) : o === mr.COMPONENT ? /* @__PURE__ */ R(bi, {
 		component: m,
 		disabled: t
-	}) : null, D = !f && (n || r) ? /* @__PURE__ */ R(gi, {
+	}) : null, D = !f && (n || r) ? /* @__PURE__ */ R(_i, {
 		title: n,
 		dot: r,
 		small: !r,
@@ -912,7 +912,7 @@ var mr = /* @__PURE__ */ function(e) {
 	}) : E;
 	return /* @__PURE__ */ R("div", {
 		ref: T,
-		className: q.wrapper,
+		className: K.wrapper,
 		style: a ? { width: a } : { ...g && {
 			height: "100%",
 			display: "flex"
@@ -923,21 +923,21 @@ var mr = /* @__PURE__ */ function(e) {
 		"data-error": v || null,
 		"data-warning": y || null,
 		"data-testid": x,
-		children: /* @__PURE__ */ R(bi, {
+		children: /* @__PURE__ */ R(xi, {
 			tooltip: b,
 			error: v,
 			warning: y,
 			children: D
 		})
 	});
-}), Si = (e) => {
+}), Ci = (e) => {
 	let { sections: t } = e;
 	return !i(t) && (!Array.isArray(t) || t.every((e) => Kt(e)));
-}, Ci = ({ sections: e, width: t, placement: n, possiblePlacements: r, closeOnOptionClick: i, closeParent: a, tree: o, path: s, overflowContainer: c, maxHeight: l, testId: u }) => {
+}, wi = ({ sections: e, width: t, placement: n, possiblePlacements: r, closeOnOptionClick: i, closeParent: a, tree: o, path: s, overflowContainer: c, maxHeight: l, testId: u }) => {
 	let { hasMousePosition: d, resetMousePosition: f, handleMouseEvent: p, trigger: m } = Rt(), h = f, g = d, { layerProps: _, renderLayer: v } = Lt({
 		isOpen: g,
 		trigger: m,
-		...fi(n),
+		...pi(n),
 		possiblePlacements: r,
 		ResizeObserver: Nt,
 		onOutsideClick: h,
@@ -945,7 +945,7 @@ var mr = /* @__PURE__ */ function(e) {
 	});
 	return [g && v(/* @__PURE__ */ R("div", {
 		..._,
-		children: /* @__PURE__ */ R(di, {
+		children: /* @__PURE__ */ R(fi, {
 			isNested: !1,
 			width: t,
 			sections: e,
@@ -957,8 +957,8 @@ var mr = /* @__PURE__ */ function(e) {
 			testId: u && `${u}-layer`
 		})
 	})), p];
-}, wi = ({ menu: e, width: t, disabled: n = !1, closeOnOptionClick: r = !0, closeParent: i, tree: a, path: o, groupOrder: c, testId: l }) => {
-	let u = s(H), { label: d, trigger: f, fullHeightTrigger: p, colored: m, small: h, component: g, placement: _, possiblePlacements: v = ["bottom-start", "top-start"] } = e, [y, b] = Ci({
+}, Ti = ({ menu: e, width: t, disabled: n = !1, closeOnOptionClick: r = !0, closeParent: i, tree: a, path: o, groupOrder: c, testId: l }) => {
+	let u = s(H), { label: d, trigger: f, fullHeightTrigger: p, colored: m, small: h, component: g, placement: _, possiblePlacements: v = ["bottom-start", "top-start"] } = e, [y, b] = wi({
 		sections: e.sections,
 		width: t,
 		placement: _,
@@ -975,10 +975,10 @@ var mr = /* @__PURE__ */ function(e) {
 	return /* @__PURE__ */ z("div", {
 		onContextMenu: b,
 		"data-testid": l,
-		children: [/* @__PURE__ */ R(xi, {
+		children: [/* @__PURE__ */ R(Si, {
 			width: t,
 			fullHeight: p,
-			isDisabled: n || Si(e) || u,
+			isDisabled: n || Ci(e) || u,
 			trigger: f,
 			label: d,
 			onClickTrigger: () => {},
@@ -990,17 +990,17 @@ var mr = /* @__PURE__ */ function(e) {
 			groupOrder: c
 		}), y]
 	});
-}, Ti = ({ 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: h = !0, maxHeight: g, testId: _, open: v, setOpen: y, tooltip: b, error: x, warning: S, selected: C, tabIndex: w, active: T }) => {
+}, Ei = ({ 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: h = !0, maxHeight: g, testId: _, open: v, setOpen: y, tooltip: b, error: x, warning: S, selected: C, tabIndex: w, active: T }) => {
 	let E = s(H), D = p(null), { label: O, title: k, trigger: A, fullHeightTrigger: j, colored: M, small: N, sections: P, component: F, placement: ee, showAllButton: te, possiblePlacements: ne = ["bottom-start", "top-start"] } = e, [re, ie] = Gt(v) && Jt(y) ? [v, y] : m(!1), ae = () => ie(!1), oe = () => ie(!0), { triggerProps: se, layerProps: ce, renderLayer: le } = Lt({
 		isOpen: re,
-		...fi(ee, o),
+		...pi(ee, o),
 		possiblePlacements: ne,
 		ResizeObserver: Nt,
 		onOutsideClick: ae,
 		overflowContainer: h,
 		onParentClose: ae
-	}), I = n || Si(e) || E;
-	return ui(u, d, ae), /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(xi, {
+	}), I = n || Ci(e) || E;
+	return di(u, d, ae), /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(Si, {
 		ref: se.ref,
 		isDisabled: I,
 		badgeTitle: r,
@@ -1017,7 +1017,7 @@ var mr = /* @__PURE__ */ function(e) {
 					ae();
 					return;
 				}
-				li(u, d).forEach((e) => {
+				ui(u, d).forEach((e) => {
 					e.close && e.close();
 				}), oe();
 			}
@@ -1040,8 +1040,8 @@ var mr = /* @__PURE__ */ function(e) {
 		in: re,
 		timeout: 100,
 		classNames: {
-			enter: q.enter,
-			enterActive: q.enterActive
+			enter: K.enter,
+			enterActive: K.enterActive
 		},
 		unmountOnExit: !0,
 		children: /* @__PURE__ */ R(L, { children: re && le(/* @__PURE__ */ R("div", {
@@ -1049,10 +1049,10 @@ var mr = /* @__PURE__ */ function(e) {
 			ref: (e) => {
 				D.current = e, ce.ref(e);
 			},
-			className: q.layerContainer,
+			className: K.layerContainer,
 			"data-testid": e.testId,
 			onClick: (e) => e.stopPropagation(),
-			children: /* @__PURE__ */ R(di, {
+			children: /* @__PURE__ */ R(fi, {
 				sections: P,
 				isNested: o,
 				width: t,
@@ -1066,18 +1066,18 @@ var mr = /* @__PURE__ */ function(e) {
 			})
 		})) })
 	})] });
-}, Ei = (e) => e.contextMenu ? /* @__PURE__ */ R(wi, {
+}, Di = (e) => e.contextMenu ? /* @__PURE__ */ R(Ti, {
 	...e,
 	tree: {},
 	path: "",
 	testId: e.testId
-}) : /* @__PURE__ */ R(Ti, {
+}) : /* @__PURE__ */ R(Ei, {
 	...e,
 	tree: {},
 	path: "",
 	testId: e.testId
-}), Di = (e) => {
-	let { subActions: t, subMenuIcon: n, primary: r, testId: i, tooltip: a } = e, o = /* @__PURE__ */ R(K, {
+}), Oi = (e) => {
+	let { subActions: t, subMenuIcon: n, primary: r, testId: i, tooltip: a } = e, o = /* @__PURE__ */ R(G, {
 		colored: r ? !0 : hr.MUTED,
 		basic: !r,
 		round: !0,
@@ -1086,7 +1086,7 @@ var mr = /* @__PURE__ */ function(e) {
 		testId: i,
 		tooltip: a
 	});
-	return t.length ? /* @__PURE__ */ R(Ei, { menu: {
+	return t.length ? /* @__PURE__ */ R(Di, { menu: {
 		trigger: mr.COMPONENT,
 		component: o,
 		sections: t.map((e) => {
@@ -1104,22 +1104,22 @@ var mr = /* @__PURE__ */ function(e) {
 			};
 		})
 	} }) : null;
-}, Oi = (t) => {
+}, ki = (t) => {
 	let n = s(H), { actions: r = [], closeLayer: i } = t;
 	return /* @__PURE__ */ R("div", {
-		className: g($r.actions),
+		className: g(ei.actions),
 		children: r.map((t, r) => {
 			if (!(t != null && t.hidden || !t || !Object.keys(t).length)) return t.childComponent && e.isValidElement(t.childComponent) ? /* @__PURE__ */ R("div", {
 				"data-testid": t.testId,
-				className: $r.childComponent,
+				className: ei.childComponent,
 				children: t.childComponent
-			}, r) : t.subActions ? /* @__PURE__ */ R(Di, {
+			}, r) : t.subActions ? /* @__PURE__ */ R(Oi, {
 				subActions: t.subActions,
 				primary: t.primary,
 				subMenuIcon: t.icon,
 				testId: t.testId,
 				tooltip: t.tooltip
-			}, r) : /* @__PURE__ */ R(K, {
+			}, r) : /* @__PURE__ */ R(G, {
 				colored: t.primary ? !0 : "muted",
 				round: !0,
 				basic: !t.primary,
@@ -1135,30 +1135,30 @@ var mr = /* @__PURE__ */ function(e) {
 			}, r);
 		})
 	});
-}, ki = {
+}, Ai = {
 	breadcrumb: "_breadcrumb_2k0cd_1",
 	small: "_small_2k0cd_4",
 	labelContainer: "_labelContainer_2k0cd_7",
 	active: "_active_2k0cd_17",
 	disabled: "_disabled_2k0cd_22",
 	separator: "_separator_2k0cd_27"
-}, Ai = /* @__PURE__ */ function(e) {
+}, ji = /* @__PURE__ */ function(e) {
 	return e.LABEL = "label", e.LINK = "link", e.CUSTOM = "custom", e;
-}({}), ji = ({ type: e = Ai.LABEL, label: t, url: n, onClick: r, active: a, disabled: o, element: c }) => {
-	let l = s(H), u = e === Ai.LINK && n !== void 0, d = e === Ai.CUSTOM && i(c);
+}({}), Mi = ({ type: e = ji.LABEL, label: t, url: n, onClick: r, active: a, disabled: o, element: c }) => {
+	let l = s(H), u = e === ji.LINK && n !== void 0, d = e === ji.CUSTOM && i(c);
 	return /* @__PURE__ */ R("span", {
 		onClick: r,
-		className: g(ki.labelContainer, a && ki.active, (o || l) && ki.disabled),
+		className: g(Ai.labelContainer, a && Ai.active, (o || l) && Ai.disabled),
 		children: u ? /* @__PURE__ */ R("a", {
 			href: n,
 			children: t
 		}) : d ? c : t
 	});
-}, Mi = ({ links: e, small: t = !1 }) => /* @__PURE__ */ R("div", {
-	className: g(ki.breadcrumb, t && ki.small),
+}, Ni = ({ links: e, small: t = !1 }) => /* @__PURE__ */ R("div", {
+	className: g(Ai.breadcrumb, t && Ai.small),
 	children: e.map((t, n) => {
 		let r = e.length === n + 1, { type: i, label: a, url: o, onClick: s, active: c, disabled: l, element: u } = t;
-		return /* @__PURE__ */ z("span", { children: [/* @__PURE__ */ R(ji, {
+		return /* @__PURE__ */ z("span", { children: [/* @__PURE__ */ R(Mi, {
 			type: i,
 			label: a,
 			url: o,
@@ -1167,14 +1167,14 @@ var mr = /* @__PURE__ */ function(e) {
 			disabled: l,
 			element: u
 		}), !r && /* @__PURE__ */ R("span", {
-			className: ki.separator,
+			className: Ai.separator,
 			children: "/"
 		})] }, n);
 	})
-}), Ni = {
+}), Pi = {
 	label: "_label_iu2wi_1",
 	buttonGroup: "_buttonGroup_iu2wi_11"
-}, Pi = (e) => {
+}, Fi = (e) => {
 	let { basic: t = !1, items: n = [], header: r = "", onSelected: i = () => {}, small: a = !1, value: o = "", testId: c = void 0, disabled: l } = e, u = s(H), 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) => {
@@ -1183,22 +1183,22 @@ var mr = /* @__PURE__ */ function(e) {
 	}, 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;
 	return /* @__PURE__ */ R("div", { children: /* @__PURE__ */ z("div", { children: [(() => {
 		if (r) return /* @__PURE__ */ R("label", {
-			className: Ni.label,
+			className: Pi.label,
 			children: r
 		});
 	})(), /* @__PURE__ */ R("div", {
-		className: Ni.buttonGroup,
+		className: Pi.buttonGroup,
 		"data-testid": c,
 		children: n.map((e, r) => {
-			let i = pi(e), o = r === 0 ? B.FIRST : r === n.length - 1 ? B.LAST : B.MIDDLE, s = f(e, i), c = p(e, i), u = m(e, i, c), v = h(e, i), y = g(e, i), b = _(i, u, c), { error: x, maxTooltipWidth: S, testId: C, tooltip: w, warning: T } = e;
+			let i = mi(e), o = r === 0 ? B.FIRST : r === n.length - 1 ? B.LAST : B.MIDDLE, s = f(e, i), c = p(e, i), u = m(e, i, c), v = h(e, i), y = g(e, i), b = _(i, u, c), { error: x, maxTooltipWidth: S, testId: C, tooltip: w, warning: T } = e;
 			return v ? null : /* @__PURE__ */ R(W, {
 				error: !!x,
 				warning: !!T,
 				text: w || x || T,
 				maxWidth: S,
 				display: "block",
-				enabled: w && J(w) || x && J(x) || T && J(T) || !1,
-				children: /* @__PURE__ */ R(K, {
+				enabled: w && q(w) || x && q(x) || T && q(T) || !1,
+				children: /* @__PURE__ */ R(G, {
 					active: b,
 					basic: t,
 					disabled: l || e.disabled,
@@ -1214,7 +1214,7 @@ var mr = /* @__PURE__ */ function(e) {
 			}, r);
 		})
 	})] }) });
-}, Fi = {
+}, Ii = {
 	card: "_card_ucdeu_1",
 	bordered: "_bordered_ucdeu_4",
 	raised: "_raised_ucdeu_10",
@@ -1222,23 +1222,23 @@ var mr = /* @__PURE__ */ function(e) {
 	cardContentBorderTop: "_cardContentBorderTop_ucdeu_19",
 	padding: "_padding_ucdeu_22",
 	cardContent: "_cardContent_ucdeu_19"
-}, Ii = ({ bordered: e = !0, heading: t = null, children: n, margin: r = "0", padding: i = !0, raised: a = !1 }) => /* @__PURE__ */ z("div", {
-	className: g(Fi.card, e ? Fi.bordered : "", a ? Fi.raised : ""),
+}, Li = ({ bordered: e = !0, heading: t = null, children: n, margin: r = "0", padding: i = !0, raised: a = !1 }) => /* @__PURE__ */ z("div", {
+	className: g(Ii.card, e ? Ii.bordered : "", a ? Ii.raised : ""),
 	style: { margin: r },
 	children: [t ? /* @__PURE__ */ R("div", {
-		className: g(Fi.cardHeader),
+		className: g(Ii.cardHeader),
 		children: t
 	}) : null, /* @__PURE__ */ R("div", {
-		className: g(Fi.cardContent, t ? Fi.cardContentBorderTop : "", i ? Fi.padding : ""),
+		className: g(Ii.cardContent, t ? Ii.cardContentBorderTop : "", i ? Ii.padding : ""),
 		children: n
 	})]
-}), Li = {
+}), Ri = {
 	toggleBox: "_toggleBox_rwod1_1",
 	enter: "_enter_rwod1_8",
 	enterActive: "_enterActive_rwod1_12",
 	fullWidthStyleFix: "_fullWidthStyleFix_rwod1_17",
 	dismiss: "_dismiss_rwod1_22"
-}, Ri = ({ 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: h }) => {
+}, zi = ({ 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: h }) => {
 	let _ = s(H), v = p(null), [y, b] = f === void 0 ? m(!1) : [f, h], x = () => {
 		!u && !_ && b && b(!1);
 	}, S = () => {
@@ -1266,19 +1266,19 @@ var mr = /* @__PURE__ */ function(e) {
 		in: y,
 		timeout: 100,
 		classNames: {
-			enter: Li.enter,
-			enterActive: Li.enterActive
+			enter: Ri.enter,
+			enterActive: Ri.enterActive
 		},
 		unmountOnExit: !0,
 		children: /* @__PURE__ */ R(L, { children: y && C(/* @__PURE__ */ z("div", {
-			className: a ? g(Li.toggleBox, Li.fullWidthStyleFix) : g(Li.toggleBox),
+			className: a ? g(Ri.toggleBox, Ri.fullWidthStyleFix) : g(Ri.toggleBox),
 			...T,
 			ref: (e) => {
 				v.current = e, T.ref(e);
 			},
 			children: [/* @__PURE__ */ z("div", { children: [e.isValidElement(n) ? e.cloneElement(n, { close: x }) : n, o && /* @__PURE__ */ R("div", {
-				className: Li.dismiss,
-				children: /* @__PURE__ */ R(K, {
+				className: Ri.dismiss,
+				children: /* @__PURE__ */ R(G, {
 					small: !0,
 					round: !0,
 					onClick: x,
@@ -1293,34 +1293,34 @@ var mr = /* @__PURE__ */ function(e) {
 			})]
 		})) })
 	})] });
-}, zi = {
+}, Bi = {
 	colorInput: "_colorInput_1j7vk_1",
 	trigger: "_trigger_1j7vk_8",
 	buttonColor: "_buttonColor_1j7vk_12",
 	options: "_options_1j7vk_17",
 	option: "_option_1j7vk_17",
 	adjustColorsInDarkMode: "_adjustColorsInDarkMode_1j7vk_26"
-}, Bi = ({ columns: e = 9, disabled: t, options: n = [], small: r, value: i, onChange: a, adjustColorsInDarkMode: o = !1 }) => {
+}, Vi = ({ columns: e = 9, disabled: t, options: n = [], small: r, value: i, onChange: a, adjustColorsInDarkMode: o = !1 }) => {
 	var s;
 	let [c, l] = m(!1), u = (s = n.find((e) => e.value === i)) == null ? void 0 : s.label;
 	return /* @__PURE__ */ R("div", {
-		className: g(zi.colorInput, o ? zi.adjustColorsInDarkMode : void 0),
-		children: /* @__PURE__ */ R(Ri, {
+		className: g(Bi.colorInput, o ? Bi.adjustColorsInDarkMode : void 0),
+		children: /* @__PURE__ */ R(zi, {
 			placement: "bottom-start",
 			isOpen: c,
 			onToggle: l,
 			content: /* @__PURE__ */ R("div", {
-				className: g(zi.options, o ? zi.adjustColorsInDarkMode : void 0),
+				className: g(Bi.options, o ? Bi.adjustColorsInDarkMode : void 0),
 				style: { gridTemplateColumns: `repeat(${e}, auto)` },
 				children: n.map((e) => /* @__PURE__ */ R("div", {
-					className: zi.option,
-					children: /* @__PURE__ */ R(K, {
+					className: Bi.option,
+					children: /* @__PURE__ */ R(G, {
 						basic: !0,
 						disabled: t,
 						width: "var(--size)",
 						tooltip: e.label,
 						label: /* @__PURE__ */ R("div", {
-							className: zi.buttonColor,
+							className: Bi.buttonColor,
 							style: { backgroundColor: e.value }
 						}),
 						onClick: () => {
@@ -1329,26 +1329,26 @@ var mr = /* @__PURE__ */ function(e) {
 					}, e.value)
 				}, e.value))
 			}),
-			children: /* @__PURE__ */ R(K, {
+			children: /* @__PURE__ */ R(G, {
 				disabled: t,
 				small: r,
 				active: c,
 				width: r ? "var(--size-sm)" : "var(--size)",
 				tooltip: u,
 				label: /* @__PURE__ */ R("div", {
-					className: zi.buttonColor,
+					className: Bi.buttonColor,
 					style: { backgroundColor: i }
 				})
 			})
 		})
 	});
-}, Vi = cn`
+}, Hi = cn`
   scrollbar-width: none;
   -ms-overflow-style: none;
   &::-webkit-scrollbar {
     display: none;
   }
-`, Hi = sn.div`
+`, Ui = sn.div`
   position: relative; // for react-laag
   display: flex;
   flex-direction: column;
@@ -1361,7 +1361,7 @@ var mr = /* @__PURE__ */ function(e) {
   border-left: ${(e) => e.$borderLeft === !0 ? "1px solid var(--color-border)" : e.$borderLeft};
   border-right: ${(e) => e.$borderRight === !0 ? "1px solid var(--color-border)" : e.$borderRight};
   padding: ${(e) => e.$spacing ? `0 calc(${e.$spacing} / 2)` : "0"};
-  ${(e) => !e.$showScrollbar && Vi}
+  ${(e) => !e.$showScrollbar && Hi}
 
   @media (max-width: 992px) {
     ${(e) => e.$widthTablet && `flex-basis: ${e.$widthTablet};`}
@@ -1380,9 +1380,9 @@ var mr = /* @__PURE__ */ function(e) {
     ${(e) => e.$flexbox && "flex-direction: column;"}
     padding: ${(e) => e.$padding === !0 ? "var(--padding)" : e.$padding};
   }
-`, Ui = ({ background: e = "transparent", borderLeft: t, borderRight: n, children: r = null, flex: i = !0, flexbox: a = !1, padding: o = !1, scroll: s = !1, showScrollbar: c = !0, spacing: l = "var(--padding)", width: u, widthMobile: d, widthTablet: f, testId: p }) => {
+`, Wi = ({ background: e = "transparent", borderLeft: t, borderRight: n, children: r = null, flex: i = !0, flexbox: a = !1, padding: o = !1, scroll: s = !1, showScrollbar: c = !0, spacing: l = "var(--padding)", width: u, widthMobile: d, widthTablet: f, testId: p }) => {
 	let m = (e) => typeof e == "string" ? e : typeof e == "number" ? `${e}px` : void 0;
-	return /* @__PURE__ */ R(Hi, {
+	return /* @__PURE__ */ R(Ui, {
 		$background: e,
 		$borderLeft: t,
 		$borderRight: n,
@@ -1401,11 +1401,11 @@ var mr = /* @__PURE__ */ function(e) {
 			children: r
 		})
 	});
-}, Wi = {
+}, Gi = {
 	divider: "_divider_2bfzh_1",
 	alignLeft: "_alignLeft_2bfzh_12",
 	alignRight: "_alignRight_2bfzh_15"
-}, Gi = {
+}, Ki = {
 	bold: "_bold_11ofj_1",
 	center: "_center_11ofj_4",
 	muted: "_muted_11ofj_7",
@@ -1415,41 +1415,41 @@ var mr = /* @__PURE__ */ function(e) {
 	error: "_error_11ofj_19",
 	small: "_small_11ofj_22",
 	link: "_link_11ofj_25"
-}, Ki = ({ children: e, bold: t = !1, center: n = !1, error: r = !1, faint: i = !1, link: a = !1, muted: o = !1, onClick: s, small: c = !1, success: l = !1, warning: u = !1 }) => /* @__PURE__ */ R("span", {
-	className: g(t && Gi.bold, n && Gi.center, r && Gi.error, i && Gi.faint, a && Gi.link, o && Gi.muted, s && Gi.clickable, c && Gi.small, l && Gi.success, u && Gi.warning),
+}, qi = ({ children: e, bold: t = !1, center: n = !1, error: r = !1, faint: i = !1, link: a = !1, muted: o = !1, onClick: s, small: c = !1, success: l = !1, warning: u = !1 }) => /* @__PURE__ */ R("span", {
+	className: g(t && Ki.bold, n && Ki.center, r && Ki.error, i && Ki.faint, a && Ki.link, o && Ki.muted, s && Ki.clickable, c && Ki.small, l && Ki.success, u && Ki.warning),
 	onClick: s,
 	children: e
-}), qi = (e) => {
+}), Ji = (e) => {
 	switch (e) {
-		case gr.LEFT: return Wi.alignLeft;
-		case gr.RIGHT: return Wi.alignRight;
+		case gr.LEFT: return Gi.alignLeft;
+		case gr.RIGHT: return Gi.alignRight;
 		default: return "";
 	}
-}, Ji = ({ children: e, margin: t = "var(--padding)", color: n = "var(--color-border)", align: r = gr.CENTER }) => /* @__PURE__ */ R("div", {
-	className: `${Wi.divider} ${qi(r)}`,
+}, Yi = ({ children: e, margin: t = "var(--padding)", color: n = "var(--color-border)", align: r = gr.CENTER }) => /* @__PURE__ */ R("div", {
+	className: `${Gi.divider} ${Ji(r)}`,
 	style: {
 		marginTop: t,
 		marginBottom: t,
 		"--color": n
 	},
-	children: typeof e == "string" ? /* @__PURE__ */ R(Ki, {
+	children: typeof e == "string" ? /* @__PURE__ */ R(qi, {
 		muted: !0,
 		children: e
 	}) : e
-}), Yi = {
+}), Xi = {
 	heading: "_heading_yhdiy_1",
 	top: "_top_yhdiy_10",
 	icons: "_icons_yhdiy_20"
-}, Xi = ({ children: e, helpText: t, onClick: n, onClickHelp: r, onIconClick: i, icon: a, libraryIcon: o, marginBottom: s, top: c = !1, testId: l }) => {
+}, Zi = ({ children: e, helpText: t, onClick: n, onClickHelp: r, onIconClick: i, icon: a, libraryIcon: o, marginBottom: s, top: c = !1, testId: l }) => {
 	var u;
 	let d = !!t || !!r;
 	return /* @__PURE__ */ z("div", {
-		className: g(Yi.heading, c ? Yi.top : ""),
+		className: g(Xi.heading, c ? Xi.top : ""),
 		style: { marginBottom: s },
 		onClick: n,
 		"data-testid": l,
 		children: [e, /* @__PURE__ */ z("div", {
-			className: Yi.icons,
+			className: Xi.icons,
 			children: [
 				a && /* @__PURE__ */ R(Ur, {
 					onClick: i,
@@ -1467,7 +1467,7 @@ var mr = /* @__PURE__ */ function(e) {
 			]
 		})]
 	});
-}, Zi = {
+}, Qi = {
 	dialog: "_dialog_xouqi_1",
 	inline: "_inline_xouqi_18",
 	scroll: "_scroll_xouqi_21",
@@ -1476,14 +1476,14 @@ var mr = /* @__PURE__ */ function(e) {
 	subheading: "_subheading_xouqi_38",
 	content: "_content_xouqi_41",
 	footer: "_footer_xouqi_50"
-}, Qi = (e) => Wt(e) ? e.map((e, n) => /* @__PURE__ */ z(t, { children: [
+}, $i = (e) => Wt(e) ? e.map((e, n) => /* @__PURE__ */ z(t, { children: [
 	e,
 	" ",
 	/* @__PURE__ */ R("br", {})
-] }, n)) : e, $i = ({ dialog: e }) => {
+] }, n)) : e, ea = ({ dialog: e }) => {
 	let { heading: t, subheading: n, content: r, contentPadding: i = "var(--padding)", footer: a, scroll: o, width: s, height: c, onClose: l, testId: u } = e;
 	return /* @__PURE__ */ z("div", {
-		className: g(Zi.dialog, s ? Zi.inline : null, o ? Zi.scroll : null),
+		className: g(Qi.dialog, s ? Qi.inline : null, o ? Qi.scroll : null),
 		style: {
 			width: s,
 			height: c
@@ -1491,18 +1491,18 @@ var mr = /* @__PURE__ */ function(e) {
 		"data-testid": u == null ? null : u,
 		children: [
 			/* @__PURE__ */ z("div", {
-				className: Zi.header,
-				children: [/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R(Xi, {
+				className: Qi.header,
+				children: [/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R(Zi, {
 					testId: u && `${u}-heading`,
 					top: !0,
 					marginBottom: 0,
 					children: t
 				}), /* @__PURE__ */ R("div", {
-					className: Zi.subheading,
+					className: Qi.subheading,
 					children: n
 				})] }), l ? /* @__PURE__ */ R("div", {
-					className: Zi.dismiss,
-					children: /* @__PURE__ */ R(K, {
+					className: Qi.dismiss,
+					children: /* @__PURE__ */ R(G, {
 						icon: V.CLOSE,
 						round: !0,
 						basic: !0,
@@ -1516,18 +1516,18 @@ var mr = /* @__PURE__ */ function(e) {
 			}),
 			/* @__PURE__ */ R("div", {
 				"data-testid": u && `${u}-content`,
-				className: Zi.content,
+				className: Qi.content,
 				style: { padding: i },
-				children: Qi(r)
+				children: $i(r)
 			}),
 			a && /* @__PURE__ */ R("div", {
 				"data-testid": u && `${u}-footer`,
-				className: Zi.footer,
+				className: Qi.footer,
 				children: a
 			})
 		]
 	});
-}, ea = {
+}, J = {
 	inputInTable: "_inputInTable_c4h57_1",
 	inputHover: "_inputHover_c4h57_13",
 	inputFocus: "_inputFocus_c4h57_18",
@@ -1553,15 +1553,15 @@ var mr = /* @__PURE__ */ function(e) {
 	disabled: "_disabled_c4h57_224",
 	tabsContent: "_tabsContent_c4h57_231",
 	resizeHandle: "_resizeHandle_c4h57_237"
-}, ta = ({ badge: e, children: t }) => e ? /* @__PURE__ */ R(gi, {
+}, ta = ({ badge: e, children: t }) => e ? /* @__PURE__ */ R(_i, {
 	small: !0,
 	margin: 4,
 	title: e.toString(),
 	children: t
 }) : /* @__PURE__ */ R(L, { children: t }), na = ({ tabs: e, activeTab: t, open: n, background: r, handleTabClick: i, width: a, testId: o }) => /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("div", {
-	className: ea.tabs,
+	className: J.tabs,
 	children: e.map((e, a) => Yt(e) || Kt(e) ? null : /* @__PURE__ */ R("div", {
-		className: g(ea.tab, t === a && n ? ea.active : "", e.disabled ? ea.disabled : ""),
+		className: g(J.tab, t === a && n ? J.active : "", e.disabled ? J.disabled : ""),
 		style: { background: r },
 		onClick: e.disabled ? void 0 : () => i(a),
 		"data-testid": o && `${o}-icon-${a}`,
@@ -1578,7 +1578,7 @@ var mr = /* @__PURE__ */ function(e) {
 			width: typeof a == "number" ? `${a}px` : a,
 			display: i ? "block" : "none"
 		},
-		className: ea.tabsContent,
+		className: J.tabsContent,
 		"data-testid": o && `${o}-content-${r}`,
 		children: i && n && e.content
 	}, r);
@@ -1586,7 +1586,7 @@ var mr = /* @__PURE__ */ function(e) {
 	let { handleAxis: n, ...r } = e;
 	return /* @__PURE__ */ R("div", {
 		ref: t,
-		className: ea.resizeHandle,
+		className: J.resizeHandle,
 		...r,
 		children: /* @__PURE__ */ R(U, { icon: V.DRAG })
 	});
@@ -1603,7 +1603,7 @@ var mr = /* @__PURE__ */ function(e) {
 		handle: /* @__PURE__ */ R(ra, {}),
 		resizeHandles: n ? ["w"] : ["e"],
 		axis: "x",
-		className: o ? ea.isResizing : "",
+		className: o ? J.isResizing : "",
 		onResizeStart: () => {
 			i && i(!0), r && r(t), s(!0);
 		},
@@ -1621,10 +1621,10 @@ var mr = /* @__PURE__ */ function(e) {
 		right: a,
 		maxOpenWidth: E,
 		children: /* @__PURE__ */ z("div", {
-			className: g(ea.drawer, c ? ea.shadow : "", t ? ea.fixed : ea.inline, a ? ea.right : ea.left),
+			className: g(J.drawer, c ? J.shadow : "", t ? J.fixed : J.inline, a ? J.right : J.left),
 			style: { top: l },
 			children: [/* @__PURE__ */ R("div", {
-				className: g(ea.drawerContent, p && ea.border),
+				className: g(J.drawerContent, p && J.border),
 				style: {
 					background: e,
 					borderColor: typeof p == "string" ? p : void 0,
@@ -1655,8 +1655,8 @@ var mr = /* @__PURE__ */ function(e) {
 					children: h
 				})
 			}), u && /* @__PURE__ */ R("span", {
-				className: g(ea.toggleButton, k && (D || O && d) ? ea.toggleButtonOpen : "", f === "top" ? ea.top : ea.bottom),
-				children: O ? u : /* @__PURE__ */ R(K, {
+				className: g(J.toggleButton, k && (D || O && d) ? J.toggleButtonOpen : "", f === "top" ? J.top : J.bottom),
+				children: O ? u : /* @__PURE__ */ R(G, {
 					onClick: P ? () => P(!N) : void 0,
 					round: !0,
 					icon: a ? V.CHEVRON_RIGHT : V.CHEVRON_LEFT
@@ -1708,7 +1708,7 @@ var mr = /* @__PURE__ */ function(e) {
 			error: !!e,
 			warning: !!x,
 			text: t || e || x,
-			enabled: t && J(t) || e && J(e) || x && J(x) || !1,
+			enabled: t && q(t) || e && q(e) || x && q(x) || !1,
 			maxWidth: C,
 			display: "block",
 			children: /* @__PURE__ */ R("input", {
@@ -1773,7 +1773,7 @@ var mr = /* @__PURE__ */ function(e) {
 			value: h || "",
 			placeholder: n,
 			disabled: !0
-		}), /* @__PURE__ */ R(K, {
+		}), /* @__PURE__ */ R(G, {
 			label: e,
 			loading: t,
 			disabled: t || r || f,
@@ -1948,7 +1948,7 @@ var mr = /* @__PURE__ */ function(e) {
 	}, k = () => {
 		n();
 	}, A = /* @__PURE__ */ z(L, { children: [
-		/* @__PURE__ */ R(Ki, { children: u || "Upload file and extract data using a LLM" }),
+		/* @__PURE__ */ R(qi, { children: u || "Upload file and extract data using a LLM" }),
 		/* @__PURE__ */ R(_a, {}),
 		/* @__PURE__ */ R(ga, {
 			placeholder: f || "No file",
@@ -1959,13 +1959,13 @@ var mr = /* @__PURE__ */ function(e) {
 			accept: "image/*"
 		}),
 		y && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(_a, {}), /* @__PURE__ */ R(Ea, { percentage: Dn(100 * x / Oa, 3) })] })
-	] }), j = /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(K, {
+	] }), j = /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(G, {
 		label: p || "Upload",
 		colored: !0,
 		onClick: O,
 		disabled: !_ || y,
 		testId: `${g}-button-upload`
-	}), /* @__PURE__ */ R(K, {
+	}), /* @__PURE__ */ R(G, {
 		label: h || "Cancel",
 		onClick: k,
 		testId: `${g}-button-cancel`
@@ -1973,7 +1973,7 @@ var mr = /* @__PURE__ */ function(e) {
 	return va("Escape", () => k()), /* @__PURE__ */ R(Ca, {
 		visible: e,
 		centered: !0,
-		children: /* @__PURE__ */ R($i, { dialog: {
+		children: /* @__PURE__ */ R(ea, { dialog: {
 			scroll: !0,
 			heading: l || "Smart Upload",
 			content: A,
@@ -2020,13 +2020,13 @@ var mr = /* @__PURE__ */ function(e) {
 }, Pa = ({ visible: e, setModalVisibility: t, validationRules: n = [], t: r }) => /* @__PURE__ */ R(Ca, {
 	visible: e,
 	centered: !0,
-	children: /* @__PURE__ */ R($i, { dialog: {
+	children: /* @__PURE__ */ R(ea, { dialog: {
 		heading: r("importingData"),
 		content: /* @__PURE__ */ R(Na, {
 			validationRules: n,
 			t: r
 		}),
-		footer: /* @__PURE__ */ R(L, { children: /* @__PURE__ */ R(K, {
+		footer: /* @__PURE__ */ R(L, { children: /* @__PURE__ */ R(G, {
 			label: r("cancel"),
 			onClick: () => t("helpModal", !1)
 		}) }),
@@ -2168,12 +2168,12 @@ var mr = /* @__PURE__ */ function(e) {
 	let i = e !== null, a = t !== null;
 	return !i && !a ? null : /* @__PURE__ */ z("div", {
 		className: Ga.title,
-		children: [i ? /* @__PURE__ */ R(Xi, { children: /* @__PURE__ */ R("span", {
+		children: [i ? /* @__PURE__ */ R(Zi, { children: /* @__PURE__ */ R("span", {
 			"data-testid": r,
 			children: e
 		}) }) : null, (() => {
 			if (!a) return null;
-			let e = /* @__PURE__ */ R(Oi, { actions: t });
+			let e = /* @__PURE__ */ R(ki, { actions: t });
 			return n ? e : /* @__PURE__ */ R("div", { children: e });
 		})()]
 	});
@@ -2222,7 +2222,7 @@ var mr = /* @__PURE__ */ function(e) {
 		error: !!t,
 		warning: !!n,
 		text: r || t || n,
-		enabled: r && J(r) || t && J(t) || n && J(n) || !1,
+		enabled: r && q(r) || t && q(t) || n && q(n) || !1,
 		maxWidth: x,
 		children: /* @__PURE__ */ R("select", {
 			className: g(Ja.select, T ? Ja.unSelected : "", l ? Ja.right : "", u ? Ja.small : "", _ ? Ja.isInTable : "", D),
@@ -2305,14 +2305,14 @@ var mr = /* @__PURE__ */ function(e) {
 		}),
 		e && /* @__PURE__ */ R("div", {
 			className: g(eo.details),
-			children: /* @__PURE__ */ R(Ki, {
+			children: /* @__PURE__ */ R(qi, {
 				faint: !0,
 				children: e
 			})
 		}),
 		!!(s != null && s.length) && /* @__PURE__ */ R("div", {
 			className: g(eo.actions),
-			children: /* @__PURE__ */ R(Oi, {
+			children: /* @__PURE__ */ R(ki, {
 				actions: s,
 				closeLayer: c
 			})
@@ -2325,8 +2325,8 @@ var mr = /* @__PURE__ */ function(e) {
 }), ro = ({ section: e, selected: t, focused: n, onSelectOption: r, closeLayer: i }) => {
 	let a = s(H);
 	switch (e.type) {
-		case ri.HEADING: return /* @__PURE__ */ R(to, { label: e.label });
-		case ri.OPTION:
+		case ii.HEADING: return /* @__PURE__ */ R(to, { label: e.label });
+		case ii.OPTION:
 		default: return /* @__PURE__ */ R(no, {
 			closeLayer: i,
 			actions: e.actions,
@@ -2374,7 +2374,7 @@ var mr = /* @__PURE__ */ function(e) {
 					children: /* @__PURE__ */ R(ro, {
 						closeLayer: u,
 						section: n[e],
-						selected: t && n[e].type !== ri.HEADING && Array.isArray(r) ? r == null ? void 0 : r.some((t) => {
+						selected: t && n[e].type !== ii.HEADING && Array.isArray(r) ? r == null ? void 0 : r.some((t) => {
 							var r;
 							return t && (t == null ? void 0 : t.value) === (n == null || (r = n[e]) == null ? void 0 : r.value);
 						}) : !Array.isArray(r) && (n == null || (s = n[e]) == null ? void 0 : s.value) === (r == null ? void 0 : r.value),
@@ -2492,7 +2492,7 @@ var mr = /* @__PURE__ */ function(e) {
 		...e,
 		label: /* @__PURE__ */ z("div", {
 			className: g(Y.detailedLabel),
-			children: [/* @__PURE__ */ R(Ki, { children: e.label }), /* @__PURE__ */ R(Ki, {
+			children: [/* @__PURE__ */ R(qi, { children: e.label }), /* @__PURE__ */ R(qi, {
 				muted: !0,
 				children: e.details
 			})]
@@ -2540,7 +2540,7 @@ var mr = /* @__PURE__ */ function(e) {
 		error: !!o,
 		warning: !!s,
 		text: c || o || s,
-		enabled: c && J(c) || o && J(o) || s && J(s) || !1,
+		enabled: c && q(c) || o && q(o) || s && q(s) || !1,
 		maxWidth: w,
 		children: F
 	}) });
@@ -2552,7 +2552,7 @@ var mr = /* @__PURE__ */ function(e) {
 	currentOption: !1,
 	clearAll: !1
 }, ko = (e) => e === null ? 0 : e + 1, Ao = (e, t) => {
-	let n = ["none", ...e.map((e, t) => e.type === ri.HEADING ? null : t).filter((e) => e !== null)], r = ko(t);
+	let n = ["none", ...e.map((e, t) => e.type === ii.HEADING ? null : t).filter((e) => e !== null)], r = ko(t);
 	return {
 		options: n,
 		currentIndex: r,
@@ -2862,13 +2862,13 @@ var mr = /* @__PURE__ */ function(e) {
 	if (typeof t == "object" && t && t.hasOwnProperty("label") && t.hasOwnProperty("value")) return t;
 	{
 		let n = typeof t == "object" && t && t.hasOwnProperty("value") ? t.value : t;
-		return (Array.isArray(e) ? e.filter((e) => e.type !== ri.HEADING).find((e) => e.value == n) : void 0) || (Vo(n) ? void 0 : {
+		return (Array.isArray(e) ? e.filter((e) => e.type !== ii.HEADING).find((e) => e.value == n) : void 0) || (Vo(n) ? void 0 : {
 			value: n,
 			label: n
 		});
 	}
 }, Ko = (e, t) => Uo(t) ? t.map((t) => Go(e, t)).filter((e) => e !== void 0) : t === null ? void 0 : Go(e, t), qo = (e) => Array.isArray(e) && e.some((e) => typeof e == "string" || typeof e == "number"), Jo = (e, t) => {
-	let n = t instanceof Array ? t.length ? t[0] : null : t, r = n == null ? null : typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? n : n.value, i = e.filter((e) => e.type !== ri.HEADING).findIndex((e) => typeof e == "string" || typeof e == "number" ? e == r : e.value == r);
+	let n = t instanceof Array ? t.length ? t[0] : null : t, r = n == null ? null : typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? n : n.value, i = e.filter((e) => e.type !== ii.HEADING).findIndex((e) => typeof e == "string" || typeof e == "number" ? e == r : e.value == r);
 	return i === -1 ? null : i;
 }, Yo = (e, t) => {
 	let n = Uo(t) ? t : Vo(t) ? [] : [t];
@@ -2981,7 +2981,7 @@ var mr = /* @__PURE__ */ function(e) {
 					value: a.value
 				})
 			}),
-			/* @__PURE__ */ R(K, {
+			/* @__PURE__ */ R(G, {
 				small: r,
 				round: !0,
 				basic: !0,
@@ -2989,7 +2989,7 @@ var mr = /* @__PURE__ */ function(e) {
 				onClick: () => h("1"),
 				disabled: l || n === 1
 			}),
-			/* @__PURE__ */ R(K, {
+			/* @__PURE__ */ R(G, {
 				small: r,
 				round: !0,
 				basic: !0,
@@ -3010,7 +3010,7 @@ var mr = /* @__PURE__ */ function(e) {
 					error: p
 				}), /* @__PURE__ */ z(rs, { children: ["of ", u] })]
 			}),
-			/* @__PURE__ */ R(K, {
+			/* @__PURE__ */ R(G, {
 				small: r,
 				round: !0,
 				basic: !0,
@@ -3018,7 +3018,7 @@ var mr = /* @__PURE__ */ function(e) {
 				onClick: () => h(String(Number(n) + 1)),
 				disabled: l || n === u
 			}),
-			/* @__PURE__ */ R(K, {
+			/* @__PURE__ */ R(G, {
 				small: r,
 				round: !0,
 				basic: !0,
@@ -3046,7 +3046,7 @@ var mr = /* @__PURE__ */ function(e) {
 			children: /* @__PURE__ */ R("div", { children: n })
 		}) : null, i || o() ? /* @__PURE__ */ z("div", {
 			className: qa.section,
-			children: [e && o() ? /* @__PURE__ */ R(is, { pagination: e }) : /* @__PURE__ */ R("div", {}), i && /* @__PURE__ */ R("div", { children: /* @__PURE__ */ R(Oi, { actions: t }) })]
+			children: [e && o() ? /* @__PURE__ */ R(is, { pagination: e }) : /* @__PURE__ */ R("div", {}), i && /* @__PURE__ */ R("div", { children: /* @__PURE__ */ R(ki, { actions: t }) })]
 		}) : null]
 	}) : null;
 }, os = (e) => {
@@ -3296,7 +3296,7 @@ var mr = /* @__PURE__ */ function(e) {
 		testId: n
 	}) : null
 }), Cs = ({ cell: e, testId: t }) => {
-	let n = s(H), { error: r, warning: i, tooltip: a, maxTooltipWidth: o } = e, c = (e) => J(e);
+	let n = s(H), { error: r, warning: i, tooltip: a, maxTooltipWidth: o } = e, c = (e) => q(e);
 	return /* @__PURE__ */ R("div", {
 		className: X.inputWrapper,
 		children: /* @__PURE__ */ R(W, {
@@ -3361,7 +3361,7 @@ var mr = /* @__PURE__ */ function(e) {
 		} });
 	}, S = () => /* @__PURE__ */ R("div", {
 		className: Ts.button,
-		children: /* @__PURE__ */ R(K, {
+		children: /* @__PURE__ */ R(G, {
 			basic: !0,
 			small: !0,
 			round: !0,
@@ -3371,7 +3371,7 @@ var mr = /* @__PURE__ */ function(e) {
 		})
 	}), C = () => /* @__PURE__ */ R("div", {
 		className: Ts.button,
-		children: /* @__PURE__ */ R(K, {
+		children: /* @__PURE__ */ R(G, {
 			basic: !0,
 			small: !0,
 			round: !0,
@@ -3442,13 +3442,13 @@ var mr = /* @__PURE__ */ function(e) {
 		className: X.iconCellWrapper,
 		children: /* @__PURE__ */ R(W, {
 			text: t,
-			enabled: !!t && J(t),
+			enabled: !!t && q(t),
 			display: "flex",
 			placement: "top-center",
 			children: /* @__PURE__ */ R(U, { icon: n })
 		})
 	});
-}, As = ({ cell: e }) => /* @__PURE__ */ R(Oi, { actions: e.actions }), js = ({ cell: e }) => {
+}, As = ({ cell: e }) => /* @__PURE__ */ R(ki, { actions: e.actions }), js = ({ cell: e }) => {
 	let { helpIcon: t } = e;
 	return t ? /* @__PURE__ */ R("div", {
 		className: X.icon,
@@ -3471,13 +3471,13 @@ var mr = /* @__PURE__ */ function(e) {
 	let { hasSort: t, sort: n, sortPriority: r } = e;
 	return t ? /* @__PURE__ */ z("span", {
 		className: X.sortingCellIcon,
-		children: [n === "down" ? /* @__PURE__ */ R(Ki, {
+		children: [n === "down" ? /* @__PURE__ */ R(qi, {
 			link: !0,
 			children: /* @__PURE__ */ R(U, { icon: V.SORT_ASCENDING })
-		}) : n === "up" ? /* @__PURE__ */ R(Ki, {
+		}) : n === "up" ? /* @__PURE__ */ R(qi, {
 			link: !0,
 			children: /* @__PURE__ */ R(U, { icon: V.SORT_DESCENDING })
-		}) : /* @__PURE__ */ R(Ki, {
+		}) : /* @__PURE__ */ R(qi, {
 			faint: !0,
 			children: /* @__PURE__ */ R(U, { icon: V.SORT_DESCENDING })
 		}), r && n ? /* @__PURE__ */ R("sup", { children: r }) : null]
@@ -3501,7 +3501,7 @@ var mr = /* @__PURE__ */ function(e) {
 			error: !!r,
 			warning: !!i,
 			text: a || r || i,
-			enabled: a && J(a) || r && J(r) || i && J(i) || !1,
+			enabled: a && q(a) || r && q(r) || i && q(i) || !1,
 			maxWidth: o,
 			display: "block",
 			children: u
@@ -3509,7 +3509,7 @@ var mr = /* @__PURE__ */ function(e) {
 	});
 }, Fs = ({ cell: e, testId: t }) => {
 	let { content: n, fullWidth: r, closeOnOutsideClick: i, disabled: a } = e;
-	return /* @__PURE__ */ R(Ri, {
+	return /* @__PURE__ */ R(zi, {
 		content: n,
 		fullWidth: r,
 		closeOnOutsideClick: i,
@@ -4177,7 +4177,7 @@ var mr = /* @__PURE__ */ function(e) {
 		}),
 		n !== "" && /* @__PURE__ */ R("div", {
 			className: rc.text,
-			children: /* @__PURE__ */ R(Ki, {
+			children: /* @__PURE__ */ R(qi, {
 				faint: !0,
 				children: n
 			})
@@ -4563,7 +4563,7 @@ var mr = /* @__PURE__ */ function(e) {
 				}),
 				/* @__PURE__ */ R(W, {
 					text: u("deletePastedContent"),
-					children: /* @__PURE__ */ R(K, {
+					children: /* @__PURE__ */ R(G, {
 						name: "clearReview",
 						icon: "delete",
 						small: !0,
@@ -4572,7 +4572,7 @@ var mr = /* @__PURE__ */ function(e) {
 				}),
 				/* @__PURE__ */ R(W, {
 					text: u("openHelp"),
-					children: /* @__PURE__ */ R(K, {
+					children: /* @__PURE__ */ R(G, {
 						name: "help",
 						icon: "help",
 						small: !0,
@@ -4604,7 +4604,7 @@ var mr = /* @__PURE__ */ function(e) {
 								")"
 							]
 						}),
-						/* @__PURE__ */ R(K, {
+						/* @__PURE__ */ R(G, {
 							name: "paste",
 							icon: "paste",
 							label: u("pasteFromClipboard"),
@@ -4627,7 +4627,7 @@ var mr = /* @__PURE__ */ function(e) {
 					errors: ee,
 					t: u
 				}) : null,
-				re && /* @__PURE__ */ R(Ki, {
+				re && /* @__PURE__ */ R(qi, {
 					muted: !0,
 					children: u("commasAsDecimals")
 				}),
@@ -4658,7 +4658,7 @@ var mr = /* @__PURE__ */ function(e) {
 	return /* @__PURE__ */ R(Ca, {
 		visible: g,
 		centered: !0,
-		children: /* @__PURE__ */ R($i, { dialog: {
+		children: /* @__PURE__ */ R(ea, { dialog: {
 			width: "60vw",
 			height: "650px",
 			scroll: !0,
@@ -4668,7 +4668,7 @@ var mr = /* @__PURE__ */ function(e) {
 				children: ae
 			}),
 			footer: /* @__PURE__ */ z(L, { children: [
-				/* @__PURE__ */ R(K, {
+				/* @__PURE__ */ R(G, {
 					label: u("okay"),
 					colored: !0,
 					onClick: () => f(() => j()),
@@ -4676,11 +4676,11 @@ var mr = /* @__PURE__ */ function(e) {
 					loading: d,
 					testId: `${h}-paste-with-review-modal-button-okay`
 				}),
-				/* @__PURE__ */ R(K, {
+				/* @__PURE__ */ R(G, {
 					label: u("cancel"),
 					onClick: () => i()
 				}),
-				P && /* @__PURE__ */ R(K, {
+				P && /* @__PURE__ */ R(G, {
 					label: b,
 					onClick: x
 				})
@@ -4696,10 +4696,10 @@ var mr = /* @__PURE__ */ function(e) {
 		onClose: () => r({ name: e }),
 		...o
 	}) }, e);
-}) }) : null, Hc = ({ sections: e, iconName: t, testId: n, tooltip: r }) => /* @__PURE__ */ R(Ei, {
+}) }) : null, Hc = ({ sections: e, iconName: t, testId: n, tooltip: r }) => /* @__PURE__ */ R(Di, {
 	loading: !0,
 	menu: {
-		component: /* @__PURE__ */ R(K, {
+		component: /* @__PURE__ */ R(G, {
 			basic: !0,
 			icon: t,
 			colored: "muted",
@@ -5156,7 +5156,7 @@ var mr = /* @__PURE__ */ function(e) {
 		}] : []
 	];
 	return /* @__PURE__ */ z("span", { children: [
-		ee && /* @__PURE__ */ R(Xr, {
+		ee && /* @__PURE__ */ R(Zr, {
 			small: !0,
 			dark: !0
 		}),
@@ -5225,7 +5225,7 @@ var mr = /* @__PURE__ */ function(e) {
 			}
 		}), l.current && (l.current.value = "");
 	};
-	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(K, {
+	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(G, {
 		...o,
 		onClick: u
 	}), /* @__PURE__ */ R("input", {
@@ -5410,7 +5410,7 @@ var mr = /* @__PURE__ */ function(e) {
 		}),
 		e && /* @__PURE__ */ R("div", {
 			className: Z.headerTitle,
-			children: /* @__PURE__ */ R(Xi, {
+			children: /* @__PURE__ */ R(Zi, {
 				top: !0,
 				marginBottom: 0,
 				children: e
@@ -5420,13 +5420,13 @@ var mr = /* @__PURE__ */ function(e) {
 			className: Z.right,
 			children: /* @__PURE__ */ R("div", {
 				className: Z.actions,
-				children: /* @__PURE__ */ R(Oi, { actions: t })
+				children: /* @__PURE__ */ R(ki, { actions: t })
 			})
 		})
 	]
 })), gl = ({ label: e }) => e ? /* @__PURE__ */ R("span", {
 	className: Z.label,
-	children: /* @__PURE__ */ R(gi, {
+	children: /* @__PURE__ */ R(_i, {
 		color: e.color,
 		title: e.value,
 		small: e.small
@@ -5457,7 +5457,7 @@ var mr = /* @__PURE__ */ function(e) {
 		icon: n,
 		testId: o && `${o}-name`
 	});
-	return a && (s = /* @__PURE__ */ R(gi, {
+	return a && (s = /* @__PURE__ */ R(_i, {
 		small: !0,
 		margin: "-2px",
 		title: "!",
@@ -5478,7 +5478,7 @@ var mr = /* @__PURE__ */ function(e) {
 			})
 		]
 	});
-}, yl = ({ item: e }) => e.metaCount === void 0 ? null : /* @__PURE__ */ R(gi, {
+}, yl = ({ item: e }) => e.metaCount === void 0 ? null : /* @__PURE__ */ R(_i, {
 	color: "rgba(0,0,0,0.25)",
 	title: e.metaCount
 }), bl = ({ item: e, expanding: t }) => /* @__PURE__ */ R(Pr, {
@@ -5518,7 +5518,7 @@ var mr = /* @__PURE__ */ function(e) {
 					className: Z.right,
 					children: [/* @__PURE__ */ R(yl, { item: e }), !(o || i) && a && /* @__PURE__ */ R("div", {
 						className: Z.actions,
-						children: /* @__PURE__ */ R(Oi, { actions: (r = e.actions) == null ? [] : r })
+						children: /* @__PURE__ */ R(ki, { actions: (r = e.actions) == null ? [] : r })
 					})]
 				})
 			]
@@ -5566,7 +5566,7 @@ var mr = /* @__PURE__ */ function(e) {
 							className: Z.right,
 							children: [/* @__PURE__ */ R(yl, { item: t }), !(t.disabled || o) && t.actions && /* @__PURE__ */ R("div", {
 								className: Z.actions,
-								children: /* @__PURE__ */ R(Oi, { actions: t.actions })
+								children: /* @__PURE__ */ R(ki, { actions: t.actions })
 							})]
 						})
 					]
@@ -5812,10 +5812,10 @@ var mr = /* @__PURE__ */ function(e) {
 				children: "Invert"
 			})
 		]
-	}), /* @__PURE__ */ R(Ji, { margin: 0 })] }), e.map((n, r) => {
+	}), /* @__PURE__ */ R(Yi, { margin: 0 })] }), e.map((n, r) => {
 		switch (n.type) {
 			case Ml.HEADING: return /* @__PURE__ */ R(jl, { label: n.label }, r);
-			case Ml.DIVIDER: return /* @__PURE__ */ R(Ji, { margin: 0 }, r);
+			case Ml.DIVIDER: return /* @__PURE__ */ R(Yi, { margin: 0 }, r);
 			default: return /* @__PURE__ */ R(Al, {
 				option: n,
 				onChange: (r) => {
@@ -5828,7 +5828,7 @@ var mr = /* @__PURE__ */ function(e) {
 			}, r);
 		}
 	})]
-}), Pl = ({ name: e, disabled: t, label: n, options: r, onChange: i, small: a = !1, showHeader: o = !0, maxHeight: s = "40vh", testId: c }) => /* @__PURE__ */ R(Ei, {
+}), Pl = ({ name: e, disabled: t, label: n, options: r, onChange: i, small: a = !1, showHeader: o = !0, maxHeight: s = "40vh", testId: c }) => /* @__PURE__ */ R(Di, {
 	testId: c,
 	disabled: t,
 	menu: {
@@ -5935,7 +5935,7 @@ var mr = /* @__PURE__ */ function(e) {
 		className: Bl.richTextToolbarContainer,
 		children: [/* @__PURE__ */ R("div", {
 			className: Bl.richTextToolbar,
-			children: c.map((e, n) => /* @__PURE__ */ R(K, {
+			children: c.map((e, n) => /* @__PURE__ */ R(G, {
 				small: !0,
 				round: !0,
 				basic: !0,
@@ -6038,7 +6038,7 @@ var mr = /* @__PURE__ */ function(e) {
 	display: "block",
 	children: /* @__PURE__ */ R("span", {
 		className: ql.icon,
-		children: /* @__PURE__ */ R(gi, {
+		children: /* @__PURE__ */ R(_i, {
 			small: !0,
 			title: r ? "!" : void 0,
 			margin: 4,
@@ -6086,7 +6086,7 @@ var mr = /* @__PURE__ */ function(e) {
 		closedWidth: "var(--size-sidebar)",
 		buttonPosition: _r.BOTTOM,
 		buttonAnimate: !0,
-		button: s && /* @__PURE__ */ R(K, {
+		button: s && /* @__PURE__ */ R(G, {
 			onClick: (e) => {
 				e.shiftKey && n && n(e), a(!i);
 			},
@@ -6139,13 +6139,13 @@ var mr = /* @__PURE__ */ function(e) {
 		className: g(eu.item, i ? eu.active : "", r ? eu.disabled : "", n && !i ? eu.hidden : "", o ? eu.right : eu.left),
 		onClick: a,
 		"data-testid": l,
-		children: s ? /* @__PURE__ */ R(gi, {
+		children: s ? /* @__PURE__ */ R(_i, {
 			small: !0,
 			margin: "-4px",
 			color: u,
 			title: "!",
 			children: e
-		}) : c ? /* @__PURE__ */ R(gi, {
+		}) : c ? /* @__PURE__ */ R(_i, {
 			small: !0,
 			margin: "-4px",
 			title: c == null ? void 0 : c.toString(),
@@ -6207,7 +6207,7 @@ var mr = /* @__PURE__ */ function(e) {
 	target: n,
 	onClick: i,
 	"data-testid": r,
-	children: /* @__PURE__ */ R(Ki, {
+	children: /* @__PURE__ */ R(qi, {
 		link: !0,
 		children: e
 	})
@@ -6245,7 +6245,7 @@ var mr = /* @__PURE__ */ function(e) {
 		error: !!f,
 		warning: !!p,
 		text: m || f || p,
-		enabled: m && J(m) || f && J(f) || p && J(p) || !1,
+		enabled: m && q(m) || f && q(f) || p && q(p) || !1,
 		maxWidth: h,
 		children: S
 	});
@@ -6346,7 +6346,7 @@ var mr = /* @__PURE__ */ function(e) {
 		});
 		case uu.BUTTON: return /* @__PURE__ */ R("div", {
 			className: g(Q.item, Q.button),
-			children: /* @__PURE__ */ R(K, {
+			children: /* @__PURE__ */ R(G, {
 				label: e.label,
 				colored: e.colored,
 				pill: !0,
@@ -6358,7 +6358,7 @@ var mr = /* @__PURE__ */ function(e) {
 		});
 		case uu.MENU: return /* @__PURE__ */ R("div", {
 			className: g(Q.item, Q.menu),
-			children: /* @__PURE__ */ R(Ei, {
+			children: /* @__PURE__ */ R(Di, {
 				maxHeight: "100%",
 				menu: {
 					trigger: mr.COMPONENT,
@@ -6411,27 +6411,27 @@ var mr = /* @__PURE__ */ function(e) {
 	className: mu.popConfirm,
 	children: [e && /* @__PURE__ */ R("div", {
 		className: mu.content,
-		children: /* @__PURE__ */ R(Ki, {
+		children: /* @__PURE__ */ R(qi, {
 			small: !0,
 			children: e
 		})
 	}), /* @__PURE__ */ z("div", {
 		className: mu.buttons,
-		children: [/* @__PURE__ */ R(K, {
+		children: [/* @__PURE__ */ R(G, {
 			small: !0,
 			colored: !0,
 			label: t,
 			onClick: () => n(o),
 			disabled: r,
 			testId: `${s}-ok-button`
-		}), /* @__PURE__ */ R(K, {
+		}), /* @__PURE__ */ R(G, {
 			small: !0,
 			label: i,
 			onClick: () => a(o),
 			testId: `${s}-cancel-button`
 		})]
 	})]
-}), gu = ({ children: e, placement: t = "top-center", closeOnOutsideClick: n = !0, fullWidth: r = !1, title: i = "", cancelText: a = "Cancel", onClickCancel: o = (e) => e && e(), okText: s = "Ok", onClickOk: c = () => {}, disableConfirmButton: l = !1, overflowContainer: u = !1, testId: d = void 0 }) => /* @__PURE__ */ R(Ri, {
+}), gu = ({ children: e, placement: t = "top-center", closeOnOutsideClick: n = !0, fullWidth: r = !1, title: i = "", cancelText: a = "Cancel", onClickCancel: o = (e) => e && e(), okText: s = "Ok", onClickOk: c = () => {}, disableConfirmButton: l = !1, overflowContainer: u = !1, testId: d = void 0 }) => /* @__PURE__ */ R(zi, {
 	content: /* @__PURE__ */ R(hu, {
 		title: i,
 		okText: s,
@@ -6482,7 +6482,7 @@ var mr = /* @__PURE__ */ function(e) {
 			children: [
 				a && /* @__PURE__ */ R("div", {
 					className: _u.toggle,
-					children: /* @__PURE__ */ R(K, {
+					children: /* @__PURE__ */ R(G, {
 						basic: !0,
 						colored: r ? !0 : hr.MUTED,
 						small: !0,
@@ -6500,7 +6500,7 @@ var mr = /* @__PURE__ */ function(e) {
 					className: Z.right,
 					children: [/* @__PURE__ */ R(yl, { item: u }), !f && h.length > 0 && /* @__PURE__ */ R("div", {
 						className: Z.actions,
-						children: /* @__PURE__ */ R(Oi, { actions: h })
+						children: /* @__PURE__ */ R(ki, { actions: h })
 					})]
 				})
 			]
@@ -6668,7 +6668,7 @@ var mr = /* @__PURE__ */ function(e) {
 						className: xu.folder,
 						onClick: () => m(v),
 						onMouseDown: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ R(K, {
+						children: /* @__PURE__ */ R(G, {
 							basic: !0,
 							colored: c ? !0 : hr.MUTED,
 							disabled: !a,
@@ -6969,7 +6969,7 @@ var mr = /* @__PURE__ */ function(e) {
 			o = In(Ln(e, ae));
 		}
 		return {
-			type: ri.OPTION,
+			type: ii.OPTION,
 			inline: !0,
 			onClick: () => {
 				Fn(i).valid && !n && (pe(Ou.PREDEFINED), h({ target: {
@@ -6979,7 +6979,7 @@ var mr = /* @__PURE__ */ function(e) {
 					predefinedOption: t
 				} }));
 			},
-			label: /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(Ki, { children: t.label }), /* @__PURE__ */ R(_a, {
+			label: /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(qi, { children: t.label }), /* @__PURE__ */ R(_a, {
 				width: "20px",
 				height: "0"
 			})] }),
@@ -6988,7 +6988,7 @@ var mr = /* @__PURE__ */ function(e) {
 		};
 	};
 	if (Ce = [{
-		type: ri.OPTION,
+		type: ii.OPTION,
 		inline: !0,
 		onClick: () => {
 			fe !== Ou.CUSTOM && !n && h({ target: {
@@ -7021,7 +7021,7 @@ var mr = /* @__PURE__ */ function(e) {
 			small: o,
 			width: s,
 			children: [
-				C && /* @__PURE__ */ R(Ei, {
+				C && /* @__PURE__ */ R(Di, {
 					maxHeight: 380,
 					groupOrder: "first",
 					testId: x && `${x}-predefined-menu`,
@@ -7029,7 +7029,7 @@ var mr = /* @__PURE__ */ function(e) {
 					menu: {
 						colored: !0,
 						trigger: "Component",
-						component: /* @__PURE__ */ R(K, {
+						component: /* @__PURE__ */ R(G, {
 							groupOrder: "first",
 							active: fe === Ou.PREDEFINED,
 							icon: fe === Ou.PREDEFINED ? "link" : "unlink",
@@ -7069,7 +7069,7 @@ var mr = /* @__PURE__ */ function(e) {
 					groupOrder: De,
 					small: o,
 					children: be
-				}) : /* @__PURE__ */ R(Ei, {
+				}) : /* @__PURE__ */ R(Di, {
 					groupOrder: De,
 					maxHeight: 380,
 					disabled: r,
@@ -7308,7 +7308,7 @@ var mr = /* @__PURE__ */ function(e) {
 					})]
 				})
 			})]
-		}), t && /* @__PURE__ */ R(Ki, {
+		}), t && /* @__PURE__ */ R(qi, {
 			muted: !0,
 			children: f(t)
 		})]
@@ -7333,18 +7333,18 @@ var mr = /* @__PURE__ */ function(e) {
 	let s = ({ target: { value: e } }) => {
 		a(e);
 	}, { added: l, removed: u } = nd(e, t), d = l + u > 3500;
-	return /* @__PURE__ */ R(L, { children: /* @__PURE__ */ R(Ii, {
+	return /* @__PURE__ */ R(L, { children: /* @__PURE__ */ R(Li, {
 		bordered: !0,
 		heading: /* @__PURE__ */ z(sl, {
 			gap: !0,
-			children: [/* @__PURE__ */ R(Xi, { children: /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ z(Ki, {
+			children: [/* @__PURE__ */ R(Zi, { children: /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ z(qi, {
 				success: !0,
 				children: [
 					"+",
 					l,
 					" "
 				]
-			}), /* @__PURE__ */ z(Ki, {
+			}), /* @__PURE__ */ z(qi, {
 				error: !0,
 				children: ["-", u]
 			})] }) }), !d && /* @__PURE__ */ R(zl, {
@@ -7358,7 +7358,7 @@ var mr = /* @__PURE__ */ function(e) {
 		padding: !1,
 		children: d ? /* @__PURE__ */ R("div", {
 			style: { padding: "5px" },
-			children: /* @__PURE__ */ R(Ki, {
+			children: /* @__PURE__ */ R(qi, {
 				muted: !0,
 				children: r == null ? void 0 : r.changesTooLarge
 			})
@@ -8754,7 +8754,7 @@ var Zd = ((e = {}) => Xd({
 		};
 	}
 }, af = (e) => Array.isArray(e), of = (e, t) => t ? af(t) ? t.length === 0 ? e : t.reduce((e, t) => Zd.unpatch(zt(e), zt(t)), zt(e)) : Zd.unpatch(zt(e), zt(t)) : e, sf = (e, t, n) => {
-	let r = t.filter((t) => !!t.diffs && t.createdAt >= e.createdAt), i = Array(r.length + 1);
+	let r = t.filter((t) => !!t.diffs && (t.createdAt || t.date) >= (e.createdAt || e.date)), i = Array(r.length + 1);
 	i[0] = zt(n);
 	let a = "", o = "";
 	try {
@@ -8831,17 +8831,17 @@ var Zd = ((e = {}) => Xd({
 		});
 	};
 	return e ? (i(e), n) : [];
-}, hf = ({ auditLog: e, auditLogs: t, data: n, isOpen: r, sectionNames: i, onClose: a }) => {
-	let { diffs: o = void 0 } = e || {};
-	if (!o) return null;
+}, hf = ({ auditLog: e, auditLogs: t, data: n, isOpen: r, sectionNames: i, onClose: a, cancelLabel: o = "Cancel" }) => {
 	let s = [pf.summary, pf.compare].map(({ label: e, value: t }) => ({
 		label: e,
 		value: t
-	})), [c, l] = m(s[0]), { oldJson: u, newJson: d } = sf(e, t, n);
-	return /* @__PURE__ */ R(Ca, {
+	})), [c, l] = m(s[0]), { diffs: u = void 0 } = e || {};
+	if (!u) return null;
+	let { oldJson: d, newJson: f } = sf(e, t, n);
+	return console.log("GUI library:", e, t, n), console.log("GUi Auditlog:", d, f), /* @__PURE__ */ R(Ca, {
 		visible: r,
 		centered: !0,
-		children: /* @__PURE__ */ R($i, { dialog: {
+		children: /* @__PURE__ */ R(ea, { dialog: {
 			scroll: !0,
 			heading: "Comparison view",
 			content: /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(ru, {
@@ -8852,13 +8852,13 @@ var Zd = ((e = {}) => Xd({
 			}), c.value === "summary" ? /* @__PURE__ */ R(ff, {
 				userName: e.userName,
 				sectionNames: i,
-				diffs: mf(o)
+				diffs: mf(u)
 			}) : /* @__PURE__ */ R(ad, {
-				oldJson: u,
-				newJson: d
+				oldJson: d,
+				newJson: f
 			})] }),
-			footer: /* @__PURE__ */ R(K, {
-				label: "Cancel",
+			footer: /* @__PURE__ */ R(G, {
+				label: o,
 				onClick: a
 			}),
 			onClose: a,
@@ -8866,75 +8866,100 @@ var Zd = ((e = {}) => Xd({
 			height: "90vh"
 		} })
 	});
-}, gf = ({ logs: e, data: t, total: n, loading: r, selectedPage: i, rowsPerPage: a, sectionNames: o, filterToggles: s = [], onChangeRowsPerPage: c, onSelectPage: l }) => {
-	let [u, d] = m(!1), [f, p] = m(null), h = [
-		{
-			label: "10 / page",
-			value: 10
-		},
-		{
-			label: "20 / page",
-			value: 20
-		},
-		{
-			label: "50 / page",
-			value: 50
-		},
-		{
-			label: "Show all",
-			value: 0
-		}
-	], g = ({ diffs: e, userName: t, source: n, operation: r, operationMetaData: i }) => {
-		let a = ef(e), o = a.total ? `${a.total} change${a.total === 1 ? "" : "s"}` : "no field changes";
-		if (n === "API") return r === "Created" ? "Created through API" : "Changed through API";
-		switch (r) {
-			case "Created": return `Created by ${t}`;
-			case "Cloned": return `Cloned by ${t} (from ${i || "unknown"})`;
-			case "Reverted": return `Reverted by ${t}`;
-			case "Imported": return `Imported by ${t}`;
-			case "Updated": return `Updated by ${t} (${o})`;
-			default: return `Change by ${t}`;
+}, gf = {
+	heading: "CHANGES",
+	change: "Change",
+	modifiedBy: "Modified by",
+	using: "Using",
+	operation: "Operation",
+	date: "Date",
+	unknownUser: "Unknown",
+	snapshot: "Snapshot",
+	cancel: "Cancel"
+}, _f = [
+	{
+		label: "10 / page",
+		value: 10
+	},
+	{
+		label: "20 / page",
+		value: 20
+	},
+	{
+		label: "50 / page",
+		value: 50
+	},
+	{
+		label: "Show all",
+		value: 0
+	}
+], vf = (e) => e.createdAt || e.date, yf = ({ diffs: e, userName: t, source: n, operation: r, operationMetaData: i }) => {
+	let a = ef(e).total, o = a ? `${a} change${a === 1 ? "" : "s"}` : "no field changes";
+	if (n === "API") return r === "Created" ? "Created through API" : "Changed through API";
+	switch (r) {
+		case "Created": return `Created by ${t}`;
+		case "Cloned": return `Cloned by ${t} (from ${i || "unknown"})`;
+		case "Reverted": return `Reverted by ${t}`;
+		case "Imported": return `Imported by ${t}`;
+		case "Updated": return `Updated by ${t} (${o})`;
+		default: return `Change by ${t}`;
+	}
+}, bf = ({ logs: e, data: t, total: n, loading: r, selectedPage: i, rowsPerPage: a, sectionNames: o, filterToggles: s = [], labels: c, onChangeRowsPerPage: l, onSelectPage: u, onClickSnapshot: d, snapshotLoading: f, getActions: p, isLogDisabled: h }) => {
+	let g = {
+		...gf,
+		...c
+	}, [_, v] = m(!1), [y, b] = m(null), x = (e) => {
+		if (e.snapshot) {
+			d == null || d(e.snapshot, e);
+			return;
 		}
-	}, _ = [{ cells: [
+		b(e), v(!0);
+	}, S = [{ cells: [
 		{ value: "Change" },
 		{ value: "Modified by" },
 		{ value: "Using" },
 		{ value: "Operation" },
 		{ value: "Date" }
-	] }], v = e.map((e) => ({ cells: [
-		{
-			value: g(e),
-			type: "Link",
-			onClick: () => {
-				d(!0), p(e);
-			},
-			breakWord: !0
-		},
-		{
-			value: e.source === "API" ? "API" : e.userName || "Unknown",
-			type: "Static"
-		},
-		{
-			value: e.source || "System",
-			type: "Static"
-		},
-		{
-			value: e.operation,
-			type: "Static"
-		},
-		{
-			value: od({
-				date: e.createdAt,
-				showTime: !0
-			}),
-			type: "Static"
-		}
-	] }));
-	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(Ii, {
+	] }], C = e.map((e) => {
+		var t;
+		let n = (t = h == null ? void 0 : h(e)) == null ? !!(e.snapshot && f || !e.diffs) : t;
+		return {
+			cells: [
+				{
+					value: e.snapshot ? `${g.snapshot}: ${e.snapshot}` : yf(e),
+					type: "Link",
+					disabled: n,
+					onClick: n ? void 0 : () => x(e),
+					breakWord: !0
+				},
+				{
+					value: e.source === "API" ? "API" : e.userName || g.unknownUser,
+					type: "Static"
+				},
+				{
+					value: e.source || "System",
+					type: "Static"
+				},
+				{
+					value: e.operation,
+					type: "Static"
+				},
+				{
+					value: od({
+						date: vf(e),
+						showTime: !0
+					}),
+					type: "Static"
+				}
+			],
+			actions: p == null ? void 0 : p(e)
+		};
+	});
+	return console.log("GUI:", y, e, t), /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(Li, {
 		heading: /* @__PURE__ */ z(sl, {
 			gap: !0,
 			wrap: !0,
-			children: [/* @__PURE__ */ R(Xi, { children: "CHANGES" }), s == null ? void 0 : s.map((e) => {
+			children: [/* @__PURE__ */ R(Zi, { children: g.heading }), s.map((e) => {
 				var t;
 				return /* @__PURE__ */ R(zc, {
 					small: (t = e.small) == null ? !0 : t,
@@ -8949,10 +8974,10 @@ var Zd = ((e = {}) => Xd({
 		children: r ? /* @__PURE__ */ R(Ol, {
 			height: "100px",
 			theme: yr.WHITE,
-			children: /* @__PURE__ */ R(Xr, { dark: !0 })
+			children: /* @__PURE__ */ R(Zr, { dark: !0 })
 		}) : /* @__PURE__ */ R(qs, { table: {
-			headers: _,
-			rows: v,
+			headers: S,
+			rows: C,
 			fixedWidth: "100%",
 			bordered: !1,
 			actionsRight: !0,
@@ -8961,25 +8986,25 @@ var Zd = ((e = {}) => Xd({
 				selectedPage: i,
 				rowsPerPage: {
 					onChange: (e) => {
-						let { value: t } = e.target;
-						c(Number(t));
+						l(Number(e.target.value));
 					},
-					options: h,
+					options: _f,
 					value: a
 				},
-				onSelectPage: (e) => l(e),
+				onSelectPage: (e) => u(e),
 				small: !0
 			} }
 		} })
-	}), u && f && /* @__PURE__ */ R(hf, {
+	}), _ && y && y.diffs && /* @__PURE__ */ R(hf, {
 		sectionNames: o,
-		isOpen: u,
-		onClose: () => d(!1),
+		isOpen: _,
+		onClose: () => v(!1),
 		auditLogs: e,
-		auditLog: f,
-		data: t
+		auditLog: y,
+		data: t,
+		cancelLabel: g.cancel
 	})] });
-}, _f = ({ pathName: e, moduleName: t, onNavigate: n, onStartTimingEvent: r }) => {
+}, xf = ({ pathName: e, moduleName: t, onNavigate: n, onStartTimingEvent: r }) => {
 	let i = window.location.href, a = p(i);
 	return c(() => {
 		a.current = i;
@@ -9002,10 +9027,10 @@ var Zd = ((e = {}) => Xd({
 			});
 		};
 	}, [e, t]), null;
-}, vf = (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null, yf = (e) => {
+}, Sf = (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null, Cf = (e) => {
 	Yu(Wu.LanguageKey, e.languageKey), Object.entries(e).forEach(([e, t]) => {
-		e === Wu.Translations ? Yu(e, Ku(t)) : Yu(e, vf(t) ? t : { ...t });
+		e === Wu.Translations ? Yu(e, Ku(t)) : Yu(e, Sf(t) ? t : { ...t });
 	});
 };
 //#endregion
-export { Lr as Accordion, Jr as AccordionWithDefaultToggle, Oi as Actions, gr as Align, gf as AuditLog, gi as Badge, Mi as Breadcrumb, Ai as BreadcrumbLinkType, K as Button, Pi as ButtonGroup, _r as ButtonPosition, Zr as ButtonType, Ii as Card, Wr as CheckBox, jr as Chevron, Pr as Collapse, hr as Color, Bi as ColorInput, Ui as Column, $i as Dialog, ad as DiffViewer, H as DisabledContext, Ji as Divider, oa as Drawer, uu as ElementType, ic as Empty, ol as Field, nl as FileButton, ga as FileInput, sl as Flex, ll as FormRow, pl as Grid, B as GroupOrder, Xi as Heading, Ur as HelpIcon, U as Icon, V as IconType, da as Input, la as InputGroup, rs as InputGroupAddon, pa as InputReaderMethods, br as InputType, il as Label, El as List, hl as ListHeading, xl as ListSubheading, Ol as Loader, Ei as Menu, ii as MenuCarat, ri as MenuType, Ua as Message, La as MessageType, Ca as Modal, Ya as NativeSelect, ys as NumberInput, Pl as OptionDropdown, Il as Page, is as Pagination, gu as PopConfirm, Ri as Popover, ya as Portal, Rl as PrintHeader, Ea as ProgressBar, zl as RadioButton, Wl as RichTextInput, Kl as Row, Zo as Select, td as SettingField, Zl as SideBar, $l as Skeleton, Ds as Slider, ja as SmartUploadModal, _a as Spacer, Xr as Spinner, qs as Table, tl as TableImportExport, ru as Tabs, Ki as Text, ou as TextArea, iu as TextLink, vr as TextTransform, yr as Theme, $n as Toaster, zc as Toggle, W as Tooltip, pu as TopBar, bu as Tree, wu as TreeTable, mr as TriggerType, Uu as UnitInput, $u as UnitTable, _f as UsageTracker, Ic as dismissToast, Bu as initializeContext, yf as initializeGuiLibrary, ma as readFile, Fc as toast, Xa as useFocus, va as useKeyboardEvent, $a as useWindowWidth };
+export { Lr as Accordion, Jr as AccordionWithDefaultToggle, ki as Actions, gr as Align, bf as AuditLog, _i as Badge, Ni as Breadcrumb, ji as BreadcrumbLinkType, G as Button, Fi as ButtonGroup, _r as ButtonPosition, Qr as ButtonType, Li as Card, Wr as CheckBox, jr as Chevron, Pr as Collapse, hr as Color, Vi as ColorInput, Wi as Column, ea as Dialog, ad as DiffViewer, H as DisabledContext, Yi as Divider, oa as Drawer, uu as ElementType, ic as Empty, ol as Field, nl as FileButton, ga as FileInput, sl as Flex, ll as FormRow, pl as Grid, B as GroupOrder, Zi as Heading, Ur as HelpIcon, U as Icon, V as IconType, da as Input, la as InputGroup, rs as InputGroupAddon, pa as InputReaderMethods, br as InputType, il as Label, El as List, hl as ListHeading, xl as ListSubheading, Ol as Loader, Di as Menu, ai as MenuCarat, ii as MenuType, Ua as Message, La as MessageType, Ca as Modal, Ya as NativeSelect, ys as NumberInput, Pl as OptionDropdown, Il as Page, is as Pagination, gu as PopConfirm, zi as Popover, ya as Portal, Rl as PrintHeader, Ea as ProgressBar, zl as RadioButton, Wl as RichTextInput, Kl as Row, Zo as Select, td as SettingField, Zl as SideBar, $l as Skeleton, Ds as Slider, ja as SmartUploadModal, _a as Spacer, Zr as Spinner, qs as Table, tl as TableImportExport, ru as Tabs, qi as Text, ou as TextArea, iu as TextLink, vr as TextTransform, yr as Theme, $n as Toaster, zc as Toggle, W as Tooltip, pu as TopBar, bu as Tree, wu as TreeTable, mr as TriggerType, Uu as UnitInput, $u as UnitTable, xf as UsageTracker, Ic as dismissToast, Bu as initializeContext, Cf as initializeGuiLibrary, ma as readFile, Fc as toast, Xa as useFocus, va as useKeyboardEvent, $a as useWindowWidth };