@marimo-team/islands 0.17.0 → 0.17.2

package/dist/error-banner-BAWlXn49.js

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