@updog/data-editor 0.1.42 → 0.1.43

package/index.js

@@ -2,7 +2,7 @@ import { i as e } from "./encoding-DUtZMwy0.js";
 import t, { Children as n, Component as r, Fragment as i, Suspense as a, cloneElement as o, createContext as s, createElement as c, forwardRef as l, isValidElement as u, memo as d, useCallback as f, useContext as p, useEffect as m, useId as h, useImperativeHandle as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b, useSyncExternalStore as x } from "react";
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 import T, { clsx as E } from "clsx";
-import { AlertTriangleIcon as D, ArrowDown as O, ArrowDownZA as k, ArrowRightIcon as A, ArrowUp as j, ArrowUpAZ as M, CalendarIcon as N, CaseSensitiveIcon as P, Check as F, CheckIcon as I, ChevronDown as L, ChevronDownIcon as R, ChevronLeft as ee, ChevronLeftIcon as z, ChevronRight as B, ChevronRightIcon as V, CircleAlertIcon as te, CircleCheck as H, CircleX as ne, ClipboardPaste as re, Copy as ie, CopyPlus as ae, DownloadIcon as oe, Eraser as se, Eye as ce, EyeOff as le, FunctionSquare as ue, FunnelIcon as de, Info as fe, InfoIcon as pe, LayoutGridIcon as me, ListPlus as he, LockKeyholeIcon as ge, LockKeyholeOpen as _e, Merge as ve, Minus as ye, Pencil as be, PinIcon as xe, PinOffIcon as Se, PlusIcon as Ce, Redo2Icon as we, ReplaceIcon as Te, RotateCcwIcon as Ee, Scissors as De, SearchIcon as Oe, SendIcon as ke, Split as Ae, SquareIcon as je, Trash2 as Me, Trash2Icon as Ne, TriangleAlert as Pe, Undo2 as Fe, Undo2Icon as Ie, UploadIcon as Le, Wand2 as Re, WholeWordIcon as ze, X as Be, XIcon as Ve } from "lucide-react";
+import { AlertTriangleIcon as D, ArrowDown as O, ArrowDownZA as k, ArrowRightIcon as A, ArrowUp as j, ArrowUpAZ as M, CalendarIcon as N, CaseSensitiveIcon as P, Check as F, CheckIcon as I, ChevronDown as L, ChevronDownIcon as R, ChevronLeft as z, ChevronLeftIcon as B, ChevronRight as V, ChevronRightIcon as ee, CircleAlertIcon as te, CircleCheck as H, CircleX as ne, ClipboardPaste as re, Copy as ie, CopyPlus as ae, DownloadIcon as oe, Eraser as se, Eye as ce, EyeOff as le, FunctionSquare as ue, FunnelIcon as de, Info as fe, InfoIcon as pe, LayoutGridIcon as me, ListPlus as he, LockKeyholeIcon as ge, LockKeyholeOpen as _e, Merge as ve, Minus as ye, Pencil as be, PinIcon as xe, PinOffIcon as Se, PlusIcon as Ce, Redo2Icon as we, ReplaceIcon as Te, RotateCcwIcon as Ee, Scissors as De, SearchIcon as Oe, SendIcon as ke, Split as Ae, SquareIcon as je, Trash2 as Me, Trash2Icon as Ne, TriangleAlert as Pe, Undo2 as Fe, Undo2Icon as Ie, UploadIcon as Le, Wand2 as Re, WholeWordIcon as ze, X as Be, XIcon as Ve } from "lucide-react";
 import { FloatingFocusManager as He, FloatingNode as Ue, FloatingOverlay as We, FloatingPortal as Ge, FloatingTree as Ke, autoPlacement as qe, autoUpdate as Je, flip as Ye, offset as Xe, safePolygon as Ze, shift as Qe, size as $e, useClick as et, useDismiss as tt, useFloating as nt, useFloatingNodeId as rt, useFloatingTree as it, useFocus as at, useHover as ot, useInteractions as st, useListNavigation as ct, useRole as lt, useTransitionStyles as ut, useTypeahead as dt } from "@floating-ui/react";
 import { useDropzone as ft } from "react-dropzone";
 import { v4 as pt } from "uuid";
