@marimo-team/islands 0.24.3-dev2 → 0.24.3-dev4

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

@@ -27,23 +27,23 @@ var S = /* @__PURE__ */ e(c(), 1), C = u(), w = "Dialog", [oe, se] = x(w), [ce,
 	});
 };
 le.displayName = w;
-var ue = "DialogTrigger", E = S.forwardRef((e, t) => {
+var ue = "DialogTrigger", de = 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": V(i.open),
+		"data-state": L(i.open),
 		...r,
 		ref: o,
 		onClick: h(e.onClick, i.onOpenToggle)
 	});
 });
-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, {
+de.displayName = ue;
+var E = "DialogPortal", [fe, pe] = oe(E, { forceMount: void 0 }), me = (e) => {
+	let { __scopeDialog: t, forceMount: n, children: r, container: i } = e, a = T(E, t);
+	return /* @__PURE__ */ (0, C.jsx)(fe, {
 		scope: t,
 		forceMount: n,
 		children: S.Children.map(r, (e) => /* @__PURE__ */ (0, C.jsx)(g, {
@@ -56,26 +56,26 @@ var D = "DialogPortal", [de, O] = oe(D, { forceMount: void 0 }), k = (e) => {
 		}))
 	});
 };
-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);
+me.displayName = E;
+var D = "DialogOverlay", O = S.forwardRef((e, t) => {
+	let n = pe(D, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = T(D, e.__scopeDialog);
 	return a.modal ? /* @__PURE__ */ (0, C.jsx)(g, {
 		present: r || a.open,
-		children: /* @__PURE__ */ (0, C.jsx)(pe, {
+		children: /* @__PURE__ */ (0, C.jsx)(ge, {
 			...i,
 			ref: t
 		})
 	}) : null;
 });
-j.displayName = A;
-var fe = s("DialogOverlay.RemoveScroll"), pe = S.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = T(A, n);
+O.displayName = D;
+var he = s("DialogOverlay.RemoveScroll"), ge = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = T(D, n);
 	return /* @__PURE__ */ (0, C.jsx)(te, {
-		as: fe,
+		as: he,
 		allowPinchZoom: !0,
 		shards: [i.contentRef],
 		children: /* @__PURE__ */ (0, C.jsx)(y.div, {
-			"data-state": V(i.open),
+			"data-state": L(i.open),
 			...r,
 			ref: t,
 			style: {
@@ -84,26 +84,26 @@ var fe = s("DialogOverlay.RemoveScroll"), pe = S.forwardRef((e, t) => {
 			}
 		})
 	});
-}), M = "DialogContent", N = S.forwardRef((e, t) => {
-	let n = O(M, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = T(M, e.__scopeDialog);
+}), k = "DialogContent", _e = S.forwardRef((e, t) => {
+	let n = pe(k, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = T(k, e.__scopeDialog);
 	return /* @__PURE__ */ (0, C.jsx)(g, {
 		present: r || a.open,
-		children: a.modal ? /* @__PURE__ */ (0, C.jsx)(me, {
+		children: a.modal ? /* @__PURE__ */ (0, C.jsx)(ve, {
 			...i,
 			ref: t
-		}) : /* @__PURE__ */ (0, C.jsx)(he, {
+		}) : /* @__PURE__ */ (0, C.jsx)(ye, {
 			...i,
 			ref: t
 		})
 	});
 });
-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);
+_e.displayName = k;
+var ve = S.forwardRef((e, t) => {
+	let n = T(k, e.__scopeDialog), r = S.useRef(null), i = a(t, n.contentRef, r);
 	return S.useEffect(() => {
 		let e = r.current;
 		if (e) return ae(e);
-	}, []), /* @__PURE__ */ (0, C.jsx)(P, {
+	}, []), /* @__PURE__ */ (0, C.jsx)(A, {
 		...e,
 		ref: i,
 		trapFocus: n.open,
@@ -117,9 +117,9 @@ var me = S.forwardRef((e, t) => {
 		}),
 		onFocusOutside: h(e.onFocusOutside, (e) => e.preventDefault())
 	});
-}), 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, {
+}), ye = S.forwardRef((e, t) => {
+	let n = T(k, e.__scopeDialog), r = S.useRef(!1), i = S.useRef(!1);
+	return /* @__PURE__ */ (0, C.jsx)(A, {
 		...e,
 		ref: t,
 		trapFocus: !1,
@@ -133,8 +133,8 @@ var me = S.forwardRef((e, t) => {
 			n.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && i.current && t.preventDefault();
 		}
 	});
-}), 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);
+}), A = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: i, onCloseAutoFocus: o, ...s } = e, c = T(k, 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,
@@ -146,35 +146,35 @@ var me = S.forwardRef((e, t) => {
 			id: c.contentId,
 			"aria-describedby": c.descriptionId,
 			"aria-labelledby": c.titleId,
-			"data-state": V(c.open),
+			"data-state": L(c.open),
 			...s,
 			ref: u,
 			onDismiss: () => c.onOpenChange(!1)
 		})
-	}), /* @__PURE__ */ (0, C.jsxs)(C.Fragment, { children: [/* @__PURE__ */ (0, C.jsx)(_e, { titleId: c.titleId }), /* @__PURE__ */ (0, C.jsx)(ye, {
+	}), /* @__PURE__ */ (0, C.jsxs)(C.Fragment, { children: [/* @__PURE__ */ (0, C.jsx)(xe, { titleId: c.titleId }), /* @__PURE__ */ (0, C.jsx)(Ce, {
 		contentRef: l,
 		descriptionId: c.descriptionId
 	})] })] });
-}), F = "DialogTitle", I = S.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = T(F, n);
+}), j = "DialogTitle", M = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = T(j, n);
 	return /* @__PURE__ */ (0, C.jsx)(y.h2, {
 		id: i.titleId,
 		...r,
 		ref: t
 	});
 });
