@updog/data-editor 0.1.67 → 0.1.68

package/index.js

@@ -2,7 +2,7 @@ import { r as e } from "./encoding-DEo41qNz.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 te, ChevronRight as z, ChevronRightIcon as B, CircleAlertIcon as ne, CircleCheck as V, CircleX as re, ClipboardPaste as ie, Copy as ae, CopyPlus as oe, DownloadIcon as se, Eraser as ce, Eye as le, EyeOff as ue, FunctionSquare as de, FunnelIcon as fe, Info as pe, InfoIcon as me, LayoutGridIcon as he, ListPlus as ge, LockKeyholeIcon as _e, LockKeyholeOpen as ve, Merge as ye, Minus as be, Pencil as xe, PinIcon as Se, PinOffIcon as Ce, PlusIcon as we, Redo2Icon as Te, RefreshCwIcon as Ee, ReplaceIcon as De, RotateCcwIcon as Oe, Scissors as ke, SearchIcon as Ae, SendIcon as je, Split as Me, SquareIcon as Ne, Trash2 as Pe, Trash2Icon as Fe, TriangleAlert as Ie, Undo2 as Le, Undo2Icon as Re, UploadIcon as ze, Wand2 as Be, WholeWordIcon as Ve, X as He, XIcon as Ue } 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 ee, ChevronLeftIcon as z, ChevronRight as B, ChevronRightIcon as V, CircleAlertIcon as te, CircleCheck as ne, CircleX as re, ClipboardPaste as ie, Copy as ae, CopyPlus as oe, DownloadIcon as se, Eraser as ce, Eye as le, EyeOff as ue, FunctionSquare as de, FunnelIcon as fe, Info as pe, InfoIcon as me, LayoutGridIcon as he, ListPlus as ge, LockKeyholeIcon as _e, LockKeyholeOpen as ve, Merge as ye, Minus as be, Pencil as xe, PinIcon as Se, PinOffIcon as Ce, PlusIcon as we, Redo2Icon as Te, RefreshCwIcon as Ee, ReplaceIcon as De, RotateCcwIcon as Oe, Scissors as ke, SearchIcon as Ae, SendIcon as je, Split as Me, SquareIcon as Ne, Trash2 as Pe, Trash2Icon as Fe, TriangleAlert as Ie, Undo2 as Le, Undo2Icon as Re, UploadIcon as ze, Wand2 as Be, WholeWordIcon as Ve, X as He, XIcon as Ue } from "lucide-react";
 import { FloatingFocusManager as We, FloatingNode as Ge, FloatingOverlay as Ke, FloatingPortal as qe, FloatingTree as Je, autoPlacement as Ye, autoUpdate as Xe, flip as Ze, offset as Qe, safePolygon as $e, shift as et, size as tt, useClick as nt, useDismiss as rt, useFloating as it, useFloatingNodeId as at, useFloatingTree as ot, useFocus as st, useHover as ct, useInteractions as lt, useListNavigation as ut, useRole as dt, useTransitionStyles as ft, useTypeahead as pt } from "@floating-ui/react";
 import { useDropzone as mt } from "react-dropzone";
 import { v4 as ht } from "uuid";