@@ -417,9 +417,6 @@ var Hr = {
 				primaryKey: "Primary key"
 			},
 			uploadFile: {
-				title: "Upload file",
-				text: "Upload a CSV, TSV, Excel, JSON or XML file to import data",
-				textDynamic: "Upload a {{formats}} file to import data",
 				parseError: "Failed to parse file",
 				clickToUpload: "Click to upload",
 				orDragAndDrop: "or drag and drop",
@@ -435,8 +432,6 @@ var Hr = {
 				fetchError: "Failed to load data"
 			},
 			matchColumns: {
-				title: "Match columns",
-				text: "Map imported columns to existing columns",
 				banner: "Some columns could not be automatically matched",
 				importedColumns: "Imported columns",
 				matchedCount: "{{matched}}/{{total}} matched",
@@ -456,14 +451,10 @@ var Hr = {
 				unmatchedWarning: "Unmatched columns won't be imported. Match this column to keep the data. You can transform columns after importing."
 			},
 			sheetSelection: {
-				title: "Select sheet",
-				text: "This file contains multiple sheets. Choose which sheet to import.",
 				rowCount: "{{count}} rows",
 				emptySheet: "Empty sheet"
 			},
 			matchValues: {
-				title: "Match values",
-				text: "Review how imported values map to your column options. Adjust any mappings that need a different match.",
 				importedValues: "Imported values",
 				matchedCount: "{{matched}}/{{total}} matched",
 				targetValue: "Target value",
@@ -479,8 +470,6 @@ var Hr = {
 				createOptionSubmit: "Create"
 			},
 			primaryKey: {
-				title: "Select primary key",
-				text: "Choose the column that uniquely identifies each row",
 				none: "No primary key",
 				noneHint: "All rows will be appended as new entries without deduplication."
 			}
@@ -1016,7 +1005,7 @@ var Ci = () => {
 					variant: "filled",
 					color: "neutral",
 					onClick: a(-1),
-					content: /* @__PURE__ */ C(ee, {
+					content: /* @__PURE__ */ C(z, {
 						className: "rtl-mirror",
 						size: "1rem"
 					}),
@@ -1025,7 +1014,7 @@ var Ci = () => {
 					variant: "filled",
 					color: "neutral",
 					onClick: a(1),
-					content: /* @__PURE__ */ C(B, {
+					content: /* @__PURE__ */ C(V, {
 						className: "rtl-mirror",
 						size: "1rem"
 					}),
@@ -1468,27 +1457,27 @@ var Qi = l(({ children: e, ...t }, r) => {
 	if (!e) throw Error("useDropdownContext must be used within a DropdownProvider");
 	return e;
 }, na = s({}), ra = () => p(na), ia = (e) => {
-	let { open: t, onOpenChange: n, defaultIsOpen: r, disabled: i = !1, animation: a = !0, placement: o = "bottom", offset: s = 8, flip: c = !0, shift: l = !0, autoPlacement: u = !1, interactions: d = ["click", "dismiss"], role: p = "dialog", minWidth: g, maxWidth: _, minHeight: v, maxHeight: x, matchTriggerWidth: S = !1, typeaheadListRef: C, triggerId: w, contentId: T, middleware: E, clickOptions: D, hoverOptions: O, focusOptions: k, dismissOptions: A, roleOptions: j, listNavigationOptions: M, typeaheadOptions: N } = e, P = h(), F = `${P}-trigger`, I = `${P}-content`, L = w || F, R = T || I, { value: ee, onChange: z } = Ai({
+	let { open: t, onOpenChange: n, defaultIsOpen: r, disabled: i = !1, animation: a = !0, placement: o = "bottom", offset: s = 8, flip: c = !0, shift: l = !0, autoPlacement: u = !1, interactions: d = ["click", "dismiss"], role: p = "dialog", minWidth: g, maxWidth: _, minHeight: v, maxHeight: x, matchTriggerWidth: S = !1, typeaheadListRef: C, triggerId: w, contentId: T, middleware: E, clickOptions: D, hoverOptions: O, focusOptions: k, dismissOptions: A, roleOptions: j, listNavigationOptions: M, typeaheadOptions: N } = e, P = h(), F = `${P}-trigger`, I = `${P}-content`, L = w || F, R = T || I, { value: z, onChange: B } = Ai({
 		controlledValue: t,
 		controlledOnChange: n,
 		defaultValue: r
-	}), B = it(), V = f(() => {
-		z(!1), B && B.events.emit("dismissAll");
-	}, [z, B]);
+	}), V = it(), ee = f(() => {
+		B(!1), V && V.events.emit("dismissAll");
+	}, [B, V]);
 	m(() => {
-		if (!B) return;
+		if (!V) return;
 		let e = () => {
-			z(!1);
+			B(!1);
 		};
-		return B.events.on("dismissAll", e), () => {
-			B.events.off("dismissAll", e);
+		return V.events.on("dismissAll", e), () => {
+			V.events.off("dismissAll", e);
 		};
-	}, [B, z]);
+	}, [V, B]);
 	let te = y([]), H = f((e) => (t) => {
 		te.current[e] = t;
 	}, []), [ne, re] = b(null), { refs: ie, floatingStyles: ae, context: oe, placement: se } = nt({
-		open: ee,
-		onOpenChange: z,
+		open: z,
+		onOpenChange: B,
 		placement: o,
 		middleware: E ?? [
 			Xe(s),
@@ -1568,14 +1557,14 @@ var Qi = l(({ children: e, ...t }, r) => {
 		getReferenceProps: fe,
 		getFloatingProps: pe,
 		getItemProps: de("listNavigation") ? me : void 0,
-		open: !!ee,
-		setOpen: z,
+		open: !!z,
+		setOpen: B,
 		placement: se,
 		activeIndex: ne,
 		setActiveIndex: re,
 		navigationRef: H,
 		props: e,
-		dismiss: V,
+		dismiss: ee,
 		isMounted: le,
 		transitionStyles: ue,
 		triggerId: L,
@@ -1624,7 +1613,7 @@ var Qi = l(({ children: e, ...t }, r) => {
 		s && e.stopPropagation(), o && e.preventDefault();
 	}, [s, o]), R = f((e) => {
 		u.setReference(e);
-	}, [u.setReference]), ee = v(() => {
+	}, [u.setReference]), z = v(() => {
 		let { onClick: e, ...n } = I, r = Ui(Ui(t.props.onClick, e), L);
 		return /* @__PURE__ */ C(Qi, {
 			ref: R,
@@ -1641,7 +1630,7 @@ var Qi = l(({ children: e, ...t }, r) => {
 		j,
 		I,
 		L
-	]), z = v(() => {
+	]), B = v(() => {
 		if (!k) return null;
 		let e = /* @__PURE__ */ C("div", {
 			ref: u.setFloating,
@@ -1681,10 +1670,10 @@ var Qi = l(({ children: e, ...t }, r) => {
 		value: P,
 		children: /* @__PURE__ */ w(Ue, {
 			id: N,
-			children: [/* @__PURE__ */ C(S, { children: ee }), c ? /* @__PURE__ */ C(Ge, {
+			children: [/* @__PURE__ */ C(S, { children: z }), c ? /* @__PURE__ */ C(Ge, {
 				root: typeof c == "boolean" ? void 0 : c,
-				children: z
-			}) : /* @__PURE__ */ C(S, { children: z })]
+				children: B
+			}) : /* @__PURE__ */ C(S, { children: B })]
 		})
 	});
 }, oa = ({ item: e }) => /* @__PURE__ */ C("div", {
@@ -1742,26 +1731,26 @@ function la(e, t) {
 		onTouchCancel: (e) => {
 			k.onTouchCancel();
 		}
-	} : {}, [S, k]), { onClick: R, ...ee } = x, z = f((e) => {
+	} : {}, [S, k]), { onClick: R, ...z } = x, B = f((e) => {
 		R?.(e), N();
 	}, [R, N]);
 	return /* @__PURE__ */ C(aa, {
 		portal: g,
 		trigger: v(() => /* @__PURE__ */ C(Qi, {
 			ref: t,
-			...ee,
+			...z,
 			...D ? { "aria-describedby": M } : {},
-			onClick: z,
+			onClick: B,
 			onBlur: P,
 			onMouseLeave: F,
 			...L,
 			children: I
 		}), [
 			t,
-			ee,
+			z,
 			D,
 			M,
-			z,
+			B,
 			P,
 			F,
 			L,
@@ -1830,7 +1819,7 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 			e.accessory && e.accessory,
 			e.options && !e.disabled && /* @__PURE__ */ C("span", {
 				className: "updog-menu__option-endAccessory",
-				children: C(i ? z : V, { size: "1rem" })
+				children: C(i ? B : ee, { size: "1rem" })
 			})
 		]
 	});
@@ -1908,11 +1897,11 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 			N.events.off("dismissAll", e);
 		};
 	}, [N]);
-	let I = h(), L = `${I}-context-trigger`, R = `${I}-context-content`, ee = y([]), z = f((e) => (t) => {
-		ee.current[e] = t;
-	}, []), B = y([]);
-	B.current = n.filter(da).map((e) => e.text);
-	let { refs: V, floatingStyles: te, context: H, placement: ne } = nt({
+	let I = h(), L = `${I}-context-trigger`, R = `${I}-context-content`, z = y([]), B = f((e) => (t) => {
+		z.current[e] = t;
+	}, []), V = y([]);
+	V.current = n.filter(da).map((e) => e.text);
+	let { refs: ee, floatingStyles: te, context: H, placement: ne } = nt({
 		open: k,
 		onOpenChange: A,
 		placement: p,
@@ -1934,7 +1923,7 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 		whileElementsMounted: Je
 	});
 	m(() => {
-		D && V.setPositionReference({ getBoundingClientRect: () => ({
+		D && ee.setPositionReference({ getBoundingClientRect: () => ({
 			x: D.x,
 			y: D.y,
 			width: 0,
@@ -1944,7 +1933,7 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 			bottom: D.y,
 			left: D.x
 		}) });
-	}, [D, V]);
+	}, [D, ee]);
 	let re = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, { isMounted: ie, styles: ae } = ut(H, {
 		duration: !a || re ? 0 : 100,
 		initial: { opacity: 0 }
@@ -1956,7 +1945,7 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 		}),
 		lt(H, { role: "menu" }),
 		ct(H, {
-			listRef: ee,
+			listRef: z,
 			activeIndex: j,
 			onNavigate: M,
 			loop: !0,
@@ -1964,13 +1953,13 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 			rtl: O
 		}),
 		dt(H, {
-			listRef: B,
+			listRef: V,
 			activeIndex: j,
 			onMatch: M,
 			resetMs: 750
 		})
 	]), le = y(null), ue = f((e) => {
-		i || (g !== !1 && e.preventDefault(), _ && e.stopPropagation(), V.setPositionReference({ getBoundingClientRect() {
+		i || (g !== !1 && e.preventDefault(), _ && e.stopPropagation(), ee.setPositionReference({ getBoundingClientRect() {
 			return {
 				x: e.clientX,
 				y: e.clientY,
@@ -1986,7 +1975,7 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 		i,
 		g,
 		_,
-		V
+		ee
 	]), de = v(() => ({
 		open: k ?? !1,
 		setOpen: A,
@@ -1994,15 +1983,15 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 		placement: ne,
 		floatingStyles: te,
 		refs: {
-			setReference: V.setReference,
-			setFloating: V.setFloating
+			setReference: ee.setReference,
+			setFloating: ee.setFloating
 		},
 		getReferenceProps: oe,
 		getFloatingProps: se,
 		getItemProps: ce,
 		activeIndex: j,
 		setActiveIndex: M,
-		navigationRef: z,
+		navigationRef: B,
 		context: H,
 		isMounted: ie,
 		transitionStyles: ae,
@@ -2014,13 +2003,13 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 		F,
 		ne,
 		te,
-		V.setReference,
-		V.setFloating,
+		ee.setReference,
+		ee.setFloating,
 		oe,
 		se,
 		ce,
 		j,
-		z,
+		B,
 		H,
 		ie,
 		ae,
@@ -2046,7 +2035,7 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 		restoreFocus: !1,
 		modal: !1,
 		children: /* @__PURE__ */ C("div", {
-			ref: V.setFloating,
+			ref: ee.setFloating,
 			style: {
 				...te,
 				...ae
@@ -2060,7 +2049,7 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 		})
 	}) : null, [
 		ie,
-		V.setFloating,
+		ee.setFloating,
 		te,
 		ae,
 		o,
@@ -2147,7 +2136,7 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 		e.stopPropagation(), e.preventDefault();
 	}, []), L = f((e) => {
 		e.stopPropagation();
-	}, []), R = Object.fromEntries(Object.entries(v).filter(([e]) => e.startsWith("data-"))), ee = /* @__PURE__ */ C("span", {
+	}, []), R = Object.fromEntries(Object.entries(v).filter(([e]) => e.startsWith("data-"))), z = /* @__PURE__ */ C("span", {
 		className: "updog-datepicker__trigger-placeholder updog-text--sm",
 		children: o || T("ui.datePicker.placeholder")
 	});
@@ -2171,7 +2160,7 @@ var ua = l(la), da = (e) => !("type" in e), fa = (e) => "type" in e && e.type ==
 			children: s ? /* @__PURE__ */ C(Ca, {
 				className: E("updog-datepicker__trigger-value", M[x]),
 				content: s
-			}) : ee
+			}) : z
 		}), /* @__PURE__ */ w("div", {
 			className: "updog-datepicker__trigger-actions",
 			children: [
@@ -2424,7 +2413,7 @@ var Da = ({ text: e, direction: t = "horizontal", width: n, height: r, className
 	}), L = f((e) => {
 		let t = e.currentTarget.value;
 		i && (t = t.split("").filter((e) => i.test(e)).join("")), r && r(t, e);
-	}, [r, i]), R = v(() => g?.toString() || "", [g]), ee = f((e) => {
+	}, [r, i]), R = v(() => g?.toString() || "", [g]), z = f((e) => {
 		i && !i.test(e.key) && ![
 			"Backspace",
 			"Delete",
@@ -2435,7 +2424,7 @@ var Da = ({ text: e, direction: t = "horizontal", width: n, height: r, className
 			"Tab",
 			"Enter"
 		].includes(e.key) && e.preventDefault();
-	}, [i]), z = v(() => Ui(_, ee), [_, ee]);
+	}, [i]), B = v(() => Ui(_, z), [_, z]);
 	return /* @__PURE__ */ w("div", {
 		className: A,
 		children: [
@@ -2449,7 +2438,7 @@ var Da = ({ text: e, direction: t = "horizontal", width: n, height: r, className
 				size: void 0,
 				className: j,
 				onChange: L,
-				onKeyDown: z,
+				onKeyDown: B,
 				value: g,
 				"aria-invalid": l
 			}),
@@ -2581,11 +2570,11 @@ var Da = ({ text: e, direction: t = "horizontal", width: n, height: r, className
 //#endregion
 //#region ../ui-kit/src/components/Menu/index.tsx
 function Na(e, t) {
-	let { open: n, onOpenChange: r, defaultIsOpen: i, trigger: a, children: o, options: s, onSelect: c, placement: l = "bottom-start", offset: u = 8, contentClassName: d, preventDefaultOnTrigger: p, stopPropagationOnTrigger: m, minHeight: g, maxHeight: _, minWidth: b, maxWidth: x, disabled: S, middleware: w, flip: T, shift: D, autoPlacement: O, clickOptions: k, hoverOptions: A, focusOptions: j, dismissOptions: M, roleOptions: N, listNavigationOptions: P, typeaheadOptions: F, floatingFocusManager: I, ariaLabel: L, triggerId: R, contentId: ee, matchTriggerWidth: z, typeaheadListRef: B, portal: V, ...te } = e, { rtl: H } = K(), { value: ne, onChange: re } = Ai({
+	let { open: n, onOpenChange: r, defaultIsOpen: i, trigger: a, children: o, options: s, onSelect: c, placement: l = "bottom-start", offset: u = 8, contentClassName: d, preventDefaultOnTrigger: p, stopPropagationOnTrigger: m, minHeight: g, maxHeight: _, minWidth: b, maxWidth: x, disabled: S, middleware: w, flip: T, shift: D, autoPlacement: O, clickOptions: k, hoverOptions: A, focusOptions: j, dismissOptions: M, roleOptions: N, listNavigationOptions: P, typeaheadOptions: F, floatingFocusManager: I, ariaLabel: L, triggerId: R, contentId: z, matchTriggerWidth: B, typeaheadListRef: V, portal: ee, ...te } = e, { rtl: H } = K(), { value: ne, onChange: re } = Ai({
 		controlledValue: n,
 		controlledOnChange: r,
 		defaultValue: i
-	}), ie = y(null), ae = h(), oe = o.props.id || R || `${ae}-trigger`, se = ee || (o.props.id ? `${o.props.id}-content` : `${ae}-content`), ce = y([]);
+	}), ie = y(null), ae = h(), oe = o.props.id || R || `${ae}-trigger`, se = z || (o.props.id ? `${o.props.id}-content` : `${ae}-content`), ce = y([]);
 	v(() => {
 		ce.current = s.filter(da).map((e) => e.text);
 	}, [s]);
@@ -2606,11 +2595,11 @@ function Na(e, t) {
 			options: s,
 			rtl: H,
 			rootTriggerRef: ie,
-			portal: V,
+			portal: ee,
 			minWidth: b
 		},
 		children: /* @__PURE__ */ C(aa, {
-			portal: V,
+			portal: ee,
 			trigger: de,
 			content: /* @__PURE__ */ C(ga, { options: s }),
 			triggerId: oe,
@@ -2638,7 +2627,7 @@ function Na(e, t) {
 			roleOptions: N,
 			typeaheadOptions: F,
 			ariaLabel: L,
-			matchTriggerWidth: z,
+			matchTriggerWidth: B,
 			floatingFocusManager: {
 				initialFocus: -1,
 				returnFocus: !0,
@@ -2653,7 +2642,7 @@ function Na(e, t) {
 				loop: !0,
 				...P
 			},
-			typeaheadListRef: B ?? ce,
+			typeaheadListRef: V ?? ce,
 			preventDefaultOnTrigger: p,
 			stopPropagationOnTrigger: m,
 			minHeight: g,
@@ -2667,7 +2656,7 @@ var Pa = l(Na);
 //#endregion
 //#region ../ui-kit/src/components/Popover/index.tsx
 function Fa(e, t) {
-	let { trigger: n, children: r, content: i, open: a, onOpenChange: o, defaultIsOpen: s, placement: c = "bottom-start", offset: l = 8, maxWidth: d = 320, contentClassName: f, flip: p, shift: m, autoPlacement: g, middleware: _, clickOptions: v, hoverOptions: y, focusOptions: b, dismissOptions: x, roleOptions: S, listNavigationOptions: w, typeaheadOptions: T, floatingFocusManager: D, ariaLabel: O, triggerId: k, contentId: A, minWidth: j, minHeight: M, maxHeight: N, matchTriggerWidth: P, typeaheadListRef: F, disabled: I, preventDefaultOnTrigger: L, stopPropagationOnTrigger: R, portal: ee, ...z } = e, { value: B, onChange: V } = Ai({
+	let { trigger: n, children: r, content: i, open: a, onOpenChange: o, defaultIsOpen: s, placement: c = "bottom-start", offset: l = 8, maxWidth: d = 320, contentClassName: f, flip: p, shift: m, autoPlacement: g, middleware: _, clickOptions: v, hoverOptions: y, focusOptions: b, dismissOptions: x, roleOptions: S, listNavigationOptions: w, typeaheadOptions: T, floatingFocusManager: D, ariaLabel: O, triggerId: k, contentId: A, minWidth: j, minHeight: M, maxHeight: N, matchTriggerWidth: P, typeaheadListRef: F, disabled: I, preventDefaultOnTrigger: L, stopPropagationOnTrigger: R, portal: z, ...B } = e, { value: V, onChange: ee } = Ai({
 		controlledValue: a,
 		controlledOnChange: o,
 		defaultValue: s
@@ -2675,14 +2664,14 @@ function Fa(e, t) {
 	return /* @__PURE__ */ C(aa, {
 		trigger: /* @__PURE__ */ C(Qi, {
 			ref: t,
-			...z,
+			...B,
 			children: re
 		}),
 		content: i,
 		triggerId: H,
 		contentId: ne,
-		open: B,
-		onOpenChange: V,
+		open: V,
+		onOpenChange: ee,
 		interactions: ["click", "dismiss"],
 		role: "dialog",
 		placement: c,
@@ -2716,7 +2705,7 @@ function Fa(e, t) {
 		disabled: I,
 		preventDefaultOnTrigger: L,
 		stopPropagationOnTrigger: R,
-		portal: ee
+		portal: z
 	});
 }
 l(Fa);
@@ -2896,7 +2885,7 @@ var Ba = () => {
 		size: s
 	};
 }, Ha = l((e = {}, t) => {
-	let { t: n } = K(), { disabled: r, size: i, placeholder: a, inputId: o, searchValue: s, setSearchValue: c, onClear: l, showClearButton: u, invalid: d, loading: p, onSelect: m, multiple: h, value: g, open: _, contentId: y, activeDescId: b, onInputKeyDownCapture: x, onInputFocus: S, dataAttributes: T, searchInputRef: D } = Va(), O = v(() => !h || !g ? [] : Array.isArray(g) ? g : [g], [h, g]), { onClick: k, onFocus: A, onKeyDown: j, onMouseDown: M, onPointerDown: N, onPointerEnter: P, id: F, className: I, role: L, tabIndex: R, "aria-expanded": ee, "aria-haspopup": z, "aria-controls": B, "aria-activedescendant": V, ...te } = e, H = f((e) => {
+	let { t: n } = K(), { disabled: r, size: i, placeholder: a, inputId: o, searchValue: s, setSearchValue: c, onClear: l, showClearButton: u, invalid: d, loading: p, onSelect: m, multiple: h, value: g, open: _, contentId: y, activeDescId: b, onInputKeyDownCapture: x, onInputFocus: S, dataAttributes: T, searchInputRef: D } = Va(), O = v(() => !h || !g ? [] : Array.isArray(g) ? g : [g], [h, g]), { onClick: k, onFocus: A, onKeyDown: j, onMouseDown: M, onPointerDown: N, onPointerEnter: P, id: F, className: I, role: L, tabIndex: R, "aria-expanded": z, "aria-haspopup": B, "aria-controls": V, "aria-activedescendant": ee, ...te } = e, H = f((e) => {
 		let t = O.find((t) => t.id === e);
 		t && (m(t), D.current?.focus());
 	}, [
@@ -3112,11 +3101,11 @@ var Wa = s(void 0), Ga = Wa.Provider, Ka = () => {
 		if (!_) return [];
 		let e = Array.isArray(_) ? _ : [_];
 		return b.filter(Ya).filter((t) => e.includes(t.id));
-	}, [_, b]), L = E("updog-select__trigger", `updog-select__trigger--${O}`, i && "updog-select__trigger--disabled", r && "updog-select__trigger--invalid", A && "updog-select__trigger--focused", g && I.length > 0 && "updog-select__trigger--with-tags", n), ee = u ? n : L, z = f((e) => {
+	}, [_, b]), L = E("updog-select__trigger", `updog-select__trigger--${O}`, i && "updog-select__trigger--disabled", r && "updog-select__trigger--invalid", A && "updog-select__trigger--focused", g && I.length > 0 && "updog-select__trigger--with-tags", n), z = u ? n : L, B = f((e) => {
 		e.stopPropagation(), e.preventDefault(), l?.(), j.current?.focus();
-	}, [l]), B = f((e) => {
+	}, [l]), V = f((e) => {
 		e.stopPropagation(), e.preventDefault();
-	}, []), V = f((e) => {
+	}, []), ee = f((e) => {
 		e.stopPropagation();
 	}, []), te = Object.fromEntries(Object.entries(T).filter(([e]) => e.startsWith("data-"))), H = /* @__PURE__ */ C("span", {
 		className: "updog-select__trigger-placeholder updog-text--sm",
@@ -3126,7 +3115,7 @@ var Wa = s(void 0), Ga = Wa.Provider, Ka = () => {
 		...e,
 		...te,
 		ref: M,
-		className: ee,
+		className: z,
 		tabIndex: u || i ? -1 : 0,
 		role: "button",
 		"aria-haspopup": "listbox",
@@ -3158,9 +3147,9 @@ var Wa = s(void 0), Ga = Wa.Provider, Ka = () => {
 					variant: "filled",
 					size: Hi[O],
 					color: "neutral",
-					onClick: z,
-					onKeyDown: V,
-					onMouseDown: B,
+					onClick: B,
+					onKeyDown: ee,
+					onMouseDown: V,
 					onPointerDown: (e) => e.stopPropagation(),
 					content: /* @__PURE__ */ C(Ve, {}),
 					"aria-label": k("ui.select.clearSelection"),
@@ -3188,19 +3177,19 @@ var Wa = s(void 0), Ga = Wa.Provider, Ka = () => {
 		controlledValue: t,
 		controlledOnChange: n,
 		defaultValue: !1
-	}), L = h(), R = S || L, ee = `${R}-trigger`, z = `${R}-content`, B = y([]);
+	}), L = h(), R = S || L, z = `${R}-trigger`, B = `${R}-content`, V = y([]);
 	m(() => {
-		B.current = r.filter(Ya).map((e) => e.text ?? null);
+		V.current = r.filter(Ya).map((e) => e.text ?? null);
 	}, [r]);
-	let V = v(() => {
+	let ee = v(() => {
 		if (!s) return [];
 		let e = Array.isArray(s) ? s : [s];
 		return r.filter(Ya).filter((t) => e.includes(t.id));
 	}, [s, r]), te = v(() => {
-		if (V.length === 0) return "";
-		let e = V.map((e) => e.text).join(", ");
+		if (ee.length === 0) return "";
+		let e = ee.map((e) => e.text).join(", ");
 		return u ? u(e) : e;
-	}, [V, u]), H = f((e) => {
+	}, [ee, u]), H = f((e) => {
 		let t = r.filter(Ya).find((t) => t.id === e);
 		if (o) {
 			let n = Array.isArray(s) ? s : [];
@@ -3220,15 +3209,15 @@ var Wa = s(void 0), Ga = Wa.Provider, Ka = () => {
 			hasValue: ne,
 			showClearButton: re,
 			onSelect: H,
-			contentId: z,
+			contentId: B,
 			maxHeight: _
 		},
 		children: /* @__PURE__ */ C(aa, {
 			portal: E,
 			trigger: /* @__PURE__ */ C(Qa, {}),
 			content: /* @__PURE__ */ C(Za, {}),
-			triggerId: ee,
-			contentId: z,
+			triggerId: z,
+			contentId: B,
 			open: F,
 			onOpenChange: I,
 			disabled: a,
@@ -3263,7 +3252,7 @@ var Wa = s(void 0), Ga = Wa.Provider, Ka = () => {
 			maxWidth: p,
 			minHeight: g,
 			maxHeight: _,
-			typeaheadListRef: B,
+			typeaheadListRef: V,
 			preventDefaultOnTrigger: w,
 			stopPropagationOnTrigger: T
 		})
@@ -10275,7 +10264,7 @@ function Bl({ columns: e, primaryKey: t, loadData: n, scaleClient: r, onComplete
 	N.setSchemaColumns(e);
 	let { addDynamicColumns: P, removeDynamicColumn: F, updateColumn: I } = Pl(N), L = f((e) => {
 		N.setDynamicColumns(e);
-	}, [N]), R = x(N.subscribe, N.getEffectiveColumns), { navigateToCell: ee, navigateByIndex: z, navigateToCellRef: B, resetScrollRef: V, scrollToGridTop: te } = Fl(N), { validator: H, validatorRef: ne, findReplace: re } = zl(N, R, r?.findAndReplace, z), { search: ie, setSearch: ae, matchCase: oe, setMatchCase: se, matchEntireCell: ce, setMatchEntireCell: le, searchMode: ue, setSearchMode: de, filterColumns: fe, setFilterColumns: pe, filtersResetKey: me, resetFilters: he } = Ll(N, re, ee, te);
+	}, [N]), R = x(N.subscribe, N.getEffectiveColumns), { navigateToCell: z, navigateByIndex: B, navigateToCellRef: V, resetScrollRef: ee, scrollToGridTop: te } = Fl(N), { validator: H, validatorRef: ne, findReplace: re } = zl(N, R, r?.findAndReplace, B), { search: ie, setSearch: ae, matchCase: oe, setMatchCase: se, matchEntireCell: ce, setMatchEntireCell: le, searchMode: ue, setSearchMode: de, filterColumns: fe, setFilterColumns: pe, filtersResetKey: me, resetFilters: he } = Ll(N, re, z, te);
 	Nl(N, ne, n, M);
 	let { onVisibleRangeChange: ge } = Rl(N, M), { portalRef: _e } = Il(), [ve, ye] = b(null), [be, xe] = b(null), Se = f((e) => {
 		xe(e), s(!0);
@@ -10317,9 +10306,9 @@ function Bl({ columns: e, primaryKey: t, loadData: n, scaleClient: r, onComplete
 		setSearchMode: de,
 		filterColumns: fe,
 		setFilterColumns: pe,
-		navigateToCell: ee,
-		navigateToCellRef: B,
-		resetScrollRef: V,
+		navigateToCell: z,
+		navigateToCellRef: V,
+		resetScrollRef: ee,
 		scrollToGridTop: te,
 		portalRef: _e,
 		readonly: y ?? !1,
@@ -10668,11 +10657,11 @@ var ou = ({ open: e, onClose: t, onConfirm: n, loading: r = !1 }) => {
 		e,
 		n,
 		N
-	]), L = s("dataEditor.footer.export"), ee = s("dataEditor.footer.exportAll"), z = s("dataEditor.footer.exportFiltered"), B = s("dataEditor.footer.csvFormat"), V = s("dataEditor.footer.excelFormat"), te = s("dataEditor.footer.jsonFormat"), H = s("dataEditor.footer.tsvFormat"), ne = s("dataEditor.footer.xmlFormat"), re = v(() => [
+	]), L = s("dataEditor.footer.export"), z = s("dataEditor.footer.exportAll"), B = s("dataEditor.footer.exportFiltered"), V = s("dataEditor.footer.csvFormat"), ee = s("dataEditor.footer.excelFormat"), te = s("dataEditor.footer.jsonFormat"), H = s("dataEditor.footer.tsvFormat"), ne = s("dataEditor.footer.xmlFormat"), re = v(() => [
 		{
 			menuId: "csv",
 			format: "csv",
-			text: B
+			text: V
 		},
 		{
 			menuId: "tsv",
@@ -10682,7 +10671,7 @@ var ou = ({ open: e, onClose: t, onConfirm: n, loading: r = !1 }) => {
 		{
 			menuId: "excel",
 			format: "xlsx",
-			text: V
+			text: ee
 		},
 		{
 			menuId: "json",
@@ -10695,31 +10684,31 @@ var ou = ({ open: e, onClose: t, onConfirm: n, loading: r = !1 }) => {
 			text: ne
 		}
 	], [
-		B,
-		H,
 		V,
+		H,
+		ee,
 		te,
 		ne
 	]), ie = r !== !1 && (!e.isServer() || e.hasServerExport), ae = v(() => {
 		let e = r === !1 ? [] : re.filter((e) => r.includes(e.format));
 		return [{
 			id: "export-all",
-			text: ee,
+			text: z,
 			options: e.map((e) => ({
 				id: `all-${e.menuId}`,
 				text: e.text
 			}))
 		}, {
 			id: "export-filtered",
-			text: z,
+			text: B,
 			options: e.map((e) => ({
 				id: `filtered-${e.menuId}`,
 				text: e.text
 			}))
 		}];
 	}, [
-		ee,
 		z,
+		B,
 		re,
 		r
 	]), oe = f((n) => {
@@ -17105,7 +17094,7 @@ var kg = ({ controller: e, store: t, columnSnapshot: n, readonly: r, enableDelet
 		e,
 		C,
 		I
-	]), ee = f((t) => {
+	]), z = f((t) => {
 		let n = A;
 		D(), n && e.actions.applyFormula(t, {}, n);
 	}, [
@@ -17128,7 +17117,7 @@ var kg = ({ controller: e, store: t, columnSnapshot: n, readonly: r, enableDelet
 		closeTransformModal: I,
 		showFormulaModal: T,
 		closeFormulaModal: D,
-		handleApplyFormula: ee,
+		handleApplyFormula: z,
 		formulaColumnIds: O,
 		formulaScope: A
 	};
@@ -19161,9 +19150,9 @@ var m_ = {
 	"--marker-width": "76px",
 	"--track-size": "12px"
 }, h_ = () => {
-	let { columns: e, store: t, readonly: n, enableDeleteRow: r, enableAddRow: i, validator: a, navigateToCellRef: o, resetScrollRef: s, findReplace: c, dynamicColumns: l, updateColumn: u, enableCreateColumn: d, onVisibleRangeChange: p } = X(), { filteredCount: h, sortState: g, showOnlyDeletedRows: E, phase: D, isLoading: O, processing: k, filterCriteriaVersion: A } = Bo(t), j = O && h === 0 ? 30 : h, { t: M, rtl: N } = K(), P = x(t.subscribe, t.getSnapshot, t.getSnapshot).version, F = y(null), I = y(null), L = y(null), R = o_(t, e, n, a, E, N), ee = c_(R), z = s_(R), B = Eg(R), { editing: V } = R, te = y(null), H = y(null);
+	let { columns: e, store: t, readonly: n, enableDeleteRow: r, enableAddRow: i, validator: a, navigateToCellRef: o, resetScrollRef: s, findReplace: c, dynamicColumns: l, updateColumn: u, enableCreateColumn: d, onVisibleRangeChange: p } = X(), { filteredCount: h, sortState: g, showOnlyDeletedRows: E, phase: D, isLoading: O, processing: k, filterCriteriaVersion: A } = Bo(t), j = O && h === 0 ? 30 : h, { t: M, rtl: N } = K(), P = x(t.subscribe, t.getSnapshot, t.getSnapshot).version, F = y(null), I = y(null), L = y(null), R = o_(t, e, n, a, E, N), z = c_(R), B = s_(R), V = Eg(R), { editing: ee } = R, te = y(null), H = y(null);
 	if (te.current === null) {
-		let { columns: e, pinnedColumnIds: t, stickyOffsets: n } = B;
+		let { columns: e, pinnedColumnIds: t, stickyOffsets: n } = V;
 		te.current = new id(e, new Set(t), n, N);
 	}
 	let ne = te.current;
@@ -19183,17 +19172,17 @@ var m_ = {
 	}, [R, g]), m(() => {
 		R.clipboard.setTranslate(M);
 	}, [R, M]), m(() => {
-		R.setBounds(h, B.columns.length);
+		R.setBounds(h, V.columns.length);
 	}, [
 		R,
 		h,
-		B.columns.length
+		V.columns.length
 	]), m(() => {
-		c.updateColumns(B.columns);
-	}, [c, B.columns]), m(() => {
-		let e = B.columns;
+		c.updateColumns(V.columns);
+	}, [c, V.columns]), m(() => {
+		let e = V.columns;
 		R.actions.updateColumns(e), R.editing.updateColumns(e), R.clipboard.updateColumns(e);
-	}, [R, B.columns]);
+	}, [R, V.columns]);
 	let re = v(() => new Set(l.map((e) => e.id)), [l]), [ie, ae] = b(null), oe = f((e) => {
 		ae(e);
 	}, []), se = f(() => {
@@ -19203,10 +19192,10 @@ var m_ = {
 			...ie,
 			...e
 		}), ae(null);
-	}, [ie, u]), le = v(() => B.columns.map((e) => e.title), [B.columns]), { anchor: ue, items: de, handleCanvasContextMenu: fe, handleSelect: pe, handleOpenChange: me, transformModal: he, transformModalColIds: ge, transformModalScope: _e, handleApplyMerge: ve, handleApplySplit: ye, closeTransformModal: be, showFormulaModal: xe, closeFormulaModal: Se, handleApplyFormula: Ce, formulaColumnIds: we, formulaScope: Te } = kg({
+	}, [ie, u]), le = v(() => V.columns.map((e) => e.title), [V.columns]), { anchor: ue, items: de, handleCanvasContextMenu: fe, handleSelect: pe, handleOpenChange: me, transformModal: he, transformModalColIds: ge, transformModalScope: _e, handleApplyMerge: ve, handleApplySplit: ye, closeTransformModal: be, showFormulaModal: xe, closeFormulaModal: Se, handleApplyFormula: Ce, formulaColumnIds: we, formulaScope: Te } = kg({
 		controller: R,
 		store: t,
-		columnSnapshot: B,
+		columnSnapshot: V,
 		readonly: n,
 		enableDeleteRow: r,
 		enableAddRow: i,
@@ -19223,10 +19212,10 @@ var m_ = {
 			e?.removeEventListener("scroll", n), t?.removeEventListener("scroll", n);
 		};
 	}, [ue, me]);
-	let Ee = !z.isEditing && ue === null, De = u_(F, ee.focusCell, Ee, ne, h, H, I, L), Oe = f((e) => {
+	let Ee = !B.isEditing && ue === null, De = u_(F, z.focusCell, Ee, ne, h, H, I, L), Oe = f((e) => {
 		R.keyboard.handleKeyDown(e.nativeEvent);
 	}, [R]);
-	p_(F, R, ne, h, B.columns.length, n, fe, H, I, L);
+	p_(F, R, ne, h, V.columns.length, n, fe, H, I, L);
 	let ke = f(() => {
 		F.current?.focus();
 	}, []);
@@ -19249,7 +19238,7 @@ var m_ = {
 							controller: R,
 							store: t,
 							filteredCount: j,
-							columnSnapshot: B,
+							columnSnapshot: V,
 							containerRef: F,
 							sortState: g,
 							engine: ne,
@@ -19261,7 +19250,7 @@ var m_ = {
 						}), /* @__PURE__ */ C(mu, {
 							engine: ne,
 							controller: R,
-							columns: B.columns,
+							columns: V.columns,
 							filteredCount: h,
 							containerRef: F
 						})]
@@ -19271,19 +19260,19 @@ var m_ = {
 						target: De,
 						containerRef: F,
 						store: t,
-						columns: B.columns,
+						columns: V.columns,
 						storeVersion: P,
 						engine: ne,
 						disabled: he !== null || ie !== null || xe
 					}),
-					z.isEditing && /* @__PURE__ */ C(vd, {
-						editing: V,
-						editingSnapshot: z,
+					B.isEditing && /* @__PURE__ */ C(vd, {
+						editing: ee,
+						editingSnapshot: B,
 						layout: ne.layout,
 						viewport: ne.viewport,
 						onAfterEdit: ke,
-						columns: B.columns
-					}, z.version),
+						columns: V.columns
+					}, B.version),
 					/* @__PURE__ */ C("div", {
 						ref: I,
 						className: "updog-grid__vtrack",
@@ -20115,7 +20104,7 @@ var m_ = {
 		y
 	]), L = f(() => {
 		n.replaceAll(y);
-	}, [n, y]), R = h > 0, ee = _ ? `${h}...` : `${g + 1}/${h}`;
+	}, [n, y]), R = h > 0, z = _ ? `${h}...` : `${g + 1}/${h}`;
 	return /* @__PURE__ */ w("div", {
 		className: "updog__search-section",
 		children: [
@@ -20147,7 +20136,7 @@ var m_ = {
 						/* @__PURE__ */ C(q, {
 							size: "sm",
 							className: "updog__search-section__counter-text",
-							children: ee
+							children: z
 						}),
 						/* @__PURE__ */ C(ua, {
 							content: p("dataEditor.filters.previousOccurrence"),
@@ -20625,21 +20614,21 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		disabled: i || !h,
 		onDrop: b
 	});
-	return /* @__PURE__ */ w(Jl, { children: [
-		/* @__PURE__ */ C(Gl, { children: /* @__PURE__ */ C("div", {
-			className: "updog__data-editor-aside",
-			children: /* @__PURE__ */ w("div", {
-				className: "updog__data-editor-aside__content updog__scrollbar",
-				children: [
-					/* @__PURE__ */ C(v_, {}),
-					/* @__PURE__ */ C(Da, {}),
-					/* @__PURE__ */ C(F_, {})
-				]
-			})
-		}) }),
-		/* @__PURE__ */ w(Kl, {
-			...x({ className: E(S && "updog__content-pane--drag-active") }),
-			children: [
+	return /* @__PURE__ */ C(Jl, { children: /* @__PURE__ */ w("div", {
+		...x({ className: "updog__data-editor-inner" }),
+		children: [
+			/* @__PURE__ */ C(Gl, { children: /* @__PURE__ */ C("div", {
+				className: "updog__data-editor-aside",
+				children: /* @__PURE__ */ w("div", {
+					className: "updog__data-editor-aside__content updog__scrollbar",
+					children: [
+						/* @__PURE__ */ C(v_, {}),
+						/* @__PURE__ */ C(Da, {}),
+						/* @__PURE__ */ C(F_, {})
+					]
+				})
+			}) }),
+			/* @__PURE__ */ w(Kl, { children: [
 				/* @__PURE__ */ w("div", {
 					className: "updog__data-editor-grid-area",
 					children: [/* @__PURE__ */ C(h_, {}), p && /* @__PURE__ */ C(Oa, {
@@ -20650,12 +20639,12 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 					})]
 				}),
 				/* @__PURE__ */ C(Yl, {}),
-				/* @__PURE__ */ C(cu, {}),
-				S && /* @__PURE__ */ C(ql, {})
-			]
-		}),
-		n && /* @__PURE__ */ C(av, {})
-	] });
+				/* @__PURE__ */ C(cu, {})
+			] }),
+			S && /* @__PURE__ */ C(ql, {}),
+			n && /* @__PURE__ */ C(av, {})
+		]
+	}) });
 }, sv = "RENDER_ERROR", cv = (e) => {
 	let { t } = K();
 	if (e.error) {
@@ -20689,44 +20678,47 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 	render() {
 		return this.state.hasError ? /* @__PURE__ */ C(cv, { error: lv }) : this.props.children;
 	}
-}, dv = () => {
-	let { variant: e, setShowUploader: t } = X(), { t: n } = K(), { isFirstStep: r, isLastStep: i, nextStep: a, prevStep: o, onImport: s, parsedCsv: c, xlsxFile: l, isParsing: u, isImporting: d, steps: p, activeStepIndex: m, selectedSheet: h, handleSheetConfirmed: g, remoteSourceLoading: _ } = Dy(), v = r && e === "editor", y = f(() => {
-		t(!1);
-	}, [t]), b = p[m]?.id === "sheet-selection", x = f(() => {
-		i ? s() : b ? g() : a();
+}, dv = ({ leftSlot: e }) => {
+	let { variant: t, setShowUploader: n } = X(), { t: r } = K(), { isFirstStep: i, isLastStep: a, nextStep: o, prevStep: s, onImport: c, parsedCsv: l, xlsxFile: u, isParsing: d, isImporting: p, steps: m, activeStepIndex: h, selectedSheet: g, handleSheetConfirmed: _, remoteSourceLoading: v } = Dy(), y = i && t === "editor", b = f(() => {
+		n(!1);
+	}, [n]), x = m[h]?.id === "sheet-selection", S = f(() => {
+		a ? c() : x ? _() : o();
 	}, [
-		i,
-		b,
-		s,
-		g,
-		a
-	]), S = n(i ? "dataEditor.footer.import" : "dataEditor.footer.next"), T = u || !!_, E = T || d, D = T || r && !c && !l || b && !h;
-	return /* @__PURE__ */ C("footer", {
+		a,
+		x,
+		c,
+		_,
+		o
+	]), T = r(a ? "dataEditor.footer.import" : "dataEditor.footer.next"), E = d || !!v, D = E || p, O = E || i && !l && !u || x && !g;
+	return /* @__PURE__ */ w("footer", {
 		className: "updog__data-uploader-footer",
-		children: /* @__PURE__ */ w("div", {
+		children: [e && /* @__PURE__ */ C("div", {
+			className: "updog__data-uploader-footer__left",
+			children: e
+		}), /* @__PURE__ */ w("div", {
 			className: "updog__data-uploader-footer__actions",
 			children: [
-				v && /* @__PURE__ */ C(J, {
+				y && /* @__PURE__ */ C(J, {
 					variant: "outlined",
 					color: "neutral",
-					onClick: y,
-					children: n("dataEditor.footer.cancel")
+					onClick: b,
+					children: r("dataEditor.footer.cancel")
 				}),
-				!r && /* @__PURE__ */ C(J, {
+				!i && /* @__PURE__ */ C(J, {
 					variant: "outlined",
 					color: "neutral",
-					onClick: o,
-					disabled: d,
-					children: n("dataEditor.footer.back")
+					onClick: s,
+					disabled: p,
+					children: r("dataEditor.footer.back")
 				}),
 				/* @__PURE__ */ C(J, {
-					onClick: x,
-					disabled: D,
-					loading: E,
-					children: S
+					onClick: S,
+					disabled: O,
+					loading: D,
+					children: T
 				})
 			]
-		})
+		})]
 	});
 }, fv = 60, pv = (e) => e.toLowerCase().replace(/[\s_\-.]+/g, "").trim(), mv = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[\s_\-.]+/g, " ").toLowerCase().split(" ").filter(Boolean), hv = (e, t) => {
 	let n = new Set(mv(e)), r = new Set(mv(t));
@@ -21558,20 +21550,11 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		]
 	});
 }, Fv = () => {
-	let { t: e } = K(), { parsedCsv: t } = Dy();
-	return t ? /* @__PURE__ */ w(Jl, { children: [/* @__PURE__ */ C(Gl, { children: /* @__PURE__ */ w("div", {
-		className: "updog__step-column-matching__aside-content",
-		children: [/* @__PURE__ */ C(q, {
-			weight: "bold",
-			children: e("dataEditor.uploader.matchColumns.title")
-		}), /* @__PURE__ */ C(q, {
-			className: "updog__step-column-matching__text",
-			children: e("dataEditor.uploader.matchColumns.text")
-		})]
-	}) }), /* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C("div", {
+	let { parsedCsv: e } = Dy();
+	return e ? /* @__PURE__ */ C(Jl, { children: /* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C("div", {
 		className: "updog__step-column-matching__content updog__scrollbar",
 		children: /* @__PURE__ */ C(Pv, {})
-	}), /* @__PURE__ */ C(dv, {})] })] }) : null;
+	}), /* @__PURE__ */ C(dv, {})] }) }) : null;
 }, Iv = ({ open: e, existingOptions: t, initialName: n, onClose: r, onSubmit: i }) => {
 	let { t: a } = K();
 	return /* @__PURE__ */ C(Bi, {
@@ -21818,22 +21801,10 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 			onSubmit: T
 		})]
 	});
-}, Rv = () => {
-	let { t: e } = K();
-	return /* @__PURE__ */ w(Jl, { children: [/* @__PURE__ */ C(Gl, { children: /* @__PURE__ */ w("div", {
-		className: "updog__step-match-values__aside-content",
-		children: [/* @__PURE__ */ C(q, {
-			weight: "bold",
-			children: e("dataEditor.uploader.matchValues.title")
-		}), /* @__PURE__ */ C(q, {
-			className: "updog__step-match-values__text",
-			children: e("dataEditor.uploader.matchValues.text")
-		})]
-	}) }), /* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C("div", {
-		className: "updog__step-match-values__content updog__scrollbar",
-		children: /* @__PURE__ */ C(Lv, {})
-	}), /* @__PURE__ */ C(dv, {})] })] });
-}, zv = 20, Bv = () => {
+}, Rv = () => /* @__PURE__ */ C(Jl, { children: /* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C("div", {
+	className: "updog__step-match-values__content updog__scrollbar",
+	children: /* @__PURE__ */ C(Lv, {})
+}), /* @__PURE__ */ C(dv, {})] }) }), zv = 20, Bv = () => {
 	let { columns: e, store: t } = X(), { t: n } = K(), { primaryKey: r, onPrimaryKeyChange: i, parsedCsv: a, columnMapping: o } = Dy(), s = t.isClient(), c = f(() => i(null), [i]), l = e.filter((e) => e.unique), u = v(() => {
 		let e = {};
 		for (let [t, n] of Object.entries(o)) n && (e[n] = t);
@@ -21886,19 +21857,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 			}, e.id);
 		})]
 	});
-}, Vv = () => {
-	let { t: e } = K();
-	return /* @__PURE__ */ w(Jl, { children: [/* @__PURE__ */ C(Gl, { children: /* @__PURE__ */ w("div", {
-		className: "updog__step-primary-key__aside-content",
-		children: [/* @__PURE__ */ C(q, {
-			weight: "bold",
-			children: e("dataEditor.uploader.primaryKey.title")
-		}), /* @__PURE__ */ C(q, {
-			className: "updog__step-primary-key__text",
-			children: e("dataEditor.uploader.primaryKey.text")
-		})]
-	}) }), /* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C(Bv, {}), /* @__PURE__ */ C(dv, {})] })] });
-}, Hv = ({ source: e }) => e.icon.trimStart().startsWith("<") ? /* @__PURE__ */ C("span", {
+}, Vv = () => /* @__PURE__ */ C(Jl, { children: /* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C(Bv, {}), /* @__PURE__ */ C(dv, {})] }) }), Hv = ({ source: e }) => e.icon.trimStart().startsWith("<") ? /* @__PURE__ */ C("span", {
 	className: "updog__remote-source-btn__icon",
 	dangerouslySetInnerHTML: { __html: e.icon }
 }) : /* @__PURE__ */ C("span", {
@@ -22002,67 +21961,32 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 			format: "xml",
 			text: i("dataEditor.footer.xmlFormat")
 		}
-	].filter((e) => r.includes(e.format)), p = {
-		csv: "CSV",
-		tsv: "TSV",
-		xlsx: "Excel",
-		json: "JSON",
-		xml: "XML"
-	}, m = (() => {
-		let e = r.map((e) => p[e]);
-		if (e.length === 0) return "";
-		if (e.length === 1) return i("dataEditor.uploader.uploadFile.textDynamic", { formats: e[0] });
-		let t = e[e.length - 1];
-		return i("dataEditor.uploader.uploadFile.textDynamic", { formats: `${e.slice(0, -1).join(", ")} or ${t}` });
-	})(), h = f((t) => {
+	].filter((e) => r.includes(e.format)), p = f((t) => {
 		iu(e, t, n);
-	}, [e, n]), g = Wl(r), _ = !!a || !!o, v = _ || l || !!u, y = a?.fileName ?? o?.name, { getRootProps: b, getInputProps: x, isDragActive: T, open: D } = ft({
-		accept: g,
+	}, [e, n]), m = Wl(r), h = !!a || !!o, g = h || l || !!u, _ = a?.fileName ?? o?.name, { getRootProps: v, getInputProps: y, isDragActive: b, open: x } = ft({
+		accept: m,
 		maxFiles: 1,
 		noClick: !0,
-		disabled: v,
+		disabled: g,
 		onDrop: f((e) => {
 			let t = e[0];
 			t && c(t);
 		}, [c])
-	}), O = f((e) => {
+	}), T = f((e) => {
 		e.stopPropagation(), s();
 	}, [s]);
-	return /* @__PURE__ */ w(Jl, { children: [/* @__PURE__ */ w(Gl, { children: [/* @__PURE__ */ w("div", {
-		className: "updog__step-select-files__aside-content",
-		children: [/* @__PURE__ */ C(q, {
-			weight: "bold",
-			children: i("dataEditor.uploader.uploadFile.title")
-		}), /* @__PURE__ */ C(q, {
-			className: "updog__step-select-files__text",
-			children: m
-		})]
-	}), /* @__PURE__ */ C("footer", {
-		className: "updog__step-select-files__footer",
-		children: /* @__PURE__ */ C(Pa, {
-			options: d,
-			onSelect: h,
-			placement: "top-start",
-			matchTriggerWidth: !0,
-			children: /* @__PURE__ */ C(J, {
-				variant: "outlined",
-				color: "neutral",
-				className: "updog__step-select-files__download-btn",
-				startIcon: /* @__PURE__ */ C(oe, {}),
-				children: i("dataEditor.uploader.uploadFile.downloadExample")
-			})
-		})
-	})] }), /* @__PURE__ */ w(Kl, {
-		...b({ className: E(T && "updog__content-pane--drag-active") }),
+	return /* @__PURE__ */ C(Jl, { children: /* @__PURE__ */ w("div", {
+		className: "updog__step-select-files__dropzone",
+		...v(),
 		children: [
-			/* @__PURE__ */ C("input", { ...x() }),
-			/* @__PURE__ */ C("div", {
-				className: E("updog__step-select-files__upload-area", v && "updog__step-select-files__upload-area--disabled"),
-				onClick: v ? void 0 : D,
+			/* @__PURE__ */ C("input", { ...y() }),
+			/* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C("div", {
+				className: E("updog__step-select-files__upload-area", g && "updog__step-select-files__upload-area--disabled"),
+				onClick: g ? void 0 : x,
 				children: l ? /* @__PURE__ */ C(Gv, {}) : /* @__PURE__ */ w(S, { children: [
 					/* @__PURE__ */ C("div", {
 						className: "updog__step-select-files__icon-container",
-						children: _ ? /* @__PURE__ */ C(I, {
+						children: h ? /* @__PURE__ */ C(I, {
 							size: "1rem",
 							className: "updog__step-select-files__icon rtl-mirror"
 						}) : /* @__PURE__ */ C(Le, {
@@ -22070,27 +21994,36 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 							className: "updog__step-select-files__icon"
 						})
 					}),
-					!_ && /* @__PURE__ */ C(Wv, {}),
-					_ && /* @__PURE__ */ w("div", {
+					!h && /* @__PURE__ */ C(Wv, {}),
+					h && /* @__PURE__ */ w("div", {
 						className: "updog__step-select-files__info",
 						children: [/* @__PURE__ */ C(q, {
 							as: "span",
 							size: "sm",
-							children: y
+							children: _
 						}), /* @__PURE__ */ C(J, {
 							size: "xs",
 							variant: "ghost",
 							color: "danger",
-							onClick: O,
+							onClick: T,
 							children: i("dataEditor.common.remove")
 						})]
 					})
 				] })
-			}),
-			/* @__PURE__ */ C(dv, {}),
-			T && /* @__PURE__ */ C(ql, {})
+			}), /* @__PURE__ */ C(dv, { leftSlot: /* @__PURE__ */ C(Pa, {
+				options: d,
+				onSelect: p,
+				placement: "top-start",
+				children: /* @__PURE__ */ C(J, {
+					variant: "outlined",
+					color: "neutral",
+					startIcon: /* @__PURE__ */ C(oe, {}),
+					children: i("dataEditor.uploader.uploadFile.downloadExample")
+				})
+			}) })] }),
+			b && /* @__PURE__ */ C(ql, {})
 		]
-	})] });
+	}) });
 }, qv = ({ preview: e }) => {
 	let { selectedSheet: t, setSelectedSheet: n } = Dy(), { t: r } = K(), i = Math.max(0, e.totalRows), a = t === e.name, o = v(() => {
 		let { headers: t, rows: n } = e;
@@ -22130,23 +22063,14 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		})
 	});
 }, Jv = () => {
-	let { t: e } = K(), { sheetPreviews: t } = Dy();
-	return /* @__PURE__ */ w(Jl, { children: [/* @__PURE__ */ C(Gl, { children: /* @__PURE__ */ w("div", {
-		className: "updog__step-sheet-selection__aside-content",
-		children: [/* @__PURE__ */ C(q, {
-			weight: "bold",
-			children: e("dataEditor.uploader.sheetSelection.title")
-		}), /* @__PURE__ */ C(q, {
-			className: "updog__step-sheet-selection__text",
-			children: e("dataEditor.uploader.sheetSelection.text")
-		})]
-	}) }), /* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C("div", {
+	let { sheetPreviews: e } = Dy();
+	return /* @__PURE__ */ C(Jl, { children: /* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C("div", {
 		className: "updog__sheet-preview-wrapper updog__scrollbar",
 		children: /* @__PURE__ */ C("div", {
 			className: "updog__sheet-preview-grid",
-			children: t.map((e) => /* @__PURE__ */ C(qv, { preview: e }, e.name))
+			children: e.map((e) => /* @__PURE__ */ C(qv, { preview: e }, e.name))
 		})
-	}), /* @__PURE__ */ C(dv, {})] })] });
+	}), /* @__PURE__ */ C(dv, {})] }) });
 }, Yv = (e, t, n) => {
 	let r = new Map(t.map((e) => [e.id, e])), i = [];
 	for (let [t, a] of Object.entries(e)) a && i.push({
@@ -22367,7 +22291,7 @@ var by = 5e3, xy = 15, Sy = 20, Cy = new Set([
 	"ods"
 ]);
 function wy() {
-	let { store: e, validator: t, columns: n, primaryKey: r, setShowUploader: i, pendingImportFile: a, setPendingImportFile: o, onColumnMatch: s, onValueMatch: c, synonyms: l, addDynamicColumns: u, scaleClient: d } = X(), { t: p } = K(), [h, g] = b(0), [_, x] = b(0), [S, w] = b(null), [T, E] = b({}), D = n.filter((e) => e.unique), [O, k] = b(() => r), [A, j] = b(!1), [M, N] = b(!1), [P, F] = b(null), [I, L] = b([]), [R, ee] = b(null), [z, B] = b([]), [V, te] = b({}), [H, ne] = b([]), [re, ie] = b({}), ae = y(null), [oe, se] = b(0), ce = f((e) => {
+	let { store: e, validator: t, columns: n, primaryKey: r, setShowUploader: i, pendingImportFile: a, setPendingImportFile: o, onColumnMatch: s, onValueMatch: c, synonyms: l, addDynamicColumns: u, scaleClient: d } = X(), { t: p } = K(), [h, g] = b(0), [_, x] = b(0), [S, w] = b(null), [T, E] = b({}), D = n.filter((e) => e.unique), [O, k] = b(() => r), [A, j] = b(!1), [M, N] = b(!1), [P, F] = b(null), [I, L] = b([]), [R, z] = b(null), [B, V] = b([]), [ee, te] = b({}), [H, ne] = b([]), [re, ie] = b({}), ae = y(null), [oe, se] = b(0), ce = f((e) => {
 		M || k(e);
 	}, [M]), le = y(null);
 	le.current ||= new Zl();
@@ -22421,9 +22345,9 @@ function wy() {
 		s,
 		l
 	]), be = f(() => {
-		ue.cancel(), w(null), j(!1), E({}), ne([]), ie({}), ae.current = null, se(0), F(null), L([]), ee(null), B([]);
+		ue.cancel(), w(null), j(!1), E({}), ne([]), ie({}), ae.current = null, se(0), F(null), L([]), z(null), V([]);
 	}, [ue]), xe = f((e, t, n) => {
-		F(e), L(t), ee(t[0]), B(n), j(!1);
+		F(e), L(t), z(t[0]), V(n), j(!1);
 	}, []), Se = f(() => {
 		!P || !R || (j(!0), ue.parse(P, {
 			format: "xlsx",
@@ -22657,10 +22581,10 @@ function wy() {
 		let e = {};
 		for (let [t, n] of Object.entries(Fe)) e[t] = {
 			...n,
-			...V[t]
+			...ee[t]
 		};
 		return e;
-	}, [Fe, V]), ze = f((e, t, n) => {
+	}, [Fe, ee]), ze = f((e, t, n) => {
 		te((r) => ({
 			...r,
 			[e]: {
@@ -22859,10 +22783,10 @@ function wy() {
 		xlsxFile: P,
 		sheetNames: I,
 		selectedSheet: R,
-		setSelectedSheet: ee,
+		setSelectedSheet: z,
 		handleSheetConfirmed: Se,
 		handleXlsxMultiSheet: xe,
-		sheetPreviews: z,
+		sheetPreviews: B,
 		primaryKey: O,
 		onPrimaryKeyChange: ce,
 		pendingColumns: H,