@marimo-team/islands 0.23.1-dev20 → 0.23.1-dev22

package/dist/{check-C51PA02v.js → check-BgrdTLuv.js}

@@ -1,4 +1,4 @@
-import { u as createLucideIcon } from "./dist-CjLQ79mo.js";
+import { u as createLucideIcon } from "./dist-CTtLBPLZ.js";
 var Check = createLucideIcon("check", [["path", {
   d: "M20 6 9 17l-5-5",
   key: "1gmf2c"

package/dist/{chunk-5FQGJX7Z-C428iZBW.js → chunk-5FQGJX7Z-VIref9gx.js}

@@ -2,8 +2,8 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { r as __export, s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as clsx } from "./clsx-yW_RAw0K.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as clsx } from "./clsx-CwTY0BxM.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
 import { C as hastToReact, D as SKIP, E as EXIT, O as visitParents, S as find, T as CONTINUE, _ as s, a as asciiAtext, b as html$1, c as asciiHexDigit, d as markdownLineEndingOrSpace, f as markdownSpace, g as h$1, h as webNamespaces, i as asciiAlphanumeric, k as convert, l as asciiPunctuation, m as unicodeWhitespace, n as longestStreak, o as asciiControl, p as unicodePunctuation, r as asciiAlpha, s as asciiDigit, t as factorySpace, u as markdownLineEnding, v as stringify$1, w as ok, x as svg, y as stringify } from "./micromark-factory-space-BHslBP9f.js";
 let tt, cr, ao, xn, b, require_cjs, N;
@@ -19876,10 +19876,10 @@ ${e}</tr>
       })
     ]
   });