@@ -91,7 +91,24 @@ var Wr = {
 		confirmDialog: { cancel: "Cancel" },
 		menu: { submenuAriaLabel: "{{text}} submenu" },
 		formField: { optional: "Optional" },
-		segment: { segmentControl: "Segment control" }
+		pagination: {
+			goToNextPage: "Go to next page",
+			goToPage: "Go to page {{pageNumber}}",
+			goToPrevPage: "Go to previous page",
+			itemsPerPage: "Items per page",
+			itemsRange: "{{from}}–{{to}} of {{total}}",
+			pagination: "Pagination",
+			show: "Show"
+		},
+		segment: { segmentControl: "Segment control" },
+		table: {
+			clickableRow: "Select row",
+			dataTableAriaLabel: "Data table",
+			selectAllButton: "Select all {{total}}",
+			selectAllItemsOnPageAriaLabel: "Select all items on this page",
+			selectionSummary: "{{count}} of {{total}} selected",
+			selectionSummaryAll: "All {{total}} selected"
+		}
 	},
 	dataEditor: {
 		modal: {
@@ -427,6 +444,7 @@ var Wr = {
 				csvWarning_one: "{{count}} row had formatting issues (row {{rows}})",
 				csvWarning_other: "{{count}} rows had formatting issues (rows {{rows}})",
 				downloadExample: "Download sample file",
+				fileInputLabel: "Choose files to upload",
 				fileTooLarge: "The file is too large to process",
 				reset: "Reset",
 				uploading: "Uploading file"
@@ -436,7 +454,10 @@ var Wr = {
 				emptyData: "The source returned no data",
 				fetchError: "Failed to load data"
 			},
-			headerSelection: { noHeaderLabel: "My data has no header row" },
+			headerSelection: {
+				noHeaderLabel: "My data has no header row",
+				previewGridLabel: "File preview"
+			},
 			import: {
 				collapsedFiles_one: "{{count}} file added no new rows. All of its rows are already in the table.",
 				collapsedFiles_other: "{{count}} files added no new rows. All of their rows are already in the table."
@@ -617,7 +638,7 @@ var $r = (e) => {
 	let { variant: t = "card", color: n = "neutral", layout: r = "inline", icon: i, title: a, text: s, role: c, className: l } = e, u = c ?? (n === "red" || n === "yellow" ? "alert" : "status"), d = E("updog-banner", `updog-banner--${t}`, `updog-banner--${n}`, `updog-banner--layout-${r}`, l), f = () => {
 		if (i !== void 0) return o(i, { size: "1.125rem" });
 		switch (n) {
-			case "green": return /* @__PURE__ */ C(V, { size: 18 });
+			case "green": return /* @__PURE__ */ C(ne, { size: 18 });
 			case "red": return /* @__PURE__ */ C(re, { size: 18 });
 			case "yellow": return /* @__PURE__ */ C(Ie, { size: 18 });
 			default: return /* @__PURE__ */ C(pe, { size: 18 });
@@ -943,29 +964,29 @@ var Ti = () => {
 			}, e.date.getTime());
 		})
 	}, r));
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "updog-calendar__days-wrapper updog-text--sm",
-		children: [/* @__PURE__ */ C("div", {
-			role: "row",
-			className: "updog-calendar__weekDays",
-			children: vi.map((e) => {
-				let t = s(`ui.calendar.weekDays.${e}`);
-				return /* @__PURE__ */ C("div", {
-					role: "columnheader",
-					className: "updog-calendar__weekDay",
-					children: /* @__PURE__ */ C("abbr", {
-						title: s(`ui.calendar.weekDaysFull.${e}`),
-						children: t
-					})
-				}, e);
-			})
-		}), /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ w("div", {
 			ref: c,
 			role: "grid",
 			className: "updog-calendar__dates",
 			onKeyDown: d,
-			children: g
-		})]
+			children: [/* @__PURE__ */ C("div", {
+				role: "row",
+				className: "updog-calendar__weekDays",
+				children: vi.map((e) => {
+					let t = s(`ui.calendar.weekDays.${e}`);
+					return /* @__PURE__ */ C("div", {
+						role: "columnheader",
+						className: "updog-calendar__weekDay",
+						children: /* @__PURE__ */ C("abbr", {
+							title: s(`ui.calendar.weekDaysFull.${e}`),
+							children: t
+						})
+					}, e);
+				})
+			}), g]
+		})
 	});
 }, Ei = () => {
 	let { handleTimePeriodChange: e, value: t, onDateForPeriodChange: n, dateForPeriod: r, min: i, max: a } = gi(), { t: o } = G(), s = f((t) => () => {
@@ -1036,7 +1057,7 @@ var Ti = () => {
 					variant: "filled",
 					color: "neutral",
 					onClick: a(1),
-					content: /* @__PURE__ */ C(z, {
+					content: /* @__PURE__ */ C(B, {
 						className: "rtl-mirror",
 						size: "1rem"
 					}),
@@ -1479,27 +1500,27 @@ var ea = l(({ children: e, ...t }, r) => {
 	if (!e) throw Error("useDropdownContext must be used within a DropdownProvider");
 	return e;
 }, ia = s({}), aa = () => p(ia), oa = (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, closeOnScroll: d = !0, interactions: p = ["click", "dismiss"], role: g = "dialog", minWidth: _, maxWidth: v, minHeight: x, maxHeight: S, matchTriggerWidth: C = !1, typeaheadListRef: w, triggerId: T, contentId: E, middleware: D, clickOptions: O, hoverOptions: k, focusOptions: A, dismissOptions: j, roleOptions: M, listNavigationOptions: N, typeaheadOptions: P } = e, F = h(), I = `${F}-trigger`, L = `${F}-content`, R = T || I, ee = E || L, { value: te, onChange: z } = Mi({
+	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, closeOnScroll: d = !0, interactions: p = ["click", "dismiss"], role: g = "dialog", minWidth: _, maxWidth: v, minHeight: x, maxHeight: S, matchTriggerWidth: C = !1, typeaheadListRef: w, triggerId: T, contentId: E, middleware: D, clickOptions: O, hoverOptions: k, focusOptions: A, dismissOptions: j, roleOptions: M, listNavigationOptions: N, typeaheadOptions: P } = e, F = h(), I = `${F}-trigger`, L = `${F}-content`, R = T || I, ee = E || L, { value: z, onChange: B } = Mi({
 		controlledValue: t,
 		controlledOnChange: n,
 		defaultValue: r
-	}), B = ot(), ne = f(() => {
-		z(!1), B && B.events.emit("dismissAll");
-	}, [z, B]);
+	}), V = ot(), te = 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]);
-	let V = y([]), re = f((e) => (t) => {
-		V.current[e] = t;
+	}, [V, B]);
+	let ne = y([]), re = f((e) => (t) => {
+		ne.current[e] = t;
 	}, []), [ie, ae] = b(null), { refs: oe, floatingStyles: se, context: ce, placement: le } = it({
-		open: te,
-		onOpenChange: z,
+		open: z,
+		onOpenChange: B,
 		placement: o,
 		middleware: D ?? [
 			Qe(s),
@@ -1556,7 +1577,7 @@ var ea = l(({ children: e, ...t }, r) => {
 		ut(ce, {
 			...N,
 			enabled: N?.enabled || pe("listNavigation") && !i,
-			listRef: N?.listRef || V,
+			listRef: N?.listRef || ne,
 			activeIndex: N?.activeIndex || ie,
 			onNavigate: N?.onNavigate || ae,
 			loop: N?.loop || !0,
@@ -1580,14 +1601,14 @@ var ea = l(({ children: e, ...t }, r) => {
 		getReferenceProps: me,
 		getFloatingProps: he,
 		getItemProps: pe("listNavigation") ? ge : void 0,
-		open: !!te,
-		setOpen: z,
+		open: !!z,
+		setOpen: B,
 		placement: le,
 		activeIndex: ie,
 		setActiveIndex: ae,
 		navigationRef: re,
 		props: e,
-		dismiss: ne,
+		dismiss: te,
 		isMounted: de,
 		transitionStyles: fe,
 		triggerId: R,
@@ -1653,7 +1674,7 @@ var ea = l(({ children: e, ...t }, r) => {
 		j,
 		I,
 		L
-	]), te = v(() => {
+	]), z = v(() => {
 		if (!k) return null;
 		let e = /* @__PURE__ */ C("div", {
 			ref: u.setFloating,
@@ -1695,8 +1716,8 @@ var ea = l(({ children: e, ...t }, r) => {
 			id: N,
 			children: [/* @__PURE__ */ C(S, { children: ee }), c ? /* @__PURE__ */ C(qe, {
 				root: typeof c == "boolean" ? void 0 : c,
-				children: te
-			}) : /* @__PURE__ */ C(S, { children: te })]
+				children: z
+			}) : /* @__PURE__ */ C(S, { children: z })]
 		})
 	});
 }, ca = ({ item: e }) => /* @__PURE__ */ C("div", {
@@ -1754,7 +1775,7 @@ function da(e, t) {
 		onTouchCancel: (e) => {
 			k.onTouchCancel();
 		}
-	} : {}, [S, k]), { onClick: R, ...ee } = x, te = f((e) => {
+	} : {}, [S, k]), { onClick: R, ...ee } = x, z = f((e) => {
 		R?.(e), N();
 	}, [R, N]);
 	return /* @__PURE__ */ C(sa, {
@@ -1763,7 +1784,7 @@ function da(e, t) {
 			ref: t,
 			...ee,
 			...D ? { "aria-describedby": M } : {},
-			onClick: te,
+			onClick: z,
 			onBlur: P,
 			onMouseLeave: F,
 			...L,
@@ -1773,7 +1794,7 @@ function da(e, t) {
 			ee,
 			D,
 			M,
-			te,
+			z,
 			P,
 			F,
 			L,
@@ -1842,7 +1863,7 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (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 ? te : B, { size: "1rem" })
+				children: C(i ? z : V, { size: "1rem" })
 			})
 		]
 	});
@@ -1920,11 +1941,11 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (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([]), te = f((e) => (t) => {
+	let I = h(), L = `${I}-context-trigger`, R = `${I}-context-content`, ee = y([]), z = f((e) => (t) => {
 		ee.current[e] = t;
-	}, []), z = y([]);
-	z.current = n.filter(fa).map((e) => e.text);
-	let { refs: B, floatingStyles: ne, context: V, placement: re } = it({
+	}, []), B = y([]);
+	B.current = n.filter(fa).map((e) => e.text);
+	let { refs: V, floatingStyles: te, context: ne, placement: re } = it({
 		open: k,
 		onOpenChange: A,
 		placement: p,
@@ -1946,7 +1967,7 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (e) => "type" in e && e.type ===
 		whileElementsMounted: Xe
 	});
 	m(() => {
-		D && B.setPositionReference({ getBoundingClientRect: () => ({
+		D && V.setPositionReference({ getBoundingClientRect: () => ({
 			x: D.x,
 			y: D.y,
 			width: 0,
@@ -1956,18 +1977,18 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (e) => "type" in e && e.type ===
 			bottom: D.y,
 			left: D.x
 		}) });
-	}, [D, B]);
-	let ie = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, { isMounted: ae, styles: oe } = ft(V, {
+	}, [D, V]);
+	let ie = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, { isMounted: ae, styles: oe } = ft(ne, {
 		duration: !a || ie ? 0 : 100,
 		initial: { opacity: 0 }
 	}), { getReferenceProps: se, getFloatingProps: ce, getItemProps: le } = lt([
-		rt(V, {
+		rt(ne, {
 			escapeKey: !0,
 			outsidePress: !0,
 			bubbles: { escapeKey: !1 }
 		}),
-		dt(V, { role: "menu" }),
-		ut(V, {
+		dt(ne, { role: "menu" }),
+		ut(ne, {
 			listRef: ee,
 			activeIndex: j,
 			onNavigate: M,
@@ -1975,14 +1996,14 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (e) => "type" in e && e.type ===
 			parentOrientation: "vertical",
 			rtl: O
 		}),
-		pt(V, {
-			listRef: z,
+		pt(ne, {
+			listRef: B,
 			activeIndex: j,
 			onMatch: M,
 			resetMs: 750
 		})
 	]), ue = y(null), de = f((e) => {
-		i || (g !== !1 && e.preventDefault(), _ && e.stopPropagation(), B.setPositionReference({ getBoundingClientRect() {
+		i || (g !== !1 && e.preventDefault(), _ && e.stopPropagation(), V.setPositionReference({ getBoundingClientRect() {
 			return {
 				x: e.clientX,
 				y: e.clientY,
@@ -1998,24 +2019,24 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (e) => "type" in e && e.type ===
 		i,
 		g,
 		_,
-		B
+		V
 	]), fe = v(() => ({
 		open: k ?? !1,
 		setOpen: A,
 		dismiss: F,
 		placement: re,
-		floatingStyles: ne,
+		floatingStyles: te,
 		refs: {
-			setReference: B.setReference,
-			setFloating: B.setFloating
+			setReference: V.setReference,
+			setFloating: V.setFloating
 		},
 		getReferenceProps: se,
 		getFloatingProps: ce,
 		getItemProps: le,
 		activeIndex: j,
 		setActiveIndex: M,
-		navigationRef: te,
-		context: V,
+		navigationRef: z,
+		context: ne,
 		isMounted: ae,
 		transitionStyles: oe,
 		triggerId: L,
@@ -2025,15 +2046,15 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (e) => "type" in e && e.type ===
 		k,
 		F,
 		re,
-		ne,
-		B.setReference,
-		B.setFloating,
+		te,
+		V.setReference,
+		V.setFloating,
 		se,
 		ce,
 		le,
 		j,
-		te,
-		V,
+		z,
+		ne,
 		ae,
 		oe,
 		L,
@@ -2052,15 +2073,15 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (e) => "type" in e && e.type ===
 		s,
 		c
 	]), me = v(() => ae ? /* @__PURE__ */ C(We, {
-		context: V,
+		context: ne,
 		initialFocus: -1,
 		returnFocus: !0,
 		restoreFocus: !1,
 		modal: !1,
 		children: /* @__PURE__ */ C("div", {
-			ref: B.setFloating,
+			ref: V.setFloating,
 			style: {
-				...ne,
+				...te,
 				...oe
 			},
 			className: E("updog-dropdown__content-element", o),
@@ -2072,13 +2093,13 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (e) => "type" in e && e.type ===
 		})
 	}) : null, [
 		ae,
-		B.setFloating,
-		ne,
+		V.setFloating,
+		te,
 		oe,
 		o,
 		ce,
 		R,
-		V,
+		ne,
 		n
 	]), he = /* @__PURE__ */ C(na, {
 		value: fe,
@@ -2550,7 +2571,7 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (e) => "type" in e && e.type ===
 			"Tab",
 			"Enter"
 		].includes(e.key) && e.preventDefault();
-	}, [i]), te = v(() => Gi(_, ee), [_, ee]);
+	}, [i]), z = v(() => Gi(_, ee), [_, ee]);
 	return /* @__PURE__ */ w("div", {
 		className: A,
 		children: [
@@ -2564,7 +2585,7 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (e) => "type" in e && e.type ===
 				size: void 0,
 				className: j,
 				onChange: L,
-				onKeyDown: te,
+				onKeyDown: z,
 				value: g,
 				"aria-invalid": l
 			}),
@@ -2696,7 +2717,7 @@ var Y = l(da), fa = (e) => !("type" in e), pa = (e) => "type" in e && e.type ===
 //#endregion
 //#region ../ui-kit/src/components/Menu/index.tsx
 function Va(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: te, typeaheadListRef: z, portal: B, ...ne } = e, { rtl: V } = G(), { value: re, onChange: ie } = Mi({
+	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: ne } = G(), { value: re, onChange: ie } = Mi({
 		controlledValue: n,
 		controlledOnChange: r,
 		defaultValue: i
@@ -2708,24 +2729,24 @@ function Va(e, t) {
 		ae.current = e;
 	}, [])), de = a || o, fe = v(() => /* @__PURE__ */ C(ea, {
 		ref: ue,
-		...ne,
+		...te,
 		children: de
 	}), [
 		ue,
-		ne,
+		te,
 		de
 	]);
 	return /* @__PURE__ */ C(Je, { children: /* @__PURE__ */ C(ia.Provider, {
 		value: {
 			onSelect: c,
 			options: s,
-			rtl: V,
+			rtl: ne,
 			rootTriggerRef: ae,
-			portal: B,
+			portal: V,
 			minWidth: b
 		},
 		children: /* @__PURE__ */ C(sa, {
-			portal: B,
+			portal: V,
 			trigger: fe,
 			content: /* @__PURE__ */ C(_a, { options: s }),
 			triggerId: se,
@@ -2753,7 +2774,7 @@ function Va(e, t) {
 			roleOptions: N,
 			typeaheadOptions: F,
 			ariaLabel: L,
-			matchTriggerWidth: te,
+			matchTriggerWidth: z,
 			floatingFocusManager: {
 				initialFocus: -1,
 				returnFocus: !0,
@@ -2764,11 +2785,11 @@ function Va(e, t) {
 			contentClassName: E("", d),
 			listNavigationOptions: {
 				parentOrientation: "vertical",
-				rtl: V,
+				rtl: ne,
 				loop: !0,
 				...P
 			},
-			typeaheadListRef: z ?? le,
+			typeaheadListRef: B ?? le,
 			preventDefaultOnTrigger: p,
 			stopPropagationOnTrigger: m,
 			minHeight: g,
@@ -2782,22 +2803,22 @@ var Ha = l(Va);
 //#endregion
 //#region ../ui-kit/src/components/Popover/index.tsx
 function Ua(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, ...te } = e, { value: z, onChange: B } = Mi({
+	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 } = Mi({
 		controlledValue: a,
 		controlledOnChange: o,
 		defaultValue: s
-	}), ne = h(), V = k || r.props.id || `${ne}-trigger`, re = A || (u(i) && i.props.id ? i.props.id : `${ne}-content`), ie = n || r;
+	}), te = h(), ne = k || r.props.id || `${te}-trigger`, re = A || (u(i) && i.props.id ? i.props.id : `${te}-content`), ie = n || r;
 	return /* @__PURE__ */ C(sa, {
 		trigger: /* @__PURE__ */ C(ea, {
 			ref: t,
-			...te,
+			...z,
 			children: ie
 		}),
 		content: i,
-		triggerId: V,
+		triggerId: ne,
 		contentId: re,
-		open: z,
-		onOpenChange: B,
+		open: B,
+		onOpenChange: V,
 		interactions: ["click", "dismiss"],
 		role: "dialog",
 		placement: c,
@@ -3011,7 +3032,7 @@ var Ja = () => {
 		size: s
 	};
 }, Xa = l((e = {}, t) => {
-	let { t: n } = G(), { 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 } = Ya(), 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": te, "aria-controls": z, "aria-activedescendant": B, ...ne } = e, V = f((e) => {
+	let { t: n } = G(), { 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 } = Ya(), 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, ne = f((e) => {
 		let t = O.find((t) => t.id === e);
 		t && (m(t), D.current?.focus());
 	}, [
@@ -3047,7 +3068,7 @@ var Ja = () => {
 		onMouseDown: M,
 		onPointerDown: N,
 		onPointerEnter: P,
-		...ne,
+		...te,
 		role: void 0,
 		tabIndex: -1,
 		"aria-haspopup": void 0,
@@ -3062,7 +3083,7 @@ var Ja = () => {
 				startIcon: e.icon,
 				color: "neutral",
 				size: i === "lg" ? "md" : "sm",
-				onRemove: r ? void 0 : () => V(e.id),
+				onRemove: r ? void 0 : () => ne(e.id),
 				disabled: r
 			}, e.id)), /* @__PURE__ */ C("input", {
 				ref: D,
@@ -3211,61 +3232,74 @@ var Qa = s(void 0), $a = Qa.Provider, eo = () => {
 		})]
 	});
 }, oo = l((e = {}, t) => {
-	let { className: n, invalid: r, disabled: i, loading: a, placeholder: o, displayValue: s, showClearButton: c, onClear: l, onRenderAnchor: u, ariaLabel: d, ariaLabelledby: p, ariaDescribedby: m, contentId: h, multiple: g, value: _, options: b, onSelect: x, ...T } = eo(), D = ri("(max-width: 639px)"), O = T.size || (D ? "lg" : "md"), { t: k } = G(), { open: A } = ra(), j = y(null), M = Qi(j, t), N = {
+	let { className: n, invalid: r, disabled: i, loading: a, placeholder: o, displayValue: s, showClearButton: c, onClear: l, onRenderAnchor: u, ariaLabel: d, ariaLabelledby: p, ariaDescribedby: m, contentId: h, multiple: g, value: _, options: b, onSelect: x, ...T } = eo(), D = ri("(max-width: 639px)"), O = T.size || (D ? "lg" : "md"), { t: k } = G(), { open: A } = ra(), j = y(null), M = y(null), N = Qi(j, t), P = {
 		sm: "updog-text--sm",
 		md: "updog-text--sm",
 		lg: "updog-text--sm"
-	}, P = {
+	}, F = {
 		sm: "xs",
 		md: "sm",
 		lg: "md"
-	}, F = {
+	}, I = {
 		sm: "sm",
 		md: "md",
 		lg: "md"
-	}, I = v(() => {
+	}, L = v(() => {
 		if (!_) return [];
 		let e = Array.isArray(_) ? _ : [_];
 		return b.filter(ro).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, te = f((e) => {
-		e.stopPropagation(), e.preventDefault(), l?.(), j.current?.focus();
-	}, [l]), z = f((e) => {
+	}, [_, b]), ee = E("updog-select__trigger", `updog-select__trigger--${O}`, i && "updog-select__trigger--disabled", r && "updog-select__trigger--invalid", A && "updog-select__trigger--focused", g && L.length > 0 && "updog-select__trigger--with-tags", n), z = u ? n : ee, B = f((e) => {
+		e.stopPropagation(), e.preventDefault(), l?.(), M.current?.focus();
+	}, [l]), V = f((e) => {
+		e.target === e.currentTarget && M.current?.focus();
+	}, []), te = f((e) => {
 		e.stopPropagation(), e.preventDefault();
-	}, []), B = f((e) => {
+	}, []), ne = f((e) => {
 		e.stopPropagation();
-	}, []), ne = Object.fromEntries(Object.entries(T).filter(([e]) => e.startsWith("data-"))), V = /* @__PURE__ */ C("span", {
+	}, []), re = Object.fromEntries(Object.entries(T).filter(([e]) => e.startsWith("data-"))), ie = /* @__PURE__ */ C("span", {
 		className: "updog-select__trigger-placeholder updog-text--sm",
 		children: o
-	});
-	return /* @__PURE__ */ C("div", {
-		...e,
-		...ne,
-		ref: M,
-		className: ee,
-		tabIndex: u || i ? -1 : 0,
-		role: "button",
-		"aria-haspopup": "listbox",
+	}), { onClick: ae, ...oe } = e, se = Object.fromEntries(Object.entries(oe).filter(([e]) => e !== "role" && e !== "id" && e !== "tabIndex" && e !== "onKeyDown" && !e.startsWith("aria-"))), ce = {
+		role: "combobox",
+		tabIndex: i ? -1 : e.tabIndex ?? 0,
+		id: e.id,
+		onKeyDown: e.onKeyDown,
 		"aria-expanded": A,
+		"aria-haspopup": "listbox",
+		"aria-controls": h,
 		"aria-busy": a ? "true" : void 0,
 		"aria-disabled": i,
-		"aria-label": p ? void 0 : d,
+		"aria-label": p ? void 0 : d ?? o,
 		"aria-labelledby": p,
-		"aria-describedby": m,
-		"aria-controls": h,
-		children: u ? u(A) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
+		"aria-describedby": m
+	};
+	return /* @__PURE__ */ C("div", {
+		...se,
+		...re,
+		ref: N,
+		className: z,
+		tabIndex: -1,
+		onClick: ae,
+		onFocus: V,
+		children: u ? u(A, ce) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
 			className: "updog-select__trigger-inner",
-			children: g ? I.length > 0 ? I.map((e) => /* @__PURE__ */ C(La, {
+			children: [g && L.length > 0 && L.map((e) => /* @__PURE__ */ C(La, {
 				id: e.id,
 				text: e.text,
 				startIcon: e.icon,
 				color: "neutral",
-				size: F[O],
+				size: I[O],
 				onRemove: () => x(e.id),
 				disabled: i
-			}, e.id)) : V : s ? /* @__PURE__ */ C(wa, {
-				className: E("updog-select__trigger-value", N[O]),
-				content: s
-			}) : V
+			}, e.id)), /* @__PURE__ */ C("div", {
+				...ce,
+				ref: M,
+				className: "updog-select__combobox",
+				children: g ? L.length > 0 ? null : ie : s ? /* @__PURE__ */ C(wa, {
+					className: E("updog-select__trigger-value", P[O]),
+					content: s
+				}) : ie
+			})]
 		}), /* @__PURE__ */ w("div", {
 			className: "updog-select__trigger-actions",
 			children: [
@@ -3273,9 +3307,9 @@ var Qa = s(void 0), $a = Qa.Provider, eo = () => {
 					variant: "filled",
 					size: Wi[O],
 					color: "neutral",
-					onClick: te,
-					onKeyDown: B,
-					onMouseDown: z,
+					onClick: B,
+					onKeyDown: ne,
+					onMouseDown: te,
 					onPointerDown: (e) => e.stopPropagation(),
 					content: /* @__PURE__ */ C(Ue, {}),
 					"aria-label": k("ui.select.clearSelection"),
@@ -3285,14 +3319,15 @@ var Qa = s(void 0), $a = Qa.Provider, eo = () => {
 					size: O,
 					children: /* @__PURE__ */ C(ii, {
 						color: "brand",
-						size: P[O]
+						size: F[O]
 					})
 				}),
 				!i && !a && /* @__PURE__ */ C(J, {
+					as: "span",
 					variant: "filled",
 					size: Wi[O],
 					color: "neutral",
-					tabIndex: -1,
+					"aria-hidden": "true",
 					children: /* @__PURE__ */ C(R, { className: E("updog-select__chevron", A && "updog-select__chevron--rotate") })
 				})
 			]
@@ -3303,19 +3338,19 @@ var Qa = s(void 0), $a = Qa.Provider, eo = () => {
 		controlledValue: t,
 		controlledOnChange: n,
 		defaultValue: !1
-	}), L = h(), R = S || L, ee = `${R}-trigger`, te = `${R}-content`, z = y([]);
+	}), L = h(), R = S || L, ee = `${R}-trigger`, z = `${R}-content`, B = y([]);
 	m(() => {
-		z.current = r.filter(ro).map((e) => e.text ?? null);
+		B.current = r.filter(ro).map((e) => e.text ?? null);
 	}, [r]);
-	let B = v(() => {
+	let V = v(() => {
 		if (!s) return [];
 		let e = Array.isArray(s) ? s : [s];
 		return r.filter(ro).filter((t) => e.includes(t.id));
-	}, [s, r]), ne = v(() => {
-		if (B.length === 0) return "";
-		let e = B.map((e) => e.text).join(", ");
+	}, [s, r]), te = v(() => {
+		if (V.length === 0) return "";
+		let e = V.map((e) => e.text).join(", ");
 		return u ? u(e) : e;
-	}, [B, u]), V = f((e) => {
+	}, [V, u]), ne = f((e) => {
 		let t = r.filter(ro).find((t) => t.id === e);
 		if (o) {
 			let n = Array.isArray(s) ? s : [];
@@ -3331,11 +3366,11 @@ var Qa = s(void 0), $a = Qa.Provider, eo = () => {
 	return /* @__PURE__ */ C($a, {
 		value: {
 			...e,
-			displayValue: ne,
+			displayValue: te,
 			hasValue: re,
 			showClearButton: ie,
-			onSelect: V,
-			contentId: te,
+			onSelect: ne,
+			contentId: z,
 			maxHeight: _
 		},
 		children: /* @__PURE__ */ C(sa, {
@@ -3343,7 +3378,7 @@ var Qa = s(void 0), $a = Qa.Provider, eo = () => {
 			trigger: /* @__PURE__ */ C(oo, {}),
 			content: /* @__PURE__ */ C(ao, {}),
 			triggerId: ee,
-			contentId: te,
+			contentId: z,
 			open: F,
 			onOpenChange: I,
 			disabled: a,
@@ -3378,7 +3413,7 @@ var Qa = s(void 0), $a = Qa.Provider, eo = () => {
 			maxWidth: p,
 			minHeight: g,
 			maxHeight: _,
-			typeaheadListRef: z,
+			typeaheadListRef: B,
 			preventDefaultOnTrigger: w,
 			stopPropagationOnTrigger: T
 		})
@@ -10849,7 +10884,7 @@ function au({ columns: e, primaryKey: t, loadData: n, scaleClient: r, onComplete
 	N.setSchemaColumns(e);
 	let { addDynamicColumns: P, removeDynamicColumn: F, updateColumn: I } = $l(N), L = f((e) => {
 		N.setDynamicColumns(e);
-	}, [N]), R = x(N.subscribe, N.getEffectiveColumns), { navigateToCell: ee, navigateByIndex: te, navigateToCellRef: z, resetScrollRef: B, scrollToGridTop: ne } = eu(N), { validator: V, validatorRef: re, findReplace: ie } = iu(N, R, r?.findAndReplace, te), { search: ae, setSearch: oe, matchCase: se, setMatchCase: ce, matchEntireCell: le, setMatchEntireCell: ue, searchMode: de, setSearchMode: fe, filterColumns: pe, setFilterColumns: me, filtersResetKey: he, resetFilters: ge } = nu(N, ie, ee, ne);
+	}, [N]), R = x(N.subscribe, N.getEffectiveColumns), { navigateToCell: ee, navigateByIndex: z, navigateToCellRef: B, resetScrollRef: V, scrollToGridTop: te } = eu(N), { validator: ne, validatorRef: re, findReplace: ie } = iu(N, R, r?.findAndReplace, z), { search: ae, setSearch: oe, matchCase: se, setMatchCase: ce, matchEntireCell: le, setMatchEntireCell: ue, searchMode: de, setSearchMode: fe, filterColumns: pe, setFilterColumns: me, filtersResetKey: he, resetFilters: ge } = nu(N, ie, ee, te);
 	Ql(N, re, n, M);
 	let { onVisibleRangeChange: _e } = ru(N, M), { portalRef: ve } = tu(), [ye, be] = b(null), [xe, Se] = b([]), Ce = f((e) => {
 		Se(e), s(!0);
@@ -10872,7 +10907,7 @@ function au({ columns: e, primaryKey: t, loadData: n, scaleClient: r, onComplete
 		rowHeight: _ ?? 34,
 		headerHeight: v ?? 36,
 		store: N,
-		validator: V,
+		validator: ne,
 		findReplace: ie,
 		onComplete: i,
 		showUploader: o,
@@ -10893,9 +10928,9 @@ function au({ columns: e, primaryKey: t, loadData: n, scaleClient: r, onComplete
 		filterColumns: pe,
 		setFilterColumns: me,
 		navigateToCell: ee,
-		navigateToCellRef: z,
-		resetScrollRef: B,
-		scrollToGridTop: ne,
+		navigateToCellRef: B,
+		resetScrollRef: V,
+		scrollToGridTop: te,
 		portalRef: ve,
 		readonly: a === "viewer" ? !0 : y ?? !1,
 		filtersResetKey: he,
@@ -10981,7 +11016,7 @@ var uu = ({ children: e }) => /* @__PURE__ */ C("div", {
 		children: e.map((e) => /* @__PURE__ */ w("div", {
 			className: T("updog__editor-toast", `updog__editor-toast--${e.variant || "info"}`),
 			children: [
-				e.variant === "error" ? /* @__PURE__ */ C(ne, {
+				e.variant === "error" ? /* @__PURE__ */ C(te, {
 					size: "1.25rem",
 					className: "updog__editor-toast-icon"
 				}) : /* @__PURE__ */ C(me, {
@@ -11256,11 +11291,11 @@ var Ou = ({ open: e, onClose: t, onConfirm: n, loading: r = !1 }) => {
 		e,
 		n,
 		P
-	]), ee = s("dataEditor.footer.export"), te = s("dataEditor.footer.exportAll"), z = s("dataEditor.footer.exportFiltered"), B = s("dataEditor.footer.csvFormat"), ne = s("dataEditor.footer.excelFormat"), V = s("dataEditor.footer.jsonFormat"), re = s("dataEditor.footer.tsvFormat"), ie = s("dataEditor.footer.xmlFormat"), ae = v(() => [
+	]), ee = s("dataEditor.footer.export"), z = s("dataEditor.footer.exportAll"), B = s("dataEditor.footer.exportFiltered"), V = s("dataEditor.footer.csvFormat"), te = s("dataEditor.footer.excelFormat"), ne = s("dataEditor.footer.jsonFormat"), re = s("dataEditor.footer.tsvFormat"), ie = s("dataEditor.footer.xmlFormat"), ae = v(() => [
 		{
 			menuId: "csv",
 			format: "csv",
-			text: B
+			text: V
 		},
 		{
 			menuId: "tsv",
@@ -11270,12 +11305,12 @@ var Ou = ({ open: e, onClose: t, onConfirm: n, loading: r = !1 }) => {
 		{
 			menuId: "excel",
 			format: "xlsx",
-			text: ne
+			text: te
 		},
 		{
 			menuId: "json",
 			format: "json",
-			text: V
+			text: ne
 		},
 		{
 			menuId: "xml",
@@ -11283,31 +11318,31 @@ var Ou = ({ open: e, onClose: t, onConfirm: n, loading: r = !1 }) => {
 			text: ie
 		}
 	], [
-		B,
+		V,
 		re,
+		te,
 		ne,
-		V,
 		ie
 	]), oe = r !== !1 && (!e.isServer() || e.hasServerExport), se = v(() => {
 		let e = r === !1 ? [] : ae.filter((e) => r.includes(e.format));
 		return [{
 			id: "export-all",
-			text: te,
+			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
 			}))
 		}];
 	}, [
-		te,
 		z,
+		B,
 		ae,
 		r
 	]), ce = f((n) => {
@@ -13721,16 +13756,16 @@ function Vf(e, t, n) {
 //#endregion
 //#region src/components/PreviewTable/index.tsx
 var Hf = 15, Uf = 4, Wf = { width: 1 }, Gf = { height: 1 }, Kf = ({ headers: e, rows: t, lockedColumns: n, displayRows: r = Hf, loading: i = !1, blur: a = !0, scrollbars: o = !0, selectedRow: s, onSelectRow: c, className: l }) => {
-	let u = i ? Uf : e ? e.length : Math.max(0, ...t.map((e) => e?.length ?? 0)), d = Array.from({ length: r }, (e, n) => t[n]), p = o === !0, h = o === !0 || o === "empty", g = y(null), _ = y(null), x = y(null), T = y(null), D = y(null), O = y(null), [k, A] = b(!1), [j, M] = b(!1);
+	let { t: u } = G(), d = i ? Uf : e ? e.length : Math.max(0, ...t.map((e) => e?.length ?? 0)), p = Array.from({ length: r }, (e, n) => t[n]), h = o === !0, g = o === !0 || o === "empty", _ = y(null), x = y(null), T = y(null), D = y(null), O = y(null), k = y(null), [A, j] = b(!1), [M, N] = b(!1), [P, F] = b(s ?? 0);
 	m(() => {
-		if (!p) return;
-		let e = g.current, t = x.current, n = T.current, r = D.current, i = O.current;
+		if (!h) return;
+		let e = _.current, t = T.current, n = D.current, r = O.current, i = k.current;
 		if (!e) return;
 		let a = () => {
 			let a = e.scrollHeight - e.clientHeight, o = e.scrollWidth - e.clientWidth;
-			t && r && (r.style.height = a + t.clientHeight + "px"), n && i && (i.style.width = o + n.clientWidth + "px"), M(a > 0), A(o > 0);
+			t && r && (r.style.height = a + t.clientHeight + "px"), n && i && (i.style.width = o + n.clientWidth + "px"), N(a > 0), j(o > 0);
 		}, o = new ResizeObserver(a);
-		o.observe(e), _.current && o.observe(_.current), a();
+		o.observe(e), x.current && o.observe(x.current), a();
 		let s = (e) => {
 			e.preventDefault(), t && (t.scrollTop += e.deltaY), n && (n.scrollLeft += e.deltaX);
 		};
@@ -13743,48 +13778,74 @@ var Hf = 15, Uf = 4, Wf = { width: 1 }, Gf = { height: 1 }, Kf = ({ headers: e,
 		return t?.addEventListener("scroll", c, { passive: !0 }), n?.addEventListener("scroll", l, { passive: !0 }), () => {
 			o.disconnect(), e.removeEventListener("wheel", s), t?.removeEventListener("scroll", c), n?.removeEventListener("scroll", l);
 		};
-	}, [p]);
-	let N = f((e) => {
-		c?.(Number(e.currentTarget.dataset.rowIndex));
-	}, [c]), P = f((e) => {
-		e.key !== "Enter" && e.key !== " " || (e.preventDefault(), c?.(Number(e.currentTarget.dataset.rowIndex)));
-	}, [c]), F = v(() => ({ gridTemplateColumns: `var(--marker-width) repeat(${Math.max(u, 1)}, auto)` }), [u]);
+	}, [h]);
+	let I = f((e) => {
+		let t = Number(e.currentTarget.dataset.rowIndex);
+		F(t), c?.(t);
+	}, [c]), L = Math.min(t.length, r) - 1, R = Math.min(Math.max(P, 0), Math.max(L, 0)), ee = f((e) => {
+		let t = Number(e.currentTarget.dataset.rowIndex);
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault(), c?.(t);
+			return;
+		}
+		if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+		let n = e.key === "ArrowDown" ? Math.min(t + 1, L) : Math.max(t - 1, 0);
+		e.preventDefault(), F(n), x.current?.querySelector(`[data-row-index="${n}"]`)?.focus();
+	}, [c, L]), z = v(() => ({ gridTemplateColumns: `var(--marker-width) repeat(${Math.max(d, 1)}, auto)` }), [d]);
 	return /* @__PURE__ */ w("div", {
-		className: E("updog__preview-table", o === !1 ? "updog__preview-table--scrollbars-none" : o === "empty" ? "updog__preview-table--scrollbars-empty" : "updog__preview-table--scrollbars-show", p && !k && "updog__preview-table--no-hscroll", p && !j && "updog__preview-table--no-vscroll", l),
+		className: E("updog__preview-table", o === !1 ? "updog__preview-table--scrollbars-none" : o === "empty" ? "updog__preview-table--scrollbars-empty" : "updog__preview-table--scrollbars-show", h && !A && "updog__preview-table--no-hscroll", h && !M && "updog__preview-table--no-vscroll", l),
 		children: [
 			/* @__PURE__ */ C("div", {
 				className: "updog__preview-table__canvas-wrap",
 				children: /* @__PURE__ */ C("div", {
 					className: "updog__preview-table__scroll",
-					ref: g,
+					ref: _,
 					children: /* @__PURE__ */ w("div", {
 						className: "updog__preview-table__grid",
-						style: F,
-						ref: _,
-						children: [e !== void 0 && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", { className: "updog__preview-table-marker" }), u === 0 ? /* @__PURE__ */ C("div", { className: E("updog__preview-table-th", "updog__preview-table-cell--last-col") }) : e.map((e, t) => /* @__PURE__ */ w("div", {
-							className: E("updog__preview-table-th", t === u - 1 && "updog__preview-table-cell--last-col"),
-							children: [/* @__PURE__ */ C("span", {
-								className: "updog__preview-table-th__label",
-								children: e
-							}), n?.[t] && /* @__PURE__ */ C(_e, {
-								size: "0.875rem",
-								className: "updog__preview-table-th__lock-icon"
-							})]
-						}, t))] }), d.map((e, t) => {
+						style: z,
+						ref: x,
+						role: "grid",
+						"aria-label": u("uploader.headerSelection.previewGridLabel"),
+						children: [e !== void 0 && /* @__PURE__ */ w("div", {
+							role: "row",
+							className: "updog__preview-table-row updog__preview-table-row--header",
+							children: [/* @__PURE__ */ C("div", {
+								role: "columnheader",
+								className: "updog__preview-table-marker"
+							}), d === 0 ? /* @__PURE__ */ C("div", {
+								role: "columnheader",
+								className: E("updog__preview-table-th", "updog__preview-table-cell--last-col")
+							}) : e.map((e, t) => /* @__PURE__ */ w("div", {
+								role: "columnheader",
+								className: E("updog__preview-table-th", t === d - 1 && "updog__preview-table-cell--last-col"),
+								children: [/* @__PURE__ */ C("span", {
+									className: "updog__preview-table-th__label",
+									children: e
+								}), n?.[t] && /* @__PURE__ */ C(_e, {
+									size: "0.875rem",
+									className: "updog__preview-table-th__lock-icon"
+								})]
+							}, t))]
+						}), p.map((e, t) => {
 							let n = t === r - 1, a = !!c && e !== void 0, o = s === t;
 							return /* @__PURE__ */ w("div", {
 								className: E("updog__preview-table-row", a && "updog__preview-table-row--interactive", o && "updog__preview-table-row--selected"),
 								"data-row-index": t,
-								role: a ? "row" : void 0,
-								tabIndex: a ? 0 : void 0,
+								role: "row",
+								tabIndex: a ? t === R ? 0 : -1 : void 0,
 								"aria-selected": a ? o : void 0,
-								onClick: a ? N : void 0,
-								onKeyDown: a ? P : void 0,
+								onClick: a ? I : void 0,
+								onKeyDown: a ? ee : void 0,
 								children: [/* @__PURE__ */ C("div", {
+									role: "gridcell",
 									className: E("updog__preview-table-marker", n && "updog__preview-table-cell--last-row"),
 									children: t + 1
-								}), u === 0 ? /* @__PURE__ */ C("div", { className: E("updog__preview-table-td", "updog__preview-table-cell--last-col", n && "updog__preview-table-cell--last-row") }) : Array.from({ length: u }, (t, r) => /* @__PURE__ */ C("div", {
-									className: E("updog__preview-table-td", r === u - 1 && "updog__preview-table-cell--last-col", n && "updog__preview-table-cell--last-row"),
+								}), d === 0 ? /* @__PURE__ */ C("div", {
+									role: "gridcell",
+									className: E("updog__preview-table-td", "updog__preview-table-cell--last-col", n && "updog__preview-table-cell--last-row")
+								}) : Array.from({ length: d }, (t, r) => /* @__PURE__ */ C("div", {
+									role: "gridcell",
+									className: E("updog__preview-table-td", r === d - 1 && "updog__preview-table-cell--last-col", n && "updog__preview-table-cell--last-row"),
 									children: i ? /* @__PURE__ */ C($r, {
 										width: "3.5rem",
 										height: "0.625rem"
@@ -13795,22 +13856,22 @@ var Hf = 15, Uf = 4, Wf = { width: 1 }, Gf = { height: 1 }, Kf = ({ headers: e,
 					})
 				})
 			}),
-			h && /* @__PURE__ */ w(S, { children: [
+			g && /* @__PURE__ */ w(S, { children: [
 				/* @__PURE__ */ C("div", {
 					className: "updog__preview-table__vtrack",
-					ref: x,
+					ref: T,
 					tabIndex: -1,
 					children: /* @__PURE__ */ C("div", {
-						ref: D,
+						ref: O,
 						style: Wf
 					})
 				}),
 				/* @__PURE__ */ C("div", {
 					className: "updog__preview-table__htrack",
-					ref: T,
+					ref: D,
 					tabIndex: -1,
 					children: /* @__PURE__ */ C("div", {
-						ref: O,
+						ref: k,
 						style: Gf
 					})
 				}),
@@ -19981,12 +20042,12 @@ var $_ = {
 	"--marker-width": "76px",
 	"--track-size": "12px"
 }, ev = () => {
-	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 } = G(), P = x(t.subscribe, t.getSnapshot, t.getSnapshot).version, F = y(null), I = y(null), L = y(null), R = G_(t, e, n, a, E, N), ee = q_(R), te = K_(R), z = d_(R), { editing: B } = R, ne = y(null), V = y(null);
-	if (ne.current === null) {
-		let { columns: e, pinnedColumnIds: t, stickyOffsets: n } = z;
-		ne.current = new Fd(e, new Set(t), n, N);
+	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 } = G(), P = x(t.subscribe, t.getSnapshot, t.getSnapshot).version, F = y(null), I = y(null), L = y(null), R = G_(t, e, n, a, E, N), ee = q_(R), z = K_(R), B = d_(R), { editing: V } = R, te = y(null), ne = y(null);
+	if (te.current === null) {
+		let { columns: e, pinnedColumnIds: t, stickyOffsets: n } = B;
+		te.current = new Fd(e, new Set(t), n, N);
 	}
-	let re = ne.current;
+	let re = te.current;
 	m(() => (o.current = (e, t) => {
 		let n = R.columnManager.getColumnIndex(e);
 		n < 0 || R.selection.navigateToCell(n, t);
@@ -20003,17 +20064,17 @@ var $_ = {
 	}, [R, g]), m(() => {
 		R.clipboard.setTranslate(M);
 	}, [R, M]), m(() => {
-		R.setBounds(h, z.columns.length);
+		R.setBounds(h, B.columns.length);
 	}, [
 		R,
 		h,
-		z.columns.length
+		B.columns.length
 	]), m(() => {
-		c.updateColumns(z.columns);
-	}, [c, z.columns]), m(() => {
-		let e = z.columns;
+		c.updateColumns(B.columns);
+	}, [c, B.columns]), m(() => {
+		let e = B.columns;
 		R.actions.updateColumns(e), R.editing.updateColumns(e), R.clipboard.updateColumns(e);
-	}, [R, z.columns]);
+	}, [R, B.columns]);
 	let ie = v(() => new Set(l.map((e) => e.id)), [l]), [ae, oe] = b(null), se = f((e) => {
 		oe(e);
 	}, []), ce = f(() => {
@@ -20023,10 +20084,10 @@ var $_ = {
 			...ae,
 			...e
 		}), oe(null);
-	}, [ae, u]), ue = v(() => z.columns.map((e) => e.title), [z.columns]), { anchor: de, items: fe, handleCanvasContextMenu: pe, handleSelect: me, handleOpenChange: he, transformModal: ge, transformModalColIds: _e, transformModalScope: ve, handleApplyMerge: ye, handleApplySplit: be, closeTransformModal: xe, showFormulaModal: Se, closeFormulaModal: Ce, handleApplyFormula: we, formulaColumnIds: Te, formulaScope: Ee } = m_({
+	}, [ae, u]), ue = v(() => B.columns.map((e) => e.title), [B.columns]), { anchor: de, items: fe, handleCanvasContextMenu: pe, handleSelect: me, handleOpenChange: he, transformModal: ge, transformModalColIds: _e, transformModalScope: ve, handleApplyMerge: ye, handleApplySplit: be, closeTransformModal: xe, showFormulaModal: Se, closeFormulaModal: Ce, handleApplyFormula: we, formulaColumnIds: Te, formulaScope: Ee } = m_({
 		controller: R,
 		store: t,
-		columnSnapshot: z,
+		columnSnapshot: B,
 		readonly: n,
 		enableDeleteRow: r,
 		enableAddRow: i,
@@ -20043,10 +20104,10 @@ var $_ = {
 			e?.removeEventListener("scroll", n), t?.removeEventListener("scroll", n);
 		};
 	}, [de, he]);
-	let De = !te.isEditing && de === null, Oe = Y_(F, ee.focusCell, De, re, h, V, I, L), ke = f((e) => {
+	let De = !z.isEditing && de === null, Oe = Y_(F, ee.focusCell, De, re, h, ne, I, L), ke = f((e) => {
 		R.keyboard.handleKeyDown(e.nativeEvent);
 	}, [R]);
-	Q_(F, R, re, h, z.columns.length, n, pe, V, I, L);
+	Q_(F, R, re, h, B.columns.length, n, pe, ne, I, L);
 	let Ae = f(() => {
 		F.current?.focus();
 	}, []);
@@ -20069,11 +20130,11 @@ var $_ = {
 							controller: R,
 							store: t,
 							filteredCount: j,
-							columnSnapshot: z,
+							columnSnapshot: B,
 							containerRef: F,
 							sortState: g,
 							engine: re,
-							fillHandleRectRef: V,
+							fillHandleRectRef: ne,
 							findReplace: c,
 							vTrackRef: I,
 							hTrackRef: L,
@@ -20081,7 +20142,7 @@ var $_ = {
 						}), /* @__PURE__ */ C(Iu, {
 							engine: re,
 							controller: R,
-							columns: z.columns,
+							columns: B.columns,
 							filteredCount: h,
 							containerRef: F
 						})]
@@ -20091,19 +20152,19 @@ var $_ = {
 						target: Oe,
 						containerRef: F,
 						store: t,
-						columns: z.columns,
+						columns: B.columns,
 						storeVersion: P,
 						engine: re,
 						disabled: ge !== null || ae !== null || Se
 					}),
-					te.isEditing && /* @__PURE__ */ C(Zd, {
-						editing: B,
-						editingSnapshot: te,
+					z.isEditing && /* @__PURE__ */ C(Zd, {
+						editing: V,
+						editingSnapshot: z,
 						layout: re.layout,
 						viewport: re.viewport,
 						onAfterEdit: Ae,
-						columns: z.columns
-					}, te.version),
+						columns: B.columns
+					}, z.version),
 					/* @__PURE__ */ C("div", {
 						ref: I,
 						className: "updog-grid__vtrack",
@@ -24577,7 +24638,7 @@ var hS = () => {
 		className: "updog__workbook-name__file",
 		tooltipProps: { placement: "bottom-start" },
 		children: t
-	}), /* @__PURE__ */ C(z, {
+	}), /* @__PURE__ */ C(B, {
 		"aria-hidden": "true",
 		size: "1rem",
 		className: "rtl-mirror updog__workbook-name__separator"
@@ -24988,7 +25049,7 @@ var ES = () => {
 		w,
 		g,
 		d
-	]), te = f(() => T(null), []);
+	]), z = f(() => T(null), []);
 	return {
 		sections: D,
 		isMatching: u,
@@ -25007,7 +25068,7 @@ var ES = () => {
 		changeDelimiter: L,
 		reapplyDelimiter: R,
 		submitCreate: ee,
-		closeCreate: te
+		closeCreate: z
 	};
 }, PS = s(null);
 function FS({ children: e }) {
@@ -25762,23 +25823,23 @@ var lC = () => {
 		children: /* @__PURE__ */ C(pC, {})
 	});
 }, yC = () => {
-	let { getRootProps: e, getInputProps: t, isDragActive: n, open: r, stagedItems: i, toggleItem: a } = lC(), o = i.length > 0;
+	let { t: e } = G(), { getRootProps: t, getInputProps: n, isDragActive: r, open: i, stagedItems: a, toggleItem: o } = lC(), s = a.length > 0;
 	return /* @__PURE__ */ C(pu, { children: /* @__PURE__ */ w("div", {
 		className: "updog__step-select-files__dropzone",
-		...e(),
+		...t(),
 		children: [
-			/* @__PURE__ */ C("input", { ...t() }),
-			/* @__PURE__ */ w(du, { children: [o ? /* @__PURE__ */ C("div", {
+			/* @__PURE__ */ C("input", { ...n({ "aria-label": e("uploader.uploadFile.fileInputLabel") }) }),
+			/* @__PURE__ */ w(du, { children: [s ? /* @__PURE__ */ C("div", {
 				className: "updog__sheet-preview-wrapper updog__scrollbar",
 				children: /* @__PURE__ */ w("div", {
 					className: "updog__sheet-preview-grid",
-					children: [i.map((e) => /* @__PURE__ */ C(_C, {
+					children: [a.map((e) => /* @__PURE__ */ C(_C, {
 						item: e,
-						onToggle: a
-					}, e.id)), /* @__PURE__ */ C(mC, { onClick: r })]
+						onToggle: o
+					}, e.id)), /* @__PURE__ */ C(mC, { onClick: i })]
 				})
-			}) : /* @__PURE__ */ C(vC, {}), /* @__PURE__ */ C(_y, { leftSlot: C(o ? gC : hC, {}) })] }),
-			n && /* @__PURE__ */ C(fu, {})
+			}) : /* @__PURE__ */ C(vC, {}), /* @__PURE__ */ C(_y, { leftSlot: C(s ? gC : hC, {}) })] }),
+			r && /* @__PURE__ */ C(fu, {})
 		]
 	}) });
 }, bC = () => /* @__PURE__ */ C(cC, { children: /* @__PURE__ */ C(yC, {}) });