@marimo-team/islands 0.17.2 → 0.17.4

package/dist/error-banner-B7LmpmGT.js

@@ -0,0 +1,1013 @@
+import { s as __toESM } from "./chunk-DgPTj83v.js";
+import { t as require_react } from "./react-DHL_F5hS.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-5MdCVm0X.js";
+import { C as DismissableLayer, D as createContext2, O as createContextScope, T as Primitive, _ as Content$1, c as withSmartCollisionBoundary, f as useControllableState, g as Arrow, h as Anchor, i as useFocusGuards, k as composeEventHandlers, l as StyleNamespace, m as Portal, n as hideOthers, p as Presence, r as FocusScope, s as withFullScreenAsRoot, t as Combination_default, u as Root$1, v as Root2$1, x as useId, y as createPopperScope } from "./Combination-DrSsMSEB.js";
+import { d as cn, l as useComposedRefs, n as buttonVariants, o as createSlot, r as cva, s as createSlottable } from "./button-B8zS4Mtw.js";
+import { s as Logger } from "./hotkeys-DVxFjl2s.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-CvL6gNI-.js";
+import { F as object, z as string } from "./zod-0AbTN3Cg.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: L } = t, R = useTooltipProviderContext(TOOLTIP_NAME, t.__scopeTooltip), B = usePopperScope(j), [V, H] = import_react.useState(null), U = useId(), W = import_react.useRef(0), G = I ?? R.disableHoverableContent, K = L ?? R.delayDuration, q = import_react.useRef(false), [J, Y] = useControllableState({
+    prop: N,
+    defaultProp: P ?? false,
+    onChange: (t2) => {
+      t2 ? (R.onOpen(), document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN))) : R.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(() => {
+        R.isOpenDelayedRef.current ? $() : Z();
+      }, [
+        R.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, P = useTooltipContext(TRIGGER_NAME$2, M), F = useTooltipProviderContext(TRIGGER_NAME$2, M), L = usePopperScope(M), R = useComposedRefs(j, import_react.useRef(null), P.onTriggerChange), z = import_react.useRef(false), B = import_react.useRef(false), H = import_react.useCallback(() => z.current = false, []);
+  return import_react.useEffect(() => () => document.removeEventListener("pointerup", H), [H]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Anchor, {
+    asChild: true,
+    ...L,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
+      "aria-describedby": P.open ? P.contentId : void 0,
+      "data-state": P.stateAttribute,
+      ...N,
+      ref: R,
+      onPointerMove: composeEventHandlers(t.onPointerMove, (t2) => {
+        t2.pointerType !== "touch" && !B.current && !F.isPointerInTransitRef.current && (P.onTriggerEnter(), B.current = true);
+      }),
+      onPointerLeave: composeEventHandlers(t.onPointerLeave, () => {
+        P.onTriggerLeave(), B.current = false;
+      }),
+      onPointerDown: composeEventHandlers(t.onPointerDown, () => {
+        P.open && P.onClose(), z.current = true, document.addEventListener("pointerup", H, { once: true });
+      }),
+      onFocus: composeEventHandlers(t.onFocus, () => {
+        z.current || P.onOpen();
+      }),
+      onBlur: composeEventHandlers(t.onBlur, P.onClose),
+      onClick: composeEventHandlers(t.onClick, P.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: P, "aria-label": F, onEscapeKeyDown: I, onPointerDownOutside: R, ...z } = t, B = useTooltipContext(CONTENT_NAME$2, M), V = usePopperScope(M), { onClose: H } = B;
+  return import_react.useEffect(() => (document.addEventListener(TOOLTIP_OPEN, H), () => document.removeEventListener(TOOLTIP_OPEN, H)), [H]), import_react.useEffect(() => {
+    if (B.trigger) {
+      let t2 = (t3) => {
+        var _a;
+        ((_a = t3.target) == null ? void 0 : _a.contains(B.trigger)) && H();
+      };
+      return window.addEventListener("scroll", t2, { capture: true }), () => window.removeEventListener("scroll", t2, { capture: true });
+    }
+  }, [B.trigger, H]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DismissableLayer, {
+    asChild: true,
+    disableOutsidePointerEvents: false,
+    onEscapeKeyDown: I,
+    onPointerDownOutside: R,
+    onFocusOutside: (t2) => t2.preventDefault(),
+    onDismiss: H,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content$1, {
+      "data-state": B.stateAttribute,
+      ...V,
+      ...z,
+      ref: j,
+      style: {
+        ...z.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: P }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VisuallyHiddenContentContextProvider, {
+        scope: M,
+        isInside: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root$1, {
+          id: B.contentId,
+          role: "tooltip",
+          children: F || P
+        })
+      })]
+    })
+  });
+});
+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 = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1), 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, L = import_react.useRef(null), R = 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: L,
+    contentRef: R,
+    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, P = useDialogContext(TRIGGER_NAME$1, M), F = useComposedRefs(j, P.triggerRef);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
+    type: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": P.open,
+    "aria-controls": P.contentId,
+    "data-state": getState(P.open),
+    ...N,
+    ref: F,
+    onClick: composeEventHandlers(t.onClick, P.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, P = useDialogContext(OVERLAY_NAME$1, M);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Combination_default, {
+    as: Slot,
+    allowPinchZoom: true,
+    shards: [P.contentRef],
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
+      "data-state": getState(P.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: P, onOpenAutoFocus: F, onCloseAutoFocus: I, ...L } = t, R = useDialogContext(CONTENT_NAME$1, M), z = import_react.useRef(null), B = useComposedRefs(j, z);
+  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: P,
+    onMountAutoFocus: F,
+    onUnmountAutoFocus: I,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DismissableLayer, {
+      role: "dialog",
+      id: R.contentId,
+      "aria-describedby": R.descriptionId,
+      "aria-labelledby": R.titleId,
+      "data-state": getState(R.open),
+      ...L,
+      ref: B,
+      onDismiss: () => R.onOpenChange(false)
+    })
+  }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleWarning, { titleId: R.titleId }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescriptionWarning$1, {
+    contentRef: z,
+    descriptionId: R.descriptionId
+  })] })] });
+}), TITLE_NAME$1 = "DialogTitle", DialogTitle = import_react.forwardRef((t, j) => {
+  let { __scopeDialog: M, ...N } = t, P = useDialogContext(TITLE_NAME$1, M);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.h2, {
+    id: P.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, P = useDialogContext(DESCRIPTION_NAME$1, M);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.p, {
+    id: P.descriptionId,
+    ...N,
+    ref: j
+  });
+});
+DialogDescription.displayName = DESCRIPTION_NAME$1;
+var CLOSE_NAME = "DialogClose", DialogClose = import_react.forwardRef((t, j) => {
+  let { __scopeDialog: M, ...N } = t, P = useDialogContext(CLOSE_NAME, M);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.button, {
+    type: "button",
+    ...N,
+    ref: j,
+    onClick: composeEventHandlers(t.onClick, () => P.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, F = useDialogScope(M), I = import_react.useRef(null), L = useComposedRefs(j, I), R = 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: R,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content, {
+        role: "alertdialog",
+        ...F,
+        ...P,
+        ref: L,
+        onOpenAutoFocus: composeEventHandlers(P.onOpenAutoFocus, (t2) => {
+          var _a;
+          t2.preventDefault(), (_a = R.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: I })]
+      })
+    })
+  });
+});
+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 = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1);
+function useRestoreFocus() {
+  let t = (0, import_compiler_runtime$2.c)(3), [j, M] = (0, import_react.useState)(null), N;
+  t[0] === 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 = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1), 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] === 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 = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1);
+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] === 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] === 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)("pre", {
+    className: "text-error text-sm p-2 font-mono overflow-auto whitespace-pre-wrap",
+    children: R
+  }), j[12] = R, j[13] = W);
+  let G;
+  j[14] === 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,
+  Tooltip as c,
+  TooltipProvider as d,
+  TooltipRoot as f,
+  Overlay as i,
+  TooltipContent as l,
+  TooltipProvider$1 as m,
+  ErrorBanner as n,
+  Root as o,
+  TooltipTrigger as p,
+  Content as r,
+  CellNotInitializedError as s,
+  Banner as t,
+  TooltipPortal as u
+};