@marimo-team/islands 0.25.2-dev91 → 0.25.2-dev92

package/dist/{ErrorBoundary-DzYre0XM.js → ErrorBoundary-D34mViAO.js}

@@ -135,7 +135,7 @@ function F(e) {
 }
 //#endregion
 //#region src/components/editor/boundary/ErrorBoundary.tsx
-var I = (0, T.lazy)(() => import("./feedback-button-DfcvEzG_.js").then((e) => ({ default: e.FeedbackModal }))), L = (e) => {
+var I = (0, T.lazy)(() => import("./feedback-button-D-DUxiaq.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-BrGBr50V.js → code-visibility-BOSA33DJ.js}

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

package/dist/{common-Dzc60302.js → common-CtZ-MrLU.js}

@@ -12,7 +12,7 @@ import { t as ct } from "./check-CNP79M3A.js";
 import { A as lt, C as ut, M as dt, O as ft, S as pt, _ as mt, b as ht, c as gt, d as _t, g as vt, h as yt, i as bt, l as xt, m as St, n as Ct, p as wt, s as Tt, t as Et, u as Dt, v as Ot, y as kt } from "./select-Bs-nmvm6.js";
 import { $ as At, $t as jt, A as Mt, At as Nt, B as Pt, Bt as Ft, Ct as It, D as Lt, Dt as Rt, E as zt, Et as Bt, F as Vt, Ft as Ht, G as Ut, Gt as Wt, H as Gt, Ht as Kt, I as qt, It as Jt, J as Yt, Jt as Xt, Kt as Zt, L as Qt, Lt as $t, M as en, Mt as tn, N as nn, Nt as rn, O as an, Ot as on, P as sn, Pt as cn, Q as ln, Qt as un, R as dn, Rt as fn, S as pn, St as mn, T as hn, Tt as gn, U as _n, Ut as vn, V as yn, Vt as bn, W as xn, Wt as Sn, X as Cn, Xt as wn, Y as Tn, Yt as En, Z as Dn, Zt as On, _ as kn, _n as An, _t as jn, a as Mn, at as Nn, b as Pn, bt as Fn, cn as In, ct as Ln, d as Rn, dn as zn, dt as Bn, et as Vn, f as Hn, fn as Un, ft as Wn, gn as Gn, gt as Kn, h as qn, hn as Jn, ht as Yn, i as Xn, in as Zn, it as Qn, j as $n, jt as er, k as tr, kt as nr, l as rr, lt as ir, mn as ar, mt as or, n as sr, nn as cr, nt as lr, o as ur, on as dr, ot as fr, pn as pr, pt as mr, qt as hr, rn as gr, rt as _r, s as vr, sn as yr, st as br, t as xr, tn as Sr, tt as Cr, u as wr, un as Tr, vn as Er, vt as Dr, w as Or, wt as kr, x as Ar, xt as jr, y as Mr, yt as Nr, z as Pr, zt as Fr } from "./dropdown-menu-Cz4TdOJh.js";
 import { C as Ir, a as Lr, b as Rr, c as zr, d as Br, i as Vr, n as Hr, o as Ur, p as Wr, r as Gr, s as Kr, t as qr, x as Jr } from "./toDate-vEi5kTfY.js";
-import { n as Yr, t as Xr } from "./ErrorBoundary-DzYre0XM.js";
+import { n as Yr, t as Xr } from "./ErrorBoundary-D34mViAO.js";
 import { t as Zr } from "./clsx-CoeGtWvn.js";
 import { t as Qr } from "./react-dom-BUgJ-ab_.js";
 import { t as $r } from "./jsx-runtime-DgDPJV9S.js";

package/dist/{data-grid-overlay-editor-BWXtsJqJ.js → data-grid-overlay-editor-CDXX04Sa.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-DPRKOYOy.js";
+import { a as o, i as s, n as c, r as l } from "./glide-data-editor-D9x_3f3L.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-DfcvEzG_.js → feedback-button-D-DUxiaq.js}

@@ -5,12 +5,12 @@ import { t as i } from "./compiler-runtime-Cj8ZWiNS.js";
 import { t as a } from "./copy-icon-BY7jgcaV.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-DZi0ioak.js";
 import { b as m } from "./select-Bs-nmvm6.js";
-import { n as h, t as ee } from "./globals-YaxEeXdo.js";
+import { n as h, t as ee } from "./globals-DRPTlerj.js";
 import { t as g } from "./jsx-runtime-DgDPJV9S.js";
 import { C as _, _ as te, i as v } from "./useTheme-BwSgeAFb.js";
 import { a as ne, i as re, n as ie, r as ae } from "./dialog-CmExhUDI.js";
 import { t as oe } from "./useAsyncData-rkAlR_vh.js";
-import { t as se } from "./code-visibility-BrGBr50V.js";
+import { t as se } from "./code-visibility-BOSA33DJ.js";
 import { i as ce, n as le } from "./error-entries-BovkFYNy.js";
 //#region src/components/ui/skeleton.tsx
 var y = /* @__PURE__ */ e(r(), 1), b = i(), x = g(), ue = (e) => {

package/dist/{glide-data-editor-DPRKOYOy.js → glide-data-editor-D9x_3f3L.js}

@@ -6,7 +6,7 @@ import { i as s, n as c, r as l } from "./copy-icon-BY7jgcaV.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-Bs-nmvm6.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-Cz4TdOJh.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-BVJ4fkxX.js";
-import { n as ne, t as re } from "./ErrorBoundary-DzYre0XM.js";
+import { n as ne, t as re } from "./ErrorBoundary-D34mViAO.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-DQO1jFjf.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-BWXtsJqJ.js")), ss = 0;
+var is = /* @__PURE__ */ e(_r(), 1), as = /* @__PURE__ */ e(xr(), 1), os = K.lazy(async () => await import("./data-grid-overlay-editor-CDXX04Sa.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-CrM5W4xK.js")), Us = {
+var Hs = K.lazy(async () => await import("./number-overlay-editor-BO0iCk79.js")), Us = {
 	getAccessibilityString: (e) => e.data?.toString() ?? "",
 	kind: W.Number,
 	needsHover: (e) => e.hoverEffect === !0,

package/dist/{globals-YaxEeXdo.js → globals-DRPTlerj.js}

@@ -1,6 +1,6 @@
 import { h as e } from "./tooltip-CuNWg2ay.js";
 import { _ as t } from "./useTheme-BwSgeAFb.js";
-import { r as n } from "./code-visibility-BrGBr50V.js";
+import { r as n } from "./code-visibility-BOSA33DJ.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 w, F as T, G as E, I as D, J as O, K as k, L as A, P as j, R as M,
 import { a as oe, d as se, f as ce, h as V, i as le, n as ue, o as de, r as fe, t as pe } from "./tooltip-CuNWg2ay.js";
 import { $ as me, $t as he, B as ge, Bt as _e, C as ve, Ct as ye, D as be, Dt as xe, Et as Se, F as Ce, G as we, Gt as Te, Ht as Ee, I as De, J as Oe, Jt as ke, Kt as Ae, L as je, O as Me, Ot as Ne, P as Pe, Pt as Fe, Q as Ie, Qt as Le, Rt as Re, S as ze, St as Be, T as Ve, Tt as He, U as Ue, W as We, Wt as Ge, bt as Ke, c as qe, cn as Je, ct as Ye, d as Xe, dn as Ze, dt as Qe, en as $e, f as et, fn as tt, ft as nt, g as rt, gt as it, h as at, hn as ot, k as st, l as ct, ln as lt, m as ut, mn as dt, n as ft, o as pt, on as mt, ot as ht, p as gt, q as _t, qt as vt, r as yt, rn as bt, rt as xt, sn as St, st as Ct, tn as wt, u as Tt, v as Et, w as Dt, wt as Ot, zt as kt } from "./cells-DZi0ioak.js";
 import { D as At, E as jt, O as Mt, S as Nt, T as Pt, _ as Ft, a as It, c as Lt, d as Rt, f as zt, g as Bt, h as Vt, i as Ht, l as Ut, m as Wt, n as Gt, o as Kt, p as qt, r as Jt, s as Yt, t as Xt, u as Zt, v as Qt, w as $t, x as en, y as tn } from "./spec-DVsoMvYT.js";
-import { $t as nn, A as rn, At as an, B as on, Bt as sn, C as cn, Ct as ln, D as un, Dt as dn, E as fn, Et as pn, F as mn, Ft as hn, G as gn, Gt as _n, H as vn, Ht as yn, I as bn, It as xn, J as Sn, Jt as Cn, K as wn, Kt as Tn, L as En, Lt as Dn, M as On, Mt as kn, N as An, Nt as jn, O as Mn, Ot as Nn, P as Pn, Pt as Fn, Qt as In, R as Ln, Rt as Rn, S as zn, St as Bn, T as Vn, Tt as Hn, U as Un, Ut as Wn, V as Gn, Vt as Kn, W as qn, Wt as Jn, X as Yn, Xt as Xn, Y as Zn, Yt as Qn, Zt as $n, _ as er, _t as tr, an as nr, at as rr, b as ir, c as ar, cn as or, ct as sr, d as cr, dn as lr, dt as ur, en as dr, et as fr, f as pr, fn as mr, ft as hr, g as gr, gt as _r, h as vr, hn as yr, ht as br, in as xr, it as Sr, j as Cr, jt as wr, k as Tr, kt as Er, ln as Dr, lt as Or, m as kr, mn as Ar, mt as jr, nn as Mr, nt as Nr, ot as Pr, p as Fr, pn as Ir, pt as Lr, q as Rr, qt as zr, r as Br, rn as Vr, rt as Hr, sn as Ur, st as Wr, t as Gr, tn as Kr, tt as qr, u as Jr, un as Yr, ut as Xr, v as Zr, vt as Qr, w as $r, wt as ei, x as ti, y as ni, yt as ri, z as ii, zt as ai } from "./common-Dzc60302.js";
+import { $t as nn, A as rn, At as an, B as on, Bt as sn, C as cn, Ct as ln, D as un, Dt as dn, E as fn, Et as pn, F as mn, Ft as hn, G as gn, Gt as _n, H as vn, Ht as yn, I as bn, It as xn, J as Sn, Jt as Cn, K as wn, Kt as Tn, L as En, Lt as Dn, M as On, Mt as kn, N as An, Nt as jn, O as Mn, Ot as Nn, P as Pn, Pt as Fn, Qt as In, R as Ln, Rt as Rn, S as zn, St as Bn, T as Vn, Tt as Hn, U as Un, Ut as Wn, V as Gn, Vt as Kn, W as qn, Wt as Jn, X as Yn, Xt as Xn, Y as Zn, Yt as Qn, Zt as $n, _ as er, _t as tr, an as nr, at as rr, b as ir, c as ar, cn as or, ct as sr, d as cr, dn as lr, dt as ur, en as dr, et as fr, f as pr, fn as mr, ft as hr, g as gr, gt as _r, h as vr, hn as yr, ht as br, in as xr, it as Sr, j as Cr, jt as wr, k as Tr, kt as Er, ln as Dr, lt as Or, m as kr, mn as Ar, mt as jr, nn as Mr, nt as Nr, ot as Pr, p as Fr, pn as Ir, pt as Lr, q as Rr, qt as zr, r as Br, rn as Vr, rt as Hr, sn as Ur, st as Wr, t as Gr, tn as Kr, tt as qr, u as Jr, un as Yr, ut as Xr, v as Zr, vt as Qr, w as $r, wt as ei, x as ti, y as ni, yt as ri, z as ii, zt as ai } from "./common-CtZ-MrLU.js";
 import { c as oi, i as si, n as ci, o as li, t as ui } from "./useLifecycle-B68iY077.js";
 import { t as di } from "./check-CNP79M3A.js";
 import { A as fi, C as pi, D as mi, E as hi, M as gi, O as _i, S as vi, T as yi, a as bi, b as xi, c as Si, i as Ci, k as wi, l as Ti, n as Ei, o as Di, r as Oi, s as ki, t as Ai, w as ji, x as Mi } from "./select-Bs-nmvm6.js";
@@ -15,8 +15,8 @@ import { $ as Ni, C as Pi, Et as Fi, J as Ii, K as Li, R as Ri, S as zi, U as Bi
 import { C as ua, S as da, T as fa, _ as pa, c as ma, d as ha, f as ga, g as _a, h as va, m as ya, u as ba, x as xa, y as Sa } from "./toDate-vEi5kTfY.js";
 import { a as Ca, c as wa, d as Ta, f as Ea, i as Da, l as Oa, n as ka, o as Aa, r as ja, s as Ma, t as Na } from "./process-output-CUG57KRp.js";
 import { a as Pa, c as Fa, d as Ia, i as La, l as Ra, r as za, u as Ba } from "./glide-utils-BVJ4fkxX.js";
-import { n as Va, t as Ha } from "./ErrorBoundary-DzYre0XM.js";
-import { n as Ua, t as Wa } from "./globals-YaxEeXdo.js";
+import { n as Va, t as Ha } from "./ErrorBoundary-D34mViAO.js";
+import { n as Ua, t as Wa } from "./globals-DRPTlerj.js";
 import { t as Ga } from "./react-dom-BUgJ-ab_.js";
 import { t as Ka } from "./jsx-runtime-DgDPJV9S.js";
 import { B as qa, C as H, Ct as Ja, D as Ya, E as Xa, F as U, G as Za, H as Qa, I as $a, L as eo, M as W, N as to, O as no, P as ro, Q as io, R as ao, S as G, St as oo, Tt as so, U as co, W as lo, Y as uo, Z as fo, _ as po, _t as mo, a as ho, b as go, bt as _o, c as vo, d as yo, f as bo, g as xo, h as So, ht as Co, i as wo, j as K, k as To, l as Eo, m as Do, n as Oo, o as ko, p as Ao, r as jo, s as Mo, u as No, ut as Po, v as Fo, vt as Io, w as Lo, wt as Ro, x as zo, xt as Bo, y as Vo, yt as Ho } from "./use-restore-focus-kmgwrL8q.js";
@@ -39,7 +39,7 @@ import { t as Ms } from "./useAsyncData-rkAlR_vh.js";
 import { i as Ns, n as Ps, r as Fs } from "./formats-DhhbdyAH.js";
 import { M as Is, N as Ls } from "./vega-loader.browser-DNST6uVf.js";
 import { a as Rs, n as zs } from "./loader-Cm-ATtou.js";
-import { c as Bs, d as Vs, i as Hs, l as Us, o as Ws, s as Gs, t as Ks, u as qs } from "./code-visibility-BrGBr50V.js";
+import { c as Bs, d as Vs, i as Hs, l as Us, o as Ws, s as Gs, t as Ks, u as qs } from "./code-visibility-BOSA33DJ.js";
 import { t as Js } from "./useDeepCompareMemoize-BlHFBj5_.js";
 import { t as Ys } from "./esm-D2gTsXEV.js";
 //#region ../node_modules/.pnpm/iconify-icon@2.3.0/node_modules/iconify-icon/dist/iconify-icon.mjs
@@ -10514,7 +10514,7 @@ function VC(e, t) {
 }
 //#endregion
 //#region src/plugins/impl/DataEditorPlugin.tsx
-var HC = J.lazy(() => import("./glide-data-editor-DPRKOYOy.js").then((e) => e.t)), UC = wS("marimo-data-editor", { cssStyles: [qS] }).withData(W({
+var HC = J.lazy(() => import("./glide-data-editor-D9x_3f3L.js").then((e) => e.t)), UC = wS("marimo-data-editor", { cssStyles: [qS] }).withData(W({
 	initialValue: W({ edits: G(W({
 		rowIdx: K(),
 		columnId: U(),
@@ -10847,50 +10847,42 @@ function dw(e) {
 //#endregion
 //#region src/components/ui/slider.tsx
 var fw = J.forwardRef((e, t) => {
-	let n = (0, X.c)(26), r, i, a;
-	n[0] === e ? (r = n[1], i = n[2], a = n[3]) : ({className: r, valueMap: a, ...i} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a);
-	let [o, s] = uw(!1), { locale: l } = Jo(), u;
-	n[4] === r ? u = n[5] : (u = c("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", r), n[4] = r, n[5] = u);
+	let n = (0, X.c)(7), { className: r, valueMap: i, ...a } = e, [o, s] = uw(!1), { locale: l } = Jo(), u;
+	n[0] === r ? u = n[1] : (u = c("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", r), n[0] = r, n[1] = u);
 	let d;
-	n[6] === Symbol.for("react.memo_cache_sentinel") ? (d = c("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), n[6] = d) : d = n[6];
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (d = c("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), n[2] = d) : d = n[2];
 	let f;
-	n[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ (0, Y.jsx)(Nf, {
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ (0, Y.jsx)(Nf, {
 		"data-testid": "track",
 		className: d,
 		children: /* @__PURE__ */ (0, Y.jsx)(Ff, {
 			"data-testid": "range",
 			className: c("absolute bg-blue-500 dark:bg-primary", "data-[orientation=horizontal]:h-full", "data-[orientation=vertical]:w-full", "data-disabled:opacity-50")
 		})
-	}), n[7] = f) : f = n[7];
-	let p;
-	n[8] !== s.setFalse || n[9] !== s.setTrue ? (p = /* @__PURE__ */ (0, Y.jsx)(de, {
-		asChild: !0,
-		children: /* @__PURE__ */ (0, Y.jsx)(Hf, {
-			"data-testid": "thumb",
-			className: "block h-4 w-4 rounded-full shadow-xs-solid border border-blue-500 dark:border-primary dark:bg-accent bg-white hover:bg-blue-300 focus:bg-blue-300 transition-colors focus-visible:outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50",
-			onFocus: s.setTrue,
-			onBlur: s.setFalse,
-			onMouseEnter: s.setTrue,
-			onMouseLeave: s.setFalse
-		})
-	}), n[8] = s.setFalse, n[9] = s.setTrue, n[10] = p) : p = n[10];
-	let m;
-	n[11] !== l || n[12] !== i.value || n[13] !== a ? (m = i.value != null && i.value.length === 1 && /* @__PURE__ */ (0, Y.jsx)(ue, { children: zi(a(i.value[0]), { locale: l }) }, i.value[0]), n[11] = l, n[12] = i.value, n[13] = a, n[14] = m) : m = n[14];
-	let h;
-	n[15] === m ? h = n[16] : (h = /* @__PURE__ */ (0, Y.jsx)(fe, { children: m }), n[15] = m, n[16] = h);
-	let g;
-	n[17] !== o || n[18] !== p || n[19] !== h ? (g = /* @__PURE__ */ (0, Y.jsx)(le, { children: /* @__PURE__ */ (0, Y.jsxs)(oe, {
-		delayDuration: 0,
-		open: o,
-		children: [p, h]
-	}) }), n[17] = o, n[18] = p, n[19] = h, n[20] = g) : g = n[20];
-	let _;
-	return n[21] !== i || n[22] !== t || n[23] !== u || n[24] !== g ? (_ = /* @__PURE__ */ (0, Y.jsxs)(Ef, {
+	}), n[3] = f) : f = n[3];
+	let p = fe, m = a.value != null && a.value.length === 1 && /* @__PURE__ */ (0, Y.jsx)(ue, { children: zi(i(a.value[0]), { locale: l }) }, a.value[0]), h;
+	return n[4] !== p || n[5] !== m ? (h = /* @__PURE__ */ (0, Y.jsx)(p, { children: m }), n[4] = p, n[5] = m, n[6] = h) : h = n[6], /* @__PURE__ */ (0, Y.jsxs)(Ef, {
 		ref: t,
 		className: u,
-		...i,
-		children: [f, g]
-	}), n[21] = i, n[22] = t, n[23] = u, n[24] = g, n[25] = _) : _ = n[25], _;
+		...a,
+		children: [f, /* @__PURE__ */ (0, Y.jsx)(le, { children: /* @__PURE__ */ (0, Y.jsxs)(oe, {
+			delayDuration: 0,
+			open: o,
+			children: [/* @__PURE__ */ (0, Y.jsx)(de, {
+				asChild: !0,
+				children: /* @__PURE__ */ (0, Y.jsx)(Hf, {
+					"aria-label": a["aria-label"],
+					"aria-labelledby": a["aria-labelledby"],
+					"data-testid": "thumb",
+					className: "block h-4 w-4 rounded-full shadow-xs-solid border border-blue-500 dark:border-primary dark:bg-accent bg-white hover:bg-blue-300 focus:bg-blue-300 transition-colors focus-visible:outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50",
+					onFocus: s.setTrue,
+					onBlur: s.setFalse,
+					onMouseEnter: s.setTrue,
+					onMouseLeave: s.setFalse
+				})
+			}), h]
+		}) })]
+	});
 });
 fw.displayName = Ef.displayName;
 //#endregion
@@ -12579,39 +12571,43 @@ var kw = (e) => {
 		render: s
 	}), t[4] = n, t[5] = o.control, t[6] = s, t[7] = l) : l = t[7], l;
 }, Ww = (e) => {
-	let t = (0, X.c)(12), { fieldName: n, label: r, defaultValue: i, start: a, stop: o, step: s, className: l } = e, u = zp(), d;
-	t[0] !== l || t[1] !== i || t[2] !== n || t[3] !== r || t[4] !== a || t[5] !== s || t[6] !== o ? (d = (e) => {
-		let { field: t } = e, u = t.value ?? i, d = Number(u), f = (e) => {
+	let t = (0, X.c)(13), { fieldName: n, label: r, defaultValue: i, start: a, stop: o, step: s, className: l } = e, u = zp(), d = J.useId(), f;
+	t[0] !== l || t[1] !== i || t[2] !== n || t[3] !== r || t[4] !== d || t[5] !== a || t[6] !== s || t[7] !== o ? (f = (e) => {
+		let { field: t } = e, u = t.value ?? i, f = Number(u), p = (e) => {
 			typeof e == "string" && (e = Number(e)), t.onChange(e);
 		};
 		return /* @__PURE__ */ (0, Y.jsxs)(Sh, {
 			className: c("flex flex-row items-center gap-2 w-1/2", l),
-			children: [/* @__PURE__ */ (0, Y.jsx)(Ch, { children: r }), /* @__PURE__ */ (0, Y.jsx)(wh, { children: /* @__PURE__ */ (0, Y.jsx)(fw, {
+			children: [/* @__PURE__ */ (0, Y.jsx)(Ch, {
+				id: d,
+				children: r
+			}), /* @__PURE__ */ (0, Y.jsx)(wh, { children: /* @__PURE__ */ (0, Y.jsx)(fw, {
 				...t,
+				"aria-labelledby": d,
 				id: n,
 				className: "relative flex items-center select-none",
-				value: [d],
+				value: [f],
 				min: a,
 				max: o,
 				step: s,
 				onValueChange: (e) => {
 					let [t] = e;
-					f(t);
+					p(t);
 				},
 				onValueCommit: (e) => {
 					let [t] = e;
-					f(t);
+					p(t);
 				},
 				valueMap: tT
 			}) })]
 		});
-	}, t[0] = l, t[1] = i, t[2] = n, t[3] = r, t[4] = a, t[5] = s, t[6] = o, t[7] = d) : d = t[7];
-	let f;
-	return t[8] !== n || t[9] !== u.control || t[10] !== d ? (f = /* @__PURE__ */ (0, Y.jsx)(yh, {
+	}, t[0] = l, t[1] = i, t[2] = n, t[3] = r, t[4] = d, t[5] = a, t[6] = s, t[7] = o, t[8] = f) : f = t[8];
+	let p;
+	return t[9] !== n || t[10] !== u.control || t[11] !== f ? (p = /* @__PURE__ */ (0, Y.jsx)(yh, {
 		control: u.control,
 		name: n,
-		render: d
-	}), t[8] = n, t[9] = u.control, t[10] = d, t[11] = f) : f = t[11], f;
+		render: f
+	}), t[9] = n, t[10] = u.control, t[11] = f, t[12] = p) : p = t[12], p;
 }, Gw = (e) => {
 	let t = (0, X.c)(28), { fieldName: n, label: r, className: i } = e, a = zp(), o;
 	t[0] !== n || t[1] !== a ? (o = a.watch(n), t[0] = n, t[1] = a, t[2] = o) : o = t[2];
@@ -21353,101 +21349,104 @@ function Vj(e) {
 	};
 }
 var Hj = (e) => {
-	let t = (0, X.c)(64), { label: n, setValue: r, value: i, start: a, stop: o, step: s, steps: l, debounce: u, orientation: d, showValue: f, fullWidth: p, valueMap: m, includeInput: h, disabled: g } = e, _ = (0, J.useId)(), { locale: v } = Jo(), [y, b] = (0, J.useState)(i), x, S;
-	t[0] === i ? (x = t[1], S = t[2]) : (x = () => {
-		b(i);
-	}, S = [i], t[0] = i, t[1] = x, t[2] = S), (0, J.useEffect)(x, S);
-	let C;
-	t[3] === l ? C = t[4] : (C = Vj(l), t[3] = l, t[4] = C);
-	let w = C, T;
-	t[5] !== y || t[6] !== r || t[7] !== a || t[8] !== w ? (T = (e) => {
-		if (w) {
-			let { steps: t, fractionDigits: n } = w;
+	let t = (0, X.c)(67), { label: n, setValue: r, value: i, start: a, stop: o, step: s, steps: l, debounce: u, orientation: d, showValue: f, fullWidth: p, valueMap: m, includeInput: h, disabled: g } = e, _ = (0, J.useId)(), v = (0, J.useId)(), { locale: y } = Jo(), [b, x] = (0, J.useState)(i), S, C;
+	t[0] === i ? (S = t[1], C = t[2]) : (S = () => {
+		x(i);
+	}, C = [i], t[0] = i, t[1] = S, t[2] = C), (0, J.useEffect)(S, C);
+	let w;
+	t[3] === l ? w = t[4] : (w = Vj(l), t[3] = l, t[4] = w);
+	let T = w, E;
+	t[5] !== b || t[6] !== r || t[7] !== a || t[8] !== T ? (E = (e) => {
+		if (T) {
+			let { steps: t, fractionDigits: n } = T;
 			if (e == null || Number.isNaN(e)) {
-				b(0), r(0);
+				x(0), r(0);
 				return;
 			}
-			let i = Pi(e, n), a = Bj(t, i), o = Pi(t[y] ?? t[0], n);
-			a === y && i !== o && (a = i > o ? Math.min(y + 1, t.length - 1) : Math.max(y - 1, 0)), b(a), r(a);
+			let i = Pi(e, n), a = Bj(t, i), o = Pi(t[b] ?? t[0], n);
+			a === b && i !== o && (a = i > o ? Math.min(b + 1, t.length - 1) : Math.max(b - 1, 0)), x(a), r(a);
 			return;
 		}
 		let t = e == null || Number.isNaN(e) ? Number(a) : e;
-		b(t), r(t);
-	}, t[5] = y, t[6] = r, t[7] = a, t[8] = w, t[9] = T) : T = t[9];
-	let E = T, D;
-	t[10] !== y || t[11] !== a || t[12] !== s || t[13] !== w || t[14] !== o || t[15] !== m ? (D = w ? {
-		value: Pi(m(y), w.fractionDigits),
-		minValue: w.minValue,
-		maxValue: w.maxValue,
-		step: w.inputStep,
-		formatOptions: w.formatOptions
+		x(t), r(t);
+	}, t[5] = b, t[6] = r, t[7] = a, t[8] = T, t[9] = E) : E = t[9];
+	let D = E, O;
+	t[10] !== b || t[11] !== a || t[12] !== s || t[13] !== T || t[14] !== o || t[15] !== m ? (O = T ? {
+		value: Pi(m(b), T.fractionDigits),
+		minValue: T.minValue,
+		maxValue: T.maxValue,
+		step: T.inputStep,
+		formatOptions: T.formatOptions
 	} : {
-		value: m(y),
+		value: m(b),
 		minValue: a,
 		maxValue: o,
 		step: s
-	}, t[10] = y, t[11] = a, t[12] = s, t[13] = w, t[14] = o, t[15] = m, t[16] = D) : D = t[16];
-	let O = D, k = d === "horizontal" ? "left" : "top", A = p && "my-1 w-full", j;
-	t[17] === A ? j = t[18] : (j = c(A), t[17] = A, t[18] = j);
-	let M = d === "vertical" && "items-end inline-flex justify-center self-center mx-2", N;
-	t[19] === M ? N = t[20] : (N = c("flex items-center gap-2", M), t[19] = M, t[20] = N);
-	let P = !p && "data-[orientation=horizontal]:w-36 ", F;
-	t[21] === P ? F = t[22] : (F = c("relative flex items-center select-none", P, "data-[orientation=vertical]:h-36"), t[21] = P, t[22] = F);
-	let I;
-	t[23] === y ? I = t[24] : (I = [y], t[23] = y, t[24] = I);
-	let L, R;
-	t[25] !== u || t[26] !== r ? (L = (e) => {
+	}, t[10] = b, t[11] = a, t[12] = s, t[13] = T, t[14] = o, t[15] = m, t[16] = O) : O = t[16];
+	let k = O, A = d === "horizontal" ? "left" : "top", j = p && "my-1 w-full", M;
+	t[17] === j ? M = t[18] : (M = c(j), t[17] = j, t[18] = M);
+	let N = d === "vertical" && "items-end inline-flex justify-center self-center mx-2", P;
+	t[19] === N ? P = t[20] : (P = c("flex items-center gap-2", N), t[19] = N, t[20] = P);
+	let F = n ? v : void 0, I = n ? void 0 : "Slider", L = !p && "data-[orientation=horizontal]:w-36 ", R;
+	t[21] === L ? R = t[22] : (R = c("relative flex items-center select-none", L, "data-[orientation=vertical]:h-36"), t[21] = L, t[22] = R);
+	let z;
+	t[23] === b ? z = t[24] : (z = [b], t[23] = b, t[24] = z);
+	let B, ee;
+	t[25] !== u || t[26] !== r ? (B = (e) => {
 		let [t] = e;
-		b(t), u || r(t);
-	}, R = (e) => {
+		x(t), u || r(t);
+	}, ee = (e) => {
 		let [t] = e;
 		u && r(t);
-	}, t[25] = u, t[26] = r, t[27] = L, t[28] = R) : (L = t[27], R = t[28]);
-	let z;
-	t[29] !== g || t[30] !== _ || t[31] !== d || t[32] !== a || t[33] !== s || t[34] !== o || t[35] !== F || t[36] !== I || t[37] !== L || t[38] !== R || t[39] !== m ? (z = /* @__PURE__ */ (0, Y.jsx)(fw, {
+	}, t[25] = u, t[26] = r, t[27] = B, t[28] = ee) : (B = t[27], ee = t[28]);
+	let te;
+	t[29] !== g || t[30] !== _ || t[31] !== d || t[32] !== a || t[33] !== s || t[34] !== o || t[35] !== F || t[36] !== I || t[37] !== R || t[38] !== z || t[39] !== B || t[40] !== ee || t[41] !== m ? (te = /* @__PURE__ */ (0, Y.jsx)(fw, {
 		id: _,
-		className: F,
-		value: I,
+		"aria-labelledby": F,
+		"aria-label": I,
+		className: R,
+		value: z,
 		min: a,
 		max: o,
 		step: s,
 		orientation: d,
-		onValueChange: L,
-		onValueCommit: R,
+		onValueChange: B,
+		onValueCommit: ee,
 		valueMap: m,
 		disabled: g
-	}), t[29] = g, t[30] = _, t[31] = d, t[32] = a, t[33] = s, t[34] = o, t[35] = F, t[36] = I, t[37] = L, t[38] = R, t[39] = m, t[40] = z) : z = t[40];
-	let B;
-	t[41] !== y || t[42] !== v || t[43] !== f || t[44] !== m ? (B = f && /* @__PURE__ */ (0, Y.jsx)("div", {
+	}), t[29] = g, t[30] = _, t[31] = d, t[32] = a, t[33] = s, t[34] = o, t[35] = F, t[36] = I, t[37] = R, t[38] = z, t[39] = B, t[40] = ee, t[41] = m, t[42] = te) : te = t[42];
+	let ne;
+	t[43] !== b || t[44] !== y || t[45] !== f || t[46] !== m ? (ne = f && /* @__PURE__ */ (0, Y.jsx)("div", {
 		className: "text-xs text-muted-foreground min-w-[16px]",
-		children: zi(m(y), { locale: v })
-	}), t[41] = y, t[42] = v, t[43] = f, t[44] = m, t[45] = B) : B = t[45];
-	let ee;
-	t[46] !== g || t[47] !== E || t[48] !== h || t[49] !== O || t[50] !== n ? (ee = h && /* @__PURE__ */ (0, Y.jsx)(Hi, {
-		...O,
-		onChange: E,
+		children: zi(m(b), { locale: y })
+	}), t[43] = b, t[44] = y, t[45] = f, t[46] = m, t[47] = ne) : ne = t[47];
+	let re;
+	t[48] !== g || t[49] !== D || t[50] !== h || t[51] !== k || t[52] !== n ? (re = h && /* @__PURE__ */ (0, Y.jsx)(Hi, {
+		...k,
+		onChange: D,
 		className: "w-24",
 		"aria-label": `${n || "Slider"} value input`,
 		isDisabled: g
-	}), t[46] = g, t[47] = E, t[48] = h, t[49] = O, t[50] = n, t[51] = ee) : ee = t[51];
-	let te;
-	t[52] !== N || t[53] !== z || t[54] !== B || t[55] !== ee ? (te = /* @__PURE__ */ (0, Y.jsxs)("div", {
-		className: N,
+	}), t[48] = g, t[49] = D, t[50] = h, t[51] = k, t[52] = n, t[53] = re) : re = t[53];
+	let ie;
+	t[54] !== P || t[55] !== te || t[56] !== ne || t[57] !== re ? (ie = /* @__PURE__ */ (0, Y.jsxs)("div", {
+		className: P,
 		children: [
-			z,
-			B,
-			ee
+			te,
+			ne,
+			re
 		]
-	}), t[52] = N, t[53] = z, t[54] = B, t[55] = ee, t[56] = te) : te = t[56];
-	let ne;
-	return t[57] !== p || t[58] !== _ || t[59] !== n || t[60] !== te || t[61] !== k || t[62] !== j ? (ne = /* @__PURE__ */ (0, Y.jsx)(LS, {
+	}), t[54] = P, t[55] = te, t[56] = ne, t[57] = re, t[58] = ie) : ie = t[58];
+	let ae;
+	return t[59] !== p || t[60] !== _ || t[61] !== n || t[62] !== v || t[63] !== ie || t[64] !== A || t[65] !== M ? (ae = /* @__PURE__ */ (0, Y.jsx)(LS, {
 		label: n,
 		controlId: _,
-		align: k,
+		labelId: v,
+		align: A,
 		fullWidth: p,
-		className: j,
-		children: te
-	}), t[57] = p, t[58] = _, t[59] = n, t[60] = te, t[61] = k, t[62] = j, t[63] = ne) : ne = t[63], ne;
+		className: M,
+		children: ie
+	}), t[59] = p, t[60] = _, t[61] = n, t[62] = v, t[63] = ie, t[64] = A, t[65] = M, t[66] = ae) : ae = t[66], ae;
 }, Uj = class {
 	tagName = "marimo-switch";
 	validator = W({
@@ -30080,7 +30079,7 @@ function OR(e) {
 }
 //#endregion
 //#region src/components/editor/renderers/slides-layout/slides-layout.tsx
-var kR = J.lazy(() => import("./reveal-component-C_8eQYsH.js")), AR = (e) => {
+var kR = J.lazy(() => import("./reveal-component-6XP1cUF1.js")), AR = (e) => {
 	let t = (0, X.c)(33), { layout: n, setLayout: r, cells: i, mode: a } = e, o = ns(Sa), s = a === "read" || o, c = ns(gt) > 1, [l, u] = (0, J.useState)(null), d;
 	t[0] !== i || t[1] !== n ? (d = EP(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-CrM5W4xK.js → number-overlay-editor-BO0iCk79.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-DPRKOYOy.js";
+import { a as n } from "./glide-data-editor-D9x_3f3L.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-C_8eQYsH.js → reveal-component-6XP1cUF1.js}

@@ -4,14 +4,14 @@ import { t as o } from "./react-ofJbxM4x.js";
 import { t as s } from "./compiler-runtime-Cj8ZWiNS.js";
 import { h as c, t as l } from "./tooltip-CuNWg2ay.js";
 import { w as u } from "./cells-DZi0ioak.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-Dzc60302.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-CtZ-MrLU.js";
 import { M as C } from "./select-Bs-nmvm6.js";
 import { q as ee } from "./dropdown-menu-Cz4TdOJh.js";
 import { y as w } from "./toDate-vEi5kTfY.js";
 import { t as T } from "./jsx-runtime-DgDPJV9S.js";
 import { q as te } from "./use-restore-focus-kmgwrL8q.js";
 import { A as E, C as D, b as O } from "./useTheme-BwSgeAFb.js";
-import { a as k, n as ne, t as re } from "./code-visibility-BrGBr50V.js";
+import { a as k, n as ne, t as re } from "./code-visibility-BOSA33DJ.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-dev91",
+  "version": "0.25.2-dev92",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/data-table/charts/__tests__/slider-field.test.tsx

@@ -0,0 +1,54 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+import { fireEvent, render, screen } from "@testing-library/react";
+import { useForm, useWatch } from "react-hook-form";
+import { describe, expect, test } from "vitest";
+import { SetupMocks } from "@/__mocks__/common";
+import { Form } from "@/components/ui/form";
+import { SliderField } from "../components/form-fields";
+
+SetupMocks.resizeObserver();
+function Harness({ label = "Opacity" }: { label?: string }) {
+  const form = useForm({ defaultValues: { xAxis: { width: 400 } } });
+  const value = useWatch({ control: form.control, name: "xAxis.width" });
+  return (
+    <Form {...form}>
+      <SliderField
+        fieldName="xAxis.width"
+        label={label}
+        defaultValue={400}
+        start={200}
+        stop={800}
+        step={10}
+      />
+      <output aria-label="Current opacity">{value}</output>
+    </Form>
+  );
+}
+
+describe("SliderField", () => {
+  test("names the chart-form thumb and preserves keyboard value updates", () => {
+    const { rerender } = render(<Harness />);
+    fireEvent.keyDown(screen.getByRole("slider", { name: "Opacity" }), {
+      key: "ArrowRight",
+    });
+    expect(screen.getByLabelText("Current opacity")).toHaveTextContent("410");
+    rerender(<Harness label="Updated opacity" />);
+    expect(
+      screen.getByRole("slider", { name: "Updated opacity" }),
+    ).toHaveAttribute("aria-valuenow", "410");
+  });
+
+  test("independently associates repeated chart form instances", () => {
+    render(
+      <>
+        <Harness />
+        <Harness />
+      </>,
+    );
+    const thumbs = screen.getAllByRole("slider", { name: "Opacity" });
+    expect(thumbs).toHaveLength(2);
+    expect(thumbs[0].getAttribute("aria-labelledby")).not.toBe(
+      thumbs[1].getAttribute("aria-labelledby"),
+    );
+  });
+});

package/src/components/data-table/charts/components/form-fields.tsx

@@ -358,6 +358,7 @@ export const SliderField = ({
   className,
 }: SliderFieldProps) => {
   const form = useFormContext();
+  const labelId = React.useId();
 
   return (
     <FormField
@@ -378,10 +379,11 @@ export const SliderField = ({
           <FormItem
             className={cn("flex flex-row items-center gap-2 w-1/2", className)}
           >
-            <FormLabel>{label}</FormLabel>
+            <FormLabel id={labelId}>{label}</FormLabel>
             <FormControl>
               <Slider
                 {...field}
+                aria-labelledby={labelId}
                 id={fieldName}
                 className="relative flex items-center select-none"
                 value={[numericValue]}

package/src/components/ui/__tests__/slider.test.tsx

@@ -27,4 +27,11 @@ describe("Slider", () => {
 
     expect(onValueChange).toHaveBeenCalledWith([2 * step]);
   });
+
+  it("forwards a direct accessible name to the thumb", () => {
+    const { getByRole } = render(
+      <Slider aria-label="Opacity" value={[50]} valueMap={(v) => v} />,
+    );
+    expect(getByRole("slider")).toHaveAccessibleName("Opacity");
+  });
 });

package/src/components/ui/slider.tsx

@@ -57,6 +57,8 @@ const Slider = React.forwardRef<
         <TooltipRoot delayDuration={0} open={open}>
           <TooltipTrigger asChild={true}>
             <SliderPrimitive.Thumb
+              aria-label={props["aria-label"]}
+              aria-labelledby={props["aria-labelledby"]}
               data-testid="thumb"
               className="block h-4 w-4 rounded-full shadow-xs-solid border border-blue-500 dark:border-primary dark:bg-accent bg-white hover:bg-blue-300 focus:bg-blue-300 transition-colors focus-visible:outline-hidden data-disabled:pointer-events-none data-disabled:opacity-50"
               onFocus={openActions.setTrue}

package/src/plugins/impl/SliderPlugin.tsx

@@ -152,6 +152,7 @@ const SliderComponent = ({
   disabled,
 }: SliderProps): JSX.Element => {
   const id = useId();
+  const labelId = useId();
   const { locale } = useLocale();
 
   // Hold internal value
@@ -225,6 +226,7 @@ const SliderComponent = ({
     <Labeled
       label={label}
       controlId={id}
+      labelId={labelId}
       align={orientation === "horizontal" ? "left" : "top"}
       fullWidth={fullWidth}
       className={cn(fullWidth && "my-1 w-full")}
@@ -238,6 +240,8 @@ const SliderComponent = ({
       >
         <Slider
           id={id}
+          aria-labelledby={label ? labelId : undefined}
+          aria-label={label ? undefined : "Slider"}
           className={cn(
             "relative flex items-center select-none",
             !fullWidth && "data-[orientation=horizontal]:w-36 ",

package/src/plugins/impl/__test__/slider-labels.test.tsx

@@ -0,0 +1,136 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+import { fireEvent, render, screen } from "@testing-library/react";
+import { describe, expect, test, vi } from "vitest";
+import { SetupMocks } from "@/__mocks__/common";
+import { SliderPlugin } from "../SliderPlugin";
+
+SetupMocks.resizeObserver();
+const plugin = new SliderPlugin();
+function props(label: string | null) {
+  return {
+    host: document.createElement("div"),
+    value: 5,
+    setValue: vi.fn(),
+    functions: {},
+    data: plugin.validator.parse({
+      initialValue: 5,
+      start: 0,
+      stop: 10,
+      step: 1,
+      steps: null,
+      label,
+    }),
+  };
+}
+
+describe("SliderPlugin accessible labels", () => {
+  test("names the actual thumb from formatted labels and updates its reference", () => {
+    const initial = props("<strong>Price &amp; tax</strong>");
+    const { rerender } = render(plugin.render(initial));
+    const thumb = screen.getByRole("slider", { name: "Price & tax" });
+    const labelId = thumb.getAttribute("aria-labelledby");
+    rerender(
+      plugin.render({
+        ...initial,
+        data: { ...initial.data, label: "Updated price" },
+      }),
+    );
+    const updatedThumb = screen.getByRole("slider", { name: "Updated price" });
+    expect(updatedThumb).toHaveAccessibleName("Updated price");
+    expect(updatedThumb).toHaveAttribute("aria-labelledby", labelId);
+    rerender(
+      plugin.render({ ...initial, data: { ...initial.data, label: null } }),
+    );
+    expect(screen.getByRole("slider")).toHaveAccessibleName("Slider");
+    expect(screen.getByRole("slider")).not.toHaveAttribute("aria-labelledby");
+  });
+
+  test.each([null, ""])("retains a fallback name for label %s", (label) => {
+    render(plugin.render(props(label)));
+    expect(screen.getByRole("slider")).toHaveAccessibleName("Slider");
+  });
+
+  test("keeps repeated widget labels independently associated", () => {
+    render(
+      <>
+        {plugin.render(props("Price"))}
+        {plugin.render(props("Price"))}
+      </>,
+    );
+    const thumbs = screen.getAllByRole("slider", { name: "Price" });
+    expect(thumbs).toHaveLength(2);
+    expect(thumbs[0].getAttribute("aria-labelledby")).not.toBe(
+      thumbs[1].getAttribute("aria-labelledby"),
+    );
+  });
+
+  test.each([false, true])(
+    "preserves keyboard commits with debounce=%s",
+    (debounce) => {
+      const initial = props("Price");
+      render(
+        plugin.render({ ...initial, data: { ...initial.data, debounce } }),
+      );
+      fireEvent.keyDown(screen.getByRole("slider"), { key: "ArrowRight" });
+      expect(initial.setValue).toHaveBeenCalledWith(6);
+    },
+  );
+
+  test("preserves maximum and minimum keyboard boundaries", () => {
+    const initial = props("Price");
+    const { rerender } = render(plugin.render({ ...initial, value: 10 }));
+    fireEvent.keyDown(screen.getByRole("slider"), { key: "ArrowRight" });
+    expect(initial.setValue).not.toHaveBeenCalled();
+    rerender(plugin.render({ ...initial, value: 0 }));
+    fireEvent.keyDown(screen.getByRole("slider"), { key: "ArrowLeft" });
+    expect(initial.setValue).not.toHaveBeenCalled();
+  });
+
+  test("retains the name while disabled and removes keyboard focusability", () => {
+    const initial = props("Price");
+    render(
+      plugin.render({ ...initial, data: { ...initial.data, disabled: true } }),
+    );
+    const thumb = screen.getByRole("slider", { name: "Price" });
+    expect(thumb).not.toHaveAttribute("tabindex");
+    expect(thumb).toHaveAttribute("data-disabled");
+  });
+
+  test("preserves vertical keyboard interaction", () => {
+    const initial = props("Price");
+    render(
+      plugin.render({
+        ...initial,
+        data: { ...initial.data, orientation: "vertical" },
+      }),
+    );
+    const thumb = screen.getByRole("slider", { name: "Price" });
+    expect(thumb).toHaveAttribute("aria-orientation", "vertical");
+    fireEvent.keyDown(thumb, { key: "ArrowUp" });
+    expect(initial.setValue).toHaveBeenCalledWith(6);
+  });
+
+  test("preserves mapped values while naming the index-space thumb", () => {
+    const initial = props("Mapped price");
+    render(
+      plugin.render({
+        ...initial,
+        value: 1,
+        data: {
+          ...initial.data,
+          start: 0,
+          stop: 2,
+          steps: [10, 20, 50],
+          showValue: true,
+        },
+      }),
+    );
+    expect(screen.getByText("20")).toBeInTheDocument();
+    fireEvent.keyDown(screen.getByRole("slider", { name: "Mapped price" }), {
+      key: "ArrowRight",
+    });
+    expect(initial.setValue).toHaveBeenCalledWith(2);
+    expect(screen.getByRole("slider")).toHaveAttribute("aria-valuenow", "2");
+    expect(screen.getByRole("tooltip")).toHaveTextContent("50");
+  });
+});