@marimo-team/islands 0.24.1-dev98 → 0.24.1

package/dist/{error-banner-xVkWHg51.js → error-banner-WDhUzJyg.js}

@@ -1,54 +1,54 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { d as t, g as n, h as r, n as i, p as a, r as o, u as s } from "./button-DlqUC8W-.js";
+import { d as t, g as n, h as r, n as i, p as a, r as o, u as s } from "./button-CKBkqR9J.js";
 import { t as c } from "./react-DMWcHin-.js";
 import { t as l } from "./compiler-runtime-CAH9RLw2.js";
 import { t as u } from "./jsx-runtime-CpoKNRgu.js";
-import { Ac as d, Bc as f, Cn as p, Ec as m, Fc as h, Gc as g, Hc as _, In as v, Kc as y, Lc as ee, Nc as te, Pc as ne, Vc as b, Wc as x, jc as re, kc as ie, qc as S } from "./schemas-JTyiKlcH.js";
+import { Ac as d, Cn as f, Dc as p, Fc as m, Gc as h, Hc as g, Ic as _, In as v, Jc as y, Kc as ee, Mc as te, Pc as ne, Rc as re, Uc as ie, Vc as b, jc as ae, qc as x } from "./schemas-DzK6U94N.js";
 //#region ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.10__@types+reac_243e5081bca3fbc73564cdfd99ffccf4/node_modules/@radix-ui/react-dialog/dist/index.mjs
-var C = /* @__PURE__ */ e(c(), 1), w = u(), T = "Dialog", [E, ae] = y(T), [oe, D] = E(T), se = (e) => {
-	let { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = C.useRef(null), c = C.useRef(null), [l, u] = _({
+var S = /* @__PURE__ */ e(c(), 1), C = u(), w = "Dialog", [oe, se] = x(w), [ce, T] = oe(w), le = (e) => {
+	let { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = S.useRef(null), c = S.useRef(null), [l, u] = ie({
 		prop: r,
 		defaultProp: i ?? !1,
 		onChange: a,
-		caller: T
+		caller: w
 	});
-	return /* @__PURE__ */ (0, w.jsx)(oe, {
+	return /* @__PURE__ */ (0, C.jsx)(ce, {
 		scope: t,
 		triggerRef: s,
 		contentRef: c,
-		contentId: f(),
-		titleId: f(),
-		descriptionId: f(),
+		contentId: b(),
+		titleId: b(),
+		descriptionId: b(),
 		open: l,
 		onOpenChange: u,
-		onOpenToggle: C.useCallback(() => u((e) => !e), [u]),
+		onOpenToggle: S.useCallback(() => u((e) => !e), [u]),
 		modal: o,
 		children: n
 	});
 };
-se.displayName = T;
-var ce = "DialogTrigger", le = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = D(ce, n), o = a(t, i.triggerRef);
-	return /* @__PURE__ */ (0, w.jsx)(S.button, {
+le.displayName = w;
+var ue = "DialogTrigger", E = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = T(ue, n), o = a(t, i.triggerRef);
+	return /* @__PURE__ */ (0, C.jsx)(y.button, {
 		type: "button",
 		"aria-haspopup": "dialog",
 		"aria-expanded": i.open,
 		"aria-controls": i.contentId,
-		"data-state": H(i.open),
+		"data-state": V(i.open),
 		...r,
 		ref: o,
-		onClick: x(e.onClick, i.onOpenToggle)
+		onClick: h(e.onClick, i.onOpenToggle)
 	});
 });
-le.displayName = ce;
-var O = "DialogPortal", [ue, k] = E(O, { forceMount: void 0 }), A = (e) => {
-	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, a = D(O, t);
-	return /* @__PURE__ */ (0, w.jsx)(ue, {
+E.displayName = ue;
+var D = "DialogPortal", [de, O] = oe(D, { forceMount: void 0 }), k = (e) => {
+	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, a = T(D, t);
+	return /* @__PURE__ */ (0, C.jsx)(de, {
 		scope: t,
 		forceMount: n,
-		children: C.Children.map(r, (e) => /* @__PURE__ */ (0, w.jsx)(b, {
+		children: S.Children.map(r, (e) => /* @__PURE__ */ (0, C.jsx)(g, {
 			present: n || a.open,
-			children: /* @__PURE__ */ (0, w.jsx)(ne, {
+			children: /* @__PURE__ */ (0, C.jsx)(m, {
 				asChild: !0,
 				container: i,
 				children: e
@@ -56,26 +56,26 @@ var O = "DialogPortal", [ue, k] = E(O, { forceMount: void 0 }), A = (e) => {
 		}))
 	});
 };
-A.displayName = O;
-var j = "DialogOverlay", M = C.forwardRef((e, t) => {
-	let n = k(j, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = D(j, e.__scopeDialog);
-	return a.modal ? /* @__PURE__ */ (0, w.jsx)(b, {
+k.displayName = D;
+var A = "DialogOverlay", j = S.forwardRef((e, t) => {
+	let n = O(A, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = T(A, e.__scopeDialog);
+	return a.modal ? /* @__PURE__ */ (0, C.jsx)(g, {
 		present: r || a.open,
-		children: /* @__PURE__ */ (0, w.jsx)(fe, {
+		children: /* @__PURE__ */ (0, C.jsx)(pe, {
 			...i,
 			ref: t
 		})
 	}) : null;
 });
-M.displayName = j;
-var de = s("DialogOverlay.RemoveScroll"), fe = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = D(j, n);
-	return /* @__PURE__ */ (0, w.jsx)(re, {
-		as: de,
+j.displayName = A;
+var fe = s("DialogOverlay.RemoveScroll"), pe = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = T(A, n);
+	return /* @__PURE__ */ (0, C.jsx)(te, {
+		as: fe,
 		allowPinchZoom: !0,
 		shards: [i.contentRef],
-		children: /* @__PURE__ */ (0, w.jsx)(S.div, {
-			"data-state": H(i.open),
+		children: /* @__PURE__ */ (0, C.jsx)(y.div, {
+			"data-state": V(i.open),
 			...r,
 			ref: t,
 			style: {
@@ -84,42 +84,42 @@ var de = s("DialogOverlay.RemoveScroll"), fe = C.forwardRef((e, t) => {
 			}
 		})
 	});
-}), N = "DialogContent", P = C.forwardRef((e, t) => {
-	let n = k(N, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = D(N, e.__scopeDialog);
-	return /* @__PURE__ */ (0, w.jsx)(b, {
+}), M = "DialogContent", N = S.forwardRef((e, t) => {
+	let n = O(M, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = T(M, e.__scopeDialog);
+	return /* @__PURE__ */ (0, C.jsx)(g, {
 		present: r || a.open,
-		children: a.modal ? /* @__PURE__ */ (0, w.jsx)(pe, {
+		children: a.modal ? /* @__PURE__ */ (0, C.jsx)(me, {
 			...i,
 			ref: t
-		}) : /* @__PURE__ */ (0, w.jsx)(me, {
+		}) : /* @__PURE__ */ (0, C.jsx)(he, {
 			...i,
 			ref: t
 		})
 	});
 });
-P.displayName = N;
-var pe = C.forwardRef((e, t) => {
-	let n = D(N, e.__scopeDialog), r = C.useRef(null), i = a(t, n.contentRef, r);
-	return C.useEffect(() => {
+N.displayName = M;
+var me = S.forwardRef((e, t) => {
+	let n = T(M, e.__scopeDialog), r = S.useRef(null), i = a(t, n.contentRef, r);
+	return S.useEffect(() => {
 		let e = r.current;
-		if (e) return d(e);
-	}, []), /* @__PURE__ */ (0, w.jsx)(F, {
+		if (e) return ae(e);
+	}, []), /* @__PURE__ */ (0, C.jsx)(P, {
 		...e,
 		ref: i,
 		trapFocus: n.open,
 		disableOutsidePointerEvents: !0,
-		onCloseAutoFocus: x(e.onCloseAutoFocus, (e) => {
+		onCloseAutoFocus: h(e.onCloseAutoFocus, (e) => {
 			e.preventDefault(), n.triggerRef.current?.focus();
 		}),
-		onPointerDownOutside: x(e.onPointerDownOutside, (e) => {
+		onPointerDownOutside: h(e.onPointerDownOutside, (e) => {
 			let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0;
 			(t.button === 2 || n) && e.preventDefault();
 		}),
-		onFocusOutside: x(e.onFocusOutside, (e) => e.preventDefault())
+		onFocusOutside: h(e.onFocusOutside, (e) => e.preventDefault())
 	});
-}), me = C.forwardRef((e, t) => {
-	let n = D(N, e.__scopeDialog), r = C.useRef(!1), i = C.useRef(!1);
-	return /* @__PURE__ */ (0, w.jsx)(F, {
+}), he = S.forwardRef((e, t) => {
+	let n = T(M, e.__scopeDialog), r = S.useRef(!1), i = S.useRef(!1);
+	return /* @__PURE__ */ (0, C.jsx)(P, {
 		...e,
 		ref: t,
 		trapFocus: !1,
@@ -133,75 +133,75 @@ var pe = C.forwardRef((e, t) => {
 			n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
 		}
 	});
-}), F = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: o, ...s } = e, c = D(N, n), l = C.useRef(null), u = a(t, l);
-	return te(), /* @__PURE__ */ (0, w.jsxs)(w.Fragment, { children: [/* @__PURE__ */ (0, w.jsx)(h, {
+}), P = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: o, ...s } = e, c = T(M, n), l = S.useRef(null), u = a(t, l);
+	return ne(), /* @__PURE__ */ (0, C.jsxs)(C.Fragment, { children: [/* @__PURE__ */ (0, C.jsx)(_, {
 		asChild: !0,
 		loop: !0,
 		trapped: r,
 		onMountAutoFocus: i,
 		onUnmountAutoFocus: o,
-		children: /* @__PURE__ */ (0, w.jsx)(ee, {
+		children: /* @__PURE__ */ (0, C.jsx)(re, {
 			role: "dialog",
 			id: c.contentId,
 			"aria-describedby": c.descriptionId,
 			"aria-labelledby": c.titleId,
-			"data-state": H(c.open),
+			"data-state": V(c.open),
 			...s,
 			ref: u,
 			onDismiss: () => c.onOpenChange(!1)
 		})
-	}), /* @__PURE__ */ (0, w.jsxs)(w.Fragment, { children: [/* @__PURE__ */ (0, w.jsx)(ge, { titleId: c.titleId }), /* @__PURE__ */ (0, w.jsx)(ve, {
+	}), /* @__PURE__ */ (0, C.jsxs)(C.Fragment, { children: [/* @__PURE__ */ (0, C.jsx)(_e, { titleId: c.titleId }), /* @__PURE__ */ (0, C.jsx)(ye, {
 		contentRef: l,
 		descriptionId: c.descriptionId
 	})] })] });
-}), I = "DialogTitle", L = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = D(I, n);
-	return /* @__PURE__ */ (0, w.jsx)(S.h2, {
+}), F = "DialogTitle", I = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = T(F, n);
+	return /* @__PURE__ */ (0, C.jsx)(y.h2, {
 		id: i.titleId,
 		...r,
 		ref: t
 	});
 });
-L.displayName = I;
-var R = "DialogDescription", z = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = D(R, n);
-	return /* @__PURE__ */ (0, w.jsx)(S.p, {
+I.displayName = F;
+var L = "DialogDescription", R = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = T(L, n);
+	return /* @__PURE__ */ (0, C.jsx)(y.p, {
 		id: i.descriptionId,
 		...r,
 		ref: t
 	});
 });
-z.displayName = R;
-var B = "DialogClose", V = C.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = D(B, n);
-	return /* @__PURE__ */ (0, w.jsx)(S.button, {
+R.displayName = L;
+var z = "DialogClose", B = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = T(z, n);
+	return /* @__PURE__ */ (0, C.jsx)(y.button, {
 		type: "button",
 		...r,
 		ref: t,
-		onClick: x(e.onClick, () => i.onOpenChange(!1))
+		onClick: h(e.onClick, () => i.onOpenChange(!1))
 	});
 });
-V.displayName = B;
-function H(e) {
+B.displayName = z;
+function V(e) {
 	return e ? "open" : "closed";
 }
-var U = "DialogTitleWarning", [he, W] = g(U, {
-	contentName: N,
-	titleName: I,
+var H = "DialogTitleWarning", [ge, U] = ee(H, {
+	contentName: M,
+	titleName: F,
 	docsSlug: "dialog"
-}), ge = ({ titleId: e }) => {
-	let t = W(U), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+}), _e = ({ titleId: e }) => {
+	let t = U(H), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
-	return C.useEffect(() => {
+	return S.useEffect(() => {
 		e && (document.getElementById(e) || console.error(n));
 	}, [n, e]), null;
-}, _e = "DialogDescriptionWarning", ve = ({ contentRef: e, descriptionId: t }) => {
-	let n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${W(_e).contentName}}.`;
-	return C.useEffect(() => {
+}, ve = "DialogDescriptionWarning", ye = ({ contentRef: e, descriptionId: t }) => {
+	let n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${U(ve).contentName}}.`;
+	return S.useEffect(() => {
 		let r = e.current?.getAttribute("aria-describedby");
 		t && r && (document.getElementById(t) || console.warn(n));
 	}, [
@@ -209,116 +209,116 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
 		e,
 		t
 	]), null;
-}, G = se, ye = le, K = A, be = M, xe = P, Se = L, Ce = z, we = V, Te = "AlertDialog", [Ee, De] = y(Te, [ae]), q = ae(), Oe = (e) => {
-	let { __scopeAlertDialog: t, ...n } = e, r = q(t);
-	return /* @__PURE__ */ (0, w.jsx)(G, {
+}, W = le, be = E, G = k, K = j, q = N, xe = I, Se = R, Ce = B, we = "AlertDialog", [Te, Ee] = x(we, [se]), J = se(), De = (e) => {
+	let { __scopeAlertDialog: t, ...n } = e, r = J(t);
+	return /* @__PURE__ */ (0, C.jsx)(W, {
 		...r,
 		...n,
 		modal: !0
 	});
 };
-Oe.displayName = Te;
-var ke = "AlertDialogTrigger", Ae = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, i = q(n);
-	return /* @__PURE__ */ (0, w.jsx)(ye, {
+De.displayName = we;
+var Oe = "AlertDialogTrigger", ke = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = J(n);
+	return /* @__PURE__ */ (0, C.jsx)(be, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-Ae.displayName = ke;
-var je = "AlertDialogPortal", Me = (e) => {
-	let { __scopeAlertDialog: t, ...n } = e, r = q(t);
-	return /* @__PURE__ */ (0, w.jsx)(K, {
+ke.displayName = Oe;
+var Ae = "AlertDialogPortal", je = (e) => {
+	let { __scopeAlertDialog: t, ...n } = e, r = J(t);
+	return /* @__PURE__ */ (0, C.jsx)(G, {
 		...r,
 		...n
 	});
 };
-Me.displayName = je;
-var Ne = "AlertDialogOverlay", Pe = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, i = q(n);
-	return /* @__PURE__ */ (0, w.jsx)(be, {
+je.displayName = Ae;
+var Me = "AlertDialogOverlay", Ne = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = J(n);
+	return /* @__PURE__ */ (0, C.jsx)(K, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-Pe.displayName = Ne;
-var J = "AlertDialogContent", [Fe, Ie] = Ee(J), Le = t("AlertDialogContent"), Re = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, children: r, ...i } = e, o = q(n), s = C.useRef(null), c = a(t, s), l = C.useRef(null);
-	return /* @__PURE__ */ (0, w.jsx)(he, {
-		contentName: J,
-		titleName: ze,
+Ne.displayName = Me;
+var Y = "AlertDialogContent", [Pe, Fe] = Te(Y), Ie = t("AlertDialogContent"), Le = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, children: r, ...i } = e, o = J(n), s = S.useRef(null), c = a(t, s), l = S.useRef(null);
+	return /* @__PURE__ */ (0, C.jsx)(ge, {
+		contentName: Y,
+		titleName: Re,
 		docsSlug: "alert-dialog",
-		children: /* @__PURE__ */ (0, w.jsx)(Fe, {
+		children: /* @__PURE__ */ (0, C.jsx)(Pe, {
 			scope: n,
 			cancelRef: l,
-			children: /* @__PURE__ */ (0, w.jsxs)(xe, {
+			children: /* @__PURE__ */ (0, C.jsxs)(q, {
 				role: "alertdialog",
 				...o,
 				...i,
 				ref: c,
-				onOpenAutoFocus: x(i.onOpenAutoFocus, (e) => {
+				onOpenAutoFocus: h(i.onOpenAutoFocus, (e) => {
 					e.preventDefault(), l.current?.focus({ preventScroll: !0 });
 				}),
 				onPointerDownOutside: (e) => e.preventDefault(),
 				onInteractOutside: (e) => e.preventDefault(),
-				children: [/* @__PURE__ */ (0, w.jsx)(Le, { children: r }), /* @__PURE__ */ (0, w.jsx)(qe, { contentRef: s })]
+				children: [/* @__PURE__ */ (0, C.jsx)(Ie, { children: r }), /* @__PURE__ */ (0, C.jsx)(Ke, { contentRef: s })]
 			})
 		})
 	});
 });
-Re.displayName = J;
-var ze = "AlertDialogTitle", Be = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, i = q(n);
-	return /* @__PURE__ */ (0, w.jsx)(Se, {
+Le.displayName = Y;
+var Re = "AlertDialogTitle", ze = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = J(n);
+	return /* @__PURE__ */ (0, C.jsx)(xe, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-Be.displayName = ze;
-var Ve = "AlertDialogDescription", He = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, i = q(n);
-	return /* @__PURE__ */ (0, w.jsx)(Ce, {
+ze.displayName = Re;
+var Be = "AlertDialogDescription", Ve = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = J(n);
+	return /* @__PURE__ */ (0, C.jsx)(Se, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-He.displayName = Ve;
-var Ue = "AlertDialogAction", We = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, i = q(n);
-	return /* @__PURE__ */ (0, w.jsx)(we, {
+Ve.displayName = Be;
+var He = "AlertDialogAction", Ue = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = J(n);
+	return /* @__PURE__ */ (0, C.jsx)(Ce, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-We.displayName = Ue;
-var Ge = "AlertDialogCancel", Ke = C.forwardRef((e, t) => {
-	let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = Ie(Ge, n), o = q(n), s = a(t, i);
-	return /* @__PURE__ */ (0, w.jsx)(we, {
+Ue.displayName = He;
+var We = "AlertDialogCancel", Ge = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = Fe(We, n), o = J(n), s = a(t, i);
+	return /* @__PURE__ */ (0, C.jsx)(Ce, {
 		...o,
 		...r,
 		ref: s
 	});
 });
-Ke.displayName = Ge;
-var qe = ({ contentRef: e }) => {
-	let t = `\`${J}\` requires a description for the component to be accessible for screen reader users.
+Ge.displayName = We;
+var Ke = ({ contentRef: e }) => {
+	let t = `\`${Y}\` requires a description for the component to be accessible for screen reader users.
 
-You can add a description to the \`${J}\` by passing a \`${Ve}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+You can add a description to the \`${Y}\` by passing a \`${Be}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
 
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${J}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${Y}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-	return C.useEffect(() => {
+	return S.useEffect(() => {
 		document.getElementById(e.current?.getAttribute("aria-describedby")) || console.warn(t);
 	}, [t, e]), null;
-}, Je = Oe, Ye = Me, Xe = Pe, Ze = Re, Y = We, Qe = Ke, $e = Be, et = He, X = l();
-function tt() {
-	let e = (0, X.c)(3), [t, n] = (0, C.useState)(null), r;
+}, qe = De, Je = je, Ye = Ne, Xe = Le, X = Ue, Ze = Ge, Qe = ze, $e = Ve, Z = l();
+function et() {
+	let e = (0, Z.c)(3), [t, n] = (0, S.useState)(null), r;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = () => {
 		n(document.activeElement);
 	}, e[0] = r) : r = e[0];
@@ -332,16 +332,16 @@ function tt() {
 }
 //#endregion
 //#region src/components/ui/alert-dialog.tsx
-var nt = Je, rt = m(({ children: e, ...t }) => /* @__PURE__ */ (0, w.jsx)(Ye, {
+var tt = qe, nt = p(({ children: e, ...t }) => /* @__PURE__ */ (0, C.jsx)(Je, {
 	...t,
-	children: /* @__PURE__ */ (0, w.jsx)(ie, { children: /* @__PURE__ */ (0, w.jsx)("div", {
+	children: /* @__PURE__ */ (0, C.jsx)(d, { children: /* @__PURE__ */ (0, C.jsx)("div", {
 		className: "fixed inset-0 z-50 flex items-end justify-center sm:items-start sm:top-[15%]",
 		children: e
 	}) })
 }));
-rt.displayName = Ye.displayName;
-var it = C.forwardRef((e, t) => {
-	let n = (0, X.c)(9), i, a;
+nt.displayName = Je.displayName;
+var rt = S.forwardRef((e, t) => {
+	let n = (0, Z.c)(9), i, a;
 	if (n[0] !== e) {
 		let { className: t, children: r, ...o } = e;
 		i = t, a = o, n[0] = e, n[1] = i, n[2] = a;
@@ -349,131 +349,131 @@ var it = C.forwardRef((e, t) => {
 	let o;
 	n[3] === i ? o = n[4] : (o = r("fixed inset-0 z-50 bg-background/80 backdrop-blur-xs transition-opacity animate-in fade-in", i), n[3] = i, n[4] = o);
 	let s;
-	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, w.jsx)(Xe, {
+	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, C.jsx)(Ye, {
 		className: o,
 		...a,
 		ref: t
 	}), n[5] = a, n[6] = t, n[7] = o, n[8] = s) : s = n[8], s;
 });
-it.displayName = Xe.displayName;
-var at = C.forwardRef((e, t) => {
-	let n = (0, X.c)(11), i, a;
+rt.displayName = Ye.displayName;
+var it = S.forwardRef((e, t) => {
+	let n = (0, Z.c)(11), i, a;
 	n[0] === e ? (i = n[1], a = n[2]) : ({className: i, ...a} = e, n[0] = e, n[1] = i, n[2] = a);
-	let o = tt(), s;
-	n[3] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ (0, w.jsx)(it, {}), n[3] = s) : s = n[3];
+	let o = et(), s;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ (0, C.jsx)(rt, {}), n[3] = s) : s = n[3];
 	let c;
 	n[4] === i ? c = n[5] : (c = r("fixed z-50 grid w-full max-w-2xl scale-100 gap-4 border bg-background p-6 opacity-100 shadow-sm animate-in fade-in-90 slide-in-from-bottom-10 sm:rounded-lg sm:zoom-in-90 sm:slide-in-from-bottom-0 md:w-full", i), n[4] = i, n[5] = c);
 	let l;
-	return n[6] !== a || n[7] !== t || n[8] !== o || n[9] !== c ? (l = /* @__PURE__ */ (0, w.jsxs)(rt, { children: [s, /* @__PURE__ */ (0, w.jsx)(Ze, {
+	return n[6] !== a || n[7] !== t || n[8] !== o || n[9] !== c ? (l = /* @__PURE__ */ (0, C.jsxs)(nt, { children: [s, /* @__PURE__ */ (0, C.jsx)(Xe, {
 		ref: t,
 		className: c,
 		...o,
 		...a
 	})] }), n[6] = a, n[7] = t, n[8] = o, n[9] = c, n[10] = l) : l = n[10], l;
 });
-at.displayName = Ze.displayName;
-var ot = (e) => {
-	let t = (0, X.c)(8), n, i;
+it.displayName = Xe.displayName;
+var at = (e) => {
+	let t = (0, Z.c)(8), n, i;
 	t[0] === e ? (n = t[1], i = t[2]) : ({className: n, ...i} = e, t[0] = e, t[1] = n, t[2] = i);
 	let a;
 	t[3] === n ? a = t[4] : (a = r("flex flex-col space-y-2 text-center sm:text-left", n), t[3] = n, t[4] = a);
 	let o;
-	return t[5] !== i || t[6] !== a ? (o = /* @__PURE__ */ (0, w.jsx)("div", {
+	return t[5] !== i || t[6] !== a ? (o = /* @__PURE__ */ (0, C.jsx)("div", {
 		className: a,
 		...i
 	}), t[5] = i, t[6] = a, t[7] = o) : o = t[7], o;
 };
-ot.displayName = "AlertDialogHeader";
-var Z = (e) => {
-	let t = (0, X.c)(8), n, i;
+at.displayName = "AlertDialogHeader";
+var Q = (e) => {
+	let t = (0, Z.c)(8), n, i;
 	t[0] === e ? (n = t[1], i = t[2]) : ({className: n, ...i} = e, t[0] = e, t[1] = n, t[2] = i);
 	let a;
 	t[3] === n ? a = t[4] : (a = r("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", n), t[3] = n, t[4] = a);
 	let o;
-	return t[5] !== i || t[6] !== a ? (o = /* @__PURE__ */ (0, w.jsx)("div", {
+	return t[5] !== i || t[6] !== a ? (o = /* @__PURE__ */ (0, C.jsx)("div", {
 		className: a,
 		...i
 	}), t[5] = i, t[6] = a, t[7] = o) : o = t[7], o;
 };
-Z.displayName = "AlertDialogFooter";
-var st = C.forwardRef((e, t) => {
-	let n = (0, X.c)(9), i, a;
+Q.displayName = "AlertDialogFooter";
+var ot = S.forwardRef((e, t) => {
+	let n = (0, Z.c)(9), i, a;
 	n[0] === e ? (i = n[1], a = n[2]) : ({className: i, ...a} = e, n[0] = e, n[1] = i, n[2] = a);
 	let o;
 	n[3] === i ? o = n[4] : (o = r("text-lg font-semibold", i), n[3] = i, n[4] = o);
 	let s;
-	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, w.jsx)($e, {
+	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, C.jsx)(Qe, {
 		ref: t,
 		className: o,
 		...a
 	}), n[5] = a, n[6] = t, n[7] = o, n[8] = s) : s = n[8], s;
 });
-st.displayName = $e.displayName;
-var ct = C.forwardRef((e, t) => {
-	let n = (0, X.c)(9), i, a;
+ot.displayName = Qe.displayName;
+var st = S.forwardRef((e, t) => {
+	let n = (0, Z.c)(9), i, a;
 	n[0] === e ? (i = n[1], a = n[2]) : ({className: i, ...a} = e, n[0] = e, n[1] = i, n[2] = a);
 	let o;
 	n[3] === i ? o = n[4] : (o = r("text-muted-foreground", i), n[3] = i, n[4] = o);
 	let s;
-	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, w.jsx)(et, {
+	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, C.jsx)($e, {
 		ref: t,
 		className: o,
 		...a
 	}), n[5] = a, n[6] = t, n[7] = o, n[8] = s) : s = n[8], s;
 });
-ct.displayName = et.displayName;
-var lt = C.forwardRef((e, t) => {
-	let n = (0, X.c)(9), a, o;
+st.displayName = $e.displayName;
+var ct = S.forwardRef((e, t) => {
+	let n = (0, Z.c)(9), a, o;
 	n[0] === e ? (a = n[1], o = n[2]) : ({className: a, ...o} = e, n[0] = e, n[1] = a, n[2] = o);
 	let s;
 	n[3] === a ? s = n[4] : (s = r(i(), a), n[3] = a, n[4] = s);
 	let c;
-	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, w.jsx)(Y, {
+	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, C.jsx)(X, {
 		ref: t,
 		className: s,
 		...o
 	}), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
 });
-lt.displayName = Y.displayName;
-var ut = C.forwardRef((e, t) => {
-	let n = (0, X.c)(9), a, o;
+ct.displayName = X.displayName;
+var lt = S.forwardRef((e, t) => {
+	let n = (0, Z.c)(9), a, o;
 	n[0] === e ? (a = n[1], o = n[2]) : ({className: a, ...o} = e, n[0] = e, n[1] = a, n[2] = o);
 	let s;
 	n[3] === a ? s = n[4] : (s = r(i({ variant: "destructive" }), a), n[3] = a, n[4] = s);
 	let c;
-	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, w.jsx)(Y, {
+	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, C.jsx)(X, {
 		ref: t,
 		className: s,
 		...o
 	}), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
 });
-ut.displayName = "AlertDialogDestructiveAction";
-var dt = C.forwardRef((e, t) => {
-	let n = (0, X.c)(9), a, o;
+lt.displayName = "AlertDialogDestructiveAction";
+var ut = S.forwardRef((e, t) => {
+	let n = (0, Z.c)(9), a, o;
 	n[0] === e ? (a = n[1], o = n[2]) : ({className: a, ...o} = e, n[0] = e, n[1] = a, n[2] = o);
 	let s;
 	n[3] === a ? s = n[4] : (s = r(i({ variant: "secondary" }), "mt-2 sm:mt-0", a), n[3] = a, n[4] = s);
 	let c;
-	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, w.jsx)(Qe, {
+	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, C.jsx)(Ze, {
 		ref: t,
 		className: s,
 		...o
 	}), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
 });
-dt.displayName = Qe.displayName;
+ut.displayName = Ze.displayName;
 //#endregion
 //#region src/utils/errors.ts
-var Q = p({ detail: v() }), ft = p({ error: v() });
-function pt(e) {
+var $ = f({ detail: v() }), dt = f({ error: v() });
+function ft(e) {
 	if (!e) return "Unknown error";
 	if (e instanceof Error) {
-		let t = Q.safeParse(e.cause);
-		return t.success ? t.data.detail : mt(e.message);
+		let t = $.safeParse(e.cause);
+		return t.success ? t.data.detail : pt(e.message);
 	}
 	if (typeof e == "object") {
-		let t = Q.safeParse(e);
+		let t = $.safeParse(e);
 		if (t.success) return t.data.detail;
-		let n = ft.safeParse(e);
+		let n = dt.safeParse(e);
 		if (n.success) return n.data.error;
 	}
 	try {
@@ -482,49 +482,49 @@ function pt(e) {
 		return String(e);
 	}
 }
-function mt(e) {
-	let t = ht(e);
+function pt(e) {
+	let t = mt(e);
 	if (!t) return e;
-	let n = Q.safeParse(t);
+	let n = $.safeParse(t);
 	if (n.success) return n.data.detail;
-	let r = ft.safeParse(t);
+	let r = dt.safeParse(t);
 	return r.success ? r.data.error : e;
 }
-function ht(e) {
+function mt(e) {
 	try {
 		return JSON.parse(e);
 	} catch {
 		return e;
 	}
 }
-var gt = class extends Error {
+var ht = class extends Error {
 	constructor(e = "The cell containing this UI element has not been run yet. Please run the cell first.") {
 		super(e), this.name = "CellNotInitializedError";
 	}
-}, _t = class extends Error {
+}, gt = class extends Error {
 	constructor(e = "This UI element could not reach its function on the kernel. Try re-running the cell.") {
 		super(e), this.name = "FunctionNotFoundError";
 	}
-}, vt = (e) => {
-	let t = (0, X.c)(23), { error: r, className: i, action: a } = e, [o, s] = (0, C.useState)(!1);
+}, _t = (e) => {
+	let t = (0, Z.c)(23), { error: r, className: i, action: a } = e, [o, s] = (0, S.useState)(!1);
 	if (!r) return null;
 	n.error(r);
 	let c;
-	t[0] === r ? c = t[1] : (c = pt(r), t[0] = r, t[1] = c);
+	t[0] === r ? c = t[1] : (c = ft(r), t[0] = r, t[1] = c);
 	let l = c, u;
 	t[2] === Symbol.for("react.memo_cache_sentinel") ? (u = () => s(!0), t[2] = u) : u = t[2];
 	let d;
-	t[3] === l ? d = t[4] : (d = /* @__PURE__ */ (0, w.jsx)("span", {
+	t[3] === l ? d = t[4] : (d = /* @__PURE__ */ (0, C.jsx)("span", {
 		className: "line-clamp-4",
 		children: l
 	}), t[3] = l, t[4] = d);
 	let f;
-	t[5] === a ? f = t[6] : (f = a && /* @__PURE__ */ (0, w.jsx)("div", {
+	t[5] === a ? f = t[6] : (f = a && /* @__PURE__ */ (0, C.jsx)("div", {
 		className: "flex justify-end",
 		children: a
 	}), t[5] = a, t[6] = f);
 	let p;
-	t[7] !== i || t[8] !== d || t[9] !== f ? (p = /* @__PURE__ */ (0, w.jsxs)($, {
+	t[7] !== i || t[8] !== d || t[9] !== f ? (p = /* @__PURE__ */ (0, C.jsxs)(yt, {
 		kind: "danger",
 		className: i,
 		clickable: !0,
@@ -532,24 +532,24 @@ var gt = class extends Error {
 		children: [d, f]
 	}), t[7] = i, t[8] = d, t[9] = f, t[10] = p) : p = t[10];
 	let m;
-	t[11] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ (0, w.jsx)(ot, { children: /* @__PURE__ */ (0, w.jsx)(st, {
+	t[11] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ (0, C.jsx)(at, { children: /* @__PURE__ */ (0, C.jsx)(ot, {
 		className: "text-error",
 		children: "Error"
 	}) }), t[11] = m) : m = t[11];
 	let h;
-	t[12] === l ? h = t[13] : (h = /* @__PURE__ */ (0, w.jsx)(ct, {
+	t[12] === l ? h = t[13] : (h = /* @__PURE__ */ (0, C.jsx)(st, {
 		asChild: !0,
 		className: "text-error text-sm p-2 font-mono overflow-auto whitespace-pre-wrap",
-		children: /* @__PURE__ */ (0, w.jsx)("pre", { children: l })
+		children: /* @__PURE__ */ (0, C.jsx)("pre", { children: l })
 	}), t[12] = l, t[13] = h);
 	let g;
-	t[14] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ (0, w.jsx)(Z, { children: /* @__PURE__ */ (0, w.jsx)(lt, {
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ (0, C.jsx)(Q, { children: /* @__PURE__ */ (0, C.jsx)(ct, {
 		autoFocus: !0,
 		onClick: () => s(!1),
 		children: "Ok"
 	}) }), t[14] = g) : g = t[14];
 	let _;
-	t[15] === h ? _ = t[16] : (_ = /* @__PURE__ */ (0, w.jsxs)(at, {
+	t[15] === h ? _ = t[16] : (_ = /* @__PURE__ */ (0, C.jsxs)(it, {
 		className: "max-w-[80%] max-h-[80%] overflow-hidden flex flex-col",
 		children: [
 			m,
@@ -558,14 +558,14 @@ var gt = class extends Error {
 		]
 	}), t[15] = h, t[16] = _);
 	let v;
-	t[17] !== o || t[18] !== _ ? (v = /* @__PURE__ */ (0, w.jsx)(nt, {
+	t[17] !== o || t[18] !== _ ? (v = /* @__PURE__ */ (0, C.jsx)(tt, {
 		open: o,
 		onOpenChange: s,
 		children: _
 	}), t[17] = o, t[18] = _, t[19] = v) : v = t[19];
 	let y;
-	return t[20] !== v || t[21] !== p ? (y = /* @__PURE__ */ (0, w.jsxs)(w.Fragment, { children: [p, v] }), t[20] = v, t[21] = p, t[22] = y) : y = t[22], y;
-}, yt = o("text-sm p-2 border whitespace-pre-wrap overflow-hidden", {
+	return t[20] !== v || t[21] !== p ? (y = /* @__PURE__ */ (0, C.jsxs)(C.Fragment, { children: [p, v] }), t[20] = v, t[21] = p, t[22] = y) : y = t[22], y;
+}, vt = o("text-sm p-2 border whitespace-pre-wrap overflow-hidden", {
 	variants: {
 		kind: {
 			danger: "text-error border-(--red-6) shadow-md-solid shadow-error bg-(--red-1)",
@@ -592,20 +592,20 @@ var gt = class extends Error {
 		}
 	],
 	defaultVariants: { kind: "info" }
-}), $ = (e) => {
-	let t = (0, X.c)(14), n, i, a, o, s;
+}), yt = (e) => {
+	let t = (0, Z.c)(14), n, i, a, o, s;
 	t[0] === e ? (n = t[1], i = t[2], a = t[3], o = t[4], s = t[5]) : ({kind: o, clickable: a, className: i, children: n, ...s} = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a, t[4] = o, t[5] = s);
 	let c;
-	t[6] !== i || t[7] !== a || t[8] !== o ? (c = r(yt({
+	t[6] !== i || t[7] !== a || t[8] !== o ? (c = r(vt({
 		kind: o,
 		clickable: a
 	}), i), t[6] = i, t[7] = a, t[8] = o, t[9] = c) : c = t[9];
 	let l;
-	return t[10] !== n || t[11] !== s || t[12] !== c ? (l = /* @__PURE__ */ (0, w.jsx)("div", {
+	return t[10] !== n || t[11] !== s || t[12] !== c ? (l = /* @__PURE__ */ (0, C.jsx)("div", {
 		className: c,
 		...s,
 		children: n
 	}), t[10] = n, t[11] = s, t[12] = c, t[13] = l) : l = t[13], l;
 };
 //#endregion
-export { pt as a, K as c, _t as i, G as l, vt as n, xe as o, gt as r, be as s, $ as t };
+export { ft as a, G as c, gt as i, W as l, _t as n, q as o, ht as r, K as s, yt as t };