@marimo-team/islands 0.25.2-dev36 → 0.25.2-dev37

package/dist/{ErrorBoundary-C2zKbrjw.js → ErrorBoundary-4cQwOEA_.js}

@@ -135,7 +135,7 @@ function F(e) {
 }
 //#endregion
 //#region src/components/editor/boundary/ErrorBoundary.tsx
-var I = (0, T.lazy)(() => import("./feedback-button-2WeBgQPy.js").then((e) => ({ default: e.FeedbackModal }))), L = (e) => {
+var I = (0, T.lazy)(() => import("./feedback-button-C5J60O9s.js").then((e) => ({ default: e.FeedbackModal }))), L = (e) => {
 	let t = (0, w.c)(2), n;
 	return t[0] === e.children ? n = t[1] : (n = /* @__PURE__ */ (0, j.jsx)(O, {
 		FallbackComponent: R,

package/dist/{code-visibility-Bfq3Ejid.js → code-visibility-C6sJ1nKF.js}

@@ -18,7 +18,7 @@ function x() {
 		return e.warn("Failed to get version from mount config"), null;
 	}
 }
-var S = x() || "0.25.2-dev36", C = u(S), w = u(!0);
+var S = x() || "0.25.2-dev37", C = u(S), w = u(!0);
 u(null);
 //#endregion
 //#region src/core/wasm/state.ts

package/dist/{common-DvJKngyQ.js → common-CYZSAtIH.js}

@@ -12,7 +12,7 @@ import { t as at } from "./check-DGZ74tV2.js";
 import { A as ot, C as st, D as ct, M as lt, O as ut, S as dt, _ as ft, b as pt, c as mt, d as ht, g as gt, h as _t, i as vt, l as yt, m as bt, n as xt, p as St, s as Ct, t as wt, u as Tt, v as Et, y as Dt } from "./select-BcObMjGz.js";
 import { $ as Ot, $t as kt, A as At, At as jt, B as Mt, Bt as Nt, Ct as Pt, D as Ft, Dt as It, E as Lt, Et as Rt, F as zt, Ft as Bt, G as Vt, Gt as Ht, H as Ut, Ht as Wt, I as Gt, It as Kt, Jt as qt, K as Jt, Kt as Yt, L as Xt, Lt as Zt, M as Qt, Mt as $t, N as en, Nt as tn, O as nn, Ot as rn, P as an, Pt as on, Q as sn, Qt as cn, R as ln, Rt as un, S as dn, St as fn, T as pn, Tt as mn, U as hn, Ut as gn, V as _n, Vt as vn, W as yn, Wt as bn, X as xn, Xt as Sn, Y as Cn, Yt as wn, Z as Tn, Zt as En, _ as Dn, _t as On, a as kn, an as An, b as jn, bt as Mn, cn as Nn, ct as Pn, d as Fn, dn as In, dt as Ln, en as Rn, et as zn, f as Bn, fn as Vn, ft as Hn, gt as Un, h as Wn, ht as Gn, i as Kn, it as qn, j as Jn, jt as Yn, k as Xn, kt as Zn, l as Qn, ln as $n, lt as er, mt as tr, n as nr, nn as rr, nt as ir, o as ar, on as or, ot as sr, pn as cr, pt as lr, qt as ur, rn as dr, rt as fr, s as pr, sn as mr, st as hr, t as gr, tn as _r, tt as vr, u as yr, un as br, ut as xr, vt as Sr, w as Cr, wt as wr, x as Tr, xt as Er, y as Dr, yt as Or, z as kr, zt as Ar } from "./dropdown-menu-BaqM0t4N.js";
 import { C as jr, a as Mr, b as Nr, c as Pr, d as Fr, i as Ir, n as Lr, o as Rr, p as zr, r as Br, s as Vr, t as Hr, x as Ur } from "./toDate-DWVp6uE1.js";
-import { n as Wr, t as Gr } from "./ErrorBoundary-C2zKbrjw.js";
+import { n as Wr, t as Gr } from "./ErrorBoundary-4cQwOEA_.js";
 import { t as Kr } from "./clsx-CoeGtWvn.js";
 import { t as qr } from "./react-dom-BUgJ-ab_.js";
 import { t as Jr } from "./jsx-runtime-DgDPJV9S.js";
@@ -25741,6 +25741,7 @@ var VR = ({ table: e, tableLoading: t, showPageSizeSelector: n }) => {
 						size: "xs",
 						variant: "text",
 						"data-testid": "first-page-button",
+						"aria-label": "First page",
 						className: "hidden h-6 w-5 p-0 lg:flex",
 						onClick: () => l(() => e.setPageIndex(0)),
 						onMouseDown: o.preventFocus,
@@ -25754,6 +25755,7 @@ var VR = ({ table: e, tableLoading: t, showPageSizeSelector: n }) => {
 						size: "xs",
 						variant: "text",
 						"data-testid": "previous-page-button",
+						"aria-label": "Previous page",
 						className: "h-6 w-5 p-0",
 						onClick: () => l(() => e.previousPage()),
 						onMouseDown: o.preventFocus,
@@ -25782,6 +25784,7 @@ var VR = ({ table: e, tableLoading: t, showPageSizeSelector: n }) => {
 						size: "xs",
 						variant: "text",
 						"data-testid": "next-page-button",
+						"aria-label": "Next page",
 						className: "h-6 w-5 p-0",
 						onClick: () => l(() => e.nextPage()),
 						onMouseDown: o.preventFocus,
@@ -25795,6 +25798,7 @@ var VR = ({ table: e, tableLoading: t, showPageSizeSelector: n }) => {
 						size: "xs",
 						variant: "text",
 						"data-testid": "last-page-button",
+						"aria-label": "Last page",
 						className: "hidden h-6 w-5 p-0 lg:flex",
 						onClick: () => l(() => e.setPageIndex(e.getPageCount() - 1)),
 						onMouseDown: o.preventFocus,
@@ -25861,6 +25865,7 @@ var GR = ({ currentPage: e, totalPages: t, onPageChange: n }) => {
 				type: "button",
 				className: a("border rounded justify-between pl-1.5 pr-0.5 h-6 min-w-9 text-xs items-center inline-flex gap-0.5", t > 1 ? "hover:bg-accent cursor-pointer" : "opacity-50 cursor-default"),
 				"data-testid": "page-select",
+				"aria-label": `Choose page, current page ${e} of ${t}`,
 				disabled: t <= 1,
 				children: [e, /* @__PURE__ */ (0, K.jsx)(lt, { className: "h-3 w-3 opacity-50 mb-px" })]
 			})
@@ -25868,7 +25873,9 @@ var GR = ({ currentPage: e, totalPages: t, onPageChange: n }) => {
 			className: "w-36 p-0",
 			align: "center",
 			sideOffset: 6,
+			"aria-label": "Choose page",
 			children: /* @__PURE__ */ (0, K.jsxs)(v_, {
+				label: "Search pages",
 				shouldFilter: !1,
 				value: String(e),
 				children: [/* @__PURE__ */ (0, K.jsx)(y_, {

package/dist/{data-grid-overlay-editor-BwX7RPop.js → data-grid-overlay-editor-BYGAo12A.js}

@@ -2,7 +2,7 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-ofJbxM4x.js";
 import { t as n } from "./react-dom-BUgJ-ab_.js";
 import { c as r, l as i, u as a } from "./data-grid-types-BucVmDDp.js";
-import { a as o, i as s, n as c, r as l } from "./glide-data-editor-B_cc1E3b.js";
+import { a as o, i as s, n as c, r as l } from "./glide-data-editor-imIMEsm8.js";
 //#region ../node_modules/.pnpm/@glideapps+glide-data-grid@6.0.4-alpha24_lodash@4.17.21_marked@15.0.12_react-dom@19.2.8_b9e6aec46d952f631ce71b0585d2a8e5/node_modules/@glideapps/glide-data-grid/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.js
 var u = /* @__PURE__ */ e(t(), 1), d = /* @__PURE__ */ e(n(), 1), f = /*#__PURE__*/ o("div")({
 	name: "DataGridOverlayEditorStyle",

package/dist/{feedback-button-2WeBgQPy.js → feedback-button-C5J60O9s.js}

@@ -5,12 +5,12 @@ import { t as i } from "./compiler-runtime-Cj8ZWiNS.js";
 import { t as a } from "./copy-icon-qmRg_VTX.js";
 import { Ct as o, Ft as s, H as c, L as l, Lt as u, V as d, d as f, un as p } from "./cells-DxsypDZK.js";
 import { b as m } from "./select-BcObMjGz.js";
-import { n as h, t as ee } from "./globals-D7lcEUDf.js";
+import { n as h, t as ee } from "./globals-DZNpDhRS.js";
 import { t as g } from "./jsx-runtime-DgDPJV9S.js";
 import { C as _, _ as te, i as v } from "./useTheme-BOw801nZ.js";
 import { a as ne, i as re, n as ie, r as ae } from "./dialog-CILKhbsG.js";
 import { t as oe } from "./useAsyncData-BD7NLQ3_.js";
-import { t as se } from "./code-visibility-Bfq3Ejid.js";
+import { t as se } from "./code-visibility-C6sJ1nKF.js";
 import { i as ce, n as le } from "./error-entries-xDl6bkdA.js";
 //#region src/components/ui/skeleton.tsx
 var y = /* @__PURE__ */ e(r(), 1), b = i(), x = g(), ue = (e) => {

package/dist/{glide-data-editor-B_cc1E3b.js → glide-data-editor-imIMEsm8.js}

@@ -6,7 +6,7 @@ import { i as s, n as c, r as l } from "./copy-icon-qmRg_VTX.js";
 import { C as u, c as d, i as f, n as p, s as m, t as h, x as g } from "./select-BcObMjGz.js";
 import { d as _, h as v, i as y, l as b, n as x, o as S, s as C, t as w, u as T } from "./dropdown-menu-BaqM0t4N.js";
 import { c as E, d as D, l as O, n as k, o as A, s as ee, t as j, u as te } from "./glide-utils-CzzWU59p.js";
-import { n as ne, t as re } from "./ErrorBoundary-C2zKbrjw.js";
+import { n as ne, t as re } from "./ErrorBoundary-4cQwOEA_.js";
 import { t as M } from "./react-dom-BUgJ-ab_.js";
 import { t as N } from "./jsx-runtime-DgDPJV9S.js";
 import { t as ie } from "./label-MNhNNoN6.js";
@@ -7062,7 +7062,7 @@ function rs(e, t, n, r, i) {
 }
 //#endregion
 //#region ../node_modules/.pnpm/@glideapps+glide-data-grid@6.0.4-alpha24_lodash@4.17.21_marked@15.0.12_react-dom@19.2.8_b9e6aec46d952f631ce71b0585d2a8e5/node_modules/@glideapps/glide-data-grid/dist/esm/data-editor/data-editor.js
-var is = /* @__PURE__ */ e(_r(), 1), as = /* @__PURE__ */ e(xr(), 1), os = K.lazy(async () => await import("./data-grid-overlay-editor-BwX7RPop.js")), ss = 0;
+var is = /* @__PURE__ */ e(_r(), 1), as = /* @__PURE__ */ e(xr(), 1), os = K.lazy(async () => await import("./data-grid-overlay-editor-BYGAo12A.js")), ss = 0;
 function cs(e) {
 	return (0, is.default)((0, as.default)((0, as.default)(e).filter((e) => e.span !== void 0).map((e) => (0, Za.default)((e.span?.[0] ?? 0) + 1, (e.span?.[1] ?? 0) + 1))));
 }
@@ -9293,7 +9293,7 @@ function Vs(e, t, n, r, i) {
 }
 //#endregion
 //#region ../node_modules/.pnpm/@glideapps+glide-data-grid@6.0.4-alpha24_lodash@4.17.21_marked@15.0.12_react-dom@19.2.8_b9e6aec46d952f631ce71b0585d2a8e5/node_modules/@glideapps/glide-data-grid/dist/esm/cells/number-cell.js
-var Hs = K.lazy(async () => await import("./number-overlay-editor-CKoaMnN3.js")), Us = {
+var Hs = K.lazy(async () => await import("./number-overlay-editor-BbBytGxI.js")), Us = {
 	getAccessibilityString: (e) => e.data?.toString() ?? "",
 	kind: W.Number,
 	needsHover: (e) => e.hoverEffect === !0,

package/dist/{globals-D7lcEUDf.js → globals-DZNpDhRS.js}

@@ -1,6 +1,6 @@
 import { g as e } from "./tooltip-Bi36DgYh.js";
 import { _ as t } from "./useTheme-BOw801nZ.js";
-import { r as n } from "./code-visibility-Bfq3Ejid.js";
+import { r as n } from "./code-visibility-C6sJ1nKF.js";
 var r = e("triangle-alert", [
 	["path", {
 		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",

package/dist/main.js

@@ -7,7 +7,7 @@ import { C as T, F as E, G as D, I as O, J as k, K as A, L as j, P as M, R as N,
 import { a as se, f as ce, g as V, i as le, n as ue, o as de, p as fe, r as pe, t as me } from "./tooltip-Bi36DgYh.js";
 import { $ as he, $t as ge, B as _e, Bt as ve, C as ye, Ct as be, D as xe, Dt as Se, Et as Ce, F as we, G as Te, Gt as Ee, Ht as De, I as Oe, J as ke, Jt as Ae, Kt as je, L as Me, O as Ne, Ot as Pe, P as Fe, Pt as Ie, Q as Le, Qt as Re, Rt as ze, S as Be, St as Ve, T as He, Tt as Ue, U as We, W as Ge, Wt as Ke, bt as qe, c as Je, cn as Ye, ct as Xe, d as Ze, dn as Qe, dt as $e, en as et, f as tt, fn as nt, ft as rt, g as it, gt as at, h as ot, hn as st, k as ct, l as lt, ln as ut, m as dt, mn as ft, n as pt, o as mt, on as ht, ot as gt, p as _t, q as vt, qt as yt, r as bt, rn as xt, rt as St, sn as Ct, st as wt, tn as Tt, u as Et, v as Dt, w as Ot, wt as kt, zt as At } from "./cells-DxsypDZK.js";
 import { D as jt, E as Mt, O as Nt, S as Pt, T as Ft, _ as It, a as Lt, c as Rt, d as zt, f as Bt, g as Vt, h as Ht, i as Ut, l as Wt, m as Gt, n as Kt, o as qt, p as Jt, r as Yt, s as Xt, t as Zt, u as Qt, v as $t, w as en, x as tn, y as nn } from "./spec-BSchR9UD.js";
-import { $t as rn, A as an, At as on, B as sn, Bt as cn, C as ln, Ct as un, D as dn, Dt as fn, E as pn, Et as mn, F as hn, Ft as gn, G as _n, Gt as vn, H as yn, Ht as bn, I as xn, It as Sn, J as Cn, Jt as wn, K as Tn, Kt as En, L as Dn, Lt as On, M as kn, Mt as An, N as jn, Nt as Mn, O as Nn, Ot as Pn, P as Fn, Pt as In, Qt as Ln, R as Rn, Rt as zn, S as Bn, St as Vn, T as Hn, Tt as Un, U as Wn, Ut as Gn, V as Kn, Vt as qn, W as Jn, Wt as Yn, X as Xn, Xt as Zn, Y as Qn, Yt as $n, Zt as er, _ as tr, _t as nr, an as rr, at as ir, b as ar, c as or, cn as sr, ct as cr, d as lr, dn as ur, dt as dr, en as fr, et as pr, f as mr, fn as hr, ft as gr, g as _r, gt as vr, h as yr, hn as br, ht as xr, in as Sr, it as Cr, j as wr, jt as Tr, k as Er, kt as Dr, ln as Or, lt as kr, m as Ar, mn as jr, mt as Mr, nn as Nr, nt as Pr, ot as Fr, p as Ir, pn as Lr, pt as Rr, q as zr, qt as Br, r as Vr, rn as Hr, rt as Ur, sn as Wr, st as Gr, t as Kr, tn as qr, tt as Jr, u as Yr, un as Xr, ut as Zr, v as Qr, vt as $r, w as ei, wt as ti, x as ni, y as ri, yt as ii, z as ai, zt as oi } from "./common-DvJKngyQ.js";
+import { $t as rn, A as an, At as on, B as sn, Bt as cn, C as ln, Ct as un, D as dn, Dt as fn, E as pn, Et as mn, F as hn, Ft as gn, G as _n, Gt as vn, H as yn, Ht as bn, I as xn, It as Sn, J as Cn, Jt as wn, K as Tn, Kt as En, L as Dn, Lt as On, M as kn, Mt as An, N as jn, Nt as Mn, O as Nn, Ot as Pn, P as Fn, Pt as In, Qt as Ln, R as Rn, Rt as zn, S as Bn, St as Vn, T as Hn, Tt as Un, U as Wn, Ut as Gn, V as Kn, Vt as qn, W as Jn, Wt as Yn, X as Xn, Xt as Zn, Y as Qn, Yt as $n, Zt as er, _ as tr, _t as nr, an as rr, at as ir, b as ar, c as or, cn as sr, ct as cr, d as lr, dn as ur, dt as dr, en as fr, et as pr, f as mr, fn as hr, ft as gr, g as _r, gt as vr, h as yr, hn as br, ht as xr, in as Sr, it as Cr, j as wr, jt as Tr, k as Er, kt as Dr, ln as Or, lt as kr, m as Ar, mn as jr, mt as Mr, nn as Nr, nt as Pr, ot as Fr, p as Ir, pn as Lr, pt as Rr, q as zr, qt as Br, r as Vr, rn as Hr, rt as Ur, sn as Wr, st as Gr, t as Kr, tn as qr, tt as Jr, u as Yr, un as Xr, ut as Zr, v as Qr, vt as $r, w as ei, wt as ti, x as ni, y as ri, yt as ii, z as ai, zt as oi } from "./common-CYZSAtIH.js";
 import { c as si, i as ci, n as li, o as ui, t as di } from "./useLifecycle-3vGhRa1o.js";
 import { t as fi } from "./check-DGZ74tV2.js";
 import { A as pi, C as mi, D as hi, E as gi, M as _i, O as vi, S as yi, T as bi, a as xi, b as Si, c as Ci, i as wi, k as Ti, l as Ei, n as Di, o as Oi, r as ki, s as Ai, t as ji, w as Mi, x as Ni } from "./select-BcObMjGz.js";
@@ -15,8 +15,8 @@ import { B as Pi, C as Fi, J as Ii, Mt as Li, Nt as Ri, S as zi, Vt as Bi, W as
 import { C as da, S as fa, T as pa, _ as ma, c as ha, d as ga, f as _a, g as va, h as ya, m as ba, u as xa, x as Sa, y as Ca } from "./toDate-DWVp6uE1.js";
 import { a as wa, c as Ta, d as Ea, f as Da, i as Oa, l as ka, n as Aa, o as ja, r as Ma, s as Na, t as Pa } from "./process-output-_4TxDper.js";
 import { a as Fa, c as Ia, d as La, i as Ra, l as za, r as Ba, u as Va } from "./glide-utils-CzzWU59p.js";
-import { n as Ha, t as Ua } from "./ErrorBoundary-C2zKbrjw.js";
-import { n as Wa, t as Ga } from "./globals-D7lcEUDf.js";
+import { n as Ha, t as Ua } from "./ErrorBoundary-4cQwOEA_.js";
+import { n as Wa, t as Ga } from "./globals-DZNpDhRS.js";
 import { t as Ka } from "./react-dom-BUgJ-ab_.js";
 import { t as qa } from "./jsx-runtime-DgDPJV9S.js";
 import { B as Ja, C as H, Ct as Ya, D as Xa, E as Za, Et as Qa, F as U, G as $a, H as eo, I as to, L as no, M as W, N as ro, O as io, P as ao, Q as oo, R as so, S as G, St as co, Tt as lo, U as uo, W as fo, Y as po, Z as mo, _ as ho, a as go, b as _o, bt as vo, c as yo, d as bo, dt as xo, f as So, g as Co, gt as wo, h as To, i as Eo, j as K, k as Do, l as Oo, m as ko, n as Ao, o as jo, p as Mo, r as No, s as Po, u as Fo, v as Io, vt as Lo, w as Ro, wt as zo, x as Bo, xt as Vo, y as Ho, yt as Uo } from "./use-restore-focus-ZgG5Br63.js";
@@ -39,7 +39,7 @@ import { t as Ns } from "./useAsyncData-BD7NLQ3_.js";
 import { i as Ps, n as Fs, r as Is } from "./formats-Q9gwlLyD.js";
 import { M as Ls, N as Rs } from "./vega-loader.browser-DNST6uVf.js";
 import { a as zs, n as Bs } from "./loader-C9OUkMrj.js";
-import { c as Vs, d as Hs, i as Us, l as Ws, o as Gs, s as Ks, t as qs, u as Js } from "./code-visibility-Bfq3Ejid.js";
+import { c as Vs, d as Hs, i as Us, l as Ws, o as Gs, s as Ks, t as qs, u as Js } from "./code-visibility-C6sJ1nKF.js";
 import { t as Ys } from "./useDeepCompareMemoize-CawMGSRU.js";
 import { t as Xs } from "./esm-D2gTsXEV.js";
 //#region ../node_modules/.pnpm/iconify-icon@2.3.0/node_modules/iconify-icon/dist/iconify-icon.mjs
@@ -10458,7 +10458,7 @@ function RC(e, t) {
 }
 //#endregion
 //#region src/plugins/impl/DataEditorPlugin.tsx
-var zC = J.lazy(() => import("./glide-data-editor-B_cc1E3b.js").then((e) => e.t)), BC = xS("marimo-data-editor", { cssStyles: [WS] }).withData(W({
+var zC = J.lazy(() => import("./glide-data-editor-imIMEsm8.js").then((e) => e.t)), BC = xS("marimo-data-editor", { cssStyles: [WS] }).withData(W({
 	initialValue: W({ edits: G(W({
 		rowIdx: K(),
 		columnId: U(),
@@ -29968,7 +29968,7 @@ function bR(e) {
 }
 //#endregion
 //#region src/components/editor/renderers/slides-layout/slides-layout.tsx
-var xR = J.lazy(() => import("./reveal-component-FDgAb6qh.js")), SR = (e) => {
+var xR = J.lazy(() => import("./reveal-component-JPL6fq0b.js")), SR = (e) => {
 	let t = (0, X.c)(33), { layout: n, setLayout: r, cells: i, mode: a } = e, o = rs(Ca), s = a === "read" || o, c = rs(_t) > 1, [l, u] = (0, J.useState)(null), d;
 	t[0] !== i || t[1] !== n ? (d = vP(i, n), t[0] = i, t[1] = n, t[2] = d) : d = t[2];
 	let { slideCells: f, skippedIds: p, noOutputIds: m, slideTypes: h, startCellIndex: g } = d, _;

package/dist/{number-overlay-editor-CKoaMnN3.js → number-overlay-editor-BbBytGxI.js}

@@ -1,6 +1,6 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-ofJbxM4x.js";
-import { a as n } from "./glide-data-editor-B_cc1E3b.js";
+import { a as n } from "./glide-data-editor-imIMEsm8.js";
 //#region ../node_modules/.pnpm/@glideapps+glide-data-grid@6.0.4-alpha24_lodash@4.17.21_marked@15.0.12_react-dom@19.2.8_b9e6aec46d952f631ce71b0585d2a8e5/node_modules/@glideapps/glide-data-grid/dist/esm/internal/data-grid-overlay-editor/private/number-overlay-editor-style.js
 var r = /* @__PURE__ */ e(t()), i = /*#__PURE__*/ n("div")({
 	name: "NumberOverlayEditorStyle",

package/dist/{reveal-component-FDgAb6qh.js → reveal-component-JPL6fq0b.js}

@@ -4,14 +4,14 @@ import { t as o } from "./react-ofJbxM4x.js";
 import { t as s } from "./compiler-runtime-Cj8ZWiNS.js";
 import { g as c, t as l } from "./tooltip-Bi36DgYh.js";
 import { w as u } from "./cells-DxsypDZK.js";
-import { $ as d, Q as f, Z as p, an as m, i as h, l as g, ln as _, n as v, on as y, r as b, t as x, u as S } from "./common-DvJKngyQ.js";
+import { $ as d, Q as f, Z as p, an as m, i as h, l as g, ln as _, n as v, on as y, r as b, t as x, u as S } from "./common-CYZSAtIH.js";
 import { M as C } from "./select-BcObMjGz.js";
 import { J as ee } from "./dropdown-menu-BaqM0t4N.js";
 import { y as w } from "./toDate-DWVp6uE1.js";
 import { t as T } from "./jsx-runtime-DgDPJV9S.js";
 import { q as te } from "./use-restore-focus-ZgG5Br63.js";
 import { A as E, C as D, b as O } from "./useTheme-BOw801nZ.js";
-import { a as k, n as ne, t as re } from "./code-visibility-Bfq3Ejid.js";
+import { a as k, n as ne, t as re } from "./code-visibility-C6sJ1nKF.js";
 /* empty css                */
 var A = c("sticky-note", [["path", {
 	d: "M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.25.2-dev36",
+  "version": "0.25.2-dev37",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/data-table/__tests__/pagination.test.tsx

@@ -1,7 +1,91 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
+import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import { fireEvent, render, screen } from "@testing-library/react";
 import { expect, test } from "vitest";
-import { matchingPageRanges } from "../pagination";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import { DataTablePagination, matchingPageRanges } from "../pagination";
+
+function PaginationHarness({
+  totalPages = 3,
+  loading = false,
+}: {
+  totalPages?: number;
+  loading?: boolean;
+}) {
+  const table = useReactTable({
+    locale: "en-US",
+    data: [],
+    columns: [],
+    getCoreRowModel: getCoreRowModel(),
+    manualPagination: true,
+    pageCount: totalPages,
+  });
+  return (
+    <TooltipProvider>
+      <DataTablePagination table={table} tableLoading={loading} />
+    </TooltipProvider>
+  );
+}
+
+test("named navigation controls preserve page updates and boundaries", () => {
+  render(<PaginationHarness />);
+  expect(screen.getByRole("button", { name: "First page" })).toBeDisabled();
+  expect(screen.getByRole("button", { name: "Previous page" })).toBeDisabled();
+  fireEvent.click(screen.getByRole("button", { name: "Next page" }));
+  expect(
+    screen.getByRole("button", { name: "Choose page, current page 2 of 3" }),
+  ).toBeEnabled();
+  fireEvent.click(screen.getByRole("button", { name: "Last page" }));
+  expect(screen.getByRole("button", { name: "Next page" })).toBeDisabled();
+  expect(screen.getByRole("button", { name: "Last page" })).toBeDisabled();
+  fireEvent.click(screen.getByRole("button", { name: "Previous page" }));
+  fireEvent.click(screen.getByRole("button", { name: "First page" }));
+  expect(
+    screen.getByRole("button", { name: "Choose page, current page 1 of 3" }),
+  ).toBeEnabled();
+  expect(screen.getByRole("button", { name: "First page" })).toBeDisabled();
+  expect(screen.getByRole("button", { name: "Previous page" })).toBeDisabled();
+  expect(screen.getByRole("button", { name: "Next page" })).toBeEnabled();
+  expect(screen.getByRole("button", { name: "Last page" })).toBeEnabled();
+});
+
+test("loading prevents navigation and a single page disables controls", () => {
+  const { rerender } = render(<PaginationHarness loading={true} />);
+  fireEvent.click(screen.getByRole("button", { name: "Next page" }));
+  fireEvent.click(screen.getByRole("button", { name: "Last page" }));
+  expect(
+    screen.getByRole("button", { name: "Choose page, current page 1 of 3" }),
+  ).toBeEnabled();
+  rerender(<PaginationHarness />);
+  fireEvent.click(screen.getByRole("button", { name: "Next page" }));
+  expect(
+    screen.getByRole("button", { name: "Choose page, current page 2 of 3" }),
+  ).toBeEnabled();
+  rerender(<PaginationHarness key="single-page" totalPages={1} />);
+  for (const name of [
+    "First page",
+    "Previous page",
+    "Next page",
+    "Last page",
+    "Choose page, current page 1 of 1",
+  ]) {
+    expect(screen.getByRole("button", { name })).toBeDisabled();
+  }
+});
+
+test("page picker exposes named dialog and search", () => {
+  render(<PaginationHarness />);
+  fireEvent.click(
+    screen.getByRole("button", { name: "Choose page, current page 1 of 3" }),
+  );
+  expect(
+    screen.getByRole("dialog", { name: "Choose page" }),
+  ).toBeInTheDocument();
+  expect(
+    screen.getByRole("combobox", { name: "Search pages" }),
+  ).toBeInTheDocument();
+});
 
 test("empty prefix returns no ranges", () => {
   expect(matchingPageRanges("", 500)).toEqual([]);

package/src/components/data-table/pagination.tsx

@@ -117,6 +117,7 @@ export const DataTablePagination = <TData,>({
             size="xs"
             variant="text"
             data-testid="first-page-button"
+            aria-label="First page"
             className="hidden h-6 w-5 p-0 lg:flex"
             onClick={() => handlePageChange(() => table.setPageIndex(0))}
             onMouseDown={Events.preventFocus}
@@ -130,6 +131,7 @@ export const DataTablePagination = <TData,>({
             size="xs"
             variant="text"
             data-testid="previous-page-button"
+            aria-label="Previous page"
             className="h-6 w-5 p-0"
             onClick={() => handlePageChange(() => table.previousPage())}
             onMouseDown={Events.preventFocus}
@@ -156,6 +158,7 @@ export const DataTablePagination = <TData,>({
             size="xs"
             variant="text"
             data-testid="next-page-button"
+            aria-label="Next page"
             className="h-6 w-5 p-0"
             onClick={() => handlePageChange(() => table.nextPage())}
             onMouseDown={Events.preventFocus}
@@ -169,6 +172,7 @@ export const DataTablePagination = <TData,>({
             size="xs"
             variant="text"
             data-testid="last-page-button"
+            aria-label="Last page"
             className="hidden h-6 w-5 p-0 lg:flex"
             onClick={() =>
               handlePageChange(() =>
@@ -306,14 +310,24 @@ export const PageSelector = ({
               : "opacity-50 cursor-default",
           )}
           data-testid="page-select"
+          aria-label={`Choose page, current page ${currentPage} of ${totalPages}`}
           disabled={totalPages <= 1}
         >
           {currentPage}
           <ChevronDown className="h-3 w-3 opacity-50 mb-px" />
         </button>
       </PopoverTrigger>
-      <PopoverContent className="w-36 p-0" align="center" sideOffset={6}>
-        <Command shouldFilter={false} value={String(currentPage)}>
+      <PopoverContent
+        className="w-36 p-0"
+        align="center"
+        sideOffset={6}
+        aria-label="Choose page"
+      >
+        <Command
+          label="Search pages"
+          shouldFilter={false}
+          value={String(currentPage)}
+        >
           <CommandInput
             placeholder={`Page (1–${totalPages})`}
             rootClassName="px-2 h-8"