@declarion/react 0.86.0 → 0.88.0

package/dist-lib/components/list/QuickPeek.js

@@ -3,35 +3,35 @@ import { Icon as t } from "../primitives/Icons.js";
 import { Btn as n } from "../primitives/Btn.js";
 import { IconBtn as r } from "../primitives/IconBtn.js";
 import { Kbd as i } from "../primitives/Kbd.js";
-import { Avatar as a } from "../primitives/Avatar.js";
-import { useText as o } from "../../hooks/useText.js";
-import { applyRowState as s, defaultFlatForSlot as c, filterLayoutForSlot as l } from "../../lib/actions.js";
-import { useActionRunner as u } from "../actions/ActionRunner.js";
-import { renderSchemaField as d } from "../file-widgets/host.js";
-import { ResponsiveActionBar as f } from "../actions/ResponsiveActionBar.js";
-import { useRowTenant as p } from "../../hooks/useRowTenant.js";
-import { effectiveScreenForRecord as m, variantActionCodesForRecord as h } from "../../lib/variants.js";
-import { PeekFieldCell as g } from "./PeekFieldCell.js";
-import { useUnsavedInput as _ } from "../../hooks/useUnsavedInput.js";
-import { useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Avatar as ee } from "../primitives/Avatar.js";
+import { useText as a } from "../../hooks/useText.js";
+import { applyRowState as o, defaultFlatForSlot as s, filterLayoutForSlot as c } from "../../lib/actions.js";
+import { useActionRunner as l } from "../actions/ActionRunner.js";
+import { renderSchemaField as u } from "../file-widgets/host.js";
+import { ResponsiveActionBar as d } from "../actions/ResponsiveActionBar.js";
+import { useRowTenant as f } from "../../hooks/useRowTenant.js";
+import { effectiveScreenForRecord as p, variantActionCodesForRecord as m } from "../../lib/variants.js";
+import { PeekFieldCell as h } from "./PeekFieldCell.js";
+import { useUnsavedInput as g } from "../../hooks/useUnsavedInput.js";
+import { useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/components/list/QuickPeek.tsx
-var T = {
+var w = {
 	tab: "Tab",
 	esc: "Esc"
 };
-function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarName: ee, fields: M, refs: N, screen: P, actions: F, screenActionLayout: I, entityActionLayout: L, executeAction: R, onClose: z, onOpen: B, onSave: V }) {
-	let H = o(), U = p(E), [W, G] = x({ ...k }), [K, q] = x(!1);
-	_(K);
-	let J = b(null), { run: Y } = u(), X = m(E, P, W);
-	v(() => {
-		G({ ...k }), q(!1);
-	}, [k]), v(() => {
+function T({ entity: T, entityCode: D, record: O, title: k, recordId: A, avatarName: j, fields: M, refs: N, screen: P, actions: F, screenActionLayout: I, entityActionLayout: L, executeAction: R, onClose: z, onOpen: B, onSave: V }) {
+	let H = a(), U = f(T), [W, G] = b({ ...O }), [K, q] = b(!1);
+	g(K);
+	let J = y(null), { run: Y } = l(), X = p(T, P, W);
+	_(() => {
+		G({ ...O }), q(!1);
+	}, [O]), _(() => {
 		J.current?.focus();
 	}, []);
-	let Z = y(() => {
-		let e = X?.action_layout ?? I ?? L ?? c(F, "quick_peek"), t = l(e, F, void 0, "quick_peek");
-		return s(H, t, F, void 0, W, [], U, h(E, W));
+	let Z = v(() => {
+		let e = X?.action_layout ?? I ?? L ?? s(F, "quick_peek"), t = c(e, F, void 0, "quick_peek");
+		return o(H, t, F, void 0, W, [], U, m(T, W));
 	}, [
 		H,
 		X?.action_layout,
@@ -39,7 +39,7 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 		L,
 		F,
 		W,
-		E,
+		T,
 		U
 	]), Q = ({ code: e, action: t }) => {
 		Y({
@@ -54,8 +54,8 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 			[e]: t
 		};
 		G(n), q(!0), V?.(n);
-	}, te = X?.quick_peek?.width ?? 480;
-	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
+	}, te = X?.quick_peek?.width ?? 480, ne = M.some((e) => !e.readOnly);
+	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
 		onClick: z,
 		style: {
 			position: "fixed",
@@ -63,7 +63,7 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 			background: "var(--scrim-lite)",
 			zIndex: 40
 		}
-	}), /* @__PURE__ */ w("aside", {
+	}), /* @__PURE__ */ C("aside", {
 		ref: J,
 		role: "dialog",
 		"aria-label": H("list.peek.dialog", "Quick peek"),
@@ -85,7 +85,7 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 			boxShadow: "var(--shadow-lg)"
 		},
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ C("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -94,16 +94,16 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 					gap: 10
 				},
 				children: [
-					/* @__PURE__ */ C(a, {
-						name: ee || A,
+					/* @__PURE__ */ S(ee, {
+						name: j || k,
 						size: 28
 					}),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ C("div", {
 						style: {
 							flex: 1,
 							minWidth: 0
 						},
-						children: [/* @__PURE__ */ C("div", {
+						children: [/* @__PURE__ */ S("div", {
 							style: {
 								fontSize: 14,
 								fontWeight: 600,
@@ -112,29 +112,29 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 								textOverflow: "ellipsis",
 								whiteSpace: "nowrap"
 							},
-							children: A
-						}), j && /* @__PURE__ */ C("div", {
+							children: k
+						}), A && /* @__PURE__ */ S("div", {
 							className: "mono",
 							style: {
 								fontSize: 11,
 								color: "var(--text-4)"
 							},
-							children: j
+							children: A
 						})]
 					}),
-					/* @__PURE__ */ C(r, {
-						icon: /* @__PURE__ */ C(t.external, { size: 13 }),
+					/* @__PURE__ */ S(r, {
+						icon: /* @__PURE__ */ S(t.external, { size: 13 }),
 						title: K ? H("list.peek.open_in_tab_dirty", "Open in tab (keeps unsaved changes)") : H("list.peek.open_in_tab", "Open in tab"),
 						onClick: () => B(K ? W : null)
 					}),
-					/* @__PURE__ */ C(r, {
-						icon: /* @__PURE__ */ C(t.x, { size: 14 }),
+					/* @__PURE__ */ S(r, {
+						icon: /* @__PURE__ */ S(t.x, { size: 14 }),
 						title: H("list.peek.close", "Close"),
 						onClick: z
 					})
 				]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ C("div", {
 				style: {
 					flex: 1,
 					overflowY: "auto",
@@ -143,7 +143,7 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 					flexDirection: "column",
 					gap: 10
 				},
-				children: [/* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ C("div", {
 					style: {
 						padding: "8px 10px",
 						background: "var(--accent-soft)",
@@ -154,20 +154,19 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 						alignItems: "center",
 						gap: 6
 					},
-					children: [
-						/* @__PURE__ */ C(t.sparkle, { size: 12 }),
+					children: [ne && /* @__PURE__ */ C(x, { children: [
+						/* @__PURE__ */ S(t.sparkle, { size: 12 }),
 						" ",
-						H("list.peek.hint", "Inline quick-edit — click any field to change."),
-						e(H("list.peek.keys_hint", "{tab} to move, {esc} to close."), {
-							tab: /* @__PURE__ */ C(i, { children: T.tab }),
-							esc: /* @__PURE__ */ C(i, { children: T.esc })
-						})
-					]
-				}), M.map((e) => /* @__PURE__ */ C(D, {
+						H("list.peek.hint", "Inline quick-edit — click any field to change.")
+					] }), e(H("list.peek.keys_hint", "{tab} to move, {esc} to close."), {
+						tab: /* @__PURE__ */ S(i, { children: w.tab }),
+						esc: /* @__PURE__ */ S(i, { children: w.esc })
+					})]
+				}), M.map((e) => /* @__PURE__ */ S(E, {
 					label: e.label,
-					children: e.kind === "file" ? d({
-						entity: E,
-						entityCode: O,
+					children: e.kind === "file" ? u({
+						entity: T,
+						entityCode: D,
 						fieldName: e.key,
 						record: W,
 						mode: e.readOnly ? "display" : "edit",
@@ -175,7 +174,7 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 						refs: N,
 						disabled: e.readOnly,
 						t: H
-					}) : /* @__PURE__ */ C(g, {
+					}) : /* @__PURE__ */ S(h, {
 						field: e.field,
 						fieldName: e.key,
 						label: e.label,
@@ -187,7 +186,7 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 					})
 				}, e.key))]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ C("div", {
 				style: {
 					display: "flex",
 					padding: "10px 14px",
@@ -196,7 +195,7 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 					alignItems: "center"
 				},
 				children: [
-					K && /* @__PURE__ */ w("span", {
+					K && /* @__PURE__ */ C("span", {
 						style: {
 							fontSize: 11,
 							color: "var(--warn)",
@@ -204,21 +203,21 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 							alignItems: "center",
 							gap: 4
 						},
-						children: [/* @__PURE__ */ C("span", { style: {
+						children: [/* @__PURE__ */ S("span", { style: {
 							width: 6,
 							height: 6,
 							borderRadius: 999,
 							background: "var(--warn)"
 						} }), H("list.peek.unsaved", "Unsaved")]
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ S("div", {
 						style: {
 							flex: 1,
 							minWidth: 0,
 							display: "flex",
 							justifyContent: "flex-end"
 						},
-						children: Z.length > 0 && /* @__PURE__ */ C(f, {
+						children: Z.length > 0 && /* @__PURE__ */ S(d, {
 							layout: Z,
 							row: W,
 							onRun: (e, t) => Q({
@@ -231,9 +230,9 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 							ariaLabel: H("list.peek.actions", "Quick peek actions")
 						})
 					}),
-					/* @__PURE__ */ C(n, {
+					/* @__PURE__ */ S(n, {
 						kind: "primary",
-						icon: /* @__PURE__ */ C(t.edit, { size: 13 }),
+						icon: /* @__PURE__ */ S(t.edit, { size: 13 }),
 						onClick: () => B(K ? W : null),
 						children: H("list.peek.open_full", "Open full")
 					})
@@ -242,8 +241,8 @@ function E({ entity: E, entityCode: O, record: k, title: A, recordId: j, avatarN
 		]
 	})] });
 }
-function D({ label: e, children: t }) {
-	return /* @__PURE__ */ w("div", {
+function E({ label: e, children: t }) {
+	return /* @__PURE__ */ C("div", {
 		style: {
 			display: "grid",
 			gridTemplateColumns: "120px 1fr",
@@ -251,15 +250,15 @@ function D({ label: e, children: t }) {
 			padding: "4px 0",
 			borderBottom: "1px solid var(--divider)"
 		},
-		children: [/* @__PURE__ */ C("div", {
+		children: [/* @__PURE__ */ S("div", {
 			style: {
 				fontSize: 11.5,
 				color: "var(--text-3)",
 				fontWeight: 500
 			},
 			children: e
-		}), /* @__PURE__ */ C("div", { children: t })]
+		}), /* @__PURE__ */ S("div", { children: t })]
 	});
 }
 //#endregion
-export { D as QEField, E as QuickPeek };
+export { E as QEField, T as QuickPeek };

package/dist-lib/components/pages/DocumentsMenu.js

@@ -1,12 +1,12 @@
 import { OrderedMap as e } from "../../types/ordmap.js";
-import { Icon as t } from "../primitives/Icons.js";
-import { Btn as n } from "../primitives/Btn.js";
-import { Dropdown as r } from "../primitives/Dropdown.js";
-import { useText as i } from "../../hooks/useText.js";
-import { useResponsiveMode as a } from "../../hooks/useResponsiveMode.js";
-import { MenuItem as o } from "../primitives/MenuItem.js";
-import { executeAction as s } from "../../api/data.js";
-import { failureTitle as c } from "../../lib/failure.js";
+import { executeAction as t } from "../../api/data.js";
+import { failureTitle as n } from "../../lib/failure.js";
+import { Icon as r } from "../primitives/Icons.js";
+import { Btn as i } from "../primitives/Btn.js";
+import { Dropdown as a } from "../primitives/Dropdown.js";
+import { useText as o } from "../../hooks/useText.js";
+import { useResponsiveMode as s } from "../../hooks/useResponsiveMode.js";
+import { MenuItem as c } from "../primitives/MenuItem.js";
 import { useActionRunner as l } from "../actions/ActionRunner.js";
 import { buildListQuery as u } from "./exportRequest.js";
 import { useMemo as d, useRef as f, useState as p } from "react";
@@ -15,9 +15,9 @@ import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/pages/DocumentsMenu.tsx
 var v = "document-templates-available";
 function y({ entityCode: e, scope: y, objectIds: C = [], viewState: w, selectedIds: T = [], capability: E, canManageTemplates: D = !1 }) {
-	let O = i(), k = i("errors"), { run: A } = l(), j = f(null), [M, N] = p(!1), P = y === "detail" ? !!E?.generate_one : !!E?.generate_many, F = D && !P, { data: I, isLoading: L, error: R } = m({
+	let O = o(), k = o("errors"), { run: A } = l(), j = f(null), [M, N] = p(!1), P = y === "detail" ? !!E?.generate_one : !!E?.generate_many, F = D && !P, { data: I, isLoading: L, error: R } = m({
 		queryKey: [v, e],
-		queryFn: async () => (await s("document.templates.available", { entity: e })).result?.templates ?? [],
+		queryFn: async () => (await t("document.templates.available", { entity: e })).result?.templates ?? [],
 		enabled: M || F,
 		staleTime: 6e4
 	}), z = L, B = d(() => (I ?? []).filter((e) => y === "detail" ? e.input_mode === "one" || e.input_mode === "global" : e.input_mode === "many" || e.input_mode === "global"), [y, I]), V = F && B.length > 0, H = P || V;
@@ -42,76 +42,76 @@ function y({ entityCode: e, scope: y, objectIds: C = [], viewState: w, selectedI
 		}
 		return [];
 	}
-	function G(e, t, n) {
-		let r = b(e), i = O(e.name) || e.code;
+	function G(e, n, r) {
+		let i = b(e), a = O(e.name) || e.code;
 		N(!1), A({
-			action: r,
-			title: i,
-			execute: (r) => {
-				let i = {
+			action: i,
+			title: a,
+			execute: (i) => {
+				let a = {
 					template_code: e.code,
 					template_source: e.source,
-					output_format: n
+					output_format: r
 				};
-				return Object.keys(r).length > 0 && (i.params = r), "objectIds" in t && (i.object_ids = t.objectIds), "query" in t && (i.query = {
+				return Object.keys(i).length > 0 && (a.params = i), "objectIds" in n && (a.object_ids = n.objectIds), "query" in n && (a.query = {
 					scope: "current_view",
-					query: t.query
-				}), s("document.generate", i);
+					query: n.query
+				}), t("document.generate", a);
 			}
 		});
 	}
-	let { isPhone: K } = a();
+	let { isPhone: K } = s();
 	if (!H) return null;
 	let q = O("document.menu.generate", "Generate");
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(n, {
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(i, {
 		ref: j,
 		kind: "ghost",
 		size: "sm",
-		icon: g(z ? t.loader : t.filePlus, { size: 12 }),
+		icon: g(z ? r.loader : r.filePlus, { size: 12 }),
 		onClick: U,
 		disabled: z,
 		"aria-label": q,
 		title: q,
 		children: K ? null : q
-	}), /* @__PURE__ */ _(r, {
+	}), /* @__PURE__ */ _(a, {
 		open: M,
 		anchor: j.current,
 		onClose: () => N(!1),
 		align: "end",
 		width: 300,
 		children: [
-			z && /* @__PURE__ */ g(o, {
+			z && /* @__PURE__ */ g(c, {
 				disabled: !0,
-				icon: /* @__PURE__ */ g(t.loader, { size: 12 }),
+				icon: /* @__PURE__ */ g(r.loader, { size: 12 }),
 				children: O("document.menu.loading", "Loading templates...")
 			}),
-			R && /* @__PURE__ */ g(o, {
+			R && /* @__PURE__ */ g(c, {
 				disabled: !0,
-				icon: /* @__PURE__ */ g(t.warning, { size: 12 }),
-				children: c(k, R)
+				icon: /* @__PURE__ */ g(r.warning, { size: 12 }),
+				children: n(k, R)
 			}),
-			!z && !R && B.length === 0 && /* @__PURE__ */ g(o, {
+			!z && !R && B.length === 0 && /* @__PURE__ */ g(c, {
 				disabled: !0,
-				icon: /* @__PURE__ */ g(t.file, { size: 12 }),
+				icon: /* @__PURE__ */ g(r.file, { size: 12 }),
 				children: O("document.menu.empty", "No document templates")
 			}),
 			!z && !R && B.map((e) => {
-				let n = W(e);
-				return n.length === 0 ? null : x(e).flatMap((r) => n.map((n) => r.available ? /* @__PURE__ */ g(o, {
-					icon: /* @__PURE__ */ g(t.file, { size: 12 }),
-					onClick: () => G(e, n, r.format),
+				let t = W(e);
+				return t.length === 0 ? null : x(e).flatMap((n) => t.map((t) => n.available ? /* @__PURE__ */ g(c, {
+					icon: /* @__PURE__ */ g(r.file, { size: 12 }),
+					onClick: () => G(e, t, n.format),
 					title: O(e.description),
-					children: S(O, e, n, r.format)
-				}, `${e.source}:${e.code}:${n.kind}:${r.format}`) : /* @__PURE__ */ _(o, {
+					children: S(O, e, t, n.format)
+				}, `${e.source}:${e.code}:${t.kind}:${n.format}`) : /* @__PURE__ */ _(c, {
 					disabled: !0,
-					icon: /* @__PURE__ */ g(t.file, { size: 12 }),
-					title: r.disabled_reason,
+					icon: /* @__PURE__ */ g(r.file, { size: 12 }),
+					title: n.disabled_reason,
 					children: [
-						S(O, e, n, r.format),
+						S(O, e, t, n.format),
 						" - ",
-						r.disabled_reason || O("document.not_available", "Unavailable")
+						n.disabled_reason || O("document.not_available", "Unavailable")
 					]
-				}, `${e.source}:${e.code}:${n.kind}:${r.format}:disabled`)));
+				}, `${e.source}:${e.code}:${t.kind}:${n.format}:disabled`)));
 			})
 		]
 	})] });

package/dist-lib/components/pages/ExportMenu.js

@@ -1,13 +1,13 @@
 import { ApiError as e } from "../../types/api.js";
 import { pluralText as t } from "../../lib/language.js";
-import { Icon as n } from "../primitives/Icons.js";
-import { Btn as r } from "../primitives/Btn.js";
-import { Dropdown as i } from "../primitives/Dropdown.js";
-import { useText as a } from "../../hooks/useText.js";
-import { useResponsiveMode as o } from "../../hooks/useResponsiveMode.js";
-import { MenuItem as s } from "../primitives/MenuItem.js";
-import { exportEntities as c } from "../../api/data.js";
-import { failureTitle as l } from "../../lib/failure.js";
+import { exportEntities as n } from "../../api/data.js";
+import { failureTitle as r } from "../../lib/failure.js";
+import { Icon as i } from "../primitives/Icons.js";
+import { Btn as a } from "../primitives/Btn.js";
+import { Dropdown as o } from "../primitives/Dropdown.js";
+import { useText as s } from "../../hooks/useText.js";
+import { useResponsiveMode as c } from "../../hooks/useResponsiveMode.js";
+import { MenuItem as l } from "../primitives/MenuItem.js";
 import { buildExportRequest as u } from "./exportRequest.js";
 import { useRef as d, useState as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -22,7 +22,7 @@ function _(e, n) {
 	}, { total: n.toLocaleString(e.language) });
 }
 function v(v) {
-	let x = a(), S = a("errors"), { isPhone: C } = o(), { entityCode: w, entity: T, screen: E, viewState: D, visibleColumns: O, selectedRowPKs: k, totalRows: A, pageRows: j, language: M, align: N = "end", variant: P = "toolbar", onBeforeOpen: F } = v, [I, L] = f(!1), [R, z] = f(!1), [B, V] = f(null), H = d(null), U = g(T.export), W = g(E?.export);
+	let x = s(), S = s("errors"), { isPhone: C } = c(), { entityCode: w, entity: T, screen: E, viewState: D, visibleColumns: O, selectedRowPKs: k, totalRows: A, pageRows: j, language: M, align: N = "end", variant: P = "toolbar", onBeforeOpen: F } = v, [I, L] = f(!1), [R, z] = f(!1), [B, V] = f(null), H = d(null), U = g(T.export), W = g(E?.export);
 	if (!U || !W) return null;
 	async function G(t) {
 		V(null), z(!0);
@@ -32,12 +32,12 @@ function v(v) {
 				visibleColumns: O,
 				selectedRowPKs: t === "selected_rows" ? k : void 0,
 				language: M
-			}), { blob: n, filename: r } = await c(w, e);
-			b(n, r || `${w}-${y()}.csv`), L(!1);
+			}), { blob: r, filename: i } = await n(w, e);
+			b(r, i || `${w}-${y()}.csv`), L(!1);
 		} catch (t) {
 			V({
 				code: t instanceof e ? t.code : "",
-				message: l(S, t)
+				message: r(S, t)
 			});
 		} finally {
 			z(!1);
@@ -45,8 +45,8 @@ function v(v) {
 	}
 	if (P === "selection-menu-item") {
 		let e = R || k.length === 0;
-		return /* @__PURE__ */ m(s, {
-			icon: /* @__PURE__ */ m(n.download, { size: 12 }),
+		return /* @__PURE__ */ m(l, {
+			icon: /* @__PURE__ */ m(i.download, { size: 12 }),
 			"data-testid": "export-selection-menu-item",
 			onClick: e ? void 0 : () => {
 				F?.(), G("selected_rows");
@@ -55,11 +55,11 @@ function v(v) {
 		});
 	}
 	let K = k.length > 0, q = T.list_pagination === "cursor";
-	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(r, {
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(a, {
 		ref: H,
 		kind: "ghost",
 		size: "sm",
-		icon: /* @__PURE__ */ m(n.download, { size: 12 }),
+		icon: /* @__PURE__ */ m(i.download, { size: 12 }),
 		onClick: () => {
 			F?.(), L((e) => !e);
 		},
@@ -67,30 +67,30 @@ function v(v) {
 		"aria-label": x("export.menu.export", "Export"),
 		title: x("export.menu.export", "Export"),
 		children: C ? null : R ? x("export.menu.exporting", "Exporting…") : x("export.menu.export", "Export")
-	}), /* @__PURE__ */ h(i, {
+	}), /* @__PURE__ */ h(o, {
 		open: I,
 		anchor: H.current,
 		onClose: () => L(!1),
 		align: N,
 		width: 260,
 		children: [
-			/* @__PURE__ */ m(s, {
-				icon: /* @__PURE__ */ m(n.download, { size: 12 }),
+			/* @__PURE__ */ m(l, {
+				icon: /* @__PURE__ */ m(i.download, { size: 12 }),
 				onClick: R ? void 0 : () => void G("current_view"),
 				children: _(x, A)
 			}),
-			K && /* @__PURE__ */ m(s, {
-				icon: /* @__PURE__ */ m(n.check, { size: 12 }),
+			K && /* @__PURE__ */ m(l, {
+				icon: /* @__PURE__ */ m(i.check, { size: 12 }),
 				onClick: R ? void 0 : () => void G("selected_rows"),
 				children: x("export.scope.selected_rows", "Selected rows (CSV) · {count}", { count: k.length })
 			}),
-			q ? /* @__PURE__ */ m(s, {
-				icon: /* @__PURE__ */ m(n.columns, { size: 12 }),
+			q ? /* @__PURE__ */ m(l, {
+				icon: /* @__PURE__ */ m(i.columns, { size: 12 }),
 				"data-testid": "export-current-page-disabled",
 				disabled: !0,
 				children: x("export.scope.current_page_unavailable_cursor", "Current page · n/a (infinite scroll)")
-			}) : /* @__PURE__ */ m(s, {
-				icon: /* @__PURE__ */ m(n.columns, { size: 12 }),
+			}) : /* @__PURE__ */ m(l, {
+				icon: /* @__PURE__ */ m(i.columns, { size: 12 }),
 				onClick: R ? void 0 : () => void G("current_page"),
 				children: j === void 0 ? x("export.scope.current_page_window", "Current page (CSV) · page window") : t(x, "export.scope.current_page", j, {
 					one: "Current page (CSV) · {count} row",