@marimo-team/islands 0.19.12-dev1 → 0.20.0

package/dist/error-banner-D2zjeN_a.js

@@ -1,1015 +0,0 @@
-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 { A as createContext2, E as Primitive, M as composeEventHandlers, O as createSlot, S as useId, _ as Arrow, b as createPopperScope, c as withSmartCollisionBoundary, d as Root$1, g as Anchor, h as Portal, i as useFocusGuards, j as createContextScope, k as createSlottable, m as Presence, n as hideOthers, p as useControllableState, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, u as StyleNamespace, v as Content$1, w as DismissableLayer, y as Root2$1 } from "./Combination-BTMrlhzT.js";
-import { a as cva, c as useComposedRefs, n as buttonVariants, u as cn } from "./button-Cy0ElmIm.js";
-import { s as Logger } from "./hotkeys-B5WnGZXF.js";
-import { t as require_jsx_runtime } from "./jsx-runtime-CTBg5pdT.js";
-import { P as object, R as string } from "./zod-bjADtMKr.js";
-var import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [createPopperScope]), usePopperScope = createPopperScope(), PROVIDER_NAME = "TooltipProvider", DEFAULT_DELAY_DURATION = 700, TOOLTIP_OPEN = "tooltip.open", [TooltipProviderContextProvider, useTooltipProviderContext] = createTooltipContext(PROVIDER_NAME), TooltipProvider$1 = (t) => {
-  let { __scopeTooltip: j, delayDuration: M = DEFAULT_DELAY_DURATION, skipDelayDuration: N = 300, disableHoverableContent: P = false, children: F } = t, I = import_react.useRef(true), L = import_react.useRef(false), R = import_react.useRef(0);
-  return import_react.useEffect(() => {
-    let t2 = R.current;
-    return () => window.clearTimeout(t2);
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipProviderContextProvider, {
-    scope: j,
-    isOpenDelayedRef: I,
-    delayDuration: M,
-    onOpen: import_react.useCallback(() => {
-      window.clearTimeout(R.current), I.current = false;
-    }, []),
-    onClose: import_react.useCallback(() => {
-      window.clearTimeout(R.current), R.current = window.setTimeout(() => I.current = true, N);
-    }, [N]),
-    isPointerInTransitRef: L,
-    onPointerInTransitChange: import_react.useCallback((t2) => {
-      L.current = t2;
-    }, []),
-    disableHoverableContent: P,
-    children: F
-  });
-};
-TooltipProvider$1.displayName = PROVIDER_NAME;
-var TOOLTIP_NAME = "Tooltip", [TooltipContextProvider, useTooltipContext] = createTooltipContext(TOOLTIP_NAME), Tooltip$1 = (t) => {
-  let { __scopeTooltip: j, children: M, open: N, defaultOpen: P, onOpenChange: F, disableHoverableContent: I, delayDuration: R } = t, z = useTooltipProviderContext(TOOLTIP_NAME, t.__scopeTooltip), B = usePopperScope(j), [V, H] = import_react.useState(null), U = useId(), W = import_react.useRef(0), G = I ?? z.disableHoverableContent, K = R ?? z.delayDuration, q = import_react.useRef(false), [J, Y] = useControllableState({
-    prop: N,
-    defaultProp: P ?? false,
-    onChange: (t2) => {
-      t2 ? (z.onOpen(), document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN))) : z.onClose(), F == null ? void 0 : F(t2);
-    },
-    caller: TOOLTIP_NAME
-  }), X = import_react.useMemo(() => J ? q.current ? "delayed-open" : "instant-open" : "closed", [J]), Z = import_react.useCallback(() => {
-    window.clearTimeout(W.current), W.current = 0, q.current = false, Y(true);
-  }, [Y]), Q = import_react.useCallback(() => {
-    window.clearTimeout(W.current), W.current = 0, Y(false);
-  }, [Y]), $ = import_react.useCallback(() => {
-    window.clearTimeout(W.current), W.current = window.setTimeout(() => {
-      q.current = true, Y(true), W.current = 0;
-    }, K);
-  }, [K, Y]);
-  return import_react.useEffect(() => () => {
-    W.current && (W.current = (window.clearTimeout(W.current), 0));
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2$1, {
-    ...B,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContextProvider, {
-      scope: j,
-      contentId: U,
-      open: J,
-      stateAttribute: X,
-      trigger: V,
-      onTriggerChange: H,
-      onTriggerEnter: import_react.useCallback(() => {
-        z.isOpenDelayedRef.current ? $() : Z();
-      }, [
-        z.isOpenDelayedRef,
-        $,
-        Z
-      ]),
-      onTriggerLeave: import_react.useCallback(() => {
-        G ? Q() : (window.clearTimeout(W.current), W.current = 0);
-      }, [Q, G]),
-      onOpen: Z,
-      onClose: Q,
-      disableHoverableContent: G,
-      children: M
-    })
-  });
-};
-Tooltip$1.displayName = TOOLTIP_NAME;
-var TRIGGER_NAME$2 = "TooltipTrigger", TooltipTrigger$1 = import_react.forwardRef((t, j) => {
-  let { __scopeTooltip: M, ...N } = t, I = useTooltipContext(TRIGGER_NAME$2, M), L = useTooltipProviderContext(TRIGGER_NAME$2, M), R = usePopperScope(M), z = useComposedRefs(j, import_react.useRef(null), I.onTriggerChange), B = import_react.useRef(false), V = import_react.useRef(false), U = import_react.useCallback(() => B.current = false, []);
-  return import_react.useEffect(() => () => document.removeEventListener("pointerup", U), [U]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Anchor, {
-    asChild: true,
-    ...R,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
-      "aria-describedby": I.open ? I.contentId : void 0,
-      "data-state": I.stateAttribute,
-      ...N,
-      ref: z,
-      onPointerMove: composeEventHandlers(t.onPointerMove, (t2) => {
-        t2.pointerType !== "touch" && !V.current && !L.isPointerInTransitRef.current && (I.onTriggerEnter(), V.current = true);
-      }),
-      onPointerLeave: composeEventHandlers(t.onPointerLeave, () => {
-        I.onTriggerLeave(), V.current = false;
-      }),
-      onPointerDown: composeEventHandlers(t.onPointerDown, () => {
-        I.open && I.onClose(), B.current = true, document.addEventListener("pointerup", U, { once: true });
-      }),
-      onFocus: composeEventHandlers(t.onFocus, () => {
-        B.current || I.onOpen();
-      }),
-      onBlur: composeEventHandlers(t.onBlur, I.onClose),
-      onClick: composeEventHandlers(t.onClick, I.onClose)
-    })
-  });
-});
-TooltipTrigger$1.displayName = TRIGGER_NAME$2;
-var PORTAL_NAME$2 = "TooltipPortal", [PortalProvider$1, usePortalContext$1] = createTooltipContext(PORTAL_NAME$2, { forceMount: void 0 }), TooltipPortal$1 = (t) => {
-  let { __scopeTooltip: j, forceMount: M, children: N, container: P } = t, F = useTooltipContext(PORTAL_NAME$2, j);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalProvider$1, {
-    scope: j,
-    forceMount: M,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Presence, {
-      present: M || F.open,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, {
-        asChild: true,
-        container: P,
-        children: N
-      })
-    })
-  });
-};
-TooltipPortal$1.displayName = PORTAL_NAME$2;
-var CONTENT_NAME$2 = "TooltipContent", TooltipContent$1 = import_react.forwardRef((t, j) => {
-  let M = usePortalContext$1(CONTENT_NAME$2, t.__scopeTooltip), { forceMount: N = M.forceMount, side: P = "top", ...F } = t, I = useTooltipContext(CONTENT_NAME$2, t.__scopeTooltip);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Presence, {
-    present: N || I.open,
-    children: I.disableHoverableContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContentImpl, {
-      side: P,
-      ...F,
-      ref: j
-    }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContentHoverable, {
-      side: P,
-      ...F,
-      ref: j
-    })
-  });
-}), TooltipContentHoverable = import_react.forwardRef((t, j) => {
-  let M = useTooltipContext(CONTENT_NAME$2, t.__scopeTooltip), N = useTooltipProviderContext(CONTENT_NAME$2, t.__scopeTooltip), P = import_react.useRef(null), F = useComposedRefs(j, P), [I, L] = import_react.useState(null), { trigger: R, onClose: z } = M, B = P.current, { onPointerInTransitChange: V } = N, H = import_react.useCallback(() => {
-    L(null), V(false);
-  }, [V]), U = import_react.useCallback((t2, j2) => {
-    let M2 = t2.currentTarget, N2 = {
-      x: t2.clientX,
-      y: t2.clientY
-    }, P2 = getPaddedExitPoints(N2, getExitSideFromRect(N2, M2.getBoundingClientRect())), F2 = getPointsFromRect(j2.getBoundingClientRect());
-    L(getHull([...P2, ...F2])), V(true);
-  }, [V]);
-  return import_react.useEffect(() => () => H(), [H]), import_react.useEffect(() => {
-    if (R && B) {
-      let t2 = (t3) => U(t3, B), j2 = (t3) => U(t3, R);
-      return R.addEventListener("pointerleave", t2), B.addEventListener("pointerleave", j2), () => {
-        R.removeEventListener("pointerleave", t2), B.removeEventListener("pointerleave", j2);
-      };
-    }
-  }, [
-    R,
-    B,
-    U,
-    H
-  ]), import_react.useEffect(() => {
-    if (I) {
-      let t2 = (t3) => {
-        let j2 = t3.target, M2 = {
-          x: t3.clientX,
-          y: t3.clientY
-        }, N2 = (R == null ? void 0 : R.contains(j2)) || (B == null ? void 0 : B.contains(j2)), P2 = !isPointInPolygon(M2, I);
-        N2 ? H() : P2 && (H(), z());
-      };
-      return document.addEventListener("pointermove", t2), () => document.removeEventListener("pointermove", t2);
-    }
-  }, [
-    R,
-    B,
-    I,
-    z,
-    H
-  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContentImpl, {
-    ...t,
-    ref: F
-  });
-}), [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false }), Slottable$1 = createSlottable("TooltipContent"), TooltipContentImpl = import_react.forwardRef((t, j) => {
-  let { __scopeTooltip: M, children: N, "aria-label": P, onEscapeKeyDown: F, onPointerDownOutside: I, ...L } = t, R = useTooltipContext(CONTENT_NAME$2, M), z = usePopperScope(M), { onClose: B } = R;
-  return import_react.useEffect(() => (document.addEventListener(TOOLTIP_OPEN, B), () => document.removeEventListener(TOOLTIP_OPEN, B)), [B]), import_react.useEffect(() => {
-    if (R.trigger) {
-      let t2 = (t3) => {
-        var _a;
-        ((_a = t3.target) == null ? void 0 : _a.contains(R.trigger)) && B();
-      };
-      return window.addEventListener("scroll", t2, { capture: true }), () => window.removeEventListener("scroll", t2, { capture: true });
-    }
-  }, [R.trigger, B]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DismissableLayer, {
-    asChild: true,
-    disableOutsidePointerEvents: false,
-    onEscapeKeyDown: F,
-    onPointerDownOutside: I,
-    onFocusOutside: (t2) => t2.preventDefault(),
-    onDismiss: B,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content$1, {
-      "data-state": R.stateAttribute,
-      ...z,
-      ...L,
-      ref: j,
-      style: {
-        ...L.style,
-        "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
-        "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
-        "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
-        "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
-        "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
-      },
-      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slottable$1, { children: N }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VisuallyHiddenContentContextProvider, {
-        scope: M,
-        isInside: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root$1, {
-          id: R.contentId,
-          role: "tooltip",
-          children: P || N
-        })
-      })]
-    })
-  });
-});
-TooltipContent$1.displayName = CONTENT_NAME$2;
-var ARROW_NAME = "TooltipArrow", TooltipArrow = import_react.forwardRef((t, j) => {
-  let { __scopeTooltip: M, ...N } = t, P = usePopperScope(M);
-  return useVisuallyHiddenContentContext(ARROW_NAME, M).isInside ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {
-    ...P,
-    ...N,
-    ref: j
-  });
-});
-TooltipArrow.displayName = ARROW_NAME;
-function getExitSideFromRect(t, j) {
-  let M = Math.abs(j.top - t.y), N = Math.abs(j.bottom - t.y), P = Math.abs(j.right - t.x), F = Math.abs(j.left - t.x);
-  switch (Math.min(M, N, P, F)) {
-    case F:
-      return "left";
-    case P:
-      return "right";
-    case M:
-      return "top";
-    case N:
-      return "bottom";
-    default:
-      throw Error("unreachable");
-  }
-}
-function getPaddedExitPoints(t, j, M = 5) {
-  let N = [];
-  switch (j) {
-    case "top":
-      N.push({
-        x: t.x - M,
-        y: t.y + M
-      }, {
-        x: t.x + M,
-        y: t.y + M
-      });
-      break;
-    case "bottom":
-      N.push({
-        x: t.x - M,
-        y: t.y - M
-      }, {
-        x: t.x + M,
-        y: t.y - M
-      });
-      break;
-    case "left":
-      N.push({
-        x: t.x + M,
-        y: t.y - M
-      }, {
-        x: t.x + M,
-        y: t.y + M
-      });
-      break;
-    case "right":
-      N.push({
-        x: t.x - M,
-        y: t.y - M
-      }, {
-        x: t.x - M,
-        y: t.y + M
-      });
-      break;
-  }
-  return N;
-}
-function getPointsFromRect(t) {
-  let { top: j, right: M, bottom: N, left: P } = t;
-  return [
-    {
-      x: P,
-      y: j
-    },
-    {
-      x: M,
-      y: j
-    },
-    {
-      x: M,
-      y: N
-    },
-    {
-      x: P,
-      y: N
-    }
-  ];
-}
-function isPointInPolygon(t, j) {
-  let { x: M, y: N } = t, P = false;
-  for (let t2 = 0, F = j.length - 1; t2 < j.length; F = t2++) {
-    let I = j[t2], L = j[F], R = I.x, z = I.y, B = L.x, V = L.y;
-    z > N != V > N && M < (B - R) * (N - z) / (V - z) + R && (P = !P);
-  }
-  return P;
-}
-function getHull(t) {
-  let j = t.slice();
-  return j.sort((t2, j2) => t2.x < j2.x ? -1 : t2.x > j2.x ? 1 : t2.y < j2.y ? -1 : t2.y > j2.y ? 1 : 0), getHullPresorted(j);
-}
-function getHullPresorted(t) {
-  if (t.length <= 1) return t.slice();
-  let j = [];
-  for (let M2 = 0; M2 < t.length; M2++) {
-    let N = t[M2];
-    for (; j.length >= 2; ) {
-      let t2 = j[j.length - 1], M3 = j[j.length - 2];
-      if ((t2.x - M3.x) * (N.y - M3.y) >= (t2.y - M3.y) * (N.x - M3.x)) j.pop();
-      else break;
-    }
-    j.push(N);
-  }
-  j.pop();
-  let M = [];
-  for (let j2 = t.length - 1; j2 >= 0; j2--) {
-    let N = t[j2];
-    for (; M.length >= 2; ) {
-      let t2 = M[M.length - 1], j3 = M[M.length - 2];
-      if ((t2.x - j3.x) * (N.y - j3.y) >= (t2.y - j3.y) * (N.x - j3.x)) M.pop();
-      else break;
-    }
-    M.push(N);
-  }
-  return M.pop(), j.length === 1 && M.length === 1 && j[0].x === M[0].x && j[0].y === M[0].y ? j : j.concat(M);
-}
-var Provider = TooltipProvider$1, Root3 = Tooltip$1, Trigger$1 = TooltipTrigger$1, Portal$2 = TooltipPortal$1, Content2$1 = TooltipContent$1, import_compiler_runtime$3 = require_compiler_runtime(), TooltipProvider = (t) => {
-  let j = (0, import_compiler_runtime$3.c)(6), M, N;
-  j[0] === t ? (M = j[1], N = j[2]) : ({ delayDuration: N, ...M } = t, j[0] = t, j[1] = M, j[2] = N);
-  let P = N === void 0 ? 400 : N, F;
-  return j[3] !== P || j[4] !== M ? (F = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, {
-    delayDuration: P,
-    ...M
-  }), j[3] = P, j[4] = M, j[5] = F) : F = j[5], F;
-}, TooltipPortal = withFullScreenAsRoot(Portal$2), TooltipRoot = Root3, InternalTooltipContent = withSmartCollisionBoundary(Content2$1), TooltipTrigger = Trigger$1, TooltipContent = import_react.forwardRef((t, j) => {
-  let M = (0, import_compiler_runtime$3.c)(11), N, P, F;
-  M[0] === t ? (N = M[1], P = M[2], F = M[3]) : ({ className: N, sideOffset: F, ...P } = t, M[0] = t, M[1] = N, M[2] = P, M[3] = F);
-  let I = F === void 0 ? 4 : F, L;
-  M[4] === N ? L = M[5] : (L = cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-xs data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1", N), M[4] = N, M[5] = L);
-  let R;
-  return M[6] !== P || M[7] !== j || M[8] !== I || M[9] !== L ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyleNamespace, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InternalTooltipContent, {
-    ref: j,
-    sideOffset: I,
-    className: L,
-    ...P
-  }) }), M[6] = P, M[7] = j, M[8] = I, M[9] = L, M[10] = R) : R = M[10], R;
-});
-TooltipContent.displayName = Content2$1.displayName;
-var Tooltip = (t) => {
-  let j = (0, import_compiler_runtime$3.c)(22), M, N, P, F, I, L, R, z;
-  j[0] === t ? (M = j[1], N = j[2], P = j[3], F = j[4], I = j[5], L = j[6], R = j[7], z = j[8]) : ({ content: P, children: N, usePortal: L, asChild: R, tabIndex: z, side: I, align: M, ...F } = t, j[0] = t, j[1] = M, j[2] = N, j[3] = P, j[4] = F, j[5] = I, j[6] = L, j[7] = R, j[8] = z);
-  let B = L === void 0 ? true : L, V = R === void 0 ? true : R;
-  if (P == null || P === "") return N;
-  let H;
-  j[9] !== V || j[10] !== N || j[11] !== z ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger, {
-    asChild: V,
-    tabIndex: z,
-    children: N
-  }), j[9] = V, j[10] = N, j[11] = z, j[12] = H) : H = j[12];
-  let U;
-  j[13] !== M || j[14] !== P || j[15] !== I || j[16] !== B ? (U = B ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContent, {
-    side: I,
-    align: M,
-    children: P
-  }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContent, {
-    side: I,
-    align: M,
-    children: P
-  }), j[13] = M, j[14] = P, j[15] = I, j[16] = B, j[17] = U) : U = j[17];
-  let W;
-  return j[18] !== F || j[19] !== H || j[20] !== U ? (W = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipRoot, {
-    disableHoverableContent: true,
-    ...F,
-    children: [H, U]
-  }), j[18] = F, j[19] = H, j[20] = U, j[21] = W) : W = j[21], W;
-}, DetailsSchema = object({ detail: string() }), ErrorSchema = object({ error: string() });
-function prettyError(t) {
-  if (!t) return "Unknown error";
-  if (t instanceof Error) {
-    let j = DetailsSchema.safeParse(t.cause);
-    return j.success ? j.data.detail : maybeExtractDetails(t.message);
-  }
-  if (typeof t == "object") {
-    let j = DetailsSchema.safeParse(t);
-    if (j.success) return j.data.detail;
-    let M = ErrorSchema.safeParse(t);
-    if (M.success) return M.data.error;
-  }
-  try {
-    return JSON.stringify(t);
-  } catch {
-    return String(t);
-  }
-}
-function maybeExtractDetails(t) {
-  let j = safeJSONParse(t);
-  if (!j) return t;
-  let M = DetailsSchema.safeParse(j);
-  if (M.success) return M.data.detail;
-  let N = ErrorSchema.safeParse(j);
-  return N.success ? N.data.error : t;
-}
-function safeJSONParse(t) {
-  try {
-    return JSON.parse(t);
-  } catch {
-    return t;
-  }
-}
-var CellNotInitializedError = class extends Error {
-  constructor(t = "The cell containing this UI element has not been run yet. Please run the cell first.") {
-    super(t), this.name = "CellNotInitializedError";
-  }
-}, DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), Dialog = (t) => {
-  let { __scopeDialog: j, children: M, open: N, defaultOpen: P, onOpenChange: F, modal: I = true } = t, R = import_react.useRef(null), z = import_react.useRef(null), [B, V] = useControllableState({
-    prop: N,
-    defaultProp: P ?? false,
-    onChange: F,
-    caller: DIALOG_NAME
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogProvider, {
-    scope: j,
-    triggerRef: R,
-    contentRef: z,
-    contentId: useId(),
-    titleId: useId(),
-    descriptionId: useId(),
-    open: B,
-    onOpenChange: V,
-    onOpenToggle: import_react.useCallback(() => V((t2) => !t2), [V]),
-    modal: I,
-    children: M
-  });
-};
-Dialog.displayName = DIALOG_NAME;
-var TRIGGER_NAME$1 = "DialogTrigger", DialogTrigger = import_react.forwardRef((t, j) => {
-  let { __scopeDialog: M, ...N } = t, I = useDialogContext(TRIGGER_NAME$1, M), L = useComposedRefs(j, I.triggerRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
-    type: "button",
-    "aria-haspopup": "dialog",
-    "aria-expanded": I.open,
-    "aria-controls": I.contentId,
-    "data-state": getState(I.open),
-    ...N,
-    ref: L,
-    onClick: composeEventHandlers(t.onClick, I.onOpenToggle)
-  });
-});
-DialogTrigger.displayName = TRIGGER_NAME$1;
-var PORTAL_NAME$1 = "DialogPortal", [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME$1, { forceMount: void 0 }), DialogPortal = (t) => {
-  let { __scopeDialog: j, forceMount: M, children: N, container: P } = t, F = useDialogContext(PORTAL_NAME$1, j);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalProvider, {
-    scope: j,
-    forceMount: M,
-    children: import_react.Children.map(N, (t2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Presence, {
-      present: M || F.open,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, {
-        asChild: true,
-        container: P,
-        children: t2
-      })
-    }))
-  });
-};
-DialogPortal.displayName = PORTAL_NAME$1;
-var OVERLAY_NAME$1 = "DialogOverlay", DialogOverlay = import_react.forwardRef((t, j) => {
-  let M = usePortalContext(OVERLAY_NAME$1, t.__scopeDialog), { forceMount: N = M.forceMount, ...P } = t, F = useDialogContext(OVERLAY_NAME$1, t.__scopeDialog);
-  return F.modal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Presence, {
-    present: N || F.open,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlayImpl, {
-      ...P,
-      ref: j
-    })
-  }) : null;
-});
-DialogOverlay.displayName = OVERLAY_NAME$1;
-var Slot = createSlot("DialogOverlay.RemoveScroll"), DialogOverlayImpl = import_react.forwardRef((t, j) => {
-  let { __scopeDialog: M, ...N } = t, F = useDialogContext(OVERLAY_NAME$1, M);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Combination_default, {
-    as: Slot,
-    allowPinchZoom: true,
-    shards: [F.contentRef],
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
-      "data-state": getState(F.open),
-      ...N,
-      ref: j,
-      style: {
-        pointerEvents: "auto",
-        ...N.style
-      }
-    })
-  });
-}), CONTENT_NAME$1 = "DialogContent", DialogContent = import_react.forwardRef((t, j) => {
-  let M = usePortalContext(CONTENT_NAME$1, t.__scopeDialog), { forceMount: N = M.forceMount, ...P } = t, F = useDialogContext(CONTENT_NAME$1, t.__scopeDialog);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Presence, {
-    present: N || F.open,
-    children: F.modal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentModal, {
-      ...P,
-      ref: j
-    }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentNonModal, {
-      ...P,
-      ref: j
-    })
-  });
-});
-DialogContent.displayName = CONTENT_NAME$1;
-var DialogContentModal = import_react.forwardRef((t, j) => {
-  let M = useDialogContext(CONTENT_NAME$1, t.__scopeDialog), N = import_react.useRef(null), P = useComposedRefs(j, M.contentRef, N);
-  return import_react.useEffect(() => {
-    let t2 = N.current;
-    if (t2) return hideOthers(t2);
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentImpl, {
-    ...t,
-    ref: P,
-    trapFocus: M.open,
-    disableOutsidePointerEvents: true,
-    onCloseAutoFocus: composeEventHandlers(t.onCloseAutoFocus, (t2) => {
-      var _a;
-      t2.preventDefault(), (_a = M.triggerRef.current) == null ? void 0 : _a.focus();
-    }),
-    onPointerDownOutside: composeEventHandlers(t.onPointerDownOutside, (t2) => {
-      let j2 = t2.detail.originalEvent, M2 = j2.button === 0 && j2.ctrlKey === true;
-      (j2.button === 2 || M2) && t2.preventDefault();
-    }),
-    onFocusOutside: composeEventHandlers(t.onFocusOutside, (t2) => t2.preventDefault())
-  });
-}), DialogContentNonModal = import_react.forwardRef((t, j) => {
-  let M = useDialogContext(CONTENT_NAME$1, t.__scopeDialog), N = import_react.useRef(false), P = import_react.useRef(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentImpl, {
-    ...t,
-    ref: j,
-    trapFocus: false,
-    disableOutsidePointerEvents: false,
-    onCloseAutoFocus: (j2) => {
-      var _a, _b;
-      (_a = t.onCloseAutoFocus) == null ? void 0 : _a.call(t, j2), j2.defaultPrevented || (N.current || ((_b = M.triggerRef.current) == null ? void 0 : _b.focus()), j2.preventDefault()), N.current = false, P.current = false;
-    },
-    onInteractOutside: (j2) => {
-      var _a, _b;
-      (_a = t.onInteractOutside) == null ? void 0 : _a.call(t, j2), j2.defaultPrevented || (N.current = true, j2.detail.originalEvent.type === "pointerdown" && (P.current = true));
-      let F = j2.target;
-      ((_b = M.triggerRef.current) == null ? void 0 : _b.contains(F)) && j2.preventDefault(), j2.detail.originalEvent.type === "focusin" && P.current && j2.preventDefault();
-    }
-  });
-}), DialogContentImpl = import_react.forwardRef((t, j) => {
-  let { __scopeDialog: M, trapFocus: N, onOpenAutoFocus: P, onCloseAutoFocus: F, ...I } = t, L = useDialogContext(CONTENT_NAME$1, M), R = import_react.useRef(null), z = useComposedRefs(j, R);
-  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: N,
-    onMountAutoFocus: P,
-    onUnmountAutoFocus: F,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DismissableLayer, {
-      role: "dialog",
-      id: L.contentId,
-      "aria-describedby": L.descriptionId,
-      "aria-labelledby": L.titleId,
-      "data-state": getState(L.open),
-      ...I,
-      ref: z,
-      onDismiss: () => L.onOpenChange(false)
-    })
-  }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleWarning, { titleId: L.titleId }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescriptionWarning$1, {
-    contentRef: R,
-    descriptionId: L.descriptionId
-  })] })] });
-}), TITLE_NAME$1 = "DialogTitle", DialogTitle = import_react.forwardRef((t, j) => {
-  let { __scopeDialog: M, ...N } = t, F = useDialogContext(TITLE_NAME$1, M);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.h2, {
-    id: F.titleId,
-    ...N,
-    ref: j
-  });
-});
-DialogTitle.displayName = TITLE_NAME$1;
-var DESCRIPTION_NAME$1 = "DialogDescription", DialogDescription = import_react.forwardRef((t, j) => {
-  let { __scopeDialog: M, ...N } = t, F = useDialogContext(DESCRIPTION_NAME$1, M);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.p, {
-    id: F.descriptionId,
-    ...N,
-    ref: j
-  });
-});
-DialogDescription.displayName = DESCRIPTION_NAME$1;
-var CLOSE_NAME = "DialogClose", DialogClose = import_react.forwardRef((t, j) => {
-  let { __scopeDialog: M, ...N } = t, I = useDialogContext(CLOSE_NAME, M);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
-    type: "button",
-    ...N,
-    ref: j,
-    onClick: composeEventHandlers(t.onClick, () => I.onOpenChange(false))
-  });
-});
-DialogClose.displayName = CLOSE_NAME;
-function getState(t) {
-  return t ? "open" : "closed";
-}
-var TITLE_WARNING_NAME = "DialogTitleWarning", [WarningProvider, useWarningContext] = createContext2(TITLE_WARNING_NAME, {
-  contentName: CONTENT_NAME$1,
-  titleName: TITLE_NAME$1,
-  docsSlug: "dialog"
-}), TitleWarning = ({ titleId: t }) => {
-  let j = useWarningContext(TITLE_WARNING_NAME), M = `\`${j.contentName}\` requires a \`${j.titleName}\` for the component to be accessible for screen reader users.
-
-If you want to hide the \`${j.titleName}\`, you can wrap it with our VisuallyHidden component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/${j.docsSlug}`;
-  return import_react.useEffect(() => {
-    t && (document.getElementById(t) || console.error(M));
-  }, [M, t]), null;
-}, DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning", DescriptionWarning$1 = ({ contentRef: t, descriptionId: j }) => {
-  let M = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${useWarningContext(DESCRIPTION_WARNING_NAME).contentName}}.`;
-  return import_react.useEffect(() => {
-    var _a;
-    let N = (_a = t.current) == null ? void 0 : _a.getAttribute("aria-describedby");
-    j && N && (document.getElementById(j) || console.warn(M));
-  }, [
-    M,
-    t,
-    j
-  ]), null;
-}, Root = Dialog, Trigger = DialogTrigger, Portal$1 = DialogPortal, Overlay = DialogOverlay, Content = DialogContent, Title = DialogTitle, Description = DialogDescription, Close = DialogClose, ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [createDialogScope]), useDialogScope = createDialogScope(), AlertDialog$1 = (t) => {
-  let { __scopeAlertDialog: j, ...M } = t, N = useDialogScope(j);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root, {
-    ...N,
-    ...M,
-    modal: true
-  });
-};
-AlertDialog$1.displayName = ROOT_NAME;
-var TRIGGER_NAME = "AlertDialogTrigger", AlertDialogTrigger$1 = import_react.forwardRef((t, j) => {
-  let { __scopeAlertDialog: M, ...N } = t, P = useDialogScope(M);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trigger, {
-    ...P,
-    ...N,
-    ref: j
-  });
-});
-AlertDialogTrigger$1.displayName = TRIGGER_NAME;
-var PORTAL_NAME = "AlertDialogPortal", AlertDialogPortal$1 = (t) => {
-  let { __scopeAlertDialog: j, ...M } = t, N = useDialogScope(j);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal$1, {
-    ...N,
-    ...M
-  });
-};
-AlertDialogPortal$1.displayName = PORTAL_NAME;
-var OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlay$1 = import_react.forwardRef((t, j) => {
-  let { __scopeAlertDialog: M, ...N } = t, P = useDialogScope(M);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Overlay, {
-    ...P,
-    ...N,
-    ref: j
-  });
-});
-AlertDialogOverlay$1.displayName = OVERLAY_NAME;
-var CONTENT_NAME = "AlertDialogContent", [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME), Slottable = createSlottable("AlertDialogContent"), AlertDialogContent$1 = import_react.forwardRef((t, j) => {
-  let { __scopeAlertDialog: M, children: N, ...P } = t, I = useDialogScope(M), L = import_react.useRef(null), R = useComposedRefs(j, L), z = import_react.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WarningProvider, {
-    contentName: CONTENT_NAME,
-    titleName: TITLE_NAME,
-    docsSlug: "alert-dialog",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogContentProvider, {
-      scope: M,
-      cancelRef: z,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content, {
-        role: "alertdialog",
-        ...I,
-        ...P,
-        ref: R,
-        onOpenAutoFocus: composeEventHandlers(P.onOpenAutoFocus, (t2) => {
-          var _a;
-          t2.preventDefault(), (_a = z.current) == null ? void 0 : _a.focus({ preventScroll: true });
-        }),
-        onPointerDownOutside: (t2) => t2.preventDefault(),
-        onInteractOutside: (t2) => t2.preventDefault(),
-        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slottable, { children: N }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescriptionWarning, { contentRef: L })]
-      })
-    })
-  });
-});
-AlertDialogContent$1.displayName = CONTENT_NAME;
-var TITLE_NAME = "AlertDialogTitle", AlertDialogTitle$1 = import_react.forwardRef((t, j) => {
-  let { __scopeAlertDialog: M, ...N } = t, P = useDialogScope(M);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {
-    ...P,
-    ...N,
-    ref: j
-  });
-});
-AlertDialogTitle$1.displayName = TITLE_NAME;
-var DESCRIPTION_NAME = "AlertDialogDescription", AlertDialogDescription$1 = import_react.forwardRef((t, j) => {
-  let { __scopeAlertDialog: M, ...N } = t, P = useDialogScope(M);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, {
-    ...P,
-    ...N,
-    ref: j
-  });
-});
-AlertDialogDescription$1.displayName = DESCRIPTION_NAME;
-var ACTION_NAME = "AlertDialogAction", AlertDialogAction$1 = import_react.forwardRef((t, j) => {
-  let { __scopeAlertDialog: M, ...N } = t, P = useDialogScope(M);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, {
-    ...P,
-    ...N,
-    ref: j
-  });
-});
-AlertDialogAction$1.displayName = ACTION_NAME;
-var CANCEL_NAME = "AlertDialogCancel", AlertDialogCancel$1 = import_react.forwardRef((t, j) => {
-  let { __scopeAlertDialog: M, ...N } = t, { cancelRef: P } = useAlertDialogContentContext(CANCEL_NAME, M), F = useDialogScope(M), I = useComposedRefs(j, P);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, {
-    ...F,
-    ...N,
-    ref: I
-  });
-});
-AlertDialogCancel$1.displayName = CANCEL_NAME;
-var DescriptionWarning = ({ contentRef: t }) => {
-  let j = `\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` 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 \`${CONTENT_NAME}\`. 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 import_react.useEffect(() => {
-    var _a;
-    document.getElementById((_a = t.current) == null ? void 0 : _a.getAttribute("aria-describedby")) || console.warn(j);
-  }, [j, t]), null;
-}, Root2 = AlertDialog$1, Portal2 = AlertDialogPortal$1, Overlay2 = AlertDialogOverlay$1, Content2 = AlertDialogContent$1, Action = AlertDialogAction$1, Cancel = AlertDialogCancel$1, Title2 = AlertDialogTitle$1, Description2 = AlertDialogDescription$1, import_compiler_runtime$2 = require_compiler_runtime();
-function useRestoreFocus() {
-  let t = (0, import_compiler_runtime$2.c)(3), [j, M] = (0, import_react.useState)(null), N;
-  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = () => {
-    M(document.activeElement);
-  }, t[0] = N) : N = t[0];
-  let P = N, F;
-  return t[1] === j ? F = t[2] : (F = {
-    onOpenAutoFocus: P,
-    onCloseAutoFocus: (t2) => {
-      document.activeElement === document.body && (j instanceof HTMLElement && j.focus(), t2.preventDefault());
-    }
-  }, t[1] = j, t[2] = F), F;
-}
-var import_compiler_runtime$1 = require_compiler_runtime(), AlertDialog = Root2, AlertDialogPortal = withFullScreenAsRoot(({ children: t, ...j }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal2, {
-  ...j,
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyleNamespace, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: "fixed inset-0 z-50 flex items-end justify-center sm:items-start sm:top-[15%]",
-    children: t
-  }) })
-}));
-AlertDialogPortal.displayName = Portal2.displayName;
-var AlertDialogOverlay = import_react.forwardRef((t, j) => {
-  let M = (0, import_compiler_runtime$1.c)(9), N, P;
-  if (M[0] !== t) {
-    let { className: j2, children: F2, ...I2 } = t;
-    N = j2, P = I2, M[0] = t, M[1] = N, M[2] = P;
-  } else N = M[1], P = M[2];
-  let F;
-  M[3] === N ? F = M[4] : (F = cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-xs transition-opacity animate-in fade-in", N), M[3] = N, M[4] = F);
-  let I;
-  return M[5] !== P || M[6] !== j || M[7] !== F ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Overlay2, {
-    className: F,
-    ...P,
-    ref: j
-  }), M[5] = P, M[6] = j, M[7] = F, M[8] = I) : I = M[8], I;
-});
-AlertDialogOverlay.displayName = Overlay2.displayName;
-var AlertDialogContent = import_react.forwardRef((t, j) => {
-  let M = (0, import_compiler_runtime$1.c)(11), N, P;
-  M[0] === t ? (N = M[1], P = M[2]) : ({ className: N, ...P } = t, M[0] = t, M[1] = N, M[2] = P);
-  let F = useRestoreFocus(), I;
-  M[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}), M[3] = I) : I = M[3];
-  let L;
-  M[4] === N ? L = M[5] : (L = 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", N), M[4] = N, M[5] = L);
-  let R;
-  return M[6] !== P || M[7] !== j || M[8] !== F || M[9] !== L ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogPortal, { children: [I, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Content2, {
-    ref: j,
-    className: L,
-    ...F,
-    ...P
-  })] }), M[6] = P, M[7] = j, M[8] = F, M[9] = L, M[10] = R) : R = M[10], R;
-});
-AlertDialogContent.displayName = Content2.displayName;
-var AlertDialogHeader = (t) => {
-  let j = (0, import_compiler_runtime$1.c)(8), M, N;
-  j[0] === t ? (M = j[1], N = j[2]) : ({ className: M, ...N } = t, j[0] = t, j[1] = M, j[2] = N);
-  let P;
-  j[3] === M ? P = j[4] : (P = cn("flex flex-col space-y-2 text-center sm:text-left", M), j[3] = M, j[4] = P);
-  let F;
-  return j[5] !== N || j[6] !== P ? (F = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: P,
-    ...N
-  }), j[5] = N, j[6] = P, j[7] = F) : F = j[7], F;
-};
-AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = (t) => {
-  let j = (0, import_compiler_runtime$1.c)(8), M, N;
-  j[0] === t ? (M = j[1], N = j[2]) : ({ className: M, ...N } = t, j[0] = t, j[1] = M, j[2] = N);
-  let P;
-  j[3] === M ? P = j[4] : (P = cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", M), j[3] = M, j[4] = P);
-  let F;
-  return j[5] !== N || j[6] !== P ? (F = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: P,
-    ...N
-  }), j[5] = N, j[6] = P, j[7] = F) : F = j[7], F;
-};
-AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = import_react.forwardRef((t, j) => {
-  let M = (0, import_compiler_runtime$1.c)(9), N, P;
-  M[0] === t ? (N = M[1], P = M[2]) : ({ className: N, ...P } = t, M[0] = t, M[1] = N, M[2] = P);
-  let F;
-  M[3] === N ? F = M[4] : (F = cn("text-lg font-semibold", N), M[3] = N, M[4] = F);
-  let I;
-  return M[5] !== P || M[6] !== j || M[7] !== F ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title2, {
-    ref: j,
-    className: F,
-    ...P
-  }), M[5] = P, M[6] = j, M[7] = F, M[8] = I) : I = M[8], I;
-});
-AlertDialogTitle.displayName = Title2.displayName;
-var AlertDialogDescription = import_react.forwardRef((t, j) => {
-  let M = (0, import_compiler_runtime$1.c)(9), N, P;
-  M[0] === t ? (N = M[1], P = M[2]) : ({ className: N, ...P } = t, M[0] = t, M[1] = N, M[2] = P);
-  let F;
-  M[3] === N ? F = M[4] : (F = cn("text-muted-foreground", N), M[3] = N, M[4] = F);
-  let I;
-  return M[5] !== P || M[6] !== j || M[7] !== F ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description2, {
-    ref: j,
-    className: F,
-    ...P
-  }), M[5] = P, M[6] = j, M[7] = F, M[8] = I) : I = M[8], I;
-});
-AlertDialogDescription.displayName = Description2.displayName;
-var AlertDialogAction = import_react.forwardRef((t, j) => {
-  let M = (0, import_compiler_runtime$1.c)(9), N, P;
-  M[0] === t ? (N = M[1], P = M[2]) : ({ className: N, ...P } = t, M[0] = t, M[1] = N, M[2] = P);
-  let F;
-  M[3] === N ? F = M[4] : (F = cn(buttonVariants(), N), M[3] = N, M[4] = F);
-  let I;
-  return M[5] !== P || M[6] !== j || M[7] !== F ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Action, {
-    ref: j,
-    className: F,
-    ...P
-  }), M[5] = P, M[6] = j, M[7] = F, M[8] = I) : I = M[8], I;
-});
-AlertDialogAction.displayName = Action.displayName;
-var AlertDialogDestructiveAction = import_react.forwardRef((t, j) => {
-  let M = (0, import_compiler_runtime$1.c)(9), N, P;
-  M[0] === t ? (N = M[1], P = M[2]) : ({ className: N, ...P } = t, M[0] = t, M[1] = N, M[2] = P);
-  let F;
-  M[3] === N ? F = M[4] : (F = cn(buttonVariants({ variant: "destructive" }), N), M[3] = N, M[4] = F);
-  let I;
-  return M[5] !== P || M[6] !== j || M[7] !== F ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Action, {
-    ref: j,
-    className: F,
-    ...P
-  }), M[5] = P, M[6] = j, M[7] = F, M[8] = I) : I = M[8], I;
-});
-AlertDialogDestructiveAction.displayName = "AlertDialogDestructiveAction";
-var AlertDialogCancel = import_react.forwardRef((t, j) => {
-  let M = (0, import_compiler_runtime$1.c)(9), N, P;
-  M[0] === t ? (N = M[1], P = M[2]) : ({ className: N, ...P } = t, M[0] = t, M[1] = N, M[2] = P);
-  let F;
-  M[3] === N ? F = M[4] : (F = cn(buttonVariants({ variant: "secondary" }), "mt-2 sm:mt-0", N), M[3] = N, M[4] = F);
-  let I;
-  return M[5] !== P || M[6] !== j || M[7] !== F ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Cancel, {
-    ref: j,
-    className: F,
-    ...P
-  }), M[5] = P, M[6] = j, M[7] = F, M[8] = I) : I = M[8], I;
-});
-AlertDialogCancel.displayName = Cancel.displayName;
-var import_compiler_runtime = require_compiler_runtime();
-const ErrorBanner = (t) => {
-  let j = (0, import_compiler_runtime.c)(23), { error: M, className: N, action: P } = t, [F, I] = (0, import_react.useState)(false);
-  if (!M) return null;
-  Logger.error(M);
-  let L;
-  j[0] === M ? L = j[1] : (L = prettyError(M), j[0] = M, j[1] = L);
-  let R = L, z;
-  j[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = () => I(true), j[2] = z) : z = j[2];
-  let B;
-  j[3] === R ? B = j[4] : (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-    className: "line-clamp-4",
-    children: R
-  }), j[3] = R, j[4] = B);
-  let V;
-  j[5] === P ? V = j[6] : (V = P && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: "flex justify-end",
-    children: P
-  }), j[5] = P, j[6] = V);
-  let H;
-  j[7] !== N || j[8] !== B || j[9] !== V ? (H = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Banner, {
-    kind: "danger",
-    className: N,
-    clickable: true,
-    onClick: z,
-    children: [B, V]
-  }), j[7] = N, j[8] = B, j[9] = V, j[10] = H) : H = j[10];
-  let U;
-  j[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogTitle, {
-    className: "text-error",
-    children: "Error"
-  }) }), j[11] = U) : U = j[11];
-  let W;
-  j[12] === R ? W = j[13] : (W = /* @__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: R })
-  }), j[12] = R, j[13] = W);
-  let G;
-  j[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogAction, {
-    autoFocus: true,
-    onClick: () => I(false),
-    children: "Ok"
-  }) }), j[14] = G) : G = j[14];
-  let K;
-  j[15] === W ? K = j[16] : (K = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogContent, {
-    className: "max-w-[80%] max-h-[80%] overflow-hidden flex flex-col",
-    children: [
-      U,
-      W,
-      G
-    ]
-  }), j[15] = W, j[16] = K);
-  let q;
-  j[17] !== F || j[18] !== K ? (q = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialog, {
-    open: F,
-    onOpenChange: I,
-    children: K
-  }), j[17] = F, j[18] = K, j[19] = q) : q = j[19];
-  let J;
-  return j[20] !== q || j[21] !== H ? (J = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [H, q] }), j[20] = q, j[21] = H, j[22] = J) : J = j[22], J;
-};
-var bannerStyle = cva("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)",
-      info: "text-primary border-(--blue-6) shadow-md-solid shadow-accent bg-(--blue-1)",
-      warn: "border-(--yellow-6) bg-(--yellow-2) dark:bg-(--yellow-4) text-(--yellow-11) dark:text-(--yellow-12)"
-    },
-    clickable: { true: "cursor-pointer" }
-  },
-  compoundVariants: [
-    {
-      clickable: true,
-      kind: "danger",
-      className: "hover:bg-(--red-3)"
-    },
-    {
-      clickable: true,
-      kind: "info",
-      className: "hover:bg-(--blue-3)"
-    },
-    {
-      clickable: true,
-      kind: "warn",
-      className: "hover:bg-(--yellow-3)"
-    }
-  ],
-  defaultVariants: { kind: "info" }
-});
-const Banner = (t) => {
-  let j = (0, import_compiler_runtime.c)(14), M, N, P, F, I;
-  j[0] === t ? (M = j[1], N = j[2], P = j[3], F = j[4], I = j[5]) : ({ kind: F, clickable: P, className: N, children: M, ...I } = t, j[0] = t, j[1] = M, j[2] = N, j[3] = P, j[4] = F, j[5] = I);
-  let L;
-  j[6] !== N || j[7] !== P || j[8] !== F ? (L = cn(bannerStyle({
-    kind: F,
-    clickable: P
-  }), N), j[6] = N, j[7] = P, j[8] = F, j[9] = L) : L = j[9];
-  let R;
-  return j[10] !== M || j[11] !== I || j[12] !== L ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: L,
-    ...I,
-    children: M
-  }), j[10] = M, j[11] = I, j[12] = L, j[13] = R) : R = j[13], R;
-};
-export {
-  Portal$1 as a,
-  prettyError as c,
-  TooltipPortal as d,
-  TooltipProvider as f,
-  TooltipProvider$1 as h,
-  Overlay as i,
-  Tooltip as l,
-  TooltipTrigger as m,
-  ErrorBanner as n,
-  Root as o,
-  TooltipRoot as p,
-  Content as r,
-  CellNotInitializedError as s,
-  Banner as t,
-  TooltipContent as u
-};