-I.displayName = F;
-var L = "DialogDescription", R = S.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = T(L, n);
+M.displayName = j;
+var N = "DialogDescription", P = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = T(N, n);
 	return /* @__PURE__ */ (0, C.jsx)(y.p, {
 		id: i.descriptionId,
 		...r,
 		ref: t
 	});
 });
-R.displayName = L;
-var z = "DialogClose", B = S.forwardRef((e, t) => {
-	let { __scopeDialog: n, ...r } = e, i = T(z, n);
+P.displayName = N;
+var F = "DialogClose", I = S.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = T(F, n);
 	return /* @__PURE__ */ (0, C.jsx)(y.button, {
 		type: "button",
 		...r,
@@ -182,16 +182,16 @@ var z = "DialogClose", B = S.forwardRef((e, t) => {
 		onClick: h(e.onClick, () => i.onOpenChange(!1))
 	});
 });
-B.displayName = z;
-function V(e) {
+I.displayName = F;
+function L(e) {
 	return e ? "open" : "closed";
 }
-var H = "DialogTitleWarning", [ge, U] = ee(H, {
-	contentName: M,
-	titleName: F,
+var R = "DialogTitleWarning", [be, z] = ee(R, {
+	contentName: k,
+	titleName: j,
 	docsSlug: "dialog"
-}), _e = ({ titleId: e }) => {
-	let t = U(H), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+}), xe = ({ titleId: e }) => {
+	let t = z(R), 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.
 
@@ -199,8 +199,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
 	return S.useEffect(() => {
 		e && (document.getElementById(e) || console.error(n));
 	}, [n, e]), null;
-}, ve = "DialogDescriptionWarning", ye = ({ contentRef: e, descriptionId: t }) => {
-	let n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${U(ve).contentName}}.`;
+}, Se = "DialogDescriptionWarning", Ce = ({ contentRef: e, descriptionId: t }) => {
+	let n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${z(Se).contentName}}.`;
 	return S.useEffect(() => {
 		let r = e.current?.getAttribute("aria-describedby");
 		t && r && (document.getElementById(t) || console.warn(n));
@@ -209,51 +209,51 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
 		e,
 		t
 	]), null;
-}, 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, {
+}, we = le, Te = de, Ee = me, De = O, Oe = _e, ke = M, Ae = P, B = I, je = "AlertDialog", [Me, Ne] = x(je, [se]), V = se(), Pe = (e) => {
+	let { __scopeAlertDialog: t, ...n } = e, r = V(t);
+	return /* @__PURE__ */ (0, C.jsx)(we, {
 		...r,
 		...n,
 		modal: !0
 	});
 };
-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, {
+Pe.displayName = je;
+var Fe = "AlertDialogTrigger", Ie = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = V(n);
+	return /* @__PURE__ */ (0, C.jsx)(Te, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-ke.displayName = Oe;
-var Ae = "AlertDialogPortal", je = (e) => {
-	let { __scopeAlertDialog: t, ...n } = e, r = J(t);
-	return /* @__PURE__ */ (0, C.jsx)(G, {
+Ie.displayName = Fe;
+var Le = "AlertDialogPortal", Re = (e) => {
+	let { __scopeAlertDialog: t, ...n } = e, r = V(t);
+	return /* @__PURE__ */ (0, C.jsx)(Ee, {
 		...r,
 		...n
 	});
 };
-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, {
+Re.displayName = Le;
+var ze = "AlertDialogOverlay", Be = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = V(n);
+	return /* @__PURE__ */ (0, C.jsx)(De, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-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,
+Be.displayName = ze;
+var H = "AlertDialogContent", [Ve, He] = Me(H), Ue = t("AlertDialogContent"), We = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, children: r, ...i } = e, o = V(n), s = S.useRef(null), c = a(t, s), l = S.useRef(null);
+	return /* @__PURE__ */ (0, C.jsx)(be, {
+		contentName: H,
+		titleName: Ge,
 		docsSlug: "alert-dialog",
-		children: /* @__PURE__ */ (0, C.jsx)(Pe, {
+		children: /* @__PURE__ */ (0, C.jsx)(Ve, {
 			scope: n,
 			cancelRef: l,
-			children: /* @__PURE__ */ (0, C.jsxs)(q, {
+			children: /* @__PURE__ */ (0, C.jsxs)(Oe, {
 				role: "alertdialog",
 				...o,
 				...i,
@@ -263,62 +263,62 @@ var Y = "AlertDialogContent", [Pe, Fe] = Te(Y), Ie = t("AlertDialogContent"), Le
 				}),
 				onPointerDownOutside: (e) => e.preventDefault(),
 				onInteractOutside: (e) => e.preventDefault(),
-				children: [/* @__PURE__ */ (0, C.jsx)(Ie, { children: r }), /* @__PURE__ */ (0, C.jsx)(Ke, { contentRef: s })]
+				children: [/* @__PURE__ */ (0, C.jsx)(Ue, { children: r }), /* @__PURE__ */ (0, C.jsx)($e, { contentRef: s })]
 			})
 		})
 	});
 });
-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, {
+We.displayName = H;
+var Ge = "AlertDialogTitle", Ke = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = V(n);
+	return /* @__PURE__ */ (0, C.jsx)(ke, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-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, {
+Ke.displayName = Ge;
+var qe = "AlertDialogDescription", Je = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = V(n);
+	return /* @__PURE__ */ (0, C.jsx)(Ae, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-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, {
+Je.displayName = qe;
+var Ye = "AlertDialogAction", Xe = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, i = V(n);
+	return /* @__PURE__ */ (0, C.jsx)(B, {
 		...i,
 		...r,
 		ref: t
 	});
 });
-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, {
+Xe.displayName = Ye;
+var Ze = "AlertDialogCancel", Qe = S.forwardRef((e, t) => {
+	let { __scopeAlertDialog: n, ...r } = e, { cancelRef: i } = He(Ze, n), o = V(n), s = a(t, i);
+	return /* @__PURE__ */ (0, C.jsx)(B, {
 		...o,
 		...r,
 		ref: s
 	});
 });
-Ge.displayName = We;
-var Ke = ({ contentRef: e }) => {
-	let t = `\`${Y}\` requires a description for the component to be accessible for screen reader users.
+Qe.displayName = Ze;
+var $e = ({ contentRef: e }) => {
+	let t = `\`${H}\` requires a description for the component to be accessible for screen reader users.
 
-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.
+You can add a description to the \`${H}\` by passing a \`${qe}\` 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 \`${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.
+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 \`${H}\`. 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 S.useEffect(() => {
 		document.getElementById(e.current?.getAttribute("aria-describedby")) || console.warn(t);
 	}, [t, e]), null;
-}, 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;
+}, et = Pe, tt = Re, nt = Be, rt = We, U = Xe, it = Qe, at = Ke, ot = Je, W = l();
+function st() {
+	let e = (0, W.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 et() {
 }
 //#endregion
 //#region src/components/ui/alert-dialog.tsx
-var tt = qe, nt = p(({ children: e, ...t }) => /* @__PURE__ */ (0, C.jsx)(Je, {
+var ct = et, lt = p(({ children: e, ...t }) => /* @__PURE__ */ (0, C.jsx)(tt, {
 	...t,
 	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
 	}) })
 }));
-nt.displayName = Je.displayName;
-var rt = S.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), i, a;
+lt.displayName = tt.displayName;
+var ut = S.forwardRef((e, t) => {
+	let n = (0, W.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,31 +349,31 @@ var rt = S.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, C.jsx)(Ye, {
+	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, C.jsx)(nt, {
 		className: o,
 		...a,
 		ref: t
 	}), n[5] = a, n[6] = t, n[7] = o, n[8] = s) : s = n[8], s;
 });
-rt.displayName = Ye.displayName;
-var it = S.forwardRef((e, t) => {
-	let n = (0, Z.c)(11), i, a;
+ut.displayName = nt.displayName;
+var G = S.forwardRef((e, t) => {
+	let n = (0, W.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 = et(), s;
-	n[3] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ (0, C.jsx)(rt, {}), n[3] = s) : s = n[3];
+	let o = st(), s;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ (0, C.jsx)(ut, {}), 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, C.jsxs)(nt, { children: [s, /* @__PURE__ */ (0, C.jsx)(Xe, {
+	return n[6] !== a || n[7] !== t || n[8] !== o || n[9] !== c ? (l = /* @__PURE__ */ (0, C.jsxs)(lt, { children: [s, /* @__PURE__ */ (0, C.jsx)(rt, {
 		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;
 });
-it.displayName = Xe.displayName;
-var at = (e) => {
-	let t = (0, Z.c)(8), n, i;
+G.displayName = rt.displayName;
+var K = (e) => {
+	let t = (0, W.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);
@@ -383,9 +383,9 @@ var at = (e) => {
 		...i
 	}), t[5] = i, t[6] = a, t[7] = o) : o = t[7], o;
 };
-at.displayName = "AlertDialogHeader";
-var Q = (e) => {
-	let t = (0, Z.c)(8), n, i;
+K.displayName = "AlertDialogHeader";
+var q = (e) => {
+	let t = (0, W.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);
@@ -395,85 +395,85 @@ var Q = (e) => {
 		...i
 	}), t[5] = i, t[6] = a, t[7] = o) : o = t[7], o;
 };
-Q.displayName = "AlertDialogFooter";
-var ot = S.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), i, a;
+q.displayName = "AlertDialogFooter";
+var J = S.forwardRef((e, t) => {
+	let n = (0, W.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, C.jsx)(Qe, {
+	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, C.jsx)(at, {
 		ref: t,
 		className: o,
 		...a
 	}), n[5] = a, n[6] = t, n[7] = o, n[8] = s) : s = n[8], s;
 });
-ot.displayName = Qe.displayName;
-var st = S.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), i, a;
+J.displayName = at.displayName;
+var Y = S.forwardRef((e, t) => {
+	let n = (0, W.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, C.jsx)($e, {
+	return n[5] !== a || n[6] !== t || n[7] !== o ? (s = /* @__PURE__ */ (0, C.jsx)(ot, {
 		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 = S.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), a, o;
+Y.displayName = ot.displayName;
+var X = S.forwardRef((e, t) => {
+	let n = (0, W.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, C.jsx)(X, {
+	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, C.jsx)(U, {
 		ref: t,
 		className: s,
 		...o
 	}), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
 });
-ct.displayName = X.displayName;
-var lt = S.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), a, o;
+X.displayName = U.displayName;
+var dt = S.forwardRef((e, t) => {
+	let n = (0, W.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, C.jsx)(X, {
+	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, C.jsx)(U, {
 		ref: t,
 		className: s,
 		...o
 	}), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
 });
-lt.displayName = "AlertDialogDestructiveAction";
-var ut = S.forwardRef((e, t) => {
-	let n = (0, Z.c)(9), a, o;
+dt.displayName = "AlertDialogDestructiveAction";
+var ft = S.forwardRef((e, t) => {
+	let n = (0, W.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, C.jsx)(Ze, {
+	return n[5] !== o || n[6] !== t || n[7] !== s ? (c = /* @__PURE__ */ (0, C.jsx)(it, {
 		ref: t,
 		className: s,
 		...o
 	}), n[5] = o, n[6] = t, n[7] = s, n[8] = c) : c = n[8], c;
 });
-ut.displayName = Ze.displayName;
+ft.displayName = it.displayName;
 //#endregion
 //#region src/utils/errors.ts
-var $ = f({ detail: v() }), dt = f({ error: v() });
-function ft(e) {
+var Z = f({ detail: v() }), pt = f({ error: v() });
+function Q(e) {
 	if (!e) return "Unknown error";
 	if (e instanceof Error) {
-		let t = $.safeParse(e.cause);
-		return t.success ? t.data.detail : pt(e.message);
+		let t = Z.safeParse(e.cause);
+		return t.success ? t.data.detail : mt(e.message);
 	}
 	if (typeof e == "object") {
-		let t = $.safeParse(e);
+		let t = Z.safeParse(e);
 		if (t.success) return t.data.detail;
-		let n = dt.safeParse(e);
+		let n = pt.safeParse(e);
 		if (n.success) return n.data.error;
 	}
 	try {
@@ -482,35 +482,35 @@ function ft(e) {
 		return String(e);
 	}
 }
-function pt(e) {
-	let t = mt(e);
+function mt(e) {
+	let t = ht(e);
 	if (!t) return e;
-	let n = $.safeParse(t);
+	let n = Z.safeParse(t);
 	if (n.success) return n.data.detail;
-	let r = dt.safeParse(t);
+	let r = pt.safeParse(t);
 	return r.success ? r.data.error : e;
 }
-function mt(e) {
+function ht(e) {
 	try {
 		return JSON.parse(e);
 	} catch {
 		return e;
 	}
 }
-var ht = class extends Error {
+var gt = 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";
 	}
-}, gt = class extends Error {
+}, _t = 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";
 	}
-}, _t = (e) => {
-	let t = (0, Z.c)(23), { error: r, className: i, action: a } = e, [o, s] = (0, S.useState)(!1);
+}, vt = (e) => {
+	let t = (0, W.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 = ft(r), t[0] = r, t[1] = c);
+	t[0] === r ? c = t[1] : (c = Q(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;
@@ -524,7 +524,7 @@ var ht = class extends Error {
 		children: a
 	}), t[5] = a, t[6] = f);
 	let p;
-	t[7] !== i || t[8] !== d || t[9] !== f ? (p = /* @__PURE__ */ (0, C.jsxs)(yt, {
+	t[7] !== i || t[8] !== d || t[9] !== f ? (p = /* @__PURE__ */ (0, C.jsxs)($, {
 		kind: "danger",
 		className: i,
 		clickable: !0,
@@ -532,24 +532,24 @@ var ht = 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, C.jsx)(at, { children: /* @__PURE__ */ (0, C.jsx)(ot, {
+	t[11] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ (0, C.jsx)(K, { children: /* @__PURE__ */ (0, C.jsx)(J, {
 		className: "text-error",
 		children: "Error"
 	}) }), t[11] = m) : m = t[11];
 	let h;
-	t[12] === l ? h = t[13] : (h = /* @__PURE__ */ (0, C.jsx)(st, {
+	t[12] === l ? h = t[13] : (h = /* @__PURE__ */ (0, C.jsx)(Y, {
 		asChild: !0,
 		className: "text-error text-sm p-2 font-mono overflow-auto whitespace-pre-wrap",
 		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, C.jsx)(Q, { children: /* @__PURE__ */ (0, C.jsx)(ct, {
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ (0, C.jsx)(q, { children: /* @__PURE__ */ (0, C.jsx)(X, {
 		autoFocus: !0,
 		onClick: () => s(!1),
 		children: "Ok"
 	}) }), t[14] = g) : g = t[14];
 	let _;
-	t[15] === h ? _ = t[16] : (_ = /* @__PURE__ */ (0, C.jsxs)(it, {
+	t[15] === h ? _ = t[16] : (_ = /* @__PURE__ */ (0, C.jsxs)(G, {
 		className: "max-w-[80%] max-h-[80%] overflow-hidden flex flex-col",
 		children: [
 			m,
@@ -558,14 +558,14 @@ var ht = class extends Error {
 		]
 	}), t[15] = h, t[16] = _);
 	let v;
-	t[17] !== o || t[18] !== _ ? (v = /* @__PURE__ */ (0, C.jsx)(tt, {
+	t[17] !== o || t[18] !== _ ? (v = /* @__PURE__ */ (0, C.jsx)(ct, {
 		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, 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", {
+}, yt = 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,11 +592,11 @@ var ht = class extends Error {
 		}
 	],
 	defaultVariants: { kind: "info" }
-}), yt = (e) => {
-	let t = (0, Z.c)(14), n, i, a, o, s;
+}), $ = (e) => {
+	let t = (0, W.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(vt({
+	t[6] !== i || t[7] !== a || t[8] !== o ? (c = r(yt({
 		kind: o,
 		clickable: a
 	}), i), t[6] = i, t[7] = a, t[8] = o, t[9] = c) : c = t[9];
@@ -608,4 +608,4 @@ var ht = class extends Error {
 	}), t[10] = n, t[11] = s, t[12] = c, t[13] = l) : l = t[13], l;
 };
 //#endregion
-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 };
+export { Te as C, ke as S, Oe as _, Q as a, Ee as b, ft as c, dt as d, q as f, B as g, st as h, _t as i, G as l, J as m, vt as n, ct as o, K as p, gt as r, X as s, $ as t, Y as u, Ae as v, we as x, De as y };