@marimo-team/islands 0.18.0 → 0.18.1

package/dist/Combination-D68fi0fY.js

@@ -1,2504 +0,0 @@
-import { s as __toESM } from "./chunk-DgPTj83v.js";
-import { t as require_react } from "./react-DXQlph6m.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-DTozApu4.js";
-import { i as useEventListener, l as useComposedRefs, o as createSlot } from "./button-Hye6-2X8.js";
-import { t as require_jsx_runtime } from "./jsx-runtime-Duz3IlLt.js";
-import { t as require_react_dom } from "./react-dom-DBPBYhx0.js";
-typeof window < "u" && window.document && window.document.createElement;
-function composeEventHandlers(r, o, { checkForDefaultPrevented: s = true } = {}) {
-  return function(c) {
-    if (r == null ? void 0 : r(c), s === false || !c.defaultPrevented) return o == null ? void 0 : o(c);
-  };
-}
-var import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
-function createContext2(r, o) {
-  let s = import_react.createContext(o), c = (r2) => {
-    let { children: o2, ...c2 } = r2, l2 = import_react.useMemo(() => c2, Object.values(c2));
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(s.Provider, {
-      value: l2,
-      children: o2
-    });
-  };
-  c.displayName = r + "Provider";
-  function l(c2) {
-    let l2 = import_react.useContext(s);
-    if (l2) return l2;
-    if (o !== void 0) return o;
-    throw Error(`\`${c2}\` must be used within \`${r}\``);
-  }
-  return [c, l];
-}
-function createContextScope(r, o = []) {
-  let s = [];
-  function c(o2, c2) {
-    let l2 = import_react.createContext(c2), u = s.length;
-    s = [...s, c2];
-    let d = (o3) => {
-      var _a;
-      let { scope: s2, children: c3, ...d2 } = o3, f2 = ((_a = s2 == null ? void 0 : s2[r]) == null ? void 0 : _a[u]) || l2, p = import_react.useMemo(() => d2, Object.values(d2));
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(f2.Provider, {
-        value: p,
-        children: c3
-      });
-    };
-    d.displayName = o2 + "Provider";
-    function f(s2, d2) {
-      var _a;
-      let f2 = ((_a = d2 == null ? void 0 : d2[r]) == null ? void 0 : _a[u]) || l2, p = import_react.useContext(f2);
-      if (p) return p;
-      if (c2 !== void 0) return c2;
-      throw Error(`\`${s2}\` must be used within \`${o2}\``);
-    }
-    return [d, f];
-  }
-  let l = () => {
-    let o2 = s.map((r2) => import_react.createContext(r2));
-    return function(s2) {
-      let c2 = (s2 == null ? void 0 : s2[r]) || o2;
-      return import_react.useMemo(() => ({ [`__scope${r}`]: {
-        ...s2,
-        [r]: c2
-      } }), [s2, c2]);
-    };
-  };
-  return l.scopeName = r, [c, composeContextScopes(l, ...o)];
-}
-function composeContextScopes(...r) {
-  let o = r[0];
-  if (r.length === 1) return o;
-  let s = () => {
-    let s2 = r.map((r2) => ({
-      useScope: r2(),
-      scopeName: r2.scopeName
-    }));
-    return function(r2) {
-      let c = s2.reduce((o2, { useScope: s3, scopeName: c2 }) => {
-        let l = s3(r2)[`__scope${c2}`];
-        return {
-          ...o2,
-          ...l
-        };
-      }, {});
-      return import_react.useMemo(() => ({ [`__scope${o.scopeName}`]: c }), [c]);
-    };
-  };
-  return s.scopeName = o.scopeName, s;
-}
-var import_react_dom$2 = /* @__PURE__ */ __toESM(require_react_dom(), 1), Primitive = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-].reduce((r, o) => {
-  let s = createSlot(`Primitive.${o}`), c = import_react.forwardRef((r2, c2) => {
-    let { asChild: l, ...u } = r2, d = l ? s : o;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = true), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(d, {
-      ...u,
-      ref: c2
-    });
-  });
-  return c.displayName = `Primitive.${o}`, {
-    ...r,
-    [o]: c
-  };
-}, {});
-function dispatchDiscreteCustomEvent(r, o) {
-  r && import_react_dom$2.flushSync(() => r.dispatchEvent(o));
-}
-function useCallbackRef$1(r) {
-  let o = import_react.useRef(r);
-  return import_react.useEffect(() => {
-    o.current = r;
-  }), import_react.useMemo(() => (...r2) => {
-    var _a;
-    return (_a = o.current) == null ? void 0 : _a.call(o, ...r2);
-  }, []);
-}
-function useEscapeKeydown(r, o = globalThis == null ? void 0 : globalThis.document) {
-  let s = useCallbackRef$1(r);
-  import_react.useEffect(() => {
-    let r2 = (r3) => {
-      r3.key === "Escape" && s(r3);
-    };
-    return o.addEventListener("keydown", r2, { capture: true }), () => o.removeEventListener("keydown", r2, { capture: true });
-  }, [s, o]);
-}
-var DISMISSABLE_LAYER_NAME = "DismissableLayer", CONTEXT_UPDATE = "dismissableLayer.update", POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside", FOCUS_OUTSIDE = "dismissableLayer.focusOutside", originalBodyPointerEvents, DismissableLayerContext = import_react.createContext({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-}), DismissableLayer = import_react.forwardRef((r, o) => {
-  let { disableOutsidePointerEvents: s = false, onEscapeKeyDown: c, onPointerDownOutside: u, onFocusOutside: d, onInteractOutside: f, onDismiss: g, ..._ } = r, v = import_react.useContext(DismissableLayerContext), [y, x] = import_react.useState(null), S = (y == null ? void 0 : y.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, w] = import_react.useState({}), E = useComposedRefs(o, (r2) => x(r2)), D = Array.from(v.layers), [A] = [...v.layersWithOutsidePointerEventsDisabled].slice(-1), j = D.indexOf(A), M = y ? D.indexOf(y) : -1, I = v.layersWithOutsidePointerEventsDisabled.size > 0, L = M >= j, R = usePointerDownOutside((r2) => {
-    let o2 = r2.target, s2 = [...v.branches].some((r3) => r3.contains(o2));
-    !L || s2 || (u == null ? void 0 : u(r2), f == null ? void 0 : f(r2), r2.defaultPrevented || (g == null ? void 0 : g()));
-  }, S), z = useFocusOutside((r2) => {
-    let o2 = r2.target;
-    [...v.branches].some((r3) => r3.contains(o2)) || (d == null ? void 0 : d(r2), f == null ? void 0 : f(r2), r2.defaultPrevented || (g == null ? void 0 : g()));
-  }, S);
-  return useEscapeKeydown((r2) => {
-    M === v.layers.size - 1 && (c == null ? void 0 : c(r2), !r2.defaultPrevented && g && (r2.preventDefault(), g()));
-  }, S), import_react.useEffect(() => {
-    if (y) return s && (v.layersWithOutsidePointerEventsDisabled.size === 0 && (originalBodyPointerEvents = S.body.style.pointerEvents, S.body.style.pointerEvents = "none"), v.layersWithOutsidePointerEventsDisabled.add(y)), v.layers.add(y), dispatchUpdate(), () => {
-      s && v.layersWithOutsidePointerEventsDisabled.size === 1 && (S.body.style.pointerEvents = originalBodyPointerEvents);
-    };
-  }, [
-    y,
-    S,
-    s,
-    v
-  ]), import_react.useEffect(() => () => {
-    y && (v.layers.delete(y), v.layersWithOutsidePointerEventsDisabled.delete(y), dispatchUpdate());
-  }, [y, v]), import_react.useEffect(() => {
-    let r2 = () => w({});
-    return document.addEventListener(CONTEXT_UPDATE, r2), () => document.removeEventListener(CONTEXT_UPDATE, r2);
-  }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
-    ..._,
-    ref: E,
-    style: {
-      pointerEvents: I ? L ? "auto" : "none" : void 0,
-      ...r.style
-    },
-    onFocusCapture: composeEventHandlers(r.onFocusCapture, z.onFocusCapture),
-    onBlurCapture: composeEventHandlers(r.onBlurCapture, z.onBlurCapture),
-    onPointerDownCapture: composeEventHandlers(r.onPointerDownCapture, R.onPointerDownCapture)
-  });
-});
-DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
-var BRANCH_NAME = "DismissableLayerBranch", DismissableLayerBranch = import_react.forwardRef((r, o) => {
-  let s = import_react.useContext(DismissableLayerContext), c = import_react.useRef(null), u = useComposedRefs(o, c);
-  return import_react.useEffect(() => {
-    let r2 = c.current;
-    if (r2) return s.branches.add(r2), () => {
-      s.branches.delete(r2);
-    };
-  }, [s.branches]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
-    ...r,
-    ref: u
-  });
-});
-DismissableLayerBranch.displayName = BRANCH_NAME;
-function usePointerDownOutside(r, o = globalThis == null ? void 0 : globalThis.document) {
-  let s = useCallbackRef$1(r), c = import_react.useRef(false), l = import_react.useRef(() => {
-  });
-  return import_react.useEffect(() => {
-    let r2 = (r3) => {
-      if (r3.target && !c.current) {
-        let c2 = function() {
-          handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, s, u2, { discrete: true });
-        }, u2 = { originalEvent: r3 };
-        r3.pointerType === "touch" ? (o.removeEventListener("click", l.current), l.current = c2, o.addEventListener("click", l.current, { once: true })) : c2();
-      } else o.removeEventListener("click", l.current);
-      c.current = false;
-    }, u = window.setTimeout(() => {
-      o.addEventListener("pointerdown", r2);
-    }, 0);
-    return () => {
-      window.clearTimeout(u), o.removeEventListener("pointerdown", r2), o.removeEventListener("click", l.current);
-    };
-  }, [o, s]), { onPointerDownCapture: () => c.current = true };
-}
-function useFocusOutside(r, o = globalThis == null ? void 0 : globalThis.document) {
-  let s = useCallbackRef$1(r), c = import_react.useRef(false);
-  return import_react.useEffect(() => {
-    let r2 = (r3) => {
-      r3.target && !c.current && handleAndDispatchCustomEvent(FOCUS_OUTSIDE, s, { originalEvent: r3 }, { discrete: false });
-    };
-    return o.addEventListener("focusin", r2), () => o.removeEventListener("focusin", r2);
-  }, [o, s]), {
-    onFocusCapture: () => c.current = true,
-    onBlurCapture: () => c.current = false
-  };
-}
-function dispatchUpdate() {
-  let r = new CustomEvent(CONTEXT_UPDATE);
-  document.dispatchEvent(r);
-}
-function handleAndDispatchCustomEvent(r, o, s, { discrete: c }) {
-  let l = s.originalEvent.target, u = new CustomEvent(r, {
-    bubbles: false,
-    cancelable: true,
-    detail: s
-  });
-  o && l.addEventListener(r, o, { once: true }), c ? dispatchDiscreteCustomEvent(l, u) : l.dispatchEvent(u);
-}
-var useLayoutEffect2 = (globalThis == null ? void 0 : globalThis.document) ? import_react.useLayoutEffect : () => {
-}, useReactId = import_react.useId || (() => void 0), count$1 = 0;
-function useId(r) {
-  let [o, s] = import_react.useState(useReactId());
-  return useLayoutEffect2(() => {
-    r || s((r2) => r2 ?? String(count$1++));
-  }, [r]), r || (o ? `radix-${o}` : "");
-}
-var sides = [
-  "top",
-  "right",
-  "bottom",
-  "left"
-], min = Math.min, max = Math.max, round = Math.round, floor = Math.floor, createCoords = (r) => ({
-  x: r,
-  y: r
-}), oppositeSideMap = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, oppositeAlignmentMap = {
-  start: "end",
-  end: "start"
-};
-function clamp(r, o, s) {
-  return max(r, min(o, s));
-}
-function evaluate(r, o) {
-  return typeof r == "function" ? r(o) : r;
-}
-function getSide(r) {
-  return r.split("-")[0];
-}
-function getAlignment(r) {
-  return r.split("-")[1];
-}
-function getOppositeAxis(r) {
-  return r === "x" ? "y" : "x";
-}
-function getAxisLength(r) {
-  return r === "y" ? "height" : "width";
-}
-var yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
-function getSideAxis(r) {
-  return yAxisSides.has(getSide(r)) ? "y" : "x";
-}
-function getAlignmentAxis(r) {
-  return getOppositeAxis(getSideAxis(r));
-}
-function getAlignmentSides(r, o, s) {
-  s === void 0 && (s = false);
-  let c = getAlignment(r), l = getAlignmentAxis(r), u = getAxisLength(l), d = l === "x" ? c === (s ? "end" : "start") ? "right" : "left" : c === "start" ? "bottom" : "top";
-  return o.reference[u] > o.floating[u] && (d = getOppositePlacement(d)), [d, getOppositePlacement(d)];
-}
-function getExpandedPlacements(r) {
-  let o = getOppositePlacement(r);
-  return [
-    getOppositeAlignmentPlacement(r),
-    o,
-    getOppositeAlignmentPlacement(o)
-  ];
-}
-function getOppositeAlignmentPlacement(r) {
-  return r.replace(/start|end/g, (r2) => oppositeAlignmentMap[r2]);
-}
-var lrPlacement = ["left", "right"], rlPlacement = ["right", "left"], tbPlacement = ["top", "bottom"], btPlacement = ["bottom", "top"];
-function getSideList(r, o, s) {
-  switch (r) {
-    case "top":
-    case "bottom":
-      return s ? o ? rlPlacement : lrPlacement : o ? lrPlacement : rlPlacement;
-    case "left":
-    case "right":
-      return o ? tbPlacement : btPlacement;
-    default:
-      return [];
-  }
-}
-function getOppositeAxisPlacements(r, o, s, c) {
-  let l = getAlignment(r), u = getSideList(getSide(r), s === "start", c);
-  return l && (u = u.map((r2) => r2 + "-" + l), o && (u = u.concat(u.map(getOppositeAlignmentPlacement)))), u;
-}
-function getOppositePlacement(r) {
-  return r.replace(/left|right|bottom|top/g, (r2) => oppositeSideMap[r2]);
-}
-function expandPaddingObject(r) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...r
-  };
-}
-function getPaddingObject(r) {
-  return typeof r == "number" ? {
-    top: r,
-    right: r,
-    bottom: r,
-    left: r
-  } : expandPaddingObject(r);
-}
-function rectToClientRect(r) {
-  let { x: o, y: s, width: c, height: l } = r;
-  return {
-    width: c,
-    height: l,
-    top: s,
-    left: o,
-    right: o + c,
-    bottom: s + l,
-    x: o,
-    y: s
-  };
-}
-function computeCoordsFromPlacement(r, o, s) {
-  let { reference: c, floating: l } = r, u = getSideAxis(o), d = getAlignmentAxis(o), f = getAxisLength(d), p = getSide(o), m = u === "y", h = c.x + c.width / 2 - l.width / 2, g = c.y + c.height / 2 - l.height / 2, _ = c[f] / 2 - l[f] / 2, v;
-  switch (p) {
-    case "top":
-      v = {
-        x: h,
-        y: c.y - l.height
-      };
-      break;
-    case "bottom":
-      v = {
-        x: h,
-        y: c.y + c.height
-      };
-      break;
-    case "right":
-      v = {
-        x: c.x + c.width,
-        y: g
-      };
-      break;
-    case "left":
-      v = {
-        x: c.x - l.width,
-        y: g
-      };
-      break;
-    default:
-      v = {
-        x: c.x,
-        y: c.y
-      };
-  }
-  switch (getAlignment(o)) {
-    case "start":
-      v[d] -= _ * (s && m ? -1 : 1);
-      break;
-    case "end":
-      v[d] += _ * (s && m ? -1 : 1);
-      break;
-  }
-  return v;
-}
-var computePosition$1 = async (r, o, s) => {
-  let { placement: c = "bottom", strategy: l = "absolute", middleware: u = [], platform: d } = s, f = u.filter(Boolean), p = await (d.isRTL == null ? void 0 : d.isRTL(o)), m = await d.getElementRects({
-    reference: r,
-    floating: o,
-    strategy: l
-  }), { x: h, y: g } = computeCoordsFromPlacement(m, c, p), _ = c, v = {}, y = 0;
-  for (let s2 = 0; s2 < f.length; s2++) {
-    let { name: u2, fn: b } = f[s2], { x, y: S, data: C, reset: w } = await b({
-      x: h,
-      y: g,
-      initialPlacement: c,
-      placement: _,
-      strategy: l,
-      middlewareData: v,
-      rects: m,
-      platform: d,
-      elements: {
-        reference: r,
-        floating: o
-      }
-    });
-    h = x ?? h, g = S ?? g, v = {
-      ...v,
-      [u2]: {
-        ...v[u2],
-        ...C
-      }
-    }, w && y <= 50 && (y++, typeof w == "object" && (w.placement && (_ = w.placement), w.rects && (m = w.rects === true ? await d.getElementRects({
-      reference: r,
-      floating: o,
-      strategy: l
-    }) : w.rects), { x: h, y: g } = computeCoordsFromPlacement(m, _, p)), s2 = -1);
-  }
-  return {
-    x: h,
-    y: g,
-    placement: _,
-    strategy: l,
-    middlewareData: v
-  };
-};
-async function detectOverflow$1(r, o) {
-  o === void 0 && (o = {});
-  let { x: s, y: c, platform: l, rects: u, elements: d, strategy: f } = r, { boundary: p = "clippingAncestors", rootBoundary: m = "viewport", elementContext: h = "floating", altBoundary: g = false, padding: _ = 0 } = evaluate(o, r), v = getPaddingObject(_), y = d[g ? h === "floating" ? "reference" : "floating" : h], b = rectToClientRect(await l.getClippingRect({
-    element: await (l.isElement == null ? void 0 : l.isElement(y)) ?? true ? y : y.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(d.floating)),
-    boundary: p,
-    rootBoundary: m,
-    strategy: f
-  })), x = h === "floating" ? {
-    x: s,
-    y: c,
-    width: u.floating.width,
-    height: u.floating.height
-  } : u.reference, S = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(d.floating)), C = await (l.isElement == null ? void 0 : l.isElement(S)) && await (l.getScale == null ? void 0 : l.getScale(S)) || {
-    x: 1,
-    y: 1
-  }, w = rectToClientRect(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: d,
-    rect: x,
-    offsetParent: S,
-    strategy: f
-  }) : x);
-  return {
-    top: (b.top - w.top + v.top) / C.y,
-    bottom: (w.bottom - b.bottom + v.bottom) / C.y,
-    left: (b.left - w.left + v.left) / C.x,
-    right: (w.right - b.right + v.right) / C.x
-  };
-}
-var arrow$2 = (r) => ({
-  name: "arrow",
-  options: r,
-  async fn(o) {
-    let { x: s, y: c, placement: l, rects: u, platform: d, elements: f, middlewareData: p } = o, { element: m, padding: h = 0 } = evaluate(r, o) || {};
-    if (m == null) return {};
-    let g = getPaddingObject(h), _ = {
-      x: s,
-      y: c
-    }, v = getAlignmentAxis(l), y = getAxisLength(v), b = await d.getDimensions(m), x = v === "y", S = x ? "top" : "left", C = x ? "bottom" : "right", w = x ? "clientHeight" : "clientWidth", T = u.reference[y] + u.reference[v] - _[v] - u.floating[y], E = _[v] - u.reference[v], D = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(m)), O = D ? D[w] : 0;
-    (!O || !await (d.isElement == null ? void 0 : d.isElement(D))) && (O = f.floating[w] || u.floating[y]);
-    let k = T / 2 - E / 2, A = O / 2 - b[y] / 2 - 1, j = min(g[S], A), M = min(g[C], A), N = j, P = O - b[y] - M, F = O / 2 - b[y] / 2 + k, I = clamp(N, F, P), L = !p.arrow && getAlignment(l) != null && F !== I && u.reference[y] / 2 - (F < N ? j : M) - b[y] / 2 < 0, R = L ? F < N ? F - N : F - P : 0;
-    return {
-      [v]: _[v] + R,
-      data: {
-        [v]: I,
-        centerOffset: F - I - R,
-        ...L && { alignmentOffset: R }
-      },
-      reset: L
-    };
-  }
-}), flip$2 = function(r) {
-  return r === void 0 && (r = {}), {
-    name: "flip",
-    options: r,
-    async fn(o) {
-      var _a, _b, _c, _d;
-      var s;
-      let { placement: c, middlewareData: l, rects: u, initialPlacement: d, platform: f, elements: p } = o, { mainAxis: m = true, crossAxis: h = true, fallbackPlacements: g, fallbackStrategy: _ = "bestFit", fallbackAxisSideDirection: v = "none", flipAlignment: y = true, ...b } = evaluate(r, o);
-      if ((s = l.arrow) != null && s.alignmentOffset) return {};
-      let x = getSide(c), S = getSideAxis(d), C = getSide(d) === d, w = await (f.isRTL == null ? void 0 : f.isRTL(p.floating)), T = g || (C || !y ? [getOppositePlacement(d)] : getExpandedPlacements(d)), E = v !== "none";
-      !g && E && T.push(...getOppositeAxisPlacements(d, y, v, w));
-      let D = [d, ...T], O = await detectOverflow$1(o, b), k = [], A = ((_a = l.flip) == null ? void 0 : _a.overflows) || [];
-      if (m && k.push(O[x]), h) {
-        let r2 = getAlignmentSides(c, u, w);
-        k.push(O[r2[0]], O[r2[1]]);
-      }
-      if (A = [...A, {
-        placement: c,
-        overflows: k
-      }], !k.every((r2) => r2 <= 0)) {
-        let r2 = (((_b = l.flip) == null ? void 0 : _b.index) || 0) + 1, o2 = D[r2];
-        if (o2 && (!(h === "alignment" && S !== getSideAxis(o2)) || A.every((r3) => r3.overflows[0] > 0 && getSideAxis(r3.placement) === S))) return {
-          data: {
-            index: r2,
-            overflows: A
-          },
-          reset: { placement: o2 }
-        };
-        let s2 = (_c = A.filter((r3) => r3.overflows[0] <= 0).sort((r3, o3) => r3.overflows[1] - o3.overflows[1])[0]) == null ? void 0 : _c.placement;
-        if (!s2) switch (_) {
-          case "bestFit": {
-            let r3 = (_d = A.filter((r4) => {
-              if (E) {
-                let o3 = getSideAxis(r4.placement);
-                return o3 === S || o3 === "y";
-              }
-              return true;
-            }).map((r4) => [r4.placement, r4.overflows.filter((r5) => r5 > 0).reduce((r5, o3) => r5 + o3, 0)]).sort((r4, o3) => r4[1] - o3[1])[0]) == null ? void 0 : _d[0];
-            r3 && (s2 = r3);
-            break;
-          }
-          case "initialPlacement":
-            s2 = d;
-            break;
-        }
-        if (c !== s2) return { reset: { placement: s2 } };
-      }
-      return {};
-    }
-  };
-};
-function getSideOffsets(r, o) {
-  return {
-    top: r.top - o.height,
-    right: r.right - o.width,
-    bottom: r.bottom - o.height,
-    left: r.left - o.width
-  };
-}
-function isAnySideFullyClipped(r) {
-  return sides.some((o) => r[o] >= 0);
-}
-var hide$2 = function(r) {
-  return r === void 0 && (r = {}), {
-    name: "hide",
-    options: r,
-    async fn(o) {
-      let { rects: s } = o, { strategy: c = "referenceHidden", ...l } = evaluate(r, o);
-      switch (c) {
-        case "referenceHidden": {
-          let r2 = getSideOffsets(await detectOverflow$1(o, {
-            ...l,
-            elementContext: "reference"
-          }), s.reference);
-          return { data: {
-            referenceHiddenOffsets: r2,
-            referenceHidden: isAnySideFullyClipped(r2)
-          } };
-        }
-        case "escaped": {
-          let r2 = getSideOffsets(await detectOverflow$1(o, {
-            ...l,
-            altBoundary: true
-          }), s.floating);
-          return { data: {
-            escapedOffsets: r2,
-            escaped: isAnySideFullyClipped(r2)
-          } };
-        }
-        default:
-          return {};
-      }
-    }
-  };
-}, originSides = /* @__PURE__ */ new Set(["left", "top"]);
-async function convertValueToCoords(r, o) {
-  let { placement: s, platform: c, elements: l } = r, u = await (c.isRTL == null ? void 0 : c.isRTL(l.floating)), d = getSide(s), f = getAlignment(s), p = getSideAxis(s) === "y", m = originSides.has(d) ? -1 : 1, h = u && p ? -1 : 1, g = evaluate(o, r), { mainAxis: _, crossAxis: v, alignmentAxis: y } = typeof g == "number" ? {
-    mainAxis: g,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: g.mainAxis || 0,
-    crossAxis: g.crossAxis || 0,
-    alignmentAxis: g.alignmentAxis
-  };
-  return f && typeof y == "number" && (v = f === "end" ? y * -1 : y), p ? {
-    x: v * h,
-    y: _ * m
-  } : {
-    x: _ * m,
-    y: v * h
-  };
-}
-var offset$2 = function(r) {
-  return r === void 0 && (r = 0), {
-    name: "offset",
-    options: r,
-    async fn(o) {
-      var _a;
-      var s;
-      let { x: c, y: l, placement: u, middlewareData: d } = o, f = await convertValueToCoords(o, r);
-      return u === ((_a = d.offset) == null ? void 0 : _a.placement) && (s = d.arrow) != null && s.alignmentOffset ? {} : {
-        x: c + f.x,
-        y: l + f.y,
-        data: {
-          ...f,
-          placement: u
-        }
-      };
-    }
-  };
-}, shift$2 = function(r) {
-  return r === void 0 && (r = {}), {
-    name: "shift",
-    options: r,
-    async fn(o) {
-      let { x: s, y: c, placement: l } = o, { mainAxis: u = true, crossAxis: d = false, limiter: f = { fn: (r2) => {
-        let { x: o2, y: s2 } = r2;
-        return {
-          x: o2,
-          y: s2
-        };
-      } }, ...p } = evaluate(r, o), m = {
-        x: s,
-        y: c
-      }, h = await detectOverflow$1(o, p), g = getSideAxis(getSide(l)), _ = getOppositeAxis(g), v = m[_], y = m[g];
-      if (u) {
-        let r2 = _ === "y" ? "top" : "left", o2 = _ === "y" ? "bottom" : "right", s2 = v + h[r2], c2 = v - h[o2];
-        v = clamp(s2, v, c2);
-      }
-      if (d) {
-        let r2 = g === "y" ? "top" : "left", o2 = g === "y" ? "bottom" : "right", s2 = y + h[r2], c2 = y - h[o2];
-        y = clamp(s2, y, c2);
-      }
-      let b = f.fn({
-        ...o,
-        [_]: v,
-        [g]: y
-      });
-      return {
-        ...b,
-        data: {
-          x: b.x - s,
-          y: b.y - c,
-          enabled: {
-            [_]: u,
-            [g]: d
-          }
-        }
-      };
-    }
-  };
-}, limitShift$2 = function(r) {
-  return r === void 0 && (r = {}), {
-    options: r,
-    fn(o) {
-      var _a, _b;
-      let { x: s, y: c, placement: l, rects: u, middlewareData: d } = o, { offset: f = 0, mainAxis: p = true, crossAxis: m = true } = evaluate(r, o), h = {
-        x: s,
-        y: c
-      }, g = getSideAxis(l), _ = getOppositeAxis(g), v = h[_], y = h[g], b = evaluate(f, o), x = typeof b == "number" ? {
-        mainAxis: b,
-        crossAxis: 0
-      } : {
-        mainAxis: 0,
-        crossAxis: 0,
-        ...b
-      };
-      if (p) {
-        let r2 = _ === "y" ? "height" : "width", o2 = u.reference[_] - u.floating[r2] + x.mainAxis, s2 = u.reference[_] + u.reference[r2] - x.mainAxis;
-        v < o2 ? v = o2 : v > s2 && (v = s2);
-      }
-      if (m) {
-        let r2 = _ === "y" ? "width" : "height", o2 = originSides.has(getSide(l)), s2 = u.reference[g] - u.floating[r2] + (o2 && ((_a = d.offset) == null ? void 0 : _a[g]) || 0) + (o2 ? 0 : x.crossAxis), c2 = u.reference[g] + u.reference[r2] + (o2 ? 0 : ((_b = d.offset) == null ? void 0 : _b[g]) || 0) - (o2 ? x.crossAxis : 0);
-        y < s2 ? y = s2 : y > c2 && (y = c2);
-      }
-      return {
-        [_]: v,
-        [g]: y
-      };
-    }
-  };
-}, size$2 = function(r) {
-  return r === void 0 && (r = {}), {
-    name: "size",
-    options: r,
-    async fn(o) {
-      var s, c;
-      let { placement: l, rects: u, platform: d, elements: f } = o, { apply: p = () => {
-      }, ...m } = evaluate(r, o), h = await detectOverflow$1(o, m), g = getSide(l), _ = getAlignment(l), v = getSideAxis(l) === "y", { width: y, height: b } = u.floating, x, S;
-      g === "top" || g === "bottom" ? (x = g, S = _ === (await (d.isRTL == null ? void 0 : d.isRTL(f.floating)) ? "start" : "end") ? "left" : "right") : (S = g, x = _ === "end" ? "top" : "bottom");
-      let C = b - h.top - h.bottom, w = y - h.left - h.right, T = min(b - h[x], C), E = min(y - h[S], w), D = !o.middlewareData.shift, O = T, k = E;
-      if ((s = o.middlewareData.shift) != null && s.enabled.x && (k = w), (c = o.middlewareData.shift) != null && c.enabled.y && (O = C), D && !_) {
-        let r2 = max(h.left, 0), o2 = max(h.right, 0), s2 = max(h.top, 0), c2 = max(h.bottom, 0);
-        v ? k = y - 2 * (r2 !== 0 || o2 !== 0 ? r2 + o2 : max(h.left, h.right)) : O = b - 2 * (s2 !== 0 || c2 !== 0 ? s2 + c2 : max(h.top, h.bottom));
-      }
-      await p({
-        ...o,
-        availableWidth: k,
-        availableHeight: O
-      });
-      let A = await d.getDimensions(f.floating);
-      return y !== A.width || b !== A.height ? { reset: { rects: true } } : {};
-    }
-  };
-};
-function hasWindow() {
-  return typeof window < "u";
-}
-function getNodeName(r) {
-  return isNode(r) ? (r.nodeName || "").toLowerCase() : "#document";
-}
-function getWindow(r) {
-  var o;
-  return (r == null || (o = r.ownerDocument) == null ? void 0 : o.defaultView) || window;
-}
-function getDocumentElement(r) {
-  var _a;
-  return (_a = (isNode(r) ? r.ownerDocument : r.document) || window.document) == null ? void 0 : _a.documentElement;
-}
-function isNode(r) {
-  return hasWindow() ? r instanceof Node || r instanceof getWindow(r).Node : false;
-}
-function isElement(r) {
-  return hasWindow() ? r instanceof Element || r instanceof getWindow(r).Element : false;
-}
-function isHTMLElement(r) {
-  return hasWindow() ? r instanceof HTMLElement || r instanceof getWindow(r).HTMLElement : false;
-}
-function isShadowRoot(r) {
-  return !hasWindow() || typeof ShadowRoot > "u" ? false : r instanceof ShadowRoot || r instanceof getWindow(r).ShadowRoot;
-}
-var invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
-function isOverflowElement(r) {
-  let { overflow: o, overflowX: s, overflowY: c, display: l } = getComputedStyle$1(r);
-  return /auto|scroll|overlay|hidden|clip/.test(o + c + s) && !invalidOverflowDisplayValues.has(l);
-}
-var tableElements = /* @__PURE__ */ new Set([
-  "table",
-  "td",
-  "th"
-]);
-function isTableElement(r) {
-  return tableElements.has(getNodeName(r));
-}
-var topLayerSelectors = [":popover-open", ":modal"];
-function isTopLayer(r) {
-  return topLayerSelectors.some((o) => {
-    try {
-      return r.matches(o);
-    } catch {
-      return false;
-    }
-  });
-}
-var transformProperties = [
-  "transform",
-  "translate",
-  "scale",
-  "rotate",
-  "perspective"
-], willChangeValues = [
-  "transform",
-  "translate",
-  "scale",
-  "rotate",
-  "perspective",
-  "filter"
-], containValues = [
-  "paint",
-  "layout",
-  "strict",
-  "content"
-];
-function isContainingBlock(r) {
-  let o = isWebKit(), s = isElement(r) ? getComputedStyle$1(r) : r;
-  return transformProperties.some((r2) => s[r2] ? s[r2] !== "none" : false) || (s.containerType ? s.containerType !== "normal" : false) || !o && (s.backdropFilter ? s.backdropFilter !== "none" : false) || !o && (s.filter ? s.filter !== "none" : false) || willChangeValues.some((r2) => (s.willChange || "").includes(r2)) || containValues.some((r2) => (s.contain || "").includes(r2));
-}
-function getContainingBlock(r) {
-  let o = getParentNode(r);
-  for (; isHTMLElement(o) && !isLastTraversableNode(o); ) {
-    if (isContainingBlock(o)) return o;
-    if (isTopLayer(o)) return null;
-    o = getParentNode(o);
-  }
-  return null;
-}
-function isWebKit() {
-  return typeof CSS > "u" || !CSS.supports ? false : CSS.supports("-webkit-backdrop-filter", "none");
-}
-var lastTraversableNodeNames = /* @__PURE__ */ new Set([
-  "html",
-  "body",
-  "#document"
-]);
-function isLastTraversableNode(r) {
-  return lastTraversableNodeNames.has(getNodeName(r));
-}
-function getComputedStyle$1(r) {
-  return getWindow(r).getComputedStyle(r);
-}
-function getNodeScroll(r) {
-  return isElement(r) ? {
-    scrollLeft: r.scrollLeft,
-    scrollTop: r.scrollTop
-  } : {
-    scrollLeft: r.scrollX,
-    scrollTop: r.scrollY
-  };
-}
-function getParentNode(r) {
-  if (getNodeName(r) === "html") return r;
-  let o = r.assignedSlot || r.parentNode || isShadowRoot(r) && r.host || getDocumentElement(r);
-  return isShadowRoot(o) ? o.host : o;
-}
-function getNearestOverflowAncestor(r) {
-  let o = getParentNode(r);
-  return isLastTraversableNode(o) ? r.ownerDocument ? r.ownerDocument.body : r.body : isHTMLElement(o) && isOverflowElement(o) ? o : getNearestOverflowAncestor(o);
-}
-function getOverflowAncestors(r, o, s) {
-  var _a;
-  o === void 0 && (o = []), s === void 0 && (s = true);
-  let c = getNearestOverflowAncestor(r), l = c === ((_a = r.ownerDocument) == null ? void 0 : _a.body), u = getWindow(c);
-  if (l) {
-    let r2 = getFrameElement(u);
-    return o.concat(u, u.visualViewport || [], isOverflowElement(c) ? c : [], r2 && s ? getOverflowAncestors(r2) : []);
-  }
-  return o.concat(c, getOverflowAncestors(c, [], s));
-}
-function getFrameElement(r) {
-  return r.parent && Object.getPrototypeOf(r.parent) ? r.frameElement : null;
-}
-function getCssDimensions(r) {
-  let o = getComputedStyle$1(r), s = parseFloat(o.width) || 0, c = parseFloat(o.height) || 0, l = isHTMLElement(r), u = l ? r.offsetWidth : s, d = l ? r.offsetHeight : c, f = round(s) !== u || round(c) !== d;
-  return f && (s = u, c = d), {
-    width: s,
-    height: c,
-    $: f
-  };
-}
-function unwrapElement(r) {
-  return isElement(r) ? r : r.contextElement;
-}
-function getScale(r) {
-  let o = unwrapElement(r);
-  if (!isHTMLElement(o)) return createCoords(1);
-  let s = o.getBoundingClientRect(), { width: c, height: l, $: u } = getCssDimensions(o), d = (u ? round(s.width) : s.width) / c, f = (u ? round(s.height) : s.height) / l;
-  return (!d || !Number.isFinite(d)) && (d = 1), (!f || !Number.isFinite(f)) && (f = 1), {
-    x: d,
-    y: f
-  };
-}
-var noOffsets = /* @__PURE__ */ createCoords(0);
-function getVisualOffsets(r) {
-  let o = getWindow(r);
-  return !isWebKit() || !o.visualViewport ? noOffsets : {
-    x: o.visualViewport.offsetLeft,
-    y: o.visualViewport.offsetTop
-  };
-}
-function shouldAddVisualOffsets(r, o, s) {
-  return o === void 0 && (o = false), !s || o && s !== getWindow(r) ? false : o;
-}
-function getBoundingClientRect(r, o, s, c) {
-  o === void 0 && (o = false), s === void 0 && (s = false);
-  let l = r.getBoundingClientRect(), u = unwrapElement(r), d = createCoords(1);
-  o && (c ? isElement(c) && (d = getScale(c)) : d = getScale(r));
-  let f = shouldAddVisualOffsets(u, s, c) ? getVisualOffsets(u) : createCoords(0), p = (l.left + f.x) / d.x, m = (l.top + f.y) / d.y, h = l.width / d.x, g = l.height / d.y;
-  if (u) {
-    let r2 = getWindow(u), o2 = c && isElement(c) ? getWindow(c) : c, s2 = r2, l2 = getFrameElement(s2);
-    for (; l2 && c && o2 !== s2; ) {
-      let r3 = getScale(l2), o3 = l2.getBoundingClientRect(), c2 = getComputedStyle$1(l2), u2 = o3.left + (l2.clientLeft + parseFloat(c2.paddingLeft)) * r3.x, d2 = o3.top + (l2.clientTop + parseFloat(c2.paddingTop)) * r3.y;
-      p *= r3.x, m *= r3.y, h *= r3.x, g *= r3.y, p += u2, m += d2, s2 = getWindow(l2), l2 = getFrameElement(s2);
-    }
-  }
-  return rectToClientRect({
-    width: h,
-    height: g,
-    x: p,
-    y: m
-  });
-}
-function getWindowScrollBarX(r, o) {
-  let s = getNodeScroll(r).scrollLeft;
-  return o ? o.left + s : getBoundingClientRect(getDocumentElement(r)).left + s;
-}
-function getHTMLOffset(r, o, s) {
-  s === void 0 && (s = false);
-  let c = r.getBoundingClientRect();
-  return {
-    x: c.left + o.scrollLeft - (s ? 0 : getWindowScrollBarX(r, c)),
-    y: c.top + o.scrollTop
-  };
-}
-function convertOffsetParentRelativeRectToViewportRelativeRect(r) {
-  let { elements: o, rect: s, offsetParent: c, strategy: l } = r, u = l === "fixed", d = getDocumentElement(c), f = o ? isTopLayer(o.floating) : false;
-  if (c === d || f && u) return s;
-  let p = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, m = createCoords(1), h = createCoords(0), g = isHTMLElement(c);
-  if ((g || !g && !u) && ((getNodeName(c) !== "body" || isOverflowElement(d)) && (p = getNodeScroll(c)), isHTMLElement(c))) {
-    let r2 = getBoundingClientRect(c);
-    m = getScale(c), h.x = r2.x + c.clientLeft, h.y = r2.y + c.clientTop;
-  }
-  let _ = d && !g && !u ? getHTMLOffset(d, p, true) : createCoords(0);
-  return {
-    width: s.width * m.x,
-    height: s.height * m.y,
-    x: s.x * m.x - p.scrollLeft * m.x + h.x + _.x,
-    y: s.y * m.y - p.scrollTop * m.y + h.y + _.y
-  };
-}
-function getClientRects(r) {
-  return Array.from(r.getClientRects());
-}
-function getDocumentRect(r) {
-  let o = getDocumentElement(r), s = getNodeScroll(r), c = r.ownerDocument.body, l = max(o.scrollWidth, o.clientWidth, c.scrollWidth, c.clientWidth), u = max(o.scrollHeight, o.clientHeight, c.scrollHeight, c.clientHeight), d = -s.scrollLeft + getWindowScrollBarX(r), f = -s.scrollTop;
-  return getComputedStyle$1(c).direction === "rtl" && (d += max(o.clientWidth, c.clientWidth) - l), {
-    width: l,
-    height: u,
-    x: d,
-    y: f
-  };
-}
-function getViewportRect(r, o) {
-  let s = getWindow(r), c = getDocumentElement(r), l = s.visualViewport, u = c.clientWidth, d = c.clientHeight, f = 0, p = 0;
-  if (l) {
-    u = l.width, d = l.height;
-    let r2 = isWebKit();
-    (!r2 || r2 && o === "fixed") && (f = l.offsetLeft, p = l.offsetTop);
-  }
-  return {
-    width: u,
-    height: d,
-    x: f,
-    y: p
-  };
-}
-var absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function getInnerBoundingClientRect(r, o) {
-  let s = getBoundingClientRect(r, true, o === "fixed"), c = s.top + r.clientTop, l = s.left + r.clientLeft, u = isHTMLElement(r) ? getScale(r) : createCoords(1);
-  return {
-    width: r.clientWidth * u.x,
-    height: r.clientHeight * u.y,
-    x: l * u.x,
-    y: c * u.y
-  };
-}
-function getClientRectFromClippingAncestor(r, o, s) {
-  let c;
-  if (o === "viewport") c = getViewportRect(r, s);
-  else if (o === "document") c = getDocumentRect(getDocumentElement(r));
-  else if (isElement(o)) c = getInnerBoundingClientRect(o, s);
-  else {
-    let s2 = getVisualOffsets(r);
-    c = {
-      x: o.x - s2.x,
-      y: o.y - s2.y,
-      width: o.width,
-      height: o.height
-    };
-  }
-  return rectToClientRect(c);
-}
-function hasFixedPositionAncestor(r, o) {
-  let s = getParentNode(r);
-  return s === o || !isElement(s) || isLastTraversableNode(s) ? false : getComputedStyle$1(s).position === "fixed" || hasFixedPositionAncestor(s, o);
-}
-function getClippingElementAncestors(r, o) {
-  let s = o.get(r);
-  if (s) return s;
-  let c = getOverflowAncestors(r, [], false).filter((r2) => isElement(r2) && getNodeName(r2) !== "body"), l = null, u = getComputedStyle$1(r).position === "fixed", d = u ? getParentNode(r) : r;
-  for (; isElement(d) && !isLastTraversableNode(d); ) {
-    let o2 = getComputedStyle$1(d), s2 = isContainingBlock(d);
-    !s2 && o2.position === "fixed" && (l = null), (u ? !s2 && !l : !s2 && o2.position === "static" && l && absoluteOrFixed.has(l.position) || isOverflowElement(d) && !s2 && hasFixedPositionAncestor(r, d)) ? c = c.filter((r2) => r2 !== d) : l = o2, d = getParentNode(d);
-  }
-  return o.set(r, c), c;
-}
-function getClippingRect(r) {
-  let { element: o, boundary: s, rootBoundary: c, strategy: l } = r, u = [...s === "clippingAncestors" ? isTopLayer(o) ? [] : getClippingElementAncestors(o, this._c) : [].concat(s), c], d = u[0], f = u.reduce((r2, s2) => {
-    let c2 = getClientRectFromClippingAncestor(o, s2, l);
-    return r2.top = max(c2.top, r2.top), r2.right = min(c2.right, r2.right), r2.bottom = min(c2.bottom, r2.bottom), r2.left = max(c2.left, r2.left), r2;
-  }, getClientRectFromClippingAncestor(o, d, l));
-  return {
-    width: f.right - f.left,
-    height: f.bottom - f.top,
-    x: f.left,
-    y: f.top
-  };
-}
-function getDimensions(r) {
-  let { width: o, height: s } = getCssDimensions(r);
-  return {
-    width: o,
-    height: s
-  };
-}
-function getRectRelativeToOffsetParent(r, o, s) {
-  let c = isHTMLElement(o), l = getDocumentElement(o), u = s === "fixed", d = getBoundingClientRect(r, true, u, o), f = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, p = createCoords(0);
-  function m() {
-    p.x = getWindowScrollBarX(l);
-  }
-  if (c || !c && !u) if ((getNodeName(o) !== "body" || isOverflowElement(l)) && (f = getNodeScroll(o)), c) {
-    let r2 = getBoundingClientRect(o, true, u, o);
-    p.x = r2.x + o.clientLeft, p.y = r2.y + o.clientTop;
-  } else l && m();
-  u && !c && l && m();
-  let h = l && !c && !u ? getHTMLOffset(l, f) : createCoords(0);
-  return {
-    x: d.left + f.scrollLeft - p.x - h.x,
-    y: d.top + f.scrollTop - p.y - h.y,
-    width: d.width,
-    height: d.height
-  };
-}
-function isStaticPositioned(r) {
-  return getComputedStyle$1(r).position === "static";
-}
-function getTrueOffsetParent(r, o) {
-  if (!isHTMLElement(r) || getComputedStyle$1(r).position === "fixed") return null;
-  if (o) return o(r);
-  let s = r.offsetParent;
-  return getDocumentElement(r) === s && (s = s.ownerDocument.body), s;
-}
-function getOffsetParent(r, o) {
-  let s = getWindow(r);
-  if (isTopLayer(r)) return s;
-  if (!isHTMLElement(r)) {
-    let o2 = getParentNode(r);
-    for (; o2 && !isLastTraversableNode(o2); ) {
-      if (isElement(o2) && !isStaticPositioned(o2)) return o2;
-      o2 = getParentNode(o2);
-    }
-    return s;
-  }
-  let c = getTrueOffsetParent(r, o);
-  for (; c && isTableElement(c) && isStaticPositioned(c); ) c = getTrueOffsetParent(c, o);
-  return c && isLastTraversableNode(c) && isStaticPositioned(c) && !isContainingBlock(c) ? s : c || getContainingBlock(r) || s;
-}
-var getElementRects = async function(r) {
-  let o = this.getOffsetParent || getOffsetParent, s = this.getDimensions, c = await s(r.floating);
-  return {
-    reference: getRectRelativeToOffsetParent(r.reference, await o(r.floating), r.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: c.width,
-      height: c.height
-    }
-  };
-};
-function isRTL(r) {
-  return getComputedStyle$1(r).direction === "rtl";
-}
-var platform = {
-  convertOffsetParentRelativeRectToViewportRelativeRect,
-  getDocumentElement,
-  getClippingRect,
-  getOffsetParent,
-  getElementRects,
-  getClientRects,
-  getDimensions,
-  getScale,
-  isElement,
-  isRTL
-};
-function rectsAreEqual(r, o) {
-  return r.x === o.x && r.y === o.y && r.width === o.width && r.height === o.height;
-}
-function observeMove(r, o) {
-  let s = null, c, l = getDocumentElement(r);
-  function u() {
-    var r2;
-    clearTimeout(c), (r2 = s) == null || r2.disconnect(), s = null;
-  }
-  function d(f, p) {
-    f === void 0 && (f = false), p === void 0 && (p = 1), u();
-    let m = r.getBoundingClientRect(), { left: h, top: g, width: _, height: v } = m;
-    if (f || o(), !_ || !v) return;
-    let y = floor(g), b = floor(l.clientWidth - (h + _)), x = floor(l.clientHeight - (g + v)), S = floor(h), C = {
-      rootMargin: -y + "px " + -b + "px " + -x + "px " + -S + "px",
-      threshold: max(0, min(1, p)) || 1
-    }, w = true;
-    function T(o2) {
-      let s2 = o2[0].intersectionRatio;
-      if (s2 !== p) {
-        if (!w) return d();
-        s2 ? d(false, s2) : c = setTimeout(() => {
-          d(false, 1e-7);
-        }, 1e3);
-      }
-      s2 === 1 && !rectsAreEqual(m, r.getBoundingClientRect()) && d(), w = false;
-    }
-    try {
-      s = new IntersectionObserver(T, {
-        ...C,
-        root: l.ownerDocument
-      });
-    } catch {
-      s = new IntersectionObserver(T, C);
-    }
-    s.observe(r);
-  }
-  return d(true), u;
-}
-function autoUpdate(r, o, s, c) {
-  c === void 0 && (c = {});
-  let { ancestorScroll: l = true, ancestorResize: u = true, elementResize: d = typeof ResizeObserver == "function", layoutShift: f = typeof IntersectionObserver == "function", animationFrame: p = false } = c, m = unwrapElement(r), h = l || u ? [...m ? getOverflowAncestors(m) : [], ...getOverflowAncestors(o)] : [];
-  h.forEach((r2) => {
-    l && r2.addEventListener("scroll", s, { passive: true }), u && r2.addEventListener("resize", s);
-  });
-  let g = m && f ? observeMove(m, s) : null, _ = -1, v = null;
-  d && (v = new ResizeObserver((r2) => {
-    let [c2] = r2;
-    c2 && c2.target === m && v && (v.unobserve(o), cancelAnimationFrame(_), _ = requestAnimationFrame(() => {
-      var r3;
-      (r3 = v) == null || r3.observe(o);
-    })), s();
-  }), m && !p && v.observe(m), v.observe(o));
-  let y, b = p ? getBoundingClientRect(r) : null;
-  p && x();
-  function x() {
-    let o2 = getBoundingClientRect(r);
-    b && !rectsAreEqual(b, o2) && s(), b = o2, y = requestAnimationFrame(x);
-  }
-  return s(), () => {
-    var r2;
-    h.forEach((r3) => {
-      l && r3.removeEventListener("scroll", s), u && r3.removeEventListener("resize", s);
-    }), g == null ? void 0 : g(), (r2 = v) == null || r2.disconnect(), v = null, p && cancelAnimationFrame(y);
-  };
-}
-var offset$1 = offset$2, shift$1 = shift$2, flip$1 = flip$2, size$1 = size$2, hide$1 = hide$2, arrow$1 = arrow$2, limitShift$1 = limitShift$2, computePosition = (r, o, s) => {
-  let c = /* @__PURE__ */ new Map(), l = {
-    platform,
-    ...s
-  }, u = {
-    ...l.platform,
-    _c: c
-  };
-  return computePosition$1(r, o, {
-    ...l,
-    platform: u
-  });
-}, import_react_dom$1 = /* @__PURE__ */ __toESM(require_react_dom(), 1), index = typeof document < "u" ? import_react.useLayoutEffect : function() {
-};
-function deepEqual(r, o) {
-  if (r === o) return true;
-  if (typeof r != typeof o) return false;
-  if (typeof r == "function" && r.toString() === o.toString()) return true;
-  let s, c, l;
-  if (r && o && typeof r == "object") {
-    if (Array.isArray(r)) {
-      if (s = r.length, s !== o.length) return false;
-      for (c = s; c-- !== 0; ) if (!deepEqual(r[c], o[c])) return false;
-      return true;
-    }
-    if (l = Object.keys(r), s = l.length, s !== Object.keys(o).length) return false;
-    for (c = s; c-- !== 0; ) if (!{}.hasOwnProperty.call(o, l[c])) return false;
-    for (c = s; c-- !== 0; ) {
-      let s2 = l[c];
-      if (!(s2 === "_owner" && r.$$typeof) && !deepEqual(r[s2], o[s2])) return false;
-    }
-    return true;
-  }
-  return r !== r && o !== o;
-}
-function getDPR(r) {
-  return typeof window > "u" ? 1 : (r.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function roundByDPR(r, o) {
-  let s = getDPR(r);
-  return Math.round(o * s) / s;
-}
-function useLatestRef(r) {
-  let o = import_react.useRef(r);
-  return index(() => {
-    o.current = r;
-  }), o;
-}
-function useFloating(r) {
-  r === void 0 && (r = {});
-  let { placement: o = "bottom", strategy: s = "absolute", middleware: c = [], platform: l, elements: { reference: u, floating: d } = {}, transform: f = true, whileElementsMounted: p, open: h } = r, [g, _] = import_react.useState({
-    x: 0,
-    y: 0,
-    strategy: s,
-    placement: o,
-    middlewareData: {},
-    isPositioned: false
-  }), [v, y] = import_react.useState(c);
-  deepEqual(v, c) || y(c);
-  let [b, x] = import_react.useState(null), [S, C] = import_react.useState(null), w = import_react.useCallback((r2) => {
-    r2 !== O.current && (O.current = r2, x(r2));
-  }, []), T = import_react.useCallback((r2) => {
-    r2 !== k.current && (k.current = r2, C(r2));
-  }, []), E = u || b, D = d || S, O = import_react.useRef(null), k = import_react.useRef(null), A = import_react.useRef(g), j = p != null, M = useLatestRef(p), N = useLatestRef(l), P = useLatestRef(h), F = import_react.useCallback(() => {
-    if (!O.current || !k.current) return;
-    let r2 = {
-      placement: o,
-      strategy: s,
-      middleware: v
-    };
-    N.current && (r2.platform = N.current), computePosition(O.current, k.current, r2).then((r3) => {
-      let o2 = {
-        ...r3,
-        isPositioned: P.current !== false
-      };
-      I.current && !deepEqual(A.current, o2) && (A.current = o2, import_react_dom$1.flushSync(() => {
-        _(o2);
-      }));
-    });
-  }, [
-    v,
-    o,
-    s,
-    N,
-    P
-  ]);
-  index(() => {
-    h === false && A.current.isPositioned && (A.current.isPositioned = false, _((r2) => ({
-      ...r2,
-      isPositioned: false
-    })));
-  }, [h]);
-  let I = import_react.useRef(false);
-  index(() => (I.current = true, () => {
-    I.current = false;
-  }), []), index(() => {
-    if (E && (O.current = E), D && (k.current = D), E && D) {
-      if (M.current) return M.current(E, D, F);
-      F();
-    }
-  }, [
-    E,
-    D,
-    F,
-    M,
-    j
-  ]);
-  let L = import_react.useMemo(() => ({
-    reference: O,
-    floating: k,
-    setReference: w,
-    setFloating: T
-  }), [w, T]), R = import_react.useMemo(() => ({
-    reference: E,
-    floating: D
-  }), [E, D]), z = import_react.useMemo(() => {
-    let r2 = {
-      position: s,
-      left: 0,
-      top: 0
-    };
-    if (!R.floating) return r2;
-    let o2 = roundByDPR(R.floating, g.x), c2 = roundByDPR(R.floating, g.y);
-    return f ? {
-      ...r2,
-      transform: "translate(" + o2 + "px, " + c2 + "px)",
-      ...getDPR(R.floating) >= 1.5 && { willChange: "transform" }
-    } : {
-      position: s,
-      left: o2,
-      top: c2
-    };
-  }, [
-    s,
-    f,
-    R.floating,
-    g.x,
-    g.y
-  ]);
-  return import_react.useMemo(() => ({
-    ...g,
-    update: F,
-    refs: L,
-    elements: R,
-    floatingStyles: z
-  }), [
-    g,
-    F,
-    L,
-    R,
-    z
-  ]);
-}
-var arrow$1$1 = (r) => {
-  function o(r2) {
-    return {}.hasOwnProperty.call(r2, "current");
-  }
-  return {
-    name: "arrow",
-    options: r,
-    fn(s) {
-      let { element: c, padding: l } = typeof r == "function" ? r(s) : r;
-      return c && o(c) ? c.current == null ? {} : arrow$1({
-        element: c.current,
-        padding: l
-      }).fn(s) : c ? arrow$1({
-        element: c,
-        padding: l
-      }).fn(s) : {};
-    }
-  };
-}, offset = (r, o) => ({
-  ...offset$1(r),
-  options: [r, o]
-}), shift = (r, o) => ({
-  ...shift$1(r),
-  options: [r, o]
-}), limitShift = (r, o) => ({
-  ...limitShift$1(r),
-  options: [r, o]
-}), flip = (r, o) => ({
-  ...flip$1(r),
-  options: [r, o]
-}), size = (r, o) => ({
-  ...size$1(r),
-  options: [r, o]
-}), hide = (r, o) => ({
-  ...hide$1(r),
-  options: [r, o]
-}), arrow = (r, o) => ({
-  ...arrow$1$1(r),
-  options: [r, o]
-}), NAME$1 = "Arrow", Arrow$1 = import_react.forwardRef((r, o) => {
-  let { children: s, width: c = 10, height: l = 5, ...u } = r;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.svg, {
-    ...u,
-    ref: o,
-    width: c,
-    height: l,
-    viewBox: "0 0 30 10",
-    preserveAspectRatio: "none",
-    children: r.asChild ? s : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "0,0 30,0 15,10" })
-  });
-});
-Arrow$1.displayName = NAME$1;
-var Root$1 = Arrow$1;
-function useSize(r) {
-  let [o, s] = import_react.useState(void 0);
-  return useLayoutEffect2(() => {
-    if (r) {
-      s({
-        width: r.offsetWidth,
-        height: r.offsetHeight
-      });
-      let o2 = new ResizeObserver((o3) => {
-        if (!Array.isArray(o3) || !o3.length) return;
-        let c = o3[0], l, u;
-        if ("borderBoxSize" in c) {
-          let r2 = c.borderBoxSize, o4 = Array.isArray(r2) ? r2[0] : r2;
-          l = o4.inlineSize, u = o4.blockSize;
-        } else l = r.offsetWidth, u = r.offsetHeight;
-        s({
-          width: l,
-          height: u
-        });
-      });
-      return o2.observe(r, { box: "border-box" }), () => o2.unobserve(r);
-    } else s(void 0);
-  }, [r]), o;
-}
-var POPPER_NAME = "Popper", [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME), [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME), Popper = (r) => {
-  let { __scopePopper: o, children: s } = r, [c, l] = import_react.useState(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperProvider, {
-    scope: o,
-    anchor: c,
-    onAnchorChange: l,
-    children: s
-  });
-};
-Popper.displayName = POPPER_NAME;
-var ANCHOR_NAME = "PopperAnchor", PopperAnchor = import_react.forwardRef((r, o) => {
-  let { __scopePopper: s, virtualRef: c, ...u } = r, d = usePopperContext(ANCHOR_NAME, s), f = import_react.useRef(null), p = useComposedRefs(o, f), g = import_react.useRef(null);
-  return import_react.useEffect(() => {
-    let r2 = g.current;
-    g.current = (c == null ? void 0 : c.current) || f.current, r2 !== g.current && d.onAnchorChange(g.current);
-  }), c ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
-    ...u,
-    ref: p
-  });
-});
-PopperAnchor.displayName = ANCHOR_NAME;
-var CONTENT_NAME = "PopperContent", [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME), PopperContent = import_react.forwardRef((r, o) => {
-  var _a, _b, _c, _d, _e, _f;
-  let { __scopePopper: s, side: c = "bottom", sideOffset: u = 0, align: d = "center", alignOffset: f = 0, arrowPadding: p = 0, avoidCollisions: g = true, collisionBoundary: _ = [], collisionPadding: v = 0, sticky: y = "partial", hideWhenDetached: x = false, updatePositionStrategy: C = "optimized", onPlaced: w, ...T } = r, E = usePopperContext(CONTENT_NAME, s), [D, O] = import_react.useState(null), k = useComposedRefs(o, (r2) => O(r2)), [A, j] = import_react.useState(null), M = useSize(A), N = (M == null ? void 0 : M.width) ?? 0, P = (M == null ? void 0 : M.height) ?? 0, F = c + (d === "center" ? "" : "-" + d), I = typeof v == "number" ? v : {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...v
-  }, R = Array.isArray(_) ? _ : [_], z = R.length > 0, B = {
-    padding: I,
-    boundary: R.filter(isNotNull),
-    altBoundary: z
-  }, { refs: V, floatingStyles: H, placement: U, isPositioned: W, middlewareData: G } = useFloating({
-    strategy: "fixed",
-    placement: F,
-    whileElementsMounted: (...r2) => autoUpdate(...r2, { animationFrame: C === "always" }),
-    elements: { reference: E.anchor },
-    middleware: [
-      offset({
-        mainAxis: u + P,
-        alignmentAxis: f
-      }),
-      g && shift({
-        mainAxis: true,
-        crossAxis: false,
-        limiter: y === "partial" ? limitShift() : void 0,
-        ...B
-      }),
-      g && flip({ ...B }),
-      size({
-        ...B,
-        apply: ({ elements: r2, rects: o2, availableWidth: s2, availableHeight: c2 }) => {
-          let { width: l, height: u2 } = o2.reference, d2 = r2.floating.style;
-          d2.setProperty("--radix-popper-available-width", `${s2}px`), d2.setProperty("--radix-popper-available-height", `${c2}px`), d2.setProperty("--radix-popper-anchor-width", `${l}px`), d2.setProperty("--radix-popper-anchor-height", `${u2}px`);
-        }
-      }),
-      A && arrow({
-        element: A,
-        padding: p
-      }),
-      transformOrigin({
-        arrowWidth: N,
-        arrowHeight: P
-      }),
-      x && hide({
-        strategy: "referenceHidden",
-        ...B
-      })
-    ]
-  }), [K, q] = getSideAndAlignFromPlacement(U), J = useCallbackRef$1(w);
-  useLayoutEffect2(() => {
-    W && (J == null ? void 0 : J());
-  }, [W, J]);
-  let Y = (_a = G.arrow) == null ? void 0 : _a.x, X = (_b = G.arrow) == null ? void 0 : _b.y, Z = ((_c = G.arrow) == null ? void 0 : _c.centerOffset) !== 0, [Q, $] = import_react.useState();
-  return useLayoutEffect2(() => {
-    D && $(window.getComputedStyle(D).zIndex);
-  }, [D]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    ref: V.setFloating,
-    "data-radix-popper-content-wrapper": "",
-    style: {
-      ...H,
-      transform: W ? H.transform : "translate(0, -200%)",
-      minWidth: "max-content",
-      zIndex: Q,
-      "--radix-popper-transform-origin": [(_d = G.transformOrigin) == null ? void 0 : _d.x, (_e = G.transformOrigin) == null ? void 0 : _e.y].join(" "),
-      ...((_f = G.hide) == null ? void 0 : _f.referenceHidden) && {
-        visibility: "hidden",
-        pointerEvents: "none"
-      }
-    },
-    dir: r.dir,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperContentProvider, {
-      scope: s,
-      placedSide: K,
-      onArrowChange: j,
-      arrowX: Y,
-      arrowY: X,
-      shouldHideArrow: Z,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
-        "data-side": K,
-        "data-align": q,
-        ...T,
-        ref: k,
-        style: {
-          ...T.style,
-          animation: W ? void 0 : "none"
-        }
-      })
-    })
-  });
-});
-PopperContent.displayName = CONTENT_NAME;
-var ARROW_NAME = "PopperArrow", OPPOSITE_SIDE = {
-  top: "bottom",
-  right: "left",
-  bottom: "top",
-  left: "right"
-}, PopperArrow = import_react.forwardRef(function(r, o) {
-  let { __scopePopper: s, ...c } = r, l = useContentContext(ARROW_NAME, s), u = OPPOSITE_SIDE[l.placedSide];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-    ref: l.onArrowChange,
-    style: {
-      position: "absolute",
-      left: l.arrowX,
-      top: l.arrowY,
-      [u]: 0,
-      transformOrigin: {
-        top: "",
-        right: "0 0",
-        bottom: "center 0",
-        left: "100% 0"
-      }[l.placedSide],
-      transform: {
-        top: "translateY(100%)",
-        right: "translateY(50%) rotate(90deg) translateX(-50%)",
-        bottom: "rotate(180deg)",
-        left: "translateY(50%) rotate(-90deg) translateX(50%)"
-      }[l.placedSide],
-      visibility: l.shouldHideArrow ? "hidden" : void 0
-    },
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root$1, {
-      ...c,
-      ref: o,
-      style: {
-        ...c.style,
-        display: "block"
-      }
-    })
-  });
-});
-PopperArrow.displayName = ARROW_NAME;
-function isNotNull(r) {
-  return r !== null;
-}
-var transformOrigin = (r) => ({
-  name: "transformOrigin",
-  options: r,
-  fn(o) {
-    var _a, _b, _c;
-    let { placement: s, rects: c, middlewareData: l } = o, u = ((_a = l.arrow) == null ? void 0 : _a.centerOffset) !== 0, d = u ? 0 : r.arrowWidth, f = u ? 0 : r.arrowHeight, [p, m] = getSideAndAlignFromPlacement(s), h = {
-      start: "0%",
-      center: "50%",
-      end: "100%"
-    }[m], g = (((_b = l.arrow) == null ? void 0 : _b.x) ?? 0) + d / 2, _ = (((_c = l.arrow) == null ? void 0 : _c.y) ?? 0) + f / 2, v = "", y = "";
-    return p === "bottom" ? (v = u ? h : `${g}px`, y = `${-f}px`) : p === "top" ? (v = u ? h : `${g}px`, y = `${c.floating.height + f}px`) : p === "right" ? (v = `${-f}px`, y = u ? h : `${_}px`) : p === "left" && (v = `${c.floating.width + f}px`, y = u ? h : `${_}px`), { data: {
-      x: v,
-      y
-    } };
-  }
-});
-function getSideAndAlignFromPlacement(r) {
-  let [o, s = "center"] = r.split("-");
-  return [o, s];
-}
-var Root2 = Popper, Anchor = PopperAnchor, Content = PopperContent, Arrow = PopperArrow, import_react_dom = /* @__PURE__ */ __toESM(require_react_dom(), 1), PORTAL_NAME = "Portal", Portal = import_react.forwardRef((r, o) => {
-  var _a;
-  let { container: s, ...c } = r, [l, u] = import_react.useState(false);
-  useLayoutEffect2(() => u(true), []);
-  let d = s || l && ((_a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a.body);
-  return d ? import_react_dom.createPortal(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
-    ...c,
-    ref: o
-  }), d) : null;
-});
-Portal.displayName = PORTAL_NAME;
-function useStateMachine(r, o) {
-  return import_react.useReducer((r2, s) => o[r2][s] ?? r2, r);
-}
-var Presence = (r) => {
-  let { present: o, children: s } = r, c = usePresence(o), u = typeof s == "function" ? s({ present: c.isPresent }) : import_react.Children.only(s), d = useComposedRefs(c.ref, getElementRef(u));
-  return typeof s == "function" || c.isPresent ? import_react.cloneElement(u, { ref: d }) : null;
-};
-Presence.displayName = "Presence";
-function usePresence(r) {
-  let [o, s] = import_react.useState(), c = import_react.useRef(null), l = import_react.useRef(r), u = import_react.useRef("none"), [d, f] = useStateMachine(r ? "mounted" : "unmounted", {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: { MOUNT: "mounted" }
-  });
-  return import_react.useEffect(() => {
-    let r2 = getAnimationName(c.current);
-    u.current = d === "mounted" ? r2 : "none";
-  }, [d]), useLayoutEffect2(() => {
-    let o2 = c.current, s2 = l.current;
-    if (s2 !== r) {
-      let c2 = u.current, d2 = getAnimationName(o2);
-      r ? f("MOUNT") : d2 === "none" || (o2 == null ? void 0 : o2.display) === "none" ? f("UNMOUNT") : f(s2 && c2 !== d2 ? "ANIMATION_OUT" : "UNMOUNT"), l.current = r;
-    }
-  }, [r, f]), useLayoutEffect2(() => {
-    if (o) {
-      let r2, s2 = o.ownerDocument.defaultView ?? window, d2 = (u2) => {
-        let d3 = getAnimationName(c.current).includes(CSS.escape(u2.animationName));
-        if (u2.target === o && d3 && (f("ANIMATION_END"), !l.current)) {
-          let c2 = o.style.animationFillMode;
-          o.style.animationFillMode = "forwards", r2 = s2.setTimeout(() => {
-            o.style.animationFillMode === "forwards" && (o.style.animationFillMode = c2);
-          });
-        }
-      }, p = (r3) => {
-        r3.target === o && (u.current = getAnimationName(c.current));
-      };
-      return o.addEventListener("animationstart", p), o.addEventListener("animationcancel", d2), o.addEventListener("animationend", d2), () => {
-        s2.clearTimeout(r2), o.removeEventListener("animationstart", p), o.removeEventListener("animationcancel", d2), o.removeEventListener("animationend", d2);
-      };
-    } else f("ANIMATION_END");
-  }, [o, f]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(d),
-    ref: import_react.useCallback((r2) => {
-      c.current = r2 ? getComputedStyle(r2) : null, s(r2);
-    }, [])
-  };
-}
-function getAnimationName(r) {
-  return (r == null ? void 0 : r.animationName) || "none";
-}
-function getElementRef(r) {
-  var _a, _b;
-  let o = (_a = Object.getOwnPropertyDescriptor(r.props, "ref")) == null ? void 0 : _a.get, s = o && "isReactWarning" in o && o.isReactWarning;
-  return s ? r.ref : (o = (_b = Object.getOwnPropertyDescriptor(r, "ref")) == null ? void 0 : _b.get, s = o && "isReactWarning" in o && o.isReactWarning, s ? r.props.ref : r.props.ref || r.ref);
-}
-var useInsertionEffect = import_react.useInsertionEffect || useLayoutEffect2;
-function useControllableState({ prop: r, defaultProp: o, onChange: s = () => {
-}, caller: c }) {
-  let [l, u, d] = useUncontrolledState({
-    defaultProp: o,
-    onChange: s
-  }), f = r !== void 0, p = f ? r : l;
-  {
-    let o2 = import_react.useRef(r !== void 0);
-    import_react.useEffect(() => {
-      let r2 = o2.current;
-      if (r2 !== f) {
-        let o3 = r2 ? "controlled" : "uncontrolled", s2 = f ? "controlled" : "uncontrolled";
-        console.warn(`${c} is changing from ${o3} to ${s2}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`);
-      }
-      o2.current = f;
-    }, [f, c]);
-  }
-  return [p, import_react.useCallback((o2) => {
-    var _a;
-    if (f) {
-      let s2 = isFunction(o2) ? o2(r) : o2;
-      s2 !== r && ((_a = d.current) == null ? void 0 : _a.call(d, s2));
-    } else u(o2);
-  }, [
-    f,
-    r,
-    u,
-    d
-  ])];
-}
-function useUncontrolledState({ defaultProp: r, onChange: o }) {
-  let [s, c] = import_react.useState(r), l = import_react.useRef(s), u = import_react.useRef(o);
-  return useInsertionEffect(() => {
-    u.current = o;
-  }, [o]), import_react.useEffect(() => {
-    var _a;
-    l.current !== s && ((_a = u.current) == null ? void 0 : _a.call(u, s), l.current = s);
-  }, [s, l]), [
-    s,
-    c,
-    u
-  ];
-}
-function isFunction(r) {
-  return typeof r == "function";
-}
-var VISUALLY_HIDDEN_STYLES = Object.freeze({
-  position: "absolute",
-  border: 0,
-  width: 1,
-  height: 1,
-  padding: 0,
-  margin: -1,
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  wordWrap: "normal"
-}), NAME = "VisuallyHidden", VisuallyHidden = import_react.forwardRef((r, o) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.span, {
-  ...r,
-  ref: o,
-  style: {
-    ...VISUALLY_HIDDEN_STYLES,
-    ...r.style
-  }
-}));
-VisuallyHidden.displayName = NAME;
-var Root = VisuallyHidden, import_compiler_runtime$1 = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1), style = { display: "contents" };
-const StyleNamespace = import_react.forwardRef((r, o) => {
-  let s = (0, import_compiler_runtime$1.c)(3), { children: c } = r, l;
-  return s[0] !== c || s[1] !== o ? (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    ref: o,
-    className: "marimo",
-    style,
-    children: c
-  }), s[0] = c, s[1] = o, s[2] = l) : l = s[2], l;
-});
-StyleNamespace.displayName = "StyleNamespace";
-function isInVscodeExtension() {
-  return document.querySelector("[data-vscode-theme-kind]") !== null;
-}
-var import_compiler_runtime = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1), VSCODE_OUTPUT_CONTAINER_SELECTOR = "[data-vscode-output-container]";
-const MAX_HEIGHT_OFFSET = isInVscodeExtension() ? 0 : 30;
-function useFullScreenElement() {
-  let r = (0, import_compiler_runtime.c)(1), [o, s] = (0, import_react.useState)(document.fullscreenElement), l;
-  return r[0] === Symbol.for("react.memo_cache_sentinel") ? (l = () => {
-    s(document.fullscreenElement);
-  }, r[0] = l) : l = r[0], useEventListener(document, "fullscreenchange", l), o;
-}
-function withFullScreenAsRoot(r) {
-  let o = (o2) => {
-    let s2 = (0, import_compiler_runtime.c)(6), [c, l] = import_react.useState(null), u = import_react.useRef(null), d, f;
-    s2[0] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
-      u.current && l(closestThroughShadowDOMs(u.current, VSCODE_OUTPUT_CONTAINER_SELECTOR));
-    }, f = [], s2[0] = d, s2[1] = f) : (d = s2[0], f = s2[1]), import_react.useLayoutEffect(d, f);
-    let p;
-    s2[2] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      ref: u,
-      className: "contents invisible"
-    }), s2[2] = p) : p = s2[2];
-    let g;
-    return s2[3] !== c || s2[4] !== o2 ? (g = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [p, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(r, {
-      ...o2,
-      container: c
-    })] }), s2[3] = c, s2[4] = o2, s2[5] = g) : g = s2[5], g;
-  }, s = (s2) => {
-    let c = (0, import_compiler_runtime.c)(7), l = useFullScreenElement();
-    if (isInVscodeExtension()) {
-      let r2;
-      return c[0] === s2 ? r2 = c[1] : (r2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(o, { ...s2 }), c[0] = s2, c[1] = r2), r2;
-    }
-    if (!l) {
-      let o2;
-      return c[2] === s2 ? o2 = c[3] : (o2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(r, { ...s2 }), c[2] = s2, c[3] = o2), o2;
-    }
-    let u;
-    return c[4] !== l || c[5] !== s2 ? (u = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(r, {
-      ...s2,
-      container: l
-    }), c[4] = l, c[5] = s2, c[6] = u) : u = c[6], u;
-  };
-  return s.displayName = r.displayName, s;
-}
-function withSmartCollisionBoundary(r) {
-  let o = (o2) => {
-    let s2 = (0, import_compiler_runtime.c)(6), [c, l] = import_react.useState(null), u = import_react.useRef(null), d, f;
-    s2[0] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
-      u.current && l(closestThroughShadowDOMs(u.current, VSCODE_OUTPUT_CONTAINER_SELECTOR));
-    }, f = [], s2[0] = d, s2[1] = f) : (d = s2[0], f = s2[1]), import_react.useLayoutEffect(d, f);
-    let p;
-    s2[2] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      ref: u,
-      className: "contents invisible"
-    }), s2[2] = p) : p = s2[2];
-    let g;
-    return s2[3] !== c || s2[4] !== o2 ? (g = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [p, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(r, {
-      ...o2,
-      collisionBoundary: c
-    })] }), s2[3] = c, s2[4] = o2, s2[5] = g) : g = s2[5], g;
-  }, s = (s2) => {
-    let c = (0, import_compiler_runtime.c)(4);
-    if (isInVscodeExtension()) {
-      let r2;
-      return c[0] === s2 ? r2 = c[1] : (r2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(o, { ...s2 }), c[0] = s2, c[1] = r2), r2;
-    }
-    let l;
-    return c[2] === s2 ? l = c[3] : (l = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(r, { ...s2 }), c[2] = s2, c[3] = l), l;
-  };
-  return s.displayName = r.displayName, s;
-}
-function closestThroughShadowDOMs(r, o) {
-  let s = r;
-  for (; s; ) {
-    let r2 = s.closest(o);
-    if (r2) return r2;
-    let c = s.getRootNode();
-    if (s = c instanceof ShadowRoot ? c.host : s.parentElement, s === c) break;
-  }
-  return null;
-}
-var __assign = function() {
-  return __assign = Object.assign || function(r) {
-    for (var o, s = 1, c = arguments.length; s < c; s++) for (var l in o = arguments[s], o) Object.prototype.hasOwnProperty.call(o, l) && (r[l] = o[l]);
-    return r;
-  }, __assign.apply(this, arguments);
-};
-function __rest(r, o) {
-  var s = {};
-  for (var c in r) Object.prototype.hasOwnProperty.call(r, c) && o.indexOf(c) < 0 && (s[c] = r[c]);
-  if (r != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, c = Object.getOwnPropertySymbols(r); l < c.length; l++) o.indexOf(c[l]) < 0 && Object.prototype.propertyIsEnumerable.call(r, c[l]) && (s[c[l]] = r[c[l]]);
-  return s;
-}
-function __awaiter(r, o, s, c) {
-  function l(r2) {
-    return r2 instanceof s ? r2 : new s(function(o2) {
-      o2(r2);
-    });
-  }
-  return new (s || (s = Promise))(function(s2, u) {
-    function d(r2) {
-      try {
-        p(c.next(r2));
-      } catch (r3) {
-        u(r3);
-      }
-    }
-    function f(r2) {
-      try {
-        p(c.throw(r2));
-      } catch (r3) {
-        u(r3);
-      }
-    }
-    function p(r2) {
-      r2.done ? s2(r2.value) : l(r2.value).then(d, f);
-    }
-    p((c = c.apply(r, o || [])).next());
-  });
-}
-function __spreadArray(r, o, s) {
-  if (s || arguments.length === 2) for (var c = 0, l = o.length, u; c < l; c++) (u || !(c in o)) && (u || (u = Array.prototype.slice.call(o, 0, c)), u[c] = o[c]);
-  return r.concat(u || Array.prototype.slice.call(o));
-}
-var count = 0;
-function useFocusGuards() {
-  import_react.useEffect(() => {
-    let r = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", r[0] ?? createFocusGuard()), document.body.insertAdjacentElement("beforeend", r[1] ?? createFocusGuard()), count++, () => {
-      count === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((r2) => r2.remove()), count--;
-    };
-  }, []);
-}
-function createFocusGuard() {
-  let r = document.createElement("span");
-  return r.setAttribute("data-radix-focus-guard", ""), r.tabIndex = 0, r.style.outline = "none", r.style.opacity = "0", r.style.position = "fixed", r.style.pointerEvents = "none", r;
-}
-var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount", AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount", EVENT_OPTIONS = {
-  bubbles: false,
-  cancelable: true
-}, FOCUS_SCOPE_NAME = "FocusScope", FocusScope = import_react.forwardRef((r, o) => {
-  let { loop: s = false, trapped: c = false, onMountAutoFocus: u, onUnmountAutoFocus: d, ...f } = r, [p, g] = import_react.useState(null), _ = useCallbackRef$1(u), v = useCallbackRef$1(d), y = import_react.useRef(null), x = useComposedRefs(o, (r2) => g(r2)), C = import_react.useRef({
-    paused: false,
-    pause() {
-      this.paused = true;
-    },
-    resume() {
-      this.paused = false;
-    }
-  }).current;
-  import_react.useEffect(() => {
-    if (c) {
-      let r2 = function(r3) {
-        if (C.paused || !p) return;
-        let o3 = r3.target;
-        p.contains(o3) ? y.current = o3 : focus(y.current, { select: true });
-      }, o2 = function(r3) {
-        if (C.paused || !p) return;
-        let o3 = r3.relatedTarget;
-        o3 !== null && (p.contains(o3) || focus(y.current, { select: true }));
-      }, s2 = function(r3) {
-        if (document.activeElement === document.body) for (let o3 of r3) o3.removedNodes.length > 0 && focus(p);
-      };
-      document.addEventListener("focusin", r2), document.addEventListener("focusout", o2);
-      let c2 = new MutationObserver(s2);
-      return p && c2.observe(p, {
-        childList: true,
-        subtree: true
-      }), () => {
-        document.removeEventListener("focusin", r2), document.removeEventListener("focusout", o2), c2.disconnect();
-      };
-    }
-  }, [
-    c,
-    p,
-    C.paused
-  ]), import_react.useEffect(() => {
-    if (p) {
-      focusScopesStack.add(C);
-      let r2 = document.activeElement;
-      if (!p.contains(r2)) {
-        let o2 = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
-        p.addEventListener(AUTOFOCUS_ON_MOUNT, _), p.dispatchEvent(o2), o2.defaultPrevented || (focusFirst(removeLinks(getTabbableCandidates(p)), { select: true }), document.activeElement === r2 && focus(p));
-      }
-      return () => {
-        p.removeEventListener(AUTOFOCUS_ON_MOUNT, _), setTimeout(() => {
-          let o2 = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
-          p.addEventListener(AUTOFOCUS_ON_UNMOUNT, v), p.dispatchEvent(o2), o2.defaultPrevented || focus(r2 ?? document.body, { select: true }), p.removeEventListener(AUTOFOCUS_ON_UNMOUNT, v), focusScopesStack.remove(C);
-        }, 0);
-      };
-    }
-  }, [
-    p,
-    _,
-    v,
-    C
-  ]);
-  let w = import_react.useCallback((r2) => {
-    if (!s && !c || C.paused) return;
-    let o2 = r2.key === "Tab" && !r2.altKey && !r2.ctrlKey && !r2.metaKey, l = document.activeElement;
-    if (o2 && l) {
-      let o3 = r2.currentTarget, [c2, u2] = getTabbableEdges(o3);
-      c2 && u2 ? !r2.shiftKey && l === u2 ? (r2.preventDefault(), s && focus(c2, { select: true })) : r2.shiftKey && l === c2 && (r2.preventDefault(), s && focus(u2, { select: true })) : l === o3 && r2.preventDefault();
-    }
-  }, [
-    s,
-    c,
-    C.paused
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
-    tabIndex: -1,
-    ...f,
-    ref: x,
-    onKeyDown: w
-  });
-});
-FocusScope.displayName = FOCUS_SCOPE_NAME;
-function focusFirst(r, { select: o = false } = {}) {
-  let s = document.activeElement;
-  for (let c of r) if (focus(c, { select: o }), document.activeElement !== s) return;
-}
-function getTabbableEdges(r) {
-  let o = getTabbableCandidates(r);
-  return [findVisible(o, r), findVisible(o.reverse(), r)];
-}
-function getTabbableCandidates(r) {
-  let o = [], s = document.createTreeWalker(r, NodeFilter.SHOW_ELEMENT, { acceptNode: (r2) => {
-    let o2 = r2.tagName === "INPUT" && r2.type === "hidden";
-    return r2.disabled || r2.hidden || o2 ? NodeFilter.FILTER_SKIP : r2.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-  } });
-  for (; s.nextNode(); ) o.push(s.currentNode);
-  return o;
-}
-function findVisible(r, o) {
-  for (let s of r) if (!isHidden(s, { upTo: o })) return s;
-}
-function isHidden(r, { upTo: o }) {
-  if (getComputedStyle(r).visibility === "hidden") return true;
-  for (; r; ) {
-    if (o !== void 0 && r === o) return false;
-    if (getComputedStyle(r).display === "none") return true;
-    r = r.parentElement;
-  }
-  return false;
-}
-function isSelectableInput(r) {
-  return r instanceof HTMLInputElement && "select" in r;
-}
-function focus(r, { select: o = false } = {}) {
-  if (r && r.focus) {
-    let s = document.activeElement;
-    r.focus({ preventScroll: true }), r !== s && isSelectableInput(r) && o && r.select();
-  }
-}
-var focusScopesStack = createFocusScopesStack();
-function createFocusScopesStack() {
-  let r = [];
-  return {
-    add(o) {
-      let s = r[0];
-      o !== s && (s == null ? void 0 : s.pause()), r = arrayRemove(r, o), r.unshift(o);
-    },
-    remove(o) {
-      var _a;
-      r = arrayRemove(r, o), (_a = r[0]) == null ? void 0 : _a.resume();
-    }
-  };
-}
-function arrayRemove(r, o) {
-  let s = [...r], c = s.indexOf(o);
-  return c !== -1 && s.splice(c, 1), s;
-}
-function removeLinks(r) {
-  return r.filter((r2) => r2.tagName !== "A");
-}
-var getDefaultParent = function(r) {
-  return typeof document > "u" ? null : (Array.isArray(r) ? r[0] : r).ownerDocument.body;
-}, counterMap = /* @__PURE__ */ new WeakMap(), uncontrolledNodes = /* @__PURE__ */ new WeakMap(), markerMap = {}, lockCount = 0, unwrapHost = function(r) {
-  return r && (r.host || unwrapHost(r.parentNode));
-}, correctTargets = function(r, o) {
-  return o.map(function(o2) {
-    if (r.contains(o2)) return o2;
-    var s = unwrapHost(o2);
-    return s && r.contains(s) ? s : (console.error("aria-hidden", o2, "in not contained inside", r, ". Doing nothing"), null);
-  }).filter(function(r2) {
-    return !!r2;
-  });
-}, applyAttributeToOthers = function(r, o, s, c) {
-  var l = correctTargets(o, Array.isArray(r) ? r : [r]);
-  markerMap[s] || (markerMap[s] = /* @__PURE__ */ new WeakMap());
-  var u = markerMap[s], d = [], f = /* @__PURE__ */ new Set(), p = new Set(l), m = function(r2) {
-    !r2 || f.has(r2) || (f.add(r2), m(r2.parentNode));
-  };
-  l.forEach(m);
-  var h = function(r2) {
-    !r2 || p.has(r2) || Array.prototype.forEach.call(r2.children, function(r3) {
-      if (f.has(r3)) h(r3);
-      else try {
-        var o2 = r3.getAttribute(c), l2 = o2 !== null && o2 !== "false", p2 = (counterMap.get(r3) || 0) + 1, m2 = (u.get(r3) || 0) + 1;
-        counterMap.set(r3, p2), u.set(r3, m2), d.push(r3), p2 === 1 && l2 && uncontrolledNodes.set(r3, true), m2 === 1 && r3.setAttribute(s, "true"), l2 || r3.setAttribute(c, "true");
-      } catch (o3) {
-        console.error("aria-hidden: cannot operate on ", r3, o3);
-      }
-    });
-  };
-  return h(o), f.clear(), lockCount++, function() {
-    d.forEach(function(r2) {
-      var o2 = counterMap.get(r2) - 1, l2 = u.get(r2) - 1;
-      counterMap.set(r2, o2), u.set(r2, l2), o2 || (uncontrolledNodes.has(r2) || r2.removeAttribute(c), uncontrolledNodes.delete(r2)), l2 || r2.removeAttribute(s);
-    }), lockCount--, lockCount || (counterMap = /* @__PURE__ */ new WeakMap(), counterMap = /* @__PURE__ */ new WeakMap(), uncontrolledNodes = /* @__PURE__ */ new WeakMap(), markerMap = {});
-  };
-}, hideOthers = function(r, o, s) {
-  s === void 0 && (s = "data-aria-hidden");
-  var c = Array.from(Array.isArray(r) ? r : [r]), l = o || getDefaultParent(r);
-  return l ? (c.push.apply(c, Array.from(l.querySelectorAll("[aria-live], script"))), applyAttributeToOthers(c, l, s, "aria-hidden")) : function() {
-    return null;
-  };
-}, zeroRightClassName = "right-scroll-bar-position", fullWidthClassName = "width-before-scroll-bar", noScrollbarsClassName = "with-scroll-bars-hidden", removedBarSizeVariable = "--removed-body-scroll-bar-size";
-function assignRef(r, o) {
-  return typeof r == "function" ? r(o) : r && (r.current = o), r;
-}
-function useCallbackRef(r, o) {
-  var s = (0, import_react.useState)(function() {
-    return {
-      value: r,
-      callback: o,
-      facade: {
-        get current() {
-          return s.value;
-        },
-        set current(r2) {
-          var o2 = s.value;
-          o2 !== r2 && (s.value = r2, s.callback(r2, o2));
-        }
-      }
-    };
-  })[0];
-  return s.callback = o, s.facade;
-}
-var useIsomorphicLayoutEffect = typeof window < "u" ? import_react.useLayoutEffect : import_react.useEffect, currentValues = /* @__PURE__ */ new WeakMap();
-function useMergeRefs(r, o) {
-  var s = useCallbackRef(o || null, function(o2) {
-    return r.forEach(function(r2) {
-      return assignRef(r2, o2);
-    });
-  });
-  return useIsomorphicLayoutEffect(function() {
-    var o2 = currentValues.get(s);
-    if (o2) {
-      var c = new Set(o2), l = new Set(r), u = s.current;
-      c.forEach(function(r2) {
-        l.has(r2) || assignRef(r2, null);
-      }), l.forEach(function(r2) {
-        c.has(r2) || assignRef(r2, u);
-      });
-    }
-    currentValues.set(s, r);
-  }, [r]), s;
-}
-function ItoI(r) {
-  return r;
-}
-function innerCreateMedium(r, o) {
-  o === void 0 && (o = ItoI);
-  var s = [], c = false;
-  return {
-    read: function() {
-      if (c) throw Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
-      return s.length ? s[s.length - 1] : r;
-    },
-    useMedium: function(r2) {
-      var l = o(r2, c);
-      return s.push(l), function() {
-        s = s.filter(function(r3) {
-          return r3 !== l;
-        });
-      };
-    },
-    assignSyncMedium: function(r2) {
-      for (c = true; s.length; ) {
-        var o2 = s;
-        s = [], o2.forEach(r2);
-      }
-      s = {
-        push: function(o3) {
-          return r2(o3);
-        },
-        filter: function() {
-          return s;
-        }
-      };
-    },
-    assignMedium: function(r2) {
-      c = true;
-      var o2 = [];
-      if (s.length) {
-        var l = s;
-        s = [], l.forEach(r2), o2 = s;
-      }
-      var u = function() {
-        var s2 = o2;
-        o2 = [], s2.forEach(r2);
-      }, d = function() {
-        return Promise.resolve().then(u);
-      };
-      d(), s = {
-        push: function(r3) {
-          o2.push(r3), d();
-        },
-        filter: function(r3) {
-          return o2 = o2.filter(r3), s;
-        }
-      };
-    }
-  };
-}
-function createSidecarMedium(r) {
-  r === void 0 && (r = {});
-  var o = innerCreateMedium(null);
-  return o.options = __assign({
-    async: true,
-    ssr: false
-  }, r), o;
-}
-var SideCar = function(r) {
-  var o = r.sideCar, s = __rest(r, ["sideCar"]);
-  if (!o) throw Error("Sidecar: please provide `sideCar` property to import the right car");
-  var c = o.read();
-  if (!c) throw Error("Sidecar medium not found");
-  return import_react.createElement(c, __assign({}, s));
-};
-SideCar.isSideCarExport = true;
-function exportSidecar(r, o) {
-  return r.useMedium(o), SideCar;
-}
-var effectCar = createSidecarMedium(), nothing = function() {
-}, RemoveScroll = import_react.forwardRef(function(r, o) {
-  var s = import_react.useRef(null), c = import_react.useState({
-    onScrollCapture: nothing,
-    onWheelCapture: nothing,
-    onTouchMoveCapture: nothing
-  }), l = c[0], u = c[1], d = r.forwardProps, f = r.children, p = r.className, h = r.removeScrollBar, g = r.enabled, _ = r.shards, v = r.sideCar, y = r.noRelative, b = r.noIsolation, x = r.inert, S = r.allowPinchZoom, C = r.as, w = C === void 0 ? "div" : C, T = r.gapMode, E = __rest(r, [
-    "forwardProps",
-    "children",
-    "className",
-    "removeScrollBar",
-    "enabled",
-    "shards",
-    "sideCar",
-    "noRelative",
-    "noIsolation",
-    "inert",
-    "allowPinchZoom",
-    "as",
-    "gapMode"
-  ]), D = v, O = useMergeRefs([s, o]), k = __assign(__assign({}, E), l);
-  return import_react.createElement(import_react.Fragment, null, g && import_react.createElement(D, {
-    sideCar: effectCar,
-    removeScrollBar: h,
-    shards: _,
-    noRelative: y,
-    noIsolation: b,
-    inert: x,
-    setCallbacks: u,
-    allowPinchZoom: !!S,
-    lockRef: s,
-    gapMode: T
-  }), d ? import_react.cloneElement(import_react.Children.only(f), __assign(__assign({}, k), { ref: O })) : import_react.createElement(w, __assign({}, k, {
-    className: p,
-    ref: O
-  }), f));
-});
-RemoveScroll.defaultProps = {
-  enabled: true,
-  removeScrollBar: true,
-  inert: false
-}, RemoveScroll.classNames = {
-  fullWidth: fullWidthClassName,
-  zeroRight: zeroRightClassName
-};
-var currentNonce, getNonce = function() {
-  if (currentNonce) return currentNonce;
-  if (typeof __webpack_nonce__ < "u") return __webpack_nonce__;
-};
-function makeStyleTag() {
-  if (!document) return null;
-  var r = document.createElement("style");
-  r.type = "text/css";
-  var o = getNonce();
-  return o && r.setAttribute("nonce", o), r;
-}
-function injectStyles(r, o) {
-  r.styleSheet ? r.styleSheet.cssText = o : r.appendChild(document.createTextNode(o));
-}
-function insertStyleTag(r) {
-  (document.head || document.getElementsByTagName("head")[0]).appendChild(r);
-}
-var stylesheetSingleton = function() {
-  var r = 0, o = null;
-  return {
-    add: function(s) {
-      r == 0 && (o = makeStyleTag()) && (injectStyles(o, s), insertStyleTag(o)), r++;
-    },
-    remove: function() {
-      r--, !r && o && (o.parentNode && o.parentNode.removeChild(o), o = null);
-    }
-  };
-}, styleHookSingleton = function() {
-  var r = stylesheetSingleton();
-  return function(o, s) {
-    import_react.useEffect(function() {
-      return r.add(o), function() {
-        r.remove();
-      };
-    }, [o && s]);
-  };
-}, styleSingleton = function() {
-  var r = styleHookSingleton();
-  return function(o) {
-    var s = o.styles, c = o.dynamic;
-    return r(s, c), null;
-  };
-}, zeroGap = {
-  left: 0,
-  top: 0,
-  right: 0,
-  gap: 0
-}, parse = function(r) {
-  return parseInt(r || "", 10) || 0;
-}, getOffset = function(r) {
-  var o = window.getComputedStyle(document.body), s = o[r === "padding" ? "paddingLeft" : "marginLeft"], c = o[r === "padding" ? "paddingTop" : "marginTop"], l = o[r === "padding" ? "paddingRight" : "marginRight"];
-  return [
-    parse(s),
-    parse(c),
-    parse(l)
-  ];
-}, getGapWidth = function(r) {
-  if (r === void 0 && (r = "margin"), typeof window > "u") return zeroGap;
-  var o = getOffset(r), s = document.documentElement.clientWidth, c = window.innerWidth;
-  return {
-    left: o[0],
-    top: o[1],
-    right: o[2],
-    gap: Math.max(0, c - s + o[2] - o[0])
-  };
-}, Style = styleSingleton(), lockAttribute = "data-scroll-locked", getStyles = function(r, o, s, c) {
-  var l = r.left, u = r.top, d = r.right, f = r.gap;
-  return s === void 0 && (s = "margin"), `
-  .${noScrollbarsClassName} {
-   overflow: hidden ${c};
-   padding-right: ${f}px ${c};
-  }
-  body[${lockAttribute}] {
-    overflow: hidden ${c};
-    overscroll-behavior: contain;
-    ${[
-    o && `position: relative ${c};`,
-    s === "margin" && `
-    padding-left: ${l}px;
-    padding-top: ${u}px;
-    padding-right: ${d}px;
-    margin-left:0;
-    margin-top:0;
-    margin-right: ${f}px ${c};
-    `,
-    s === "padding" && `padding-right: ${f}px ${c};`
-  ].filter(Boolean).join("")}
-  }
-  
-  .${zeroRightClassName} {
-    right: ${f}px ${c};
-  }
-  
-  .${fullWidthClassName} {
-    margin-right: ${f}px ${c};
-  }
-  
-  .${zeroRightClassName} .${zeroRightClassName} {
-    right: 0 ${c};
-  }
-  
-  .${fullWidthClassName} .${fullWidthClassName} {
-    margin-right: 0 ${c};
-  }
-  
-  body[${lockAttribute}] {
-    ${removedBarSizeVariable}: ${f}px;
-  }
-`;
-}, getCurrentUseCounter = function() {
-  var r = parseInt(document.body.getAttribute("data-scroll-locked") || "0", 10);
-  return isFinite(r) ? r : 0;
-}, useLockAttribute = function() {
-  import_react.useEffect(function() {
-    return document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString()), function() {
-      var r = getCurrentUseCounter() - 1;
-      r <= 0 ? document.body.removeAttribute(lockAttribute) : document.body.setAttribute(lockAttribute, r.toString());
-    };
-  }, []);
-}, RemoveScrollBar = function(r) {
-  var o = r.noRelative, s = r.noImportant, c = r.gapMode, l = c === void 0 ? "margin" : c;
-  useLockAttribute();
-  var u = import_react.useMemo(function() {
-    return getGapWidth(l);
-  }, [l]);
-  return import_react.createElement(Style, { styles: getStyles(u, !o, l, s ? "" : "!important") });
-}, passiveSupported = false;
-if (typeof window < "u") try {
-  var options = Object.defineProperty({}, "passive", { get: function() {
-    return passiveSupported = true, true;
-  } });
-  window.addEventListener("test", options, options), window.removeEventListener("test", options, options);
-} catch {
-  passiveSupported = false;
-}
-var nonPassive = passiveSupported ? { passive: false } : false, alwaysContainsScroll = function(r) {
-  return r.tagName === "TEXTAREA";
-}, elementCanBeScrolled = function(r, o) {
-  if (!(r instanceof Element)) return false;
-  var s = window.getComputedStyle(r);
-  return s[o] !== "hidden" && !(s.overflowY === s.overflowX && !alwaysContainsScroll(r) && s[o] === "visible");
-}, elementCouldBeVScrolled = function(r) {
-  return elementCanBeScrolled(r, "overflowY");
-}, elementCouldBeHScrolled = function(r) {
-  return elementCanBeScrolled(r, "overflowX");
-}, locationCouldBeScrolled = function(r, o) {
-  var s = o.ownerDocument, c = o;
-  do {
-    if (typeof ShadowRoot < "u" && c instanceof ShadowRoot && (c = c.host), elementCouldBeScrolled(r, c)) {
-      var l = getScrollVariables(r, c);
-      if (l[1] > l[2]) return true;
-    }
-    c = c.parentNode;
-  } while (c && c !== s.body);
-  return false;
-}, getVScrollVariables = function(r) {
-  return [
-    r.scrollTop,
-    r.scrollHeight,
-    r.clientHeight
-  ];
-}, getHScrollVariables = function(r) {
-  return [
-    r.scrollLeft,
-    r.scrollWidth,
-    r.clientWidth
-  ];
-}, elementCouldBeScrolled = function(r, o) {
-  return r === "v" ? elementCouldBeVScrolled(o) : elementCouldBeHScrolled(o);
-}, getScrollVariables = function(r, o) {
-  return r === "v" ? getVScrollVariables(o) : getHScrollVariables(o);
-}, getDirectionFactor = function(r, o) {
-  return r === "h" && o === "rtl" ? -1 : 1;
-}, handleScroll = function(r, o, s, c, l) {
-  var u = getDirectionFactor(r, window.getComputedStyle(o).direction), d = u * c, f = s.target, p = o.contains(f), m = false, h = d > 0, g = 0, _ = 0;
-  do {
-    if (!f) break;
-    var v = getScrollVariables(r, f), y = v[0], b = v[1] - v[2] - u * y;
-    (y || b) && elementCouldBeScrolled(r, f) && (g += b, _ += y);
-    var x = f.parentNode;
-    f = x && x.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? x.host : x;
-  } while (!p && f !== document.body || p && (o.contains(f) || o === f));
-  return (h && (l && Math.abs(g) < 1 || !l && d > g) || !h && (l && Math.abs(_) < 1 || !l && -d > _)) && (m = true), m;
-}, getTouchXY = function(r) {
-  return "changedTouches" in r ? [r.changedTouches[0].clientX, r.changedTouches[0].clientY] : [0, 0];
-}, getDeltaXY = function(r) {
-  return [r.deltaX, r.deltaY];
-}, extractRef = function(r) {
-  return r && "current" in r ? r.current : r;
-}, deltaCompare = function(r, o) {
-  return r[0] === o[0] && r[1] === o[1];
-}, generateStyle = function(r) {
-  return `
-  .block-interactivity-${r} {pointer-events: none;}
-  .allow-interactivity-${r} {pointer-events: all;}
-`;
-}, idCounter = 0, lockStack = [];
-function RemoveScrollSideCar(r) {
-  var o = import_react.useRef([]), s = import_react.useRef([0, 0]), c = import_react.useRef(), l = import_react.useState(idCounter++)[0], u = import_react.useState(styleSingleton)[0], d = import_react.useRef(r);
-  import_react.useEffect(function() {
-    d.current = r;
-  }, [r]), import_react.useEffect(function() {
-    if (r.inert) {
-      document.body.classList.add(`block-interactivity-${l}`);
-      var o2 = __spreadArray([r.lockRef.current], (r.shards || []).map(extractRef), true).filter(Boolean);
-      return o2.forEach(function(r2) {
-        return r2.classList.add(`allow-interactivity-${l}`);
-      }), function() {
-        document.body.classList.remove(`block-interactivity-${l}`), o2.forEach(function(r2) {
-          return r2.classList.remove(`allow-interactivity-${l}`);
-        });
-      };
-    }
-  }, [
-    r.inert,
-    r.lockRef.current,
-    r.shards
-  ]);
-  var f = import_react.useCallback(function(r2, o2) {
-    if ("touches" in r2 && r2.touches.length === 2 || r2.type === "wheel" && r2.ctrlKey) return !d.current.allowPinchZoom;
-    var l2 = getTouchXY(r2), u2 = s.current, f2 = "deltaX" in r2 ? r2.deltaX : u2[0] - l2[0], p2 = "deltaY" in r2 ? r2.deltaY : u2[1] - l2[1], m, h2 = r2.target, g2 = Math.abs(f2) > Math.abs(p2) ? "h" : "v";
-    if ("touches" in r2 && g2 === "h" && h2.type === "range") return false;
-    var _2 = locationCouldBeScrolled(g2, h2);
-    if (!_2) return true;
-    if (_2 ? m = g2 : (m = g2 === "v" ? "h" : "v", _2 = locationCouldBeScrolled(g2, h2)), !_2) return false;
-    if (!c.current && "changedTouches" in r2 && (f2 || p2) && (c.current = m), !m) return true;
-    var v2 = c.current || m;
-    return handleScroll(v2, o2, r2, v2 === "h" ? f2 : p2, true);
-  }, []), p = import_react.useCallback(function(r2) {
-    var s2 = r2;
-    if (!(!lockStack.length || lockStack[lockStack.length - 1] !== u)) {
-      var c2 = "deltaY" in s2 ? getDeltaXY(s2) : getTouchXY(s2), l2 = o.current.filter(function(r3) {
-        return r3.name === s2.type && (r3.target === s2.target || s2.target === r3.shadowParent) && deltaCompare(r3.delta, c2);
-      })[0];
-      if (l2 && l2.should) {
-        s2.cancelable && s2.preventDefault();
-        return;
-      }
-      if (!l2) {
-        var p2 = (d.current.shards || []).map(extractRef).filter(Boolean).filter(function(r3) {
-          return r3.contains(s2.target);
-        });
-        (p2.length > 0 ? f(s2, p2[0]) : !d.current.noIsolation) && s2.cancelable && s2.preventDefault();
-      }
-    }
-  }, []), h = import_react.useCallback(function(r2, s2, c2, l2) {
-    var u2 = {
-      name: r2,
-      delta: s2,
-      target: c2,
-      should: l2,
-      shadowParent: getOutermostShadowParent(c2)
-    };
-    o.current.push(u2), setTimeout(function() {
-      o.current = o.current.filter(function(r3) {
-        return r3 !== u2;
-      });
-    }, 1);
-  }, []), g = import_react.useCallback(function(r2) {
-    s.current = getTouchXY(r2), c.current = void 0;
-  }, []), _ = import_react.useCallback(function(o2) {
-    h(o2.type, getDeltaXY(o2), o2.target, f(o2, r.lockRef.current));
-  }, []), v = import_react.useCallback(function(o2) {
-    h(o2.type, getTouchXY(o2), o2.target, f(o2, r.lockRef.current));
-  }, []);
-  import_react.useEffect(function() {
-    return lockStack.push(u), r.setCallbacks({
-      onScrollCapture: _,
-      onWheelCapture: _,
-      onTouchMoveCapture: v
-    }), document.addEventListener("wheel", p, nonPassive), document.addEventListener("touchmove", p, nonPassive), document.addEventListener("touchstart", g, nonPassive), function() {
-      lockStack = lockStack.filter(function(r2) {
-        return r2 !== u;
-      }), document.removeEventListener("wheel", p, nonPassive), document.removeEventListener("touchmove", p, nonPassive), document.removeEventListener("touchstart", g, nonPassive);
-    };
-  }, []);
-  var y = r.removeScrollBar, b = r.inert;
-  return import_react.createElement(import_react.Fragment, null, b ? import_react.createElement(u, { styles: generateStyle(l) }) : null, y ? import_react.createElement(RemoveScrollBar, {
-    noRelative: r.noRelative,
-    gapMode: r.gapMode
-  }) : null);
-}
-function getOutermostShadowParent(r) {
-  for (var o = null; r !== null; ) r instanceof ShadowRoot && (o = r.host, r = r.host), r = r.parentNode;
-  return o;
-}
-var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar), ReactRemoveScroll = import_react.forwardRef(function(r, o) {
-  return import_react.createElement(RemoveScroll, __assign({}, r, {
-    ref: o,
-    sideCar: sidecar_default
-  }));
-});
-ReactRemoveScroll.classNames = RemoveScroll.classNames;
-var Combination_default = ReactRemoveScroll;
-export {
-  composeEventHandlers as A,
-  useLayoutEffect2 as C,
-  dispatchDiscreteCustomEvent as D,
-  Primitive as E,
-  createContext2 as O,
-  useId as S,
-  useCallbackRef$1 as T,
-  Arrow as _,
-  __awaiter as a,
-  createPopperScope as b,
-  withSmartCollisionBoundary as c,
-  Root as d,
-  VISUALLY_HIDDEN_STYLES as f,
-  Anchor as g,
-  Portal as h,
-  useFocusGuards as i,
-  createContextScope as k,
-  isInVscodeExtension as l,
-  Presence as m,
-  hideOthers as n,
-  MAX_HEIGHT_OFFSET as o,
-  useControllableState as p,
-  FocusScope as r,
-  withFullScreenAsRoot as s,
-  Combination_default as t,
-  StyleNamespace as u,
-  Content as v,
-  DismissableLayer as w,
-  useSize as x,
-  Root2 as y
-};