-  Oo = (0, import_react.lazy)(() => import("./code-block-37QAKDTI-D9EnJeBI.js").then((e) => ({
+  Oo = (0, import_react.lazy)(() => import("./code-block-37QAKDTI-FQEoMOU1.js").then((e) => ({
     default: e.CodeBlock
   })));
-  Ao = (0, import_react.lazy)(() => import("./mermaid-4DMBBIKO-Cw46o6DN.js").then((e) => ({
+  Ao = (0, import_react.lazy)(() => import("./mermaid-4DMBBIKO-BjtqcdX4.js").then((e) => ({
     default: e.Mermaid
   })));
   qo = /language-([^\s]+)/;

package/dist/{click-outside-container-vCXhHl-R.js → click-outside-container-D3t6KDni.js}

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a;
 import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
 function panic(f = "This should not happen") {
   throw Error(f);
 }

package/dist/{code-block-37QAKDTI-D9EnJeBI.js → code-block-37QAKDTI-FQEoMOU1.js}

@@ -1,6 +1,6 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { i as cr, n as ao, r as b, t as N } from "./chunk-5FQGJX7Z-C428iZBW.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { i as cr, n as ao, r as b, t as N } from "./chunk-5FQGJX7Z-VIref9gx.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), H = b("block", "before:content-[counter(line)]", "before:inline-block", "before:[counter-increment:line]", "before:w-6", "before:mr-4", "before:text-[13px]", "before:text-right", "before:text-muted-foreground/50", "before:font-mono", "before:select-none"), k = (0, import_react.memo)(({ children: e, result: o, language: s, className: c, ...u }) => {
   let d = (0, import_react.useMemo)(() => ({

package/dist/{compiler-runtime-B_OLMU9S.js → compiler-runtime-CEbnTgxf.js}

@@ -1,5 +1,5 @@
 import { t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
 /**
 * @license React
 * react-compiler-runtime.production.js

package/dist/{copy-DzOz_Au7.js → copy-Bp6CK_Fg.js}

@@ -1,8 +1,8 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { u as createLucideIcon } from "./dist-CjLQ79mo.js";
-import { g as Logger } from "./button-Cn59RsBF.js";
+import { _ as Logger } from "./button-D1C3g5GI.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
+import { u as createLucideIcon } from "./dist-CTtLBPLZ.js";
 require_compiler_runtime(), require_react();
 var TOAST_LIMIT = 1, TOAST_REMOVE_DELAY = 1e4, count = 0;
 function genId() {
@@ -122,17 +122,17 @@ var Copy = createLucideIcon("copy", [["rect", {
   d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
   key: "zix9uf"
 }]]);
-async function copyToClipboard(e, p) {
+async function copyToClipboard(e, m) {
   if (navigator.clipboard === void 0) {
     Logger.warn("navigator.clipboard is not supported"), window.prompt("Copy to clipboard: Ctrl+C, Enter", e);
     return;
   }
-  if (p && navigator.clipboard.write) try {
-    let m = new ClipboardItem({
-      "text/html": new Blob([p], { type: "text/html" }),
+  if (m && navigator.clipboard.write) try {
+    let p = new ClipboardItem({
+      "text/html": new Blob([m], { type: "text/html" }),
       "text/plain": new Blob([e], { type: "text/plain" })
     });
-    await navigator.clipboard.write([m]);
+    await navigator.clipboard.write([p]);
     return;
   } catch {
     Logger.warn("Failed to write rich text, falling back to plain text");

package/dist/{data-grid-overlay-editor-lKF301ME.js → data-grid-overlay-editor-C_sKPpLu.js}

@@ -1,8 +1,8 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as require_react_dom } from "./react-dom-BSUuJjCR.js";
-import { _ as isEditableGridCell, i as makeCSSStyle, n as ThemeContext, t as ClickOutsideContainer, v as isInnerOnlyCell, y as isObjectEditorCallbackResult } from "./click-outside-container-vCXhHl-R.js";
-import { t as styled_default } from "./dist-BoNJsA65.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_react_dom } from "./react-dom-D5FDLRUB.js";
+import { _ as isEditableGridCell, i as makeCSSStyle, n as ThemeContext, t as ClickOutsideContainer, v as isInnerOnlyCell, y as isObjectEditorCallbackResult } from "./click-outside-container-D3t6KDni.js";
+import { t as styled_default } from "./dist-DUFd1bhm.js";
 var import_react_dom = require_react_dom(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), _exp2 = () => (n) => n.targetX, _exp3 = () => (n) => n.targetY, _exp4 = () => (n) => n.targetWidth, _exp5 = () => (n) => n.targetHeight, _exp6 = () => (n) => n.targetY + 10, _exp7 = () => (n) => Math.max(0, (n.targetHeight - 28) / 2);
 const DataGridOverlayEditorStyle = /* @__PURE__ */ styled_default("div")({
   name: "DataGridOverlayEditorStyle",

package/dist/{dist-CjLQ79mo.js → dist-CTtLBPLZ.js}

@@ -1,9 +1,9 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { m as useComposedRefs } from "./button-Cn59RsBF.js";
-import { t as require_react_dom } from "./react-dom-BSUuJjCR.js";
+import { m as useComposedRefs } from "./button-D1C3g5GI.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_react_dom } from "./react-dom-D5FDLRUB.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
-import { _t as Primitive, gt as createContextScope, lt as useCallbackRef, pt as useLayoutEffect2 } from "./zod-D4UoCYGu.js";
+import { _t as Primitive, gt as createContextScope, lt as useCallbackRef, pt as useLayoutEffect2 } from "./zod-W5ZEjzaE.js";
 /**
 * @license lucide-react v0.563.0 - ISC
 *
@@ -1202,8 +1202,8 @@ var Root = Arrow$1, POPPER_NAME = "Popper", [createPopperContext, createPopperSc
   });
 };
 Popper.displayName = POPPER_NAME;
-var ANCHOR_NAME = "PopperAnchor", PopperAnchor = import_react.forwardRef((e, a) => {
-  let { __scopePopper: s, virtualRef: c, ...u } = e, d = usePopperContext(ANCHOR_NAME, s), f = import_react.useRef(null), p = useComposedRefs(a, f), m = import_react.useRef(null);
+var ANCHOR_NAME = "PopperAnchor", PopperAnchor = import_react.forwardRef((e, o) => {
+  let { __scopePopper: s, virtualRef: c, ...u } = e, d = usePopperContext(ANCHOR_NAME, s), f = import_react.useRef(null), p = useComposedRefs(o, f), m = import_react.useRef(null);
   return import_react.useEffect(() => {
     let e2 = m.current;
     m.current = (c == null ? void 0 : c.current) || f.current, e2 !== m.current && d.onAnchorChange(m.current);
@@ -1213,9 +1213,9 @@ var ANCHOR_NAME = "PopperAnchor", PopperAnchor = import_react.forwardRef((e, a)
   });
 });
 PopperAnchor.displayName = ANCHOR_NAME;
-var CONTENT_NAME = "PopperContent", [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME), PopperContent = import_react.forwardRef((e, a) => {
+var CONTENT_NAME = "PopperContent", [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME), PopperContent = import_react.forwardRef((e, o) => {
   var _a, _b, _c, _d, _e, _f;
-  let { __scopePopper: s, side: c = "bottom", sideOffset: u = 0, align: p = "center", alignOffset: m = 0, arrowPadding: h = 0, avoidCollisions: g = true, collisionBoundary: _ = [], collisionPadding: v = 0, sticky: b = "partial", hideWhenDetached: x = false, updatePositionStrategy: C = "optimized", onPlaced: w, ...T } = e, E = usePopperContext(CONTENT_NAME, s), [O, k] = import_react.useState(null), A = useComposedRefs(a, (e2) => k(e2)), [j, M] = import_react.useState(null), N = useSize(j), P = (N == null ? void 0 : N.width) ?? 0, F = (N == null ? void 0 : N.height) ?? 0, I = c + (p === "center" ? "" : "-" + p), L = typeof v == "number" ? v : {
+  let { __scopePopper: s, side: c = "bottom", sideOffset: u = 0, align: p = "center", alignOffset: m = 0, arrowPadding: h = 0, avoidCollisions: g = true, collisionBoundary: _ = [], collisionPadding: v = 0, sticky: b = "partial", hideWhenDetached: x = false, updatePositionStrategy: C = "optimized", onPlaced: w, ...T } = e, E = usePopperContext(CONTENT_NAME, s), [O, k] = import_react.useState(null), A = useComposedRefs(o, (e2) => k(e2)), [j, M] = import_react.useState(null), N = useSize(j), P = (N == null ? void 0 : N.width) ?? 0, F = (N == null ? void 0 : N.height) ?? 0, I = c + (p === "center" ? "" : "-" + p), L = typeof v == "number" ? v : {
     top: 0,
     right: 0,
     bottom: 0,
@@ -1244,9 +1244,9 @@ var CONTENT_NAME = "PopperContent", [PopperContentProvider, useContentContext] =
       g && flip({ ...B }),
       size({
         ...B,
-        apply: ({ elements: e2, rects: a2, availableWidth: o, availableHeight: s2 }) => {
-          let { width: c2, height: l } = a2.reference, u2 = e2.floating.style;
-          u2.setProperty("--radix-popper-available-width", `${o}px`), u2.setProperty("--radix-popper-available-height", `${s2}px`), u2.setProperty("--radix-popper-anchor-width", `${c2}px`), u2.setProperty("--radix-popper-anchor-height", `${l}px`);
+        apply: ({ elements: e2, rects: a, availableWidth: o2, availableHeight: s2 }) => {
+          let { width: c2, height: l } = a.reference, u2 = e2.floating.style;
+          u2.setProperty("--radix-popper-available-width", `${o2}px`), u2.setProperty("--radix-popper-available-height", `${s2}px`), u2.setProperty("--radix-popper-anchor-width", `${c2}px`), u2.setProperty("--radix-popper-anchor-height", `${l}px`);
         }
       }),
       j && arrow({

package/dist/{dist-BoNJsA65.js → dist-DUFd1bhm.js}

@@ -1,5 +1,5 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as isPropValid } from "./emotion-is-prop-valid.esm-CJVjyntJ.js";
 var cx_default = function() {
   let e = Array.prototype.slice.call(arguments).filter(Boolean), n = {}, r = [];

package/dist/{error-banner-BQcJXy6k.js → error-banner-B_ioHva3.js}

@@ -1,9 +1,9 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { d as createSlot, f as createSlottable, g as Logger, m as useComposedRefs, n as buttonVariants, r as cva, y as cn } from "./button-Cn59RsBF.js";
+import { _ as Logger, d as createSlot, f as createSlottable, g as cn, m as useComposedRefs, n as buttonVariants, r as cva } from "./button-D1C3g5GI.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
-import { $ as StyleNamespace, P as object, R as string, X as withFullScreenAsRoot, _t as Primitive, at as FocusScope, dt as Presence, et as hideOthers, ft as useControllableState, gt as createContextScope, ht as createContext2, it as Portal, mt as composeEventHandlers, rt as useFocusGuards, st as DismissableLayer, tt as Combination_default, ut as useId } from "./zod-D4UoCYGu.js";
+import { $ as StyleNamespace, P as object, R as string, X as withFullScreenAsRoot, _t as Primitive, at as FocusScope, dt as Presence, et as hideOthers, ft as useControllableState, gt as createContextScope, ht as createContext2, it as Portal, mt as composeEventHandlers, rt as useFocusGuards, st as DismissableLayer, tt as Combination_default, ut as useId } from "./zod-W5ZEjzaE.js";
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), Dialog = (t) => {
   let { __scopeDialog: F, children: I, open: L, defaultOpen: R, onOpenChange: z, modal: B = true } = t, V = import_react.useRef(null), H = import_react.useRef(null), [U, W] = useControllableState({
     prop: L,
@@ -27,7 +27,7 @@ var import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runti
 };
 Dialog.displayName = DIALOG_NAME;
 var TRIGGER_NAME$1 = "DialogTrigger", DialogTrigger = import_react.forwardRef((t, F) => {
-  let { __scopeDialog: I, ...L } = t, R = useDialogContext(TRIGGER_NAME$1, I), z = useComposedRefs(F, R.triggerRef);
+  let { __scopeDialog: I, ...L } = t, R = useDialogContext(TRIGGER_NAME$1, I), B = useComposedRefs(F, R.triggerRef);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
     type: "button",
     "aria-haspopup": "dialog",
@@ -35,7 +35,7 @@ var TRIGGER_NAME$1 = "DialogTrigger", DialogTrigger = import_react.forwardRef((t
     "aria-controls": R.contentId,
     "data-state": getState(R.open),
     ...L,
-    ref: z,
+    ref: B,
     onClick: composeEventHandlers(t.onClick, R.onOpenToggle)
   });
 });
@@ -136,13 +136,13 @@ var DialogContentModal = import_react.forwardRef((t, F) => {
     }
   });
 }), DialogContentImpl = import_react.forwardRef((t, F) => {
-  let { __scopeDialog: I, trapFocus: L, onOpenAutoFocus: R, onCloseAutoFocus: z, ...V } = t, H = useDialogContext(CONTENT_NAME$1, I), U = import_react.useRef(null), W = useComposedRefs(F, U);
+  let { __scopeDialog: I, trapFocus: L, onOpenAutoFocus: R, onCloseAutoFocus: B, ...V } = t, H = useDialogContext(CONTENT_NAME$1, I), U = import_react.useRef(null), W = useComposedRefs(F, U);
   return useFocusGuards(), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusScope, {
     asChild: true,
     loop: true,
     trapped: L,
     onMountAutoFocus: R,
-    onUnmountAutoFocus: z,
+    onUnmountAutoFocus: B,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DismissableLayer, {
       role: "dialog",
       id: H.contentId,
@@ -248,7 +248,7 @@ var OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlay$1 = import_react.for
 });
 AlertDialogOverlay$1.displayName = OVERLAY_NAME;
 var CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME), Slottable = createSlottable("AlertDialogContent"), AlertDialogContent$1 = import_react.forwardRef((t, F) => {
-  let { __scopeAlertDialog: I, children: L, ...R } = t, z = useDialogScope(I), V = import_react.useRef(null), H = useComposedRefs(F, V), U = import_react.useRef(null);
+  let { __scopeAlertDialog: I, children: L, ...R } = t, B = useDialogScope(I), V = import_react.useRef(null), H = useComposedRefs(F, V), U = import_react.useRef(null);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WarningProvider, {
     contentName: CONTENT_NAME,
     titleName: TITLE_NAME,
@@ -258,7 +258,7 @@ var CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlertDi
       cancelRef: U,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content, {
         role: "alertdialog",
-        ...z,
+        ...B,
         ...R,
         ref: H,
         onOpenAutoFocus: composeEventHandlers(R.onOpenAutoFocus, (t2) => {
@@ -301,9 +301,9 @@ var ACTION_NAME = "AlertDialogAction", AlertDialogAction$1 = import_react.forwar
 });
 AlertDialogAction$1.displayName = ACTION_NAME;
 var CANCEL_NAME = "AlertDialogCancel", AlertDialogCancel$1 = import_react.forwardRef((t, F) => {
-  let { __scopeAlertDialog: I, ...L } = t, { cancelRef: R } = useAlertDialogContentContext(CANCEL_NAME, I), z = useDialogScope(I), V = useComposedRefs(F, R);
+  let { __scopeAlertDialog: I, ...L } = t, { cancelRef: R } = useAlertDialogContentContext(CANCEL_NAME, I), B = useDialogScope(I), V = useComposedRefs(F, R);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, {
-    ...z,
+    ...B,
     ...L,
     ref: V
   });
@@ -382,187 +382,187 @@ var import_compiler_runtime$1 = require_compiler_runtime(), AlertDialog = Root2,
 }));
 AlertDialogPortal.displayName = Portal2.displayName;
 var AlertDialogOverlay = import_react.forwardRef((t, F) => {
-  let I = (0, import_compiler_runtime$1.c)(9), L, R;
+  let I = (0, import_compiler_runtime$1.c)(9), L, z;
   if (I[0] !== t) {
-    let { className: F2, children: z2, ...B2 } = t;
-    L = F2, R = B2, I[0] = t, I[1] = L, I[2] = R;
-  } else L = I[1], R = I[2];
-  let z;
-  I[3] === L ? z = I[4] : (z = cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-xs transition-opacity animate-in fade-in", L), I[3] = L, I[4] = z);
+    let { className: F2, children: R, ...B2 } = t;
+    L = F2, z = B2, I[0] = t, I[1] = L, I[2] = z;
+  } else L = I[1], z = I[2];
   let B;
-  return I[5] !== R || I[6] !== F || I[7] !== z ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Overlay2, {
-    className: z,
-    ...R,
+  I[3] === L ? B = I[4] : (B = cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-xs transition-opacity animate-in fade-in", L), I[3] = L, I[4] = B);
+  let V;
+  return I[5] !== z || I[6] !== F || I[7] !== B ? (V = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Overlay2, {
+    className: B,
+    ...z,
     ref: F
-  }), I[5] = R, I[6] = F, I[7] = z, I[8] = B) : B = I[8], B;
+  }), I[5] = z, I[6] = F, I[7] = B, I[8] = V) : V = I[8], V;
 });
 AlertDialogOverlay.displayName = Overlay2.displayName;
 var AlertDialogContent = import_react.forwardRef((t, F) => {
-  let I = (0, import_compiler_runtime$1.c)(11), L, R;
-  I[0] === t ? (L = I[1], R = I[2]) : ({ className: L, ...R } = t, I[0] = t, I[1] = L, I[2] = R);
-  let z = useRestoreFocus(), B;
-  I[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}), I[3] = B) : B = I[3];
-  let V;
-  I[4] === L ? V = I[5] : (V = cn("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", L), I[4] = L, I[5] = V);
+  let I = (0, import_compiler_runtime$1.c)(11), L, z;
+  I[0] === t ? (L = I[1], z = I[2]) : ({ className: L, ...z } = t, I[0] = t, I[1] = L, I[2] = z);
+  let B = useRestoreFocus(), V;
+  I[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}), I[3] = V) : V = I[3];
   let H;
-  return I[6] !== R || I[7] !== F || I[8] !== z || I[9] !== V ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogPortal, { children: [B, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content2, {
+  I[4] === L ? H = I[5] : (H = cn("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", L), I[4] = L, I[5] = H);
+  let U;
+  return I[6] !== z || I[7] !== F || I[8] !== B || I[9] !== H ? (U = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogPortal, { children: [V, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content2, {
     ref: F,
-    className: V,
-    ...z,
-    ...R
-  })] }), I[6] = R, I[7] = F, I[8] = z, I[9] = V, I[10] = H) : H = I[10], H;
+    className: H,
+    ...B,
+    ...z
+  })] }), I[6] = z, I[7] = F, I[8] = B, I[9] = H, I[10] = U) : U = I[10], U;
 });
 AlertDialogContent.displayName = Content2.displayName;
 var AlertDialogHeader = (t) => {
   let F = (0, import_compiler_runtime$1.c)(8), I, L;
   F[0] === t ? (I = F[1], L = F[2]) : ({ className: I, ...L } = t, F[0] = t, F[1] = I, F[2] = L);
-  let R;
-  F[3] === I ? R = F[4] : (R = cn("flex flex-col space-y-2 text-center sm:text-left", I), F[3] = I, F[4] = R);
   let z;
-  return F[5] !== L || F[6] !== R ? (z = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: R,
+  F[3] === I ? z = F[4] : (z = cn("flex flex-col space-y-2 text-center sm:text-left", I), F[3] = I, F[4] = z);
+  let B;
+  return F[5] !== L || F[6] !== z ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    className: z,
     ...L
-  }), F[5] = L, F[6] = R, F[7] = z) : z = F[7], z;
+  }), F[5] = L, F[6] = z, F[7] = B) : B = F[7], B;
 };
 AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = (t) => {
   let F = (0, import_compiler_runtime$1.c)(8), I, L;
   F[0] === t ? (I = F[1], L = F[2]) : ({ className: I, ...L } = t, F[0] = t, F[1] = I, F[2] = L);
-  let R;
-  F[3] === I ? R = F[4] : (R = cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", I), F[3] = I, F[4] = R);
   let z;
-  return F[5] !== L || F[6] !== R ? (z = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: R,
+  F[3] === I ? z = F[4] : (z = cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", I), F[3] = I, F[4] = z);
+  let B;
+  return F[5] !== L || F[6] !== z ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    className: z,
     ...L
-  }), F[5] = L, F[6] = R, F[7] = z) : z = F[7], z;
+  }), F[5] = L, F[6] = z, F[7] = B) : B = F[7], B;
 };
 AlertDialogFooter.displayName = "AlertDialogFooter";
 var AlertDialogTitle = import_react.forwardRef((t, F) => {
-  let I = (0, import_compiler_runtime$1.c)(9), L, R;
-  I[0] === t ? (L = I[1], R = I[2]) : ({ className: L, ...R } = t, I[0] = t, I[1] = L, I[2] = R);
-  let z;
-  I[3] === L ? z = I[4] : (z = cn("text-lg font-semibold", L), I[3] = L, I[4] = z);
+  let I = (0, import_compiler_runtime$1.c)(9), L, z;
+  I[0] === t ? (L = I[1], z = I[2]) : ({ className: L, ...z } = t, I[0] = t, I[1] = L, I[2] = z);
   let B;
-  return I[5] !== R || I[6] !== F || I[7] !== z ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title2, {
+  I[3] === L ? B = I[4] : (B = cn("text-lg font-semibold", L), I[3] = L, I[4] = B);
+  let V;
+  return I[5] !== z || I[6] !== F || I[7] !== B ? (V = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title2, {
     ref: F,
-    className: z,
-    ...R
-  }), I[5] = R, I[6] = F, I[7] = z, I[8] = B) : B = I[8], B;
+    className: B,
+    ...z
+  }), I[5] = z, I[6] = F, I[7] = B, I[8] = V) : V = I[8], V;
 });
 AlertDialogTitle.displayName = Title2.displayName;
 var AlertDialogDescription = import_react.forwardRef((t, F) => {
-  let I = (0, import_compiler_runtime$1.c)(9), L, R;
-  I[0] === t ? (L = I[1], R = I[2]) : ({ className: L, ...R } = t, I[0] = t, I[1] = L, I[2] = R);
-  let z;
-  I[3] === L ? z = I[4] : (z = cn("text-muted-foreground", L), I[3] = L, I[4] = z);
+  let I = (0, import_compiler_runtime$1.c)(9), L, z;
+  I[0] === t ? (L = I[1], z = I[2]) : ({ className: L, ...z } = t, I[0] = t, I[1] = L, I[2] = z);
   let B;
-  return I[5] !== R || I[6] !== F || I[7] !== z ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description2, {
+  I[3] === L ? B = I[4] : (B = cn("text-muted-foreground", L), I[3] = L, I[4] = B);
+  let V;
+  return I[5] !== z || I[6] !== F || I[7] !== B ? (V = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description2, {
     ref: F,
-    className: z,
-    ...R
-  }), I[5] = R, I[6] = F, I[7] = z, I[8] = B) : B = I[8], B;
+    className: B,
+    ...z
+  }), I[5] = z, I[6] = F, I[7] = B, I[8] = V) : V = I[8], V;
 });
 AlertDialogDescription.displayName = Description2.displayName;
 var AlertDialogAction = import_react.forwardRef((t, F) => {
-  let I = (0, import_compiler_runtime$1.c)(9), L, R;
-  I[0] === t ? (L = I[1], R = I[2]) : ({ className: L, ...R } = t, I[0] = t, I[1] = L, I[2] = R);
-  let z;
-  I[3] === L ? z = I[4] : (z = cn(buttonVariants(), L), I[3] = L, I[4] = z);
-  let B;
-  return I[5] !== R || I[6] !== F || I[7] !== z ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Action, {
+  let I = (0, import_compiler_runtime$1.c)(9), L, z;
+  I[0] === t ? (L = I[1], z = I[2]) : ({ className: L, ...z } = t, I[0] = t, I[1] = L, I[2] = z);
+  let V;
+  I[3] === L ? V = I[4] : (V = cn(buttonVariants(), L), I[3] = L, I[4] = V);
+  let H;
+  return I[5] !== z || I[6] !== F || I[7] !== V ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Action, {
     ref: F,
-    className: z,
-    ...R
-  }), I[5] = R, I[6] = F, I[7] = z, I[8] = B) : B = I[8], B;
+    className: V,
+    ...z
+  }), I[5] = z, I[6] = F, I[7] = V, I[8] = H) : H = I[8], H;
 });
 AlertDialogAction.displayName = Action.displayName;
 var AlertDialogDestructiveAction = import_react.forwardRef((t, F) => {
-  let I = (0, import_compiler_runtime$1.c)(9), L, R;
-  I[0] === t ? (L = I[1], R = I[2]) : ({ className: L, ...R } = t, I[0] = t, I[1] = L, I[2] = R);
-  let z;
-  I[3] === L ? z = I[4] : (z = cn(buttonVariants({ variant: "destructive" }), L), I[3] = L, I[4] = z);
-  let B;
-  return I[5] !== R || I[6] !== F || I[7] !== z ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Action, {
+  let I = (0, import_compiler_runtime$1.c)(9), L, z;
+  I[0] === t ? (L = I[1], z = I[2]) : ({ className: L, ...z } = t, I[0] = t, I[1] = L, I[2] = z);
+  let V;
+  I[3] === L ? V = I[4] : (V = cn(buttonVariants({ variant: "destructive" }), L), I[3] = L, I[4] = V);
+  let H;
+  return I[5] !== z || I[6] !== F || I[7] !== V ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Action, {
     ref: F,
-    className: z,
-    ...R
-  }), I[5] = R, I[6] = F, I[7] = z, I[8] = B) : B = I[8], B;
+    className: V,
+    ...z
+  }), I[5] = z, I[6] = F, I[7] = V, I[8] = H) : H = I[8], H;
 });
 AlertDialogDestructiveAction.displayName = "AlertDialogDestructiveAction";
 var AlertDialogCancel = import_react.forwardRef((t, F) => {
-  let I = (0, import_compiler_runtime$1.c)(9), L, R;
-  I[0] === t ? (L = I[1], R = I[2]) : ({ className: L, ...R } = t, I[0] = t, I[1] = L, I[2] = R);
-  let z;
-  I[3] === L ? z = I[4] : (z = cn(buttonVariants({ variant: "secondary" }), "mt-2 sm:mt-0", L), I[3] = L, I[4] = z);
-  let B;
-  return I[5] !== R || I[6] !== F || I[7] !== z ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Cancel, {
+  let I = (0, import_compiler_runtime$1.c)(9), L, z;
+  I[0] === t ? (L = I[1], z = I[2]) : ({ className: L, ...z } = t, I[0] = t, I[1] = L, I[2] = z);
+  let V;
+  I[3] === L ? V = I[4] : (V = cn(buttonVariants({ variant: "secondary" }), "mt-2 sm:mt-0", L), I[3] = L, I[4] = V);
+  let H;
+  return I[5] !== z || I[6] !== F || I[7] !== V ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Cancel, {
     ref: F,
-    className: z,
-    ...R
-  }), I[5] = R, I[6] = F, I[7] = z, I[8] = B) : B = I[8], B;
+    className: V,
+    ...z
+  }), I[5] = z, I[6] = F, I[7] = V, I[8] = H) : H = I[8], H;
 });
 AlertDialogCancel.displayName = Cancel.displayName;
 var import_compiler_runtime = require_compiler_runtime();
 const ErrorBanner = (t) => {
-  let F = (0, import_compiler_runtime.c)(23), { error: I, className: L, action: R } = t, [B, V] = (0, import_react.useState)(false);
-  if (!I) return null;
-  Logger.error(I);
+  let I = (0, import_compiler_runtime.c)(23), { error: L, className: R, action: z } = t, [B, V] = (0, import_react.useState)(false);
+  if (!L) return null;
+  Logger.error(L);
   let H;
-  F[0] === I ? H = F[1] : (H = prettyError(I), F[0] = I, F[1] = H);
+  I[0] === L ? H = I[1] : (H = prettyError(L), I[0] = L, I[1] = H);
   let U = H, W;
-  F[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = () => V(true), F[2] = W) : W = F[2];
+  I[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = () => V(true), I[2] = W) : W = I[2];
   let G;
-  F[3] === U ? G = F[4] : (G = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+  I[3] === U ? G = I[4] : (G = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
     className: "line-clamp-4",
     children: U
-  }), F[3] = U, F[4] = G);
+  }), I[3] = U, I[4] = G);
   let K;
-  F[5] === R ? K = F[6] : (K = R && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+  I[5] === z ? K = I[6] : (K = z && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: "flex justify-end",
-    children: R
-  }), F[5] = R, F[6] = K);
+    children: z
+  }), I[5] = z, I[6] = K);
   let q;
-  F[7] !== L || F[8] !== G || F[9] !== K ? (q = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Banner, {
+  I[7] !== R || I[8] !== G || I[9] !== K ? (q = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Banner, {
     kind: "danger",
-    className: L,
+    className: R,
     clickable: true,
     onClick: W,
     children: [G, K]
-  }), F[7] = L, F[8] = G, F[9] = K, F[10] = q) : q = F[10];
+  }), I[7] = R, I[8] = G, I[9] = K, I[10] = q) : q = I[10];
   let J;
-  F[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogTitle, {
+  I[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogTitle, {
     className: "text-error",
     children: "Error"
-  }) }), F[11] = J) : J = F[11];
+  }) }), I[11] = J) : J = I[11];
   let Y;
-  F[12] === U ? Y = F[13] : (Y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogDescription, {
+  I[12] === U ? Y = I[13] : (Y = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogDescription, {
     asChild: true,
     className: "text-error text-sm p-2 font-mono overflow-auto whitespace-pre-wrap",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: U })
-  }), F[12] = U, F[13] = Y);
+  }), I[12] = U, I[13] = Y);
   let X;
-  F[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogAction, {
+  I[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogAction, {
     autoFocus: true,
     onClick: () => V(false),
     children: "Ok"
-  }) }), F[14] = X) : X = F[14];
+  }) }), I[14] = X) : X = I[14];
   let Z;
-  F[15] === Y ? Z = F[16] : (Z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogContent, {
+  I[15] === Y ? Z = I[16] : (Z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogContent, {
     className: "max-w-[80%] max-h-[80%] overflow-hidden flex flex-col",
     children: [
       J,
       Y,
       X
     ]
-  }), F[15] = Y, F[16] = Z);
+  }), I[15] = Y, I[16] = Z);
   let Q;
-  F[17] !== B || F[18] !== Z ? (Q = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialog, {
+  I[17] !== B || I[18] !== Z ? (Q = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialog, {
     open: B,
     onOpenChange: V,
     children: Z
-  }), F[17] = B, F[18] = Z, F[19] = Q) : Q = F[19];
+  }), I[17] = B, I[18] = Z, I[19] = Q) : Q = I[19];
   let $;
-  return F[20] !== Q || F[21] !== q ? ($ = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [q, Q] }), F[20] = Q, F[21] = q, F[22] = $) : $ = F[22], $;
+  return I[20] !== Q || I[21] !== q ? ($ = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [q, Q] }), I[20] = Q, I[21] = q, I[22] = $) : $ = I[22], $;
 };
 var bannerStyle = cva("text-sm p-2 border whitespace-pre-wrap overflow-hidden", {
   variants: {
@@ -593,19 +593,19 @@ var bannerStyle = cva("text-sm p-2 border whitespace-pre-wrap overflow-hidden",
   defaultVariants: { kind: "info" }
 });
 const Banner = (t) => {
-  let F = (0, import_compiler_runtime.c)(14), I, L, R, z, B;
-  F[0] === t ? (I = F[1], L = F[2], R = F[3], z = F[4], B = F[5]) : ({ kind: z, clickable: R, className: L, children: I, ...B } = t, F[0] = t, F[1] = I, F[2] = L, F[3] = R, F[4] = z, F[5] = B);
-  let V;
-  F[6] !== L || F[7] !== R || F[8] !== z ? (V = cn(bannerStyle({
-    kind: z,
-    clickable: R
-  }), L), F[6] = L, F[7] = R, F[8] = z, F[9] = V) : V = F[9];
+  let F = (0, import_compiler_runtime.c)(14), I, L, z, B, V;
+  F[0] === t ? (I = F[1], L = F[2], z = F[3], B = F[4], V = F[5]) : ({ kind: B, clickable: z, className: L, children: I, ...V } = t, F[0] = t, F[1] = I, F[2] = L, F[3] = z, F[4] = B, F[5] = V);
   let H;
-  return F[10] !== I || F[11] !== B || F[12] !== V ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: V,
-    ...B,
+  F[6] !== L || F[7] !== z || F[8] !== B ? (H = cn(bannerStyle({
+    kind: B,
+    clickable: z
+  }), L), F[6] = L, F[7] = z, F[8] = B, F[9] = H) : H = F[9];
+  let U;
+  return F[10] !== I || F[11] !== V || F[12] !== H ? (U = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    className: H,
+    ...V,
     children: I
-  }), F[10] = I, F[11] = B, F[12] = V, F[13] = H) : H = F[13], H;
+  }), F[10] = I, F[11] = V, F[12] = H, F[13] = U) : U = F[13], U;
 };
 export {
   Content as a,