@overmap-ai/blocks 0.0.9-alpha.3 → 0.0.9-alpha.5

package/dist/blocks.js

@@ -1,539 +1,578 @@
 import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
-import { Cross1Icon as Qe, DragHandleDots2Icon as de, Cross2Icon as Ye } from "@radix-ui/react-icons";
+import { Cross1Icon as Ct, DragHandleDots2Icon as be, Cross2Icon as _t, DividerHorizontalIcon as bt, CheckIcon as xt } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext as Je, Badge as Ze, Button as et, IconButton as Ne, Flex as z, Box as U, Card as tt, Inset as ie, Dialog as F, AlertDialog as M, DropdownMenu as I, Select as W, Checkbox as nt, Switch as ot, Portal as rt, TextField as se, Text as pe, Popover as ae, TextArea as it, Callout as ce, Theme as st, Separator as ze } from "@radix-ui/themes";
-import { AccessibleIcon as Mo, AspectRatio as Ho, Avatar as Vo, Blockquote as jo, Box as Go, Callout as Fo, Card as Uo, Checkbox as Xo, Code as qo, Container as Ko, ContextMenu as Qo, Em as Yo, Grid as Jo, Heading as Zo, HoverCard as er, Inset as tr, Kbd as nr, Link as or, Portal as rr, Quote as ir, RadioGroup as sr, ScrollArea as ar, Section as cr, Slider as lr, Slot as ur, Strong as dr, Table as hr, Tabs as pr, TextField as mr, Theme as fr, Tooltip as gr, VisuallyHidden as _r, updateThemeAppearanceClass as vr, useThemeContext as Cr } from "@radix-ui/themes";
-import { jsx as n, jsxs as C, Fragment as J } from "react/jsx-runtime";
-import Z, { useMemo as H, useState as R, useLayoutEffect as Ae, forwardRef as x, memo as v, createContext as Ce, useContext as we, useCallback as y, createElement as ke, useEffect as me, useRef as Q } from "react";
-import { useMediaQuery as q } from "react-responsive";
-import * as le from "@radix-ui/react-dialog";
-import { Resizable as he } from "re-resizable";
-import { DismissableLayer as at } from "@radix-ui/react-dismissable-layer";
-import { CSSTransition as ct, Transition as Pe } from "react-transition-group";
-import { Root as lt, Item as ut } from "@radix-ui/react-toggle-group";
-import { Root as dt } from "@radix-ui/react-toolbar";
-import * as K from "@radix-ui/react-toast";
-import { ToastProvider as ht, ToastViewport as pt } from "@radix-ui/react-toast";
-function mt(r) {
-  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+import { useThemeContext as $t, Badge as yt, Button as wt, IconButton as Ge, Flex as T, Box as ne, Card as St, Inset as fe, Dialog as J, AlertDialog as K, DropdownMenu as M, Select as j, Checkbox as kt, Switch as Pt, Portal as Tt, TextField as pe, Text as we, Popover as me, TextArea as Nt, Callout as ge, Tooltip as At, Theme as Rt, Separator as Be } from "@radix-ui/themes";
+import { AccessibleIcon as oi, AspectRatio as ri, Avatar as ii, Blockquote as si, Box as ci, Callout as ai, Card as li, Checkbox as ui, Code as di, Container as hi, ContextMenu as fi, Em as pi, Grid as mi, Heading as gi, HoverCard as vi, Inset as Ci, Kbd as _i, Link as bi, Portal as xi, Quote as $i, RadioGroup as yi, ScrollArea as wi, Section as Si, Slider as ki, Slot as Pi, Strong as Ti, Table as Ni, Tabs as Ai, TextField as Ri, Theme as Oi, VisuallyHidden as zi, updateThemeAppearanceClass as Di, useThemeContext as Ii } from "@radix-ui/themes";
+import { jsx as a, jsxs as _, Fragment as F } from "react/jsx-runtime";
+import V, { useMemo as D, useState as S, useLayoutEffect as Re, useCallback as x, useEffect as N, forwardRef as b, memo as C, createContext as ce, useContext as Se, createElement as z, useRef as O, Children as ee, cloneElement as Oe, useReducer as Ot, isValidElement as xe, Fragment as zt } from "react";
+import { useMediaQuery as re } from "react-responsive";
+import * as ve from "@radix-ui/react-dialog";
+import { Resizable as $e } from "re-resizable";
+import { DismissableLayer as Dt } from "@radix-ui/react-dismissable-layer";
+import { CSSTransition as It, Transition as We } from "react-transition-group";
+import { Root as Et, Item as Mt } from "@radix-ui/react-toggle-group";
+import { Root as Lt } from "@radix-ui/react-toolbar";
+import * as ie from "@radix-ui/react-toast";
+import { ToastProvider as Bt, ToastViewport as Wt } from "@radix-ui/react-toast";
+import { flushSync as Ht } from "react-dom";
+function jt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ee = { exports: {} };
+var Ke = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(r) {
+(function(e) {
   (function() {
-    var s = {}.hasOwnProperty;
-    function o() {
+    var o = {}.hasOwnProperty;
+    function n() {
       for (var t = [], i = 0; i < arguments.length; i++) {
-        var e = arguments[i];
-        if (e) {
-          var c = typeof e;
+        var r = arguments[i];
+        if (r) {
+          var c = typeof r;
           if (c === "string" || c === "number")
-            t.push(e);
-          else if (Array.isArray(e)) {
-            if (e.length) {
-              var a = o.apply(null, e);
-              a && t.push(a);
+            t.push(r);
+          else if (Array.isArray(r)) {
+            if (r.length) {
+              var s = n.apply(null, r);
+              s && t.push(s);
             }
           } else if (c === "object") {
-            if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]")) {
-              t.push(e.toString());
+            if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]")) {
+              t.push(r.toString());
               continue;
             }
-            for (var u in e)
-              s.call(e, u) && e[u] && t.push(u);
+            for (var u in r)
+              o.call(r, u) && r[u] && t.push(u);
           }
         }
       }
       return t.join(" ");
     }
-    r.exports ? (o.default = o, r.exports = o) : window.classNames = o;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(Ee);
-var ft = Ee.exports;
-const S = /* @__PURE__ */ mt(ft);
-function B(r, s) {
-  return H(() => {
-    if (r !== void 0)
-      if (typeof r == "object") {
-        if (!("initial" in r))
+})(Ke);
+var Ft = Ke.exports;
+const $ = /* @__PURE__ */ jt(Ft);
+function G(e, o) {
+  return D(() => {
+    if (e !== void 0)
+      if (typeof e == "object") {
+        if (!("initial" in e))
           throw new Error("Expected initial property to be set in Responsive object");
-        return Object.fromEntries(Object.entries(r).map(([o, t]) => [o, s[t]]));
+        return Object.fromEntries(Object.entries(e).map(([n, t]) => [n, o[t]]));
       } else
-        return s[r];
-  }, [s, r]);
+        return o[e];
+  }, [o, e]);
 }
-const gt = {
+const Vt = {
   success: "green",
   danger: "red",
   info: "gray"
-}, P = (r) => {
-  const s = Je();
-  if (r)
-    return r === "primary" ? s.accentColor : gt[r];
-}, uo = () => {
-  const [r, s] = R("initial"), [o, t] = R("initial"), i = q({ minWidth: "520px" }), e = q({ minWidth: "768px" }), c = q({ minWidth: "1024px" }), a = q({ minWidth: "1280px" }), u = q({ minWidth: "1640px" });
-  return Ae(() => {
-    t((l) => (s(l), u ? "xl" : a ? "lg" : c ? "md" : e ? "sm" : i ? "xs" : "initial"));
-  }, [a, c, e, u, i]), { size: o, prevSize: r, xs: i, sm: e, md: c, lg: a, xl: u };
-}, _t = x(function({ className: s, severity: o = "primary", color: t, children: i, ...e }, c) {
-  const a = P(o);
-  return /* @__PURE__ */ n(
-    Ze,
+}, A = (e) => {
+  const o = $t();
+  if (e)
+    return e === "primary" ? o.accentColor : Vt[e];
+}, kr = () => {
+  const [e, o] = S("initial"), [n, t] = S("initial"), i = re({ minWidth: "520px" }), r = re({ minWidth: "768px" }), c = re({ minWidth: "1024px" }), s = re({ minWidth: "1280px" }), u = re({ minWidth: "1640px" });
+  return Re(() => {
+    t((l) => (o(l), u ? "xl" : s ? "lg" : c ? "md" : r ? "sm" : i ? "xs" : "initial"));
+  }, [s, c, r, u, i]), { size: n, prevSize: e, xs: i, sm: r, md: c, lg: s, xl: u };
+}, qe = (e, o, n) => {
+  const [t, i] = S([]), [r, c] = S(!0), s = x(
+    (h) => {
+      const { repeat: d, key: p } = h;
+      c(!0), !(d || t.includes(p)) && i((m) => [...m, p]);
+    },
+    [t]
+  ), u = x(
+    (h) => {
+      const { key: d } = h;
+      c(!1), t.includes(d) && i((p) => {
+        const m = [...p];
+        return m.splice(p.indexOf(d), 1), m;
+      });
+    },
+    [t]
+  );
+  N(() => (o || document.addEventListener("keydown", s, !0), () => {
+    document.removeEventListener("keydown", s, !0);
+  }), [o, s]), N(() => (o || document.addEventListener("keyup", u, !0), () => {
+    document.removeEventListener("keyup", u, !0);
+  }), [o, u]);
+  const l = D(() => !o && r && t.length === e.length && t.every((h) => e.includes(h)), [o, r, t, e]);
+  return N(() => {
+    l && n();
+  }, [l, n]), l;
+}, Ut = b(function({ className: o, severity: n = "primary", color: t, children: i, ...r }, c) {
+  const s = A(n);
+  return /* @__PURE__ */ a(
+    yt,
     {
-      className: S("overmap-badge", s),
+      className: $("overmap-badge", o),
       ref: c,
-      color: t || a,
-      ...e,
+      color: t || s,
+      ...r,
       children: i
     }
   );
-}), ho = v(_t), vt = "_fluid_r73gr_1", Ct = "_hoverSpin90Clockwise_r73gr_15", wt = "_hoverSpin180Clockwise_r73gr_25", xt = "_hoverSpin360Clockwise_r73gr_35", Y = {
-  fluid: vt,
-  hoverSpin90Clockwise: Ct,
-  hoverSpin180Clockwise: wt,
-  hoverSpin360Clockwise: xt
-}, Le = {
-  spin90Clockwise: Y.hoverSpin90Clockwise,
-  spin180Clockwise: Y.hoverSpin180Clockwise,
-  spin360Clockwise: Y.hoverSpin360Clockwise
-}, yt = (r) => {
-  (r.key === "Enter" || r.key === " ") && r.currentTarget.click();
-}, po = {
+}), Pr = C(Ut), Gt = "_fluid_r73gr_1", Kt = "_hoverSpin90Clockwise_r73gr_15", qt = "_hoverSpin180Clockwise_r73gr_25", Xt = "_hoverSpin360Clockwise_r73gr_35", se = {
+  fluid: Gt,
+  hoverSpin90Clockwise: Kt,
+  hoverSpin180Clockwise: qt,
+  hoverSpin360Clockwise: Xt
+}, Xe = {
+  spin90Clockwise: se.hoverSpin90Clockwise,
+  spin180Clockwise: se.hoverSpin180Clockwise,
+  spin360Clockwise: se.hoverSpin360Clockwise
+}, Qt = (e) => {
+  (e.key === "Enter" || e.key === " ") && e.currentTarget.click();
+}, Tr = {
   role: "button",
   tabIndex: 0,
-  onKeyDown: yt
-}, X = {
+  onKeyDown: Qt
+}, oe = {
   small: "1",
   medium: "2",
   large: "3"
-}, We = Ce({}), xe = () => we(We), St = x(function(s, o) {
-  const t = xe(), {
+}, Qe = ce({}), ze = () => Se(Qe), Yt = b(function(o, n) {
+  const t = ze(), {
     className: i,
-    type: e = "button",
+    type: r = "button",
     fluid: c = t.fluid ?? !1,
-    size: a = t.size ?? "medium",
+    size: s = t.size ?? "medium",
     severity: u = t.severity ?? "primary",
     hoverEffects: l = t.hoverEffects ?? [],
     variant: h = t.variant,
+    shortcut: d = {
+      keys: [],
+      action: () => {
+      },
+      disabled: !1
+    },
     ...p
-  } = s, m = P(u), f = l.map((d) => Le[d]);
-  return /* @__PURE__ */ n(
-    et,
+  } = o, m = A(u), f = l.map((v) => Xe[v]);
+  return qe(d.keys, d.disabled || d.keys.length === 0, d.action), /* @__PURE__ */ a(
+    wt,
     {
-      ref: o,
-      type: e,
-      className: S(i, f, {
-        [Y.fluid]: c
+      ref: n,
+      type: r,
+      className: $(i, f, {
+        [se.fluid]: c
       }),
       color: m,
-      size: B(a, X),
+      size: G(s, oe),
       variant: h,
       ...p
     }
   );
-}), _e = Z.memo(St), Tt = x(function(s, o) {
-  const t = xe(), {
+}), ye = V.memo(Yt), Zt = b(function(o, n) {
+  const t = ze(), {
     className: i,
-    children: e,
+    children: r,
     type: c = "button",
-    fluid: a = t.fluid ?? !1,
+    fluid: s = t.fluid ?? !1,
     size: u = t.size ?? "medium",
     severity: l = t.severity ?? "primary",
     hoverEffects: h = t.hoverEffects ?? [],
-    variant: p = t.variant,
+    variant: d = t.variant,
+    shortcut: p = {
+      keys: [],
+      action: () => {
+      },
+      disabled: !1
+    },
     ...m
-  } = s, f = P(l), d = (h == null ? void 0 : h.map((g) => Le[g])) || [];
-  return /* @__PURE__ */ n(
-    Ne,
+  } = o, f = A(l), v = (h == null ? void 0 : h.map((g) => Xe[g])) || [];
+  return qe(p.keys, p.disabled || p.keys.length === 0, p.action), /* @__PURE__ */ a(
+    Ge,
     {
-      className: S(i, d, {
-        [Y.fluid]: a
+      className: $(i, v, {
+        [se.fluid]: s
       }),
-      ref: o,
+      ref: n,
       color: f,
-      size: B(u, X),
-      variant: p,
+      size: G(u, oe),
+      variant: d,
       type: c,
       ...m,
-      children: e
+      children: r
     }
   );
-}), Be = Z.memo(Tt), bt = "_merged_wdgxo_1", Rt = {
-  merged: bt
-}, zt = {
+}), Ye = V.memo(Zt), Jt = "_merged_wdgxo_1", en = {
+  merged: Jt
+}, tn = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
-}, Pt = x(function({
-  className: s,
-  merged: o = !1,
+}, nn = b(function({
+  className: o,
+  merged: n = !1,
   children: t,
   gap: i,
-  direction: e = "row",
+  direction: r = "row",
   severity: c,
-  size: a = "medium",
+  size: s = "medium",
   variant: u,
   hoverEffects: l,
   fluid: h,
-  ...p
-}, m) {
-  const f = B(a, zt[e]), d = u === "ghost" ? f : "0";
-  return /* @__PURE__ */ n(
-    z,
+  ...d
+}, p) {
+  const m = G(s, tn[r]), f = u === "ghost" ? m : "0";
+  return /* @__PURE__ */ a(
+    T,
     {
-      className: S("overmap-button-group", s, {
-        [Rt.merged]: o
+      className: $("overmap-button-group", o, {
+        [en.merged]: n
       }),
-      ref: m,
-      gap: o ? i ?? d : i ?? "2",
-      direction: e,
-      "data-direction": e,
-      ...p,
-      children: /* @__PURE__ */ n(We.Provider, { value: { size: a, severity: c, variant: u, hoverEffects: l, fluid: h }, children: t })
+      ref: p,
+      gap: n ? i ?? f : i ?? "2",
+      direction: r,
+      "data-direction": r,
+      ...d,
+      children: /* @__PURE__ */ a(Qe.Provider, { value: { size: s, severity: c, variant: u, hoverEffects: l, fluid: h }, children: t })
     }
   );
-}), Me = v(Pt), $t = "_separators_1f7v1_1", Dt = {
-  separators: $t
-}, Ot = v(
-  x((r, s) => {
-    const { children: o, border: t, before: i, after: e, size: c } = r, a = t ? "surface" : "ghost", u = B(c, X), h = /* @__PURE__ */ C(tt, { ref: s, size: u, variant: a, children: [
+}), Ze = C(nn), on = "_separators_1f7v1_1", rn = {
+  separators: on
+}, sn = C(
+  b((e, o) => {
+    const { children: n, border: t, before: i, after: r, size: c } = e, s = t ? "surface" : "ghost", u = G(c, oe), h = /* @__PURE__ */ _(St, { ref: o, size: u, variant: s, children: [
       i,
-      i && e ? /* @__PURE__ */ n(ie, { side: "x", pt: "current", pb: "current", children: o }) : i ? /* @__PURE__ */ n(ie, { side: "bottom", pt: "current", children: o }) : e ? /* @__PURE__ */ n(ie, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ n(ie, { children: o }),
-      e
+      i && r ? /* @__PURE__ */ a(fe, { side: "x", pt: "current", pb: "current", children: n }) : i ? /* @__PURE__ */ a(fe, { side: "bottom", pt: "current", children: n }) : r ? /* @__PURE__ */ a(fe, { side: "top", pb: "current", children: n }) : /* @__PURE__ */ a(fe, { children: n }),
+      r
     ] });
-    return a === "ghost" ? /* @__PURE__ */ n(U, { p: "3", children: h }) : h;
+    return s === "ghost" ? /* @__PURE__ */ a(ne, { p: "3", children: h }) : h;
   })
-), It = v(
-  x((r, s) => {
-    const { children: o, variant: t = "outline", size: i, className: e, ...c } = r;
-    return /* @__PURE__ */ n(Ot, { ...c, border: t === "outline" || t === "surface", size: i, children: /* @__PURE__ */ n(
-      Me,
+), cn = C(
+  b((e, o) => {
+    const { children: n, variant: t = "outline", size: i, className: r, ...c } = e;
+    return /* @__PURE__ */ a(sn, { ...c, border: t === "outline" || t === "surface", size: i, children: /* @__PURE__ */ a(
+      Ze,
       {
         size: i,
         severity: "info",
         variant: t === "outline" ? "ghost" : t === "surface" ? "soft" : t,
-        className: S(e, Dt.separators),
+        className: $(r, rn.separators),
         merged: !0,
         gap: "0",
         direction: "column",
-        ref: s,
-        children: o
+        ref: o,
+        children: n
       }
     ) });
   })
-), Nt = v(
-  x((r, s) => {
-    const { variant: o } = xe(), t = /* @__PURE__ */ n(_e, { ref: s, ...r, radius: "large", variant: o });
-    return o === "ghost" ? /* @__PURE__ */ n(U, { asChild: !0, my: "1", mx: "2", children: t }) : t;
+), an = C(
+  b((e, o) => {
+    const { variant: n } = ze(), t = /* @__PURE__ */ a(ye, { ref: o, ...e, radius: "large", variant: n });
+    return n === "ghost" ? /* @__PURE__ */ a(ne, { asChild: !0, my: "1", mx: "2", children: t }) : t;
   })
-), mo = {
-  Root: It,
-  Item: Nt
-}, At = v(function(s) {
-  const { title: o, description: t, content: i, closeDialog: e } = s;
-  return /* @__PURE__ */ C(z, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ C(z, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ C(z, { justify: "between", children: [
-        /* @__PURE__ */ n(F.Title, { mb: "0", children: o }),
-        /* @__PURE__ */ n(F.Close, { children: /* @__PURE__ */ n(Ne, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ n(Qe, {}) }) })
+), Nr = {
+  Root: cn,
+  Item: an
+}, ln = C(function(o) {
+  const { title: n, description: t, content: i, closeDialog: r } = o;
+  return /* @__PURE__ */ _(T, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ _(T, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ _(T, { justify: "between", children: [
+        /* @__PURE__ */ a(J.Title, { mb: "0", children: n }),
+        /* @__PURE__ */ a(J.Close, { children: /* @__PURE__ */ a(Ge, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ a(Ct, {}) }) })
       ] }),
-      t && /* @__PURE__ */ n(F.Description, { children: t })
+      t && /* @__PURE__ */ a(J.Description, { children: t })
     ] }),
-    i(e)
+    i(r)
   ] });
-}), fo = v(
-  x((r, s) => {
-    const { children: o, content: t, title: i, description: e, onOpen: c, defaultOpen: a, onCloseInterrupt: u, ...l } = r, [h, p] = R(a ?? !1), m = y(
-      (d) => {
-        if (d && c)
+}), Ar = C(
+  b((e, o) => {
+    const { children: n, content: t, title: i, description: r, onOpen: c, defaultOpen: s, onCloseInterrupt: u, ...l } = e, [h, d] = S(s ?? !1), p = x(
+      (f) => {
+        if (f && c)
           c();
-        else if (!d && u)
-          return u(() => p(!1));
-        p(d);
+        else if (!f && u)
+          return u(() => d(!1));
+        d(f);
       },
       [c, u]
-    ), f = y(
-      (d) => {
-        if (d != null && d.force)
-          return p(!1);
-        m(!1);
+    ), m = x(
+      (f) => {
+        if (f != null && f.force)
+          return d(!1);
+        p(!1);
       },
-      [m]
+      [p]
     );
-    return /* @__PURE__ */ C(F.Root, { open: h, onOpenChange: m, children: [
-      /* @__PURE__ */ n(F.Trigger, { children: o }),
-      /* @__PURE__ */ n(F.Content, { ref: s, ...l, children: /* @__PURE__ */ n(
-        At,
+    return /* @__PURE__ */ _(J.Root, { open: h, onOpenChange: p, children: [
+      /* @__PURE__ */ a(J.Trigger, { children: n }),
+      /* @__PURE__ */ a(J.Content, { ref: o, ...l, children: /* @__PURE__ */ a(
+        ln,
         {
-          closeDialog: f,
+          closeDialog: m,
           content: t,
           title: i,
-          description: e
+          description: r
         }
       ) })
     ] });
   })
-), He = (r) => /* @__PURE__ */ n(M.Title, { mb: "0", ...r }), kt = (r) => {
-  const { title: s, description: o, actionText: t = "Confirm", cancelText: i = "Cancel", onAction: e, onCancel: c, severity: a } = r;
-  return /* @__PURE__ */ C(z, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ C(z, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ n(He, { children: s }),
-      /* @__PURE__ */ n(M.Description, { children: o })
+), Je = (e) => /* @__PURE__ */ a(K.Title, { mb: "0", ...e }), un = (e) => {
+  const { title: o, description: n, actionText: t = "Confirm", cancelText: i = "Cancel", onAction: r, onCancel: c, severity: s } = e;
+  return /* @__PURE__ */ _(T, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ _(T, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ a(Je, { children: o }),
+      /* @__PURE__ */ a(K.Description, { children: n })
     ] }),
-    /* @__PURE__ */ C(z, { gap: "3", mt: "4", justify: "end", children: [
-      /* @__PURE__ */ n(M.Cancel, { children: /* @__PURE__ */ n(_e, { variant: "soft", severity: "info", onClick: c, children: i }) }),
-      /* @__PURE__ */ n(M.Action, { children: /* @__PURE__ */ n(_e, { variant: "solid", severity: a, onClick: e, children: t }) })
+    /* @__PURE__ */ _(T, { gap: "3", mt: "4", justify: "end", children: [
+      /* @__PURE__ */ a(K.Cancel, { children: /* @__PURE__ */ a(ye, { variant: "soft", severity: "info", onClick: c, children: i }) }),
+      /* @__PURE__ */ a(K.Action, { children: /* @__PURE__ */ a(ye, { variant: "solid", severity: s, onClick: r, children: t }) })
     ] })
   ] });
-}, Et = v(function(s) {
-  const { open: o, setOpen: t, children: i, ...e } = s, c = H(() => ({
+}, dn = C(function(o) {
+  const { open: n, setOpen: t, children: i, ...r } = o, c = D(() => ({
     close: () => t(!1),
-    Title: He,
-    Description: M.Description
+    Title: Je,
+    Description: K.Description
   }), [t]);
-  return /* @__PURE__ */ C(M.Root, { open: o, onOpenChange: t, children: [
-    /* @__PURE__ */ n(M.Content, { children: "content" in e ? e.content(c) : /* @__PURE__ */ n(kt, { ...e }) }),
+  return /* @__PURE__ */ _(K.Root, { open: n, onOpenChange: t, children: [
+    /* @__PURE__ */ a(K.Content, { children: "content" in r ? r.content(c) : /* @__PURE__ */ a(un, { ...r }) }),
     i
   ] });
-}), Ve = Ce(() => {
+}), et = ce(() => {
   throw new Error("No AlertDialogProvider found");
-}), Lt = {
+}), hn = {
   content: () => null
-}, go = v(function({ children: s }) {
-  const [o, t] = R(!1), [i, e] = R(Lt), c = y(
-    (a) => {
-      if (o)
+}, Rr = C(function({ children: o }) {
+  const [n, t] = S(!1), [i, r] = S(hn), c = x(
+    (s) => {
+      if (n)
         throw new Error("AlertDialog is already open");
-      e(a), t(!0);
+      r(s), t(!0);
     },
-    [o]
+    [n]
   );
-  return /* @__PURE__ */ n(Et, { open: o, setOpen: t, ...i, children: /* @__PURE__ */ n(Ve.Provider, { value: c, children: s }) });
-}), Wt = () => we(Ve), _o = () => {
-  const r = Wt();
-  return y(
-    (s) => r({
+  return /* @__PURE__ */ a(dn, { open: n, setOpen: t, ...i, children: /* @__PURE__ */ a(et.Provider, { value: c, children: o }) });
+}), fn = () => Se(et), Or = () => {
+  const e = fn();
+  return x(
+    (o) => e({
       title: "Discard changes?",
       description: "You have unsaved changes. Are you sure you want to discard them?",
       actionText: "Discard",
       severity: "danger",
-      onAction: s.onDiscard,
-      onCancel: s.onCancel
+      onAction: o.onDiscard,
+      onCancel: o.onCancel
     }),
-    [r]
+    [e]
   );
-}, Bt = "_zeroMinWidth_curjh_1", Mt = "_zeroMinHeight_curjh_5", Ht = "_radius_curjh_9", ge = {
-  zeroMinWidth: Bt,
-  zeroMinHeight: Mt,
-  radius: Ht
-}, ye = v(
-  x(
-    ({ className: r, radius: s = !1, children: o, zeroMinWidth: t = !1, zeroMinHeight: i = !1, ...e }, c) => /* @__PURE__ */ n(
-      z,
+}, pn = "_zeroMinWidth_curjh_1", mn = "_zeroMinHeight_curjh_5", gn = "_radius_curjh_9", Pe = {
+  zeroMinWidth: pn,
+  zeroMinHeight: mn,
+  radius: gn
+}, De = C(
+  b(
+    ({ className: e, radius: o = !1, children: n, zeroMinWidth: t = !1, zeroMinHeight: i = !1, ...r }, c) => /* @__PURE__ */ a(
+      T,
       {
-        className: S(r, {
-          [ge.radius]: s,
-          [ge.zeroMinWidth]: t,
-          [ge.zeroMinHeight]: i
+        className: $(e, {
+          [Pe.radius]: o,
+          [Pe.zeroMinWidth]: t,
+          [Pe.zeroMinHeight]: i
         }),
         ref: c,
-        ...e,
-        children: o
+        ...r,
+        children: n
       }
     )
   )
-), Vt = v(function({
-  severity: s,
-  itemContent: o,
+), vn = C(function({
+  severity: o,
+  itemContent: n,
   closeOnSelect: t = !0,
   onSelect: i,
-  ...e
+  ...r
 }) {
-  const c = P(s), a = y(
+  const c = A(o), s = x(
     (u) => {
       t || u.preventDefault(), i && i(u);
     },
     [t, i]
   );
-  return /* @__PURE__ */ n(I.Item, { onSelect: a, color: c, ...e, children: o });
-}), jt = v(function({
-  defaultOpen: s,
-  open: o,
+  return /* @__PURE__ */ a(M.Item, { onSelect: s, color: c, ...r, children: n });
+}), Cn = C(function({
+  defaultOpen: o,
+  open: n,
   onOpenChange: t,
   modal: i,
-  trigger: e,
+  trigger: r,
   label: c,
-  severity: a = "info",
+  severity: s = "info",
   children: u,
   ...l
 }) {
-  const h = P(a);
-  return /* @__PURE__ */ C(I.Root, { defaultOpen: s, open: o, onOpenChange: t, modal: i, children: [
-    /* @__PURE__ */ n(I.Trigger, { children: e }),
-    /* @__PURE__ */ C(I.Content, { color: h, ...l, children: [
-      c && /* @__PURE__ */ n(I.Label, { children: c }),
+  const h = A(s);
+  return /* @__PURE__ */ _(M.Root, { defaultOpen: o, open: n, onOpenChange: t, modal: i, children: [
+    /* @__PURE__ */ a(M.Trigger, { children: r }),
+    /* @__PURE__ */ _(M.Content, { color: h, ...l, children: [
+      c && /* @__PURE__ */ a(M.Label, { children: c }),
       u
     ] })
   ] });
-}), Gt = v(function({
-  separatorBelow: s = !1,
-  separatorAbove: o = !1,
+}), _n = C(function({
+  separatorBelow: o = !1,
+  separatorAbove: n = !1,
   children: t,
   ...i
 }) {
-  return /* @__PURE__ */ C(J, { children: [
-    o && /* @__PURE__ */ n(I.Separator, {}),
-    /* @__PURE__ */ n(I.Group, { ...i, children: t }),
-    s && /* @__PURE__ */ n(I.Separator, {})
+  return /* @__PURE__ */ _(F, { children: [
+    n && /* @__PURE__ */ a(M.Separator, {}),
+    /* @__PURE__ */ a(M.Group, { ...i, children: t }),
+    o && /* @__PURE__ */ a(M.Separator, {})
   ] });
-}), Ft = v(function({
-  defaultOpen: s,
-  open: o,
+}), bn = C(function({
+  defaultOpen: o,
+  open: n,
   onOpenChange: t,
   trigger: i,
-  children: e,
+  children: r,
   ...c
 }) {
-  return /* @__PURE__ */ C(I.Sub, { defaultOpen: s, open: o, onOpenChange: t, children: [
-    /* @__PURE__ */ n(I.SubTrigger, { children: i }),
-    /* @__PURE__ */ n(I.SubContent, { ...c, children: e })
+  return /* @__PURE__ */ _(M.Sub, { defaultOpen: o, open: n, onOpenChange: t, children: [
+    /* @__PURE__ */ a(M.SubTrigger, { children: i }),
+    /* @__PURE__ */ a(M.SubContent, { ...c, children: r })
   ] });
-}), vo = {
-  Root: jt,
-  ItemGroup: Gt,
-  Item: Vt,
-  SubMenu: Ft
-}, Co = v(function({ children: s }) {
-  const [o, t] = R(!1), i = y(() => {
+}), zr = {
+  Root: Cn,
+  ItemGroup: _n,
+  Item: vn,
+  SubMenu: bn
+}, xn = C(function({ children: o }) {
+  const [n, t] = S(!1), i = x(() => {
     t(!0);
-  }, []), e = y(() => {
+  }, []), r = x(() => {
     t(!1);
   }, []);
-  return s({
-    isHovered: o,
+  return o({
+    isHovered: n,
     onPointerEnter: i,
-    onPointerLeave: e
+    onPointerLeave: r
   });
-}), Ut = "_fluid_7n1wr_1", $e = {
-  fluid: Ut
-}, Xt = x(function({
-  className: s,
-  fluid: o,
+}), $n = "_fluid_7n1wr_1", He = {
+  fluid: $n
+}, yn = b(function({
+  className: o,
+  fluid: n,
   size: t = "medium",
   variant: i = "surface",
-  severity: e = "primary",
+  severity: r = "primary",
   itemSeverity: c = "info",
-  placeholder: a = "Select",
+  placeholder: s = "Select",
   side: u,
   items: l = [],
   value: h,
-  id: p,
-  ...m
-}, f) {
-  const d = B(t, X), g = P(e), _ = P(c);
-  return /* @__PURE__ */ ke(W.Root, { size: d, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ n(
-    W.Trigger,
+  id: d,
+  ...p
+}, m) {
+  const f = G(t, oe), v = A(r), g = A(c);
+  return /* @__PURE__ */ z(j.Root, { size: f, ...p, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ a(
+    j.Trigger,
     {
-      className: S(s, {
-        [$e.fluid]: o
+      className: $(o, {
+        [He.fluid]: n
       }),
-      id: p,
-      ref: f,
+      id: d,
+      ref: m,
       variant: i,
-      placeholder: a,
-      color: g
+      placeholder: s,
+      color: v
     }
-  ), /* @__PURE__ */ n(
-    W.Content,
+  ), /* @__PURE__ */ a(
+    j.Content,
     {
       side: u,
-      className: $e.contentDefault,
+      className: He.contentDefault,
       position: "popper",
       variant: i !== "surface" ? "soft" : "solid",
-      color: _,
-      children: l.map(({ itemContent: T, value: w, ...$ }) => /* @__PURE__ */ n(W.Item, { className: "overmap-select-item", value: w, ...$, children: T }, w))
+      color: g,
+      children: l.map(({ itemContent: k, value: y, ...w }) => /* @__PURE__ */ a(j.Item, { className: "overmap-select-item", value: y, ...w, children: k }, y))
     }
   ));
-}), wo = Z.memo(Xt), De = v(
-  x((r, s) => {
-    const { checked: o, label: t, value: i, size: e = "2" } = r;
-    return /* @__PURE__ */ n(U, { asChild: !0, px: e, children: /* @__PURE__ */ n(W.Item, { value: i, ref: s, children: /* @__PURE__ */ C(z, { gap: e, align: "center", children: [
-      /* @__PURE__ */ n(nt, { checked: o }),
+}), Dr = V.memo(yn), je = C(
+  b((e, o) => {
+    const { checked: n, label: t, value: i, size: r = "2" } = e;
+    return /* @__PURE__ */ a(ne, { asChild: !0, px: r, children: /* @__PURE__ */ a(j.Item, { value: i, ref: o, children: /* @__PURE__ */ _(T, { gap: r, align: "center", children: [
+      /* @__PURE__ */ a(kt, { checked: n }),
       t
     ] }) }) });
   })
-), ue = "__select_all__", xo = v(
-  x((r, s) => {
-    const [o, t] = R(!1), { placeholder: i, value: e, onValueChange: c, options: a, disabled: u, name: l, ...h } = r, p = B(r.size, X), m = P(r.severity), f = H(() => new Map(a.map((w) => [w.value, w.label])), [a]), d = e.length > 4 ? (
+), Ce = "__select_all__", Ir = C(
+  b((e, o) => {
+    const [n, t] = S(!1), { placeholder: i, value: r, onValueChange: c, options: s, disabled: u, name: l, ...h } = e, d = G(e.size, oe), p = A(e.severity), m = D(() => new Map(s.map((y) => [y.value, y.label])), [s]), f = r.length > 4 ? (
       // to ensure the width of the select doesn't get too big
-      `${e.length} options selected`
+      `${r.length} options selected`
     ) : (
       // convert the values to labels
-      /* @__PURE__ */ n("span", { children: e.flatMap((w) => [f.get(w), ", "]).slice(0, -1) })
-    ), g = y(() => t(!1), []), _ = y((w) => {
-      w && t(!0);
-    }, []), T = y(
-      (w) => {
-        let $;
-        w === ue ? $ = e.length === a.length ? [] : a.map((V) => V.value) : $ = e.includes(w) ? e.filter((E) => E !== w) : [...e, w], c($);
+      /* @__PURE__ */ a("span", { children: r.flatMap((y) => [m.get(y), ", "]).slice(0, -1) })
+    ), v = x(() => t(!1), []), g = x((y) => {
+      y && t(!0);
+    }, []), k = x(
+      (y) => {
+        let w;
+        y === Ce ? w = r.length === s.length ? [] : s.map((X) => X.value) : w = r.includes(y) ? r.filter((R) => R !== y) : [...r, y], c(w);
       },
-      [c, a, e]
+      [c, s, r]
     );
-    return me(() => {
-      if (a.some(({ value: w }) => w === ue))
-        throw new Error(`Cannot have an option with the value "${ue}"`);
-    }, [a]), /* @__PURE__ */ C(
-      W.Root,
+    return N(() => {
+      if (s.some(({ value: y }) => y === Ce))
+        throw new Error(`Cannot have an option with the value "${Ce}"`);
+    }, [s]), /* @__PURE__ */ _(
+      j.Root,
       {
-        open: o,
+        open: n,
         value: "",
-        onOpenChange: _,
-        onValueChange: T,
+        onOpenChange: g,
+        onValueChange: k,
         disabled: u,
-        size: p,
+        size: d,
         name: l,
         autoComplete: "off",
         children: [
-          /* @__PURE__ */ n(
-            W.Trigger,
+          /* @__PURE__ */ a(
+            j.Trigger,
             {
-              ref: s,
-              color: m,
-              placeholder: e.length > 0 ? d : i,
-              "data-placeholder": e.length > 0 ? void 0 : !0,
+              ref: o,
+              color: p,
+              placeholder: r.length > 0 ? f : i,
+              "data-placeholder": r.length > 0 ? void 0 : !0,
               ...h
             }
           ),
-          /* @__PURE__ */ C(
-            W.Content,
+          /* @__PURE__ */ _(
+            j.Content,
             {
               color: "gray",
               variant: "soft",
               position: "popper",
-              onEscapeKeyDown: g,
-              onPointerDownOutside: g,
+              onEscapeKeyDown: v,
+              onPointerDownOutside: v,
               children: [
-                /* @__PURE__ */ n(
-                  De,
+                /* @__PURE__ */ a(
+                  je,
                   {
-                    value: ue,
+                    value: Ce,
                     label: "Select all",
-                    checked: e.length === a.length,
-                    size: p
+                    checked: r.length === s.length,
+                    size: d
                   }
                 ),
-                a.map((w) => /* @__PURE__ */ n(
-                  De,
+                s.map((y) => /* @__PURE__ */ a(
+                  je,
                   {
-                    ...w,
-                    checked: e.includes(w.value),
-                    size: p
+                    ...y,
+                    checked: r.includes(y.value),
+                    size: d
                   },
-                  w.value
+                  y.value
                 ))
               ]
             }
@@ -542,84 +581,84 @@ const gt = {
       }
     );
   })
-), qt = {
+), wn = {
   default: "_default_u936h_1"
-}, Kt = x(function({ className: s, severity: o = "primary", icon: t, defaultChecked: i = !1, onCheckedChange: e, ...c }, a) {
-  const u = Q(null), [l, h] = R(c.checked ? c.checked : i), [p, m] = R(), f = P(o);
-  Ae(() => {
-    var T;
-    const _ = a || u;
-    "current" in _ && _.current && m((T = _.current) == null ? void 0 : T.querySelector("span.rt-SwitchThumb"));
-  }, [a]);
-  const d = y(
-    (_) => {
-      h(_), e && e(_);
+}, Sn = b(function({ className: o, severity: n = "primary", icon: t, defaultChecked: i = !1, onCheckedChange: r, ...c }, s) {
+  const u = O(null), [l, h] = S(c.checked ? c.checked : i), [d, p] = S(), m = A(n);
+  Re(() => {
+    var k;
+    const g = s || u;
+    "current" in g && g.current && p((k = g.current) == null ? void 0 : k.querySelector("span.rt-SwitchThumb"));
+  }, [s]);
+  const f = x(
+    (g) => {
+      h(g), r && r(g);
     },
-    [e]
-  ), g = c.checked ? c.checked : l;
-  return /* @__PURE__ */ C(J, { children: [
-    /* @__PURE__ */ n(
-      ot,
+    [r]
+  ), v = c.checked ? c.checked : l;
+  return /* @__PURE__ */ _(F, { children: [
+    /* @__PURE__ */ a(
+      Pt,
       {
-        className: S("overmap-switch", s, qt.default),
-        ref: a || u,
-        color: f,
+        className: $("overmap-switch", o, wn.default),
+        ref: s || u,
+        color: m,
         radius: "full",
         defaultChecked: i,
-        onCheckedChange: d,
+        onCheckedChange: f,
         ...c
       }
     ),
-    /* @__PURE__ */ n(rt, { container: p, asChild: !0, children: t && "checked" in t ? g ? t.checked : t.unchecked : t })
+    /* @__PURE__ */ a(Tt, { container: d, asChild: !0, children: t && "checked" in t ? v ? t.checked : t.unchecked : t })
   ] });
-}), yo = v(Kt), Qt = "_sidebarContent_1onyo_1", Yt = "_right_1onyo_7", Jt = "_resizeHandle_1onyo_10", Zt = "_left_1onyo_13", en = "_overlay_1onyo_33", j = {
-  sidebarContent: Qt,
-  right: Yt,
-  resizeHandle: Jt,
-  left: Zt,
-  overlay: en
-}, tn = { width: "auto", height: "100%" }, nn = x(function({
-  side: s = "left",
-  modal: o = !0,
+}), Er = C(Sn), kn = "_sidebarContent_1onyo_1", Pn = "_right_1onyo_7", Tn = "_resizeHandle_1onyo_10", Nn = "_left_1onyo_13", An = "_overlay_1onyo_33", Q = {
+  sidebarContent: kn,
+  right: Pn,
+  resizeHandle: Tn,
+  left: Nn,
+  overlay: An
+}, Rn = { width: "auto", height: "100%" }, On = b(function({
+  side: o = "left",
+  modal: n = !0,
   children: t,
   open: i,
-  containerSelector: e,
+  containerSelector: r,
   overlay: c = !0,
-  resizable: a = !0,
+  resizable: s = !0,
   // Props related to Resizable
   minWidth: u = "300px",
   maxWidth: l = "500px",
   ...h
-}, p) {
-  const m = s === "right", f = s === "left", [d, g] = R();
-  return me(() => {
-    const _ = e ?? '[data-is-root-theme="true"]', T = document.querySelector(_);
-    if (T === void 0)
-      throw new Error(`Could not find a container element using the following selector ${_}`);
-    g(T);
-  }, [e]), /* @__PURE__ */ n(le.Root, { open: i, modal: o, children: /* @__PURE__ */ C(le.Portal, { container: d, children: [
-    c && /* @__PURE__ */ n(le.Overlay, { className: S(j.overlay) }),
-    /* @__PURE__ */ n(
-      le.Content,
+}, d) {
+  const p = o === "right", m = o === "left", [f, v] = S();
+  return N(() => {
+    const g = r ?? '[data-is-root-theme="true"]', k = document.querySelector(g);
+    if (k === void 0)
+      throw new Error(`Could not find a container element using the following selector ${g}`);
+    v(k);
+  }, [r]), /* @__PURE__ */ a(ve.Root, { open: i, modal: n, children: /* @__PURE__ */ _(ve.Portal, { container: f, children: [
+    c && /* @__PURE__ */ a(ve.Overlay, { className: $(Q.overlay) }),
+    /* @__PURE__ */ a(
+      ve.Content,
       {
-        className: S("overmap-sidebar", "rt-DialogContent", j.sidebarContent, {
-          [j.left]: f,
-          [j.right]: m
+        className: $("overmap-sidebar", "rt-DialogContent", Q.sidebarContent, {
+          [Q.left]: m,
+          [Q.right]: p
         }),
-        ref: p,
+        ref: d,
         asChild: !0,
         ...h,
-        children: /* @__PURE__ */ n(U, { width: "auto", children: /* @__PURE__ */ n(
-          he,
+        children: /* @__PURE__ */ a(ne, { width: "auto", children: /* @__PURE__ */ a(
+          $e,
           {
             minWidth: u,
             maxWidth: l,
-            defaultSize: tn,
-            enable: { right: a && f, left: a && m },
-            handleClasses: { left: j.resizeHandle, right: j.resizeHandle },
+            defaultSize: Rn,
+            enable: { right: s && m, left: s && p },
+            handleClasses: { left: Q.resizeHandle, right: Q.resizeHandle },
             handleComponent: {
-              right: /* @__PURE__ */ n(de, {}),
-              left: /* @__PURE__ */ n(de, {})
+              right: /* @__PURE__ */ a(be, {}),
+              left: /* @__PURE__ */ a(be, {})
             },
             children: t
           }
@@ -627,77 +666,77 @@ const gt = {
       }
     )
   ] }) });
-}), So = v(nn), on = "_outerContent_1vw5z_1", rn = "_enter_1vw5z_4", sn = "_right_1vw5z_4", an = "_left_1vw5z_8", cn = "_enterActive_1vw5z_12", ln = "_exitActive_1vw5z_22", un = "_exitDone_1vw5z_32", dn = "_resizable_1vw5z_41", hn = "_slideOutOverlay_1vw5z_45", k = {
-  outerContent: on,
-  enter: rn,
-  right: sn,
-  left: an,
-  enterActive: cn,
-  exitActive: ln,
-  exitDone: un,
-  resizable: dn,
-  slideOutOverlay: hn
-}, pn = 200, To = v(function({
-  className: s,
-  open: o,
+}), Mr = C(On), zn = "_outerContent_1iy9c_1", Dn = "_enter_1iy9c_4", In = "_right_1iy9c_4", En = "_left_1iy9c_8", Mn = "_enterActive_1iy9c_12", Ln = "_exitActive_1iy9c_22", Bn = "_exitDone_1iy9c_32", Wn = "_resizable_1iy9c_41", Hn = "_slideOutOverlay_1iy9c_47", W = {
+  outerContent: zn,
+  enter: Dn,
+  right: In,
+  left: En,
+  enterActive: Mn,
+  exitActive: Ln,
+  exitDone: Bn,
+  resizable: Wn,
+  slideOutOverlay: Hn
+}, jn = 200, Lr = C(function({
+  className: o,
+  open: n,
   side: t = "left",
   children: i,
-  minWidth: e,
+  minWidth: r,
   maxWidth: c,
-  resizable: a = !0,
+  resizable: s = !0,
   overlay: u = !1,
   modal: l = !1,
   resizeHandle: h,
-  position: p = "absolute",
-  ...m
+  position: d = "absolute",
+  ...p
 }) {
-  const f = Q(null), [d, g] = R(e), _ = t === "left", T = t === "right", w = y(
-    ($, E, V, Se) => {
-      g(V.clientWidth), f.current && (f.current.style.width = `${V.clientWidth}px`);
+  const m = O(null), [f, v] = S(r), g = t === "left", k = t === "right", y = x(
+    (w, R, X, Ie) => {
+      v(X.clientWidth), m.current && (m.current.style.width = `${X.clientWidth}px`);
     },
     []
   );
-  return /* @__PURE__ */ n(
-    ct,
+  return /* @__PURE__ */ a(
+    It,
     {
-      in: o,
+      in: n,
       classNames: {
-        enter: k.enter,
-        enterActive: k.enterActive,
-        exitActive: k.exitActive,
-        exitDone: k.exitDone
+        enter: W.enter,
+        enterActive: W.enterActive,
+        exitActive: W.exitActive,
+        exitDone: W.exitDone
       },
-      timeout: pn,
-      nodeRef: f,
+      timeout: jn,
+      nodeRef: m,
       unmountOnExit: !0,
       mountOnEnter: !0,
-      children: /* @__PURE__ */ C(J, { children: [
-        u && /* @__PURE__ */ n("div", { className: k.slideOutOverlay }),
-        /* @__PURE__ */ n(at, { disableOutsidePointerEvents: l, asChild: !0, ...m, children: /* @__PURE__ */ n(
-          z,
+      children: /* @__PURE__ */ _(F, { children: [
+        u && /* @__PURE__ */ a("div", { className: $("overamp-slide-out-overlay", W.slideOutOverlay) }),
+        /* @__PURE__ */ a(Dt, { disableOutsidePointerEvents: l, asChild: !0, ...p, children: /* @__PURE__ */ a(
+          T,
           {
-            className: S("overmap-slide-out", s, k.outerContent, {
-              [k.left]: _,
-              [k.right]: T
+            className: $("overmap-slide-out", o, W.outerContent, {
+              [W.left]: g,
+              [W.right]: k
             }),
-            style: { "--slide-out-width": `${d}px` },
+            style: { "--slide-out-width": `${f}px` },
             height: "100%",
             width: "auto",
-            position: p,
+            position: d,
             top: "0",
             bottom: "0",
-            left: _ ? "0" : void 0,
-            right: T ? "0" : void 0,
-            ref: f,
-            children: /* @__PURE__ */ n(
-              he,
+            left: g ? "0" : void 0,
+            right: k ? "0" : void 0,
+            ref: m,
+            children: /* @__PURE__ */ a(
+              $e,
               {
-                className: k.resizable,
-                defaultSize: { width: d, height: "100%" },
-                onResize: w,
-                enable: { right: a && _, left: a && T },
+                className: W.resizable,
+                defaultSize: { width: f, height: "100%" },
+                onResize: y,
+                enable: { right: s && g, left: s && k },
                 handleComponent: { left: h, right: h },
-                minWidth: e,
+                minWidth: r,
                 maxWidth: c,
                 children: i
               }
@@ -707,214 +746,214 @@ const gt = {
       ] })
     }
   );
-}), mn = "_accommodateCharCount_sr18k_1", fn = "_wrapper_sr18k_5", gn = "_noLeftIcon_sr18k_13", _n = "_noRightIcon_sr18k_17", vn = "_charCount_sr18k_21", G = {
-  accommodateCharCount: mn,
-  wrapper: fn,
+}), Fn = "_accommodateCharCount_sr18k_1", Vn = "_wrapper_sr18k_5", Un = "_noLeftIcon_sr18k_13", Gn = "_noRightIcon_sr18k_17", Kn = "_charCount_sr18k_21", Y = {
+  accommodateCharCount: Fn,
+  wrapper: Vn,
   default: "_default_sr18k_9",
-  noLeftIcon: gn,
-  noRightIcon: _n,
-  charCount: vn
-}, Cn = x(function({
-  className: s,
-  leftSlot: o,
+  noLeftIcon: Un,
+  noRightIcon: Gn,
+  charCount: Kn
+}, qn = b(function({
+  className: o,
+  leftSlot: n,
   rightSlot: t,
   size: i = "medium",
-  showInputLength: e,
+  showInputLength: r,
   value: c,
-  variant: a,
+  variant: s,
   severity: u = "primary",
   ...l
 }, h) {
-  const p = B(i, X), m = P(u), f = e || e === void 0 && l.maxLength !== void 0, d = c !== void 0 ? c.toString() : void 0;
-  return /* @__PURE__ */ C(
-    se.Root,
+  const d = G(i, oe), p = A(u), m = r || r === void 0 && l.maxLength !== void 0, f = c !== void 0 ? c.toString() : void 0;
+  return /* @__PURE__ */ _(
+    pe.Root,
     {
-      className: S(G.wrapper, {
-        [G.accommodateCharCount]: f
+      className: $(Y.wrapper, {
+        [Y.accommodateCharCount]: m
       }),
-      size: p,
-      variant: a,
-      color: m,
+      size: d,
+      variant: s,
+      color: p,
       children: [
-        o && /* @__PURE__ */ n(se.Slot, { children: o }),
-        /* @__PURE__ */ n(
-          se.Input,
+        n && /* @__PURE__ */ a(pe.Slot, { children: n }),
+        /* @__PURE__ */ a(
+          pe.Input,
           {
-            className: S(G.default, s, {
-              [G.noLeftIcon]: !o,
-              [G.noRightIcon]: !t
+            className: $(Y.default, o, {
+              [Y.noLeftIcon]: !n,
+              [Y.noRightIcon]: !t
             }),
             ref: h,
-            size: p,
-            variant: a,
-            color: m,
+            size: d,
+            variant: s,
+            color: p,
             ...l
           }
         ),
-        t && /* @__PURE__ */ n(se.Slot, { children: t }),
-        f && /* @__PURE__ */ n(pe, { as: "p", className: G.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${d == null ? void 0 : d.length}/${l.maxLength}` : `${d == null ? void 0 : d.length}` })
+        t && /* @__PURE__ */ a(pe.Slot, { children: t }),
+        m && /* @__PURE__ */ a(we, { as: "p", className: Y.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${f == null ? void 0 : f.length}/${l.maxLength}` : `${f == null ? void 0 : f.length}` })
       ]
     }
   );
-}), bo = Z.memo(Cn), wn = "_wrapper_tmtz0_1", xn = {
-  wrapper: wn
-}, yn = x(function({ className: s, defaultOpen: o = !1, modal: t = !1, content: i, children: e, ...c }, a) {
-  return /* @__PURE__ */ C(ae.Root, { defaultOpen: o, modal: t, children: [
-    /* @__PURE__ */ n(ae.Trigger, { children: e }),
-    /* @__PURE__ */ n(
-      ae.Content,
+}), Br = V.memo(qn), Xn = "_wrapper_tmtz0_1", Qn = {
+  wrapper: Xn
+}, Yn = b(function({ className: o, defaultOpen: n = !1, modal: t = !1, content: i, children: r, ...c }, s) {
+  return /* @__PURE__ */ _(me.Root, { defaultOpen: n, modal: t, children: [
+    /* @__PURE__ */ a(me.Trigger, { children: r }),
+    /* @__PURE__ */ a(
+      me.Content,
       {
-        ref: a,
-        className: S("overmap-popover", s, xn.wrapper),
+        ref: s,
+        className: $("overmap-popover", o, Qn.wrapper),
         ...c,
-        children: i(ae.Close)
+        children: i(me.Close)
       }
     )
   ] });
-}), Ro = Z.memo(yn), Sn = "_wrapper_1ssf2_1", Tn = "_panelContent_1ssf2_6", bn = "_left_1ssf2_14", Rn = "_right_1ssf2_18", zn = "_resizable_1ssf2_23", Pn = "_resizeHandle_1ssf2_28", $n = "_panelMainContent_1ssf2_48", O = {
-  wrapper: Sn,
-  panelContent: Tn,
-  left: bn,
-  right: Rn,
-  resizable: zn,
-  resizeHandle: Pn,
-  panelMainContent: $n
-}, Oe = 200, L = 150, zo = v(function({
-  children: s,
-  showLeft: o,
+}), Zn = V.memo(Yn), Jn = "_wrapper_1ssf2_1", eo = "_panelContent_1ssf2_6", to = "_left_1ssf2_14", no = "_right_1ssf2_18", oo = "_resizable_1ssf2_23", ro = "_resizeHandle_1ssf2_28", io = "_panelMainContent_1ssf2_48", E = {
+  wrapper: Jn,
+  panelContent: eo,
+  left: to,
+  right: no,
+  resizable: oo,
+  resizeHandle: ro,
+  panelMainContent: io
+}, Fe = 200, H = 150, Wr = C(function({
+  children: o,
+  showLeft: n,
   leftPanel: t,
-  leftMinWidth: i = Oe,
-  showRight: e,
+  leftMinWidth: i = Fe,
+  showRight: r,
   rightPanel: c,
-  rightMinWidth: a = Oe,
+  rightMinWidth: s = Fe,
   resizeable: u
 }) {
-  const l = Q(null), h = Q(null), [p, m] = R(0), [f, d] = R(), g = Q(null), [_, T] = R(0), [w, $] = R(), E = y(
-    (b, D, N) => (A, be, Re, fe) => {
+  const l = O(null), h = O(null), [d, p] = S(0), [m, f] = S(), v = O(null), [g, k] = S(0), [y, w] = S(), R = x(
+    (P, I, L) => (B, Me, Le, ke) => {
       if (!l.current)
         return;
-      const ne = b + fe.width;
-      N(l.current.clientWidth - ne), D(() => ne);
+      const ue = P + ke.width;
+      L(l.current.clientWidth - ue), I(() => ue);
     },
     []
-  ), V = y(
-    (b, D, N, A) => E(p, m, $)(b, D, N, A),
-    [E, p]
-  ), Se = y(
-    (b, D, N, A) => E(_, T, d)(b, D, N, A),
-    [E, _]
-  ), ee = y(
-    (b, D, N, A, be, Re, fe, ne) => {
+  ), X = x(
+    (P, I, L, B) => R(d, p, w)(P, I, L, B),
+    [R, d]
+  ), Ie = x(
+    (P, I, L, B) => R(g, k, f)(P, I, L, B),
+    [R, g]
+  ), ae = x(
+    (P, I, L, B, Me, Le, ke, ue) => {
       if (!l.current)
         return;
-      let oe = b;
-      if (oe === 0 && (oe = D, N(oe)), Re) {
-        const re = l.current.clientWidth - oe;
-        ne(re), be > re && (fe(re), A(l.current.clientWidth - re));
+      let de = P;
+      if (de === 0 && (de = I, L(de)), Le) {
+        const he = l.current.clientWidth - de;
+        ue(he), Me > he && (ke(he), B(l.current.clientWidth - he));
       }
     },
     []
-  ), Ge = y(
-    () => ee(
-      _,
-      a,
-      T,
-      $,
+  ), ht = x(
+    () => ae(
+      g,
+      s,
+      k,
+      w,
+      d,
+      n,
       p,
-      o,
-      m,
-      d
+      f
     ),
-    [ee, p, a, _, o]
-  ), Fe = y(
-    () => ee(
-      p,
-      i,
-      m,
+    [ae, d, s, g, n]
+  ), ft = x(
+    () => ae(
       d,
-      _,
-      e,
-      T,
-      $
+      i,
+      p,
+      f,
+      g,
+      r,
+      k,
+      w
     ),
-    [ee, i, p, _, e]
-  ), te = y(
-    (b, D) => {
-      l.current && b && D(l.current.clientWidth);
+    [ae, i, d, g, r]
+  ), le = x(
+    (P, I) => {
+      l.current && P && I(l.current.clientWidth);
     },
     []
-  ), Ue = y(
-    () => te(o, d),
-    [te, o]
-  ), Xe = y(
-    () => te(e, $),
-    [te, e]
-  ), Te = y(() => {
-    var b, D, N, A;
-    l.current && (d(l.current.clientWidth - (((b = g.current) == null ? void 0 : b.clientWidth) || 0)), $(l.current.clientWidth - (((D = h.current) == null ? void 0 : D.clientWidth) || 0)), m(((N = h.current) == null ? void 0 : N.clientWidth) || 0), T(((A = g.current) == null ? void 0 : A.clientWidth) || 0));
+  ), pt = x(
+    () => le(n, f),
+    [le, n]
+  ), mt = x(
+    () => le(r, w),
+    [le, r]
+  ), Ee = x(() => {
+    var P, I, L, B;
+    l.current && (f(l.current.clientWidth - (((P = v.current) == null ? void 0 : P.clientWidth) || 0)), w(l.current.clientWidth - (((I = h.current) == null ? void 0 : I.clientWidth) || 0)), p(((L = h.current) == null ? void 0 : L.clientWidth) || 0), k(((B = v.current) == null ? void 0 : B.clientWidth) || 0));
   }, []);
-  me(() => {
+  N(() => {
     if (!l.current)
       return;
-    const b = new ResizeObserver(Te);
-    return b.observe(l.current), () => {
-      b.disconnect();
+    const P = new ResizeObserver(Ee);
+    return P.observe(l.current), () => {
+      P.disconnect();
     };
-  }, [Te]);
-  const qe = H(() => ({
+  }, [Ee]);
+  const gt = D(() => ({
     entering: {
-      transform: `translateX(-${p}px)`,
-      marginRight: `-${p}px`,
+      transform: `translateX(-${d}px)`,
+      marginRight: `-${d}px`,
       transitionProperty: "transform, margin-right",
-      transitionDuration: `${L}ms`,
+      transitionDuration: `${H}ms`,
       transitionTimingFunction: "linear"
     },
     entered: {
       transform: "translateX(0)",
       marginRight: 0,
       transitionProperty: "transform, margin-right",
-      transitionDuration: `${L}ms`,
+      transitionDuration: `${H}ms`,
       transitionTimingFunction: "linear"
     },
     exiting: {
-      transform: `translateX(-${p}px)`,
-      marginRight: `-${p}px`,
+      transform: `translateX(-${d}px)`,
+      marginRight: `-${d}px`,
       transitionProperty: "transform, margin-right",
-      transitionDuration: `${L}ms`,
+      transitionDuration: `${H}ms`,
       transitionTimingFunction: "linear"
     },
     exited: {},
     unmounted: {}
-  }), [p]), Ke = H(() => ({
+  }), [d]), vt = D(() => ({
     entering: {
-      transform: `translateX(${_}px)`,
-      marginLeft: `${-_}px`,
+      transform: `translateX(${g}px)`,
+      marginLeft: `${-g}px`,
       transitionProperty: "transform, margin-left",
-      transitionDuration: `${L}ms`,
+      transitionDuration: `${H}ms`,
       transitionTimingFunction: "linear"
     },
     entered: {
       transform: "translateX(0)",
       marginLeft: 0,
       transitionProperty: "transform, margin-left",
-      transitionDuration: `${L}ms`,
+      transitionDuration: `${H}ms`,
       transitionTimingFunction: "linear"
     },
     exiting: {
-      transform: `translateX(${_}px)`,
-      marginLeft: `${-_}px`,
+      transform: `translateX(${g}px)`,
+      marginLeft: `${-g}px`,
       transitionProperty: "transform, margin-left",
-      transitionDuration: `${L}ms`,
+      transitionDuration: `${H}ms`,
       transitionTimingFunction: "linear"
     },
     exited: {},
     unmounted: {}
-  }), [_]);
-  return /* @__PURE__ */ C(
-    z,
+  }), [g]);
+  return /* @__PURE__ */ _(
+    T,
     {
-      className: O.wrapper,
-      style: { minWidth: `${i + a}px` },
+      className: E.wrapper,
+      style: { minWidth: `${i + s}px` },
       ref: l,
       width: "100%",
       height: "100%",
@@ -922,40 +961,40 @@ const gt = {
       m: "0",
       p: "0",
       children: [
-        /* @__PURE__ */ n(
-          Pe,
+        /* @__PURE__ */ a(
+          We,
           {
             nodeRef: h,
-            timeout: o ? 0 : L,
-            in: o,
+            timeout: n ? 0 : H,
+            in: n,
             unmountOnExit: !0,
-            onEntering: Fe,
-            onExited: Xe,
-            children: (b) => /* @__PURE__ */ n(
-              U,
+            onEntering: ft,
+            onExited: mt,
+            children: (P) => /* @__PURE__ */ a(
+              ne,
               {
                 ref: h,
-                className: S(O.panelContent, O.left),
-                style: qe[b],
+                className: $(E.panelContent, E.left),
+                style: gt[P],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
-                children: /* @__PURE__ */ n(
-                  he,
+                children: /* @__PURE__ */ a(
+                  $e,
                   {
-                    className: O.resizable,
+                    className: E.resizable,
                     size: {
-                      width: p,
+                      width: d,
                       height: "100%"
                     },
-                    onResizeStop: V,
+                    onResizeStop: X,
                     enable: { right: (u == null ? void 0 : u.left) !== void 0 ? u.left : !0 },
                     minWidth: i,
-                    maxWidth: f,
-                    handleClasses: { right: S(O.resizeHandle, O.left) },
+                    maxWidth: m,
+                    handleClasses: { right: $(E.resizeHandle, E.left) },
                     handleComponent: {
-                      right: /* @__PURE__ */ n(de, { height: "14px", width: "14px" })
+                      right: /* @__PURE__ */ a(be, { height: "14px", width: "14px" })
                     },
                     children: t
                   }
@@ -964,37 +1003,37 @@ const gt = {
             )
           }
         ),
-        /* @__PURE__ */ n("div", { className: O.panelMainContent, children: s }),
-        /* @__PURE__ */ n(
-          Pe,
+        /* @__PURE__ */ a("div", { className: E.panelMainContent, children: o }),
+        /* @__PURE__ */ a(
+          We,
           {
-            nodeRef: g,
-            timeout: e ? 0 : L,
-            in: e,
+            nodeRef: v,
+            timeout: r ? 0 : H,
+            in: r,
             unmountOnExit: !0,
-            onEntering: Ge,
-            onExited: Ue,
-            children: (b) => /* @__PURE__ */ n(
-              U,
+            onEntering: ht,
+            onExited: pt,
+            children: (P) => /* @__PURE__ */ a(
+              ne,
               {
-                ref: g,
-                className: S(O.panelContent, O.right),
-                style: Ke[b],
+                ref: v,
+                className: $(E.panelContent, E.right),
+                style: vt[P],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
-                children: /* @__PURE__ */ n(
-                  he,
+                children: /* @__PURE__ */ a(
+                  $e,
                   {
-                    className: O.resizable,
-                    size: { width: _, height: "100%" },
-                    onResizeStop: Se,
+                    className: E.resizable,
+                    size: { width: g, height: "100%" },
+                    onResizeStop: Ie,
                     enable: { left: (u == null ? void 0 : u.right) !== void 0 ? u.right : !0 },
-                    minWidth: a,
-                    maxWidth: w,
-                    handleClasses: { left: S(O.resizeHandle, O.right) },
-                    handleComponent: { left: /* @__PURE__ */ n(de, { height: "14px", width: "14px" }) },
+                    minWidth: s,
+                    maxWidth: y,
+                    handleClasses: { left: $(E.resizeHandle, E.right) },
+                    handleComponent: { left: /* @__PURE__ */ a(be, { height: "14px", width: "14px" }) },
                     children: c
                   }
                 )
@@ -1005,296 +1044,905 @@ const gt = {
       ]
     }
   );
-}), Dn = "_charCount_17uut_1", On = {
-  charCount: Dn
-}, In = x(function({ className: s, showInputLength: o, inputLengthTemplate: t, value: i, severity: e = "primary", resize: c, ...a }, u) {
-  const l = P(e), h = P("info"), p = o || o === void 0 && (a.maxLength !== void 0 || a.minLength !== void 0), m = i !== void 0 ? i.toString() : "", f = H(() => {
+}), so = "_multiPagePopover_1w3ey_1", co = "_light_1w3ey_15", ao = "_dark_1w3ey_20", lo = "_pageTitle_1w3ey_28", uo = "_buttonContainer_1w3ey_33", ho = "_optionsButtonContainer_1w3ey_38", fo = "_optionsButton_1w3ey_38", te = {
+  multiPagePopover: so,
+  light: co,
+  dark: ao,
+  pageTitle: lo,
+  buttonContainer: uo,
+  optionsButtonContainer: ho,
+  optionsButton: fo
+};
+function tt(e, o, n, t = 0) {
+  if (!e.options)
+    return e.content || /* @__PURE__ */ a(F, {});
+  const i = e.options.map((r, c) => /* @__PURE__ */ a(
+    ye,
+    {
+      className: $(te.optionsButton, r.buttonClassName),
+      variant: "ghost",
+      radius: "large",
+      style: {
+        width: n === "vertical" ? "100%" : "auto"
+      },
+      onClick: r.onClick || (() => o(
+        tt(r.page || {}, o, n, t + 1)
+      )),
+      children: r.label
+    },
+    `${r.value}-page-${t}-button-${c}`
+  ));
+  return /* @__PURE__ */ _(F, { children: [
+    e.title && /* @__PURE__ */ a("div", { className: te.pageTitle, children: e.title }),
+    e.content,
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: $(te.optionsButtonContainer, e.buttonsContainerClassName),
+        style: {
+          flexDirection: n === "vertical" ? "column" : "row"
+        },
+        children: i
+      }
+    )
+  ] });
+}
+const po = b(function({ page: o, className: n, direction: t = "vertical", color: i = "light", ...r }, c) {
+  const [s, u] = S(void 0), l = x(() => {
+    u(tt(o, u, t, 0));
+  }, [t, o]);
+  N(() => {
+    l();
+  }, [l]);
+  const h = x((d) => s, [s]);
+  return /* @__PURE__ */ a(
+    Zn,
+    {
+      className: $(te.multiPagePopover, i === "light" ? te.light : te.dark, n),
+      content: h,
+      ref: c,
+      ...r,
+      onCloseAutoFocus: l
+    }
+  );
+}), Hr = V.memo(po), mo = "_charCount_17uut_1", go = {
+  charCount: mo
+}, vo = b(function({ className: o, showInputLength: n, inputLengthTemplate: t, value: i, severity: r = "primary", resize: c, ...s }, u) {
+  const l = A(r), h = A("info"), d = n || n === void 0 && (s.maxLength !== void 0 || s.minLength !== void 0), p = i !== void 0 ? i.toString() : "", m = D(() => {
     if (t) {
-      let d = t.replace("{current}", m.length.toString());
-      return a.minLength !== void 0 && (d = d.replace("{min}", a.minLength.toString())), a.maxLength !== void 0 && (d = d.replace("{max}", a.maxLength.toString())), d;
+      let f = t.replace("{current}", p.length.toString());
+      return s.minLength !== void 0 && (f = f.replace("{min}", s.minLength.toString())), s.maxLength !== void 0 && (f = f.replace("{max}", s.maxLength.toString())), f;
     }
-    return m.length;
-  }, [t, a.maxLength, a.minLength, m.length]);
-  return /* @__PURE__ */ C(J, { children: [
-    /* @__PURE__ */ n(
-      it,
+    return p.length;
+  }, [t, s.maxLength, s.minLength, p.length]);
+  return /* @__PURE__ */ _(F, { children: [
+    /* @__PURE__ */ a(
+      Nt,
       {
-        className: S("overmap-textarea", s),
+        className: $("overmap-textarea", o),
         style: { resize: c },
         ref: u,
         value: i,
         color: l,
-        ...a
+        ...s
       }
     ),
-    p && /* @__PURE__ */ n(pe, { as: "p", className: On.charCount, color: h, align: "right", children: f })
+    d && /* @__PURE__ */ a(we, { as: "p", className: go.charCount, color: h, align: "right", children: m })
   ] });
-}), Po = v(In), Nn = x(function({
+}), jr = C(vo), Co = b(function({
   // ToggleGroup Primitive Props
-  loop: s,
-  type: o,
+  loop: o,
+  type: n,
   rovingFocus: t,
   value: i,
-  onValueChange: e,
+  onValueChange: r,
   defaultValue: c,
-  disabled: a,
+  disabled: s,
   items: u,
   // ButtonGroup Props
   className: l,
   direction: h = "row",
-  ...p
-}, m) {
-  return /* @__PURE__ */ n(
-    lt,
+  ...d
+}, p) {
+  return /* @__PURE__ */ a(
+    Et,
     {
-      type: o,
-      className: S("overmap-toggle-group", l),
-      ref: m,
+      type: n,
+      className: $("overmap-toggle-group", l),
+      ref: p,
       value: i,
-      onValueChange: e,
-      disabled: a,
+      onValueChange: r,
+      disabled: s,
       orientation: h === "column" ? "vertical" : "horizontal",
-      loop: s,
+      loop: o,
       rovingFocus: t,
       defaultValue: c,
       asChild: !0,
-      children: /* @__PURE__ */ n(Me, { direction: h, ...p, children: u.map(({ children: f, ...d }) => /* @__PURE__ */ ke(ut, { asChild: !0, ...d, key: d.value }, /* @__PURE__ */ n(
-        Be,
+      children: /* @__PURE__ */ a(Ze, { direction: h, ...d, children: u.map(({ children: m, ...f }) => /* @__PURE__ */ z(Mt, { asChild: !0, ...f, key: f.value }, /* @__PURE__ */ a(
+        Ye,
         {
-          className: S("overmap-toggle-group-button"),
-          "aria-label": d.value,
-          variant: d.value === i ? "solid" : "soft",
-          children: f
+          className: $("overmap-toggle-group-button"),
+          "aria-label": f.value,
+          variant: f.value === i ? "solid" : "soft",
+          children: m
         }
       ))) })
     }
   );
-}), $o = v(Nn), An = {
+}), Fr = C(Co), _o = {
   default: "_default_xqvoc_1"
-}, kn = v(
-  x(({ className: r, minContentGap: s = "2", children: o, ...t }, i) => /* @__PURE__ */ n(
-    dt,
+}, bo = C(
+  b(({ className: e, minContentGap: o = "2", children: n, ...t }, i) => /* @__PURE__ */ a(
+    Lt,
     {
-      className: S(r, "overmap-toolbar", An.default),
+      className: $(e, "overmap-toolbar", _o.default),
       ref: i,
       asChild: !0,
       ...t,
-      children: /* @__PURE__ */ n(ye, { grow: "1", width: "100%", height: "max-content", align: "center", gap: s, wrap: "nowrap", children: o })
+      children: /* @__PURE__ */ a(De, { grow: "1", width: "100%", height: "max-content", align: "center", gap: o, wrap: "nowrap", children: n })
     }
   ))
-), En = v(
-  x(({ children: r, gap: s = "2" }, o) => /* @__PURE__ */ n(ye, { ref: o, grow: "1", width: "max-content", height: "100%", align: "center", gap: s, children: r }))
-), Ln = v(
-  x(({ children: r, gap: s }, o) => /* @__PURE__ */ n(
-    ye,
+), xo = C(
+  b(({ children: e, gap: o = "2" }, n) => /* @__PURE__ */ a(De, { ref: n, grow: "1", width: "max-content", height: "100%", align: "center", gap: o, children: e }))
+), $o = C(
+  b(({ children: e, gap: o }, n) => /* @__PURE__ */ a(
+    De,
     {
-      ref: o,
+      ref: n,
       grow: "1",
       width: "max-content",
       direction: "row-reverse",
       height: "100%",
       align: "center",
-      gap: s || "2",
-      children: r
+      gap: o || "2",
+      children: e
     }
   ))
-), Do = {
-  Root: kn,
-  LeftContent: En,
-  RightContent: Ln
-}, Wn = "_ToastViewport_1i6bp_1", Bn = "_actionButton_1i6bp_20", Mn = "_ToastRoot_1i6bp_24", Hn = "_slideIn_1i6bp_1", Vn = "_swipeOut_1i6bp_1", ve = {
-  ToastViewport: Wn,
-  actionButton: Bn,
-  ToastRoot: Mn,
-  slideIn: Hn,
-  swipeOut: Vn
-}, jn = x(function({ title: s, description: o, icon: t, severity: i = "primary", size: e, onClose: c, sensitivity: a, action: u, ...l }, h) {
-  const [p, m] = R(!0), f = P(i), d = y(
-    (g) => {
-      !g && c && c(), m(g);
+), Vr = {
+  Root: bo,
+  LeftContent: xo,
+  RightContent: $o
+}, yo = "_ToastViewport_1i6bp_1", wo = "_actionButton_1i6bp_20", So = "_ToastRoot_1i6bp_24", ko = "_slideIn_1i6bp_1", Po = "_swipeOut_1i6bp_1", Te = {
+  ToastViewport: yo,
+  actionButton: wo,
+  ToastRoot: So,
+  slideIn: ko,
+  swipeOut: Po
+}, To = b(function({ title: o, description: n, icon: t, severity: i = "primary", size: r, onClose: c, sensitivity: s, action: u, ...l }, h) {
+  const [d, p] = S(!0), m = A(i), f = x(
+    (v) => {
+      !v && c && c(), p(v);
     },
     [c]
   );
-  return /* @__PURE__ */ n(K.Root, { asChild: !0, ref: h, ...l, open: p, type: a, onOpenChange: d, children: /* @__PURE__ */ n(ce.Root, { className: ve.ToastRoot, variant: "surface", color: f, size: e, children: /* @__PURE__ */ C(z, { width: "100%", align: "center", gap: "4", justify: "between", children: [
-    /* @__PURE__ */ C(z, { align: "center", gap: "3", children: [
-      /* @__PURE__ */ n(ce.Icon, { children: t }),
-      /* @__PURE__ */ C(z, { direction: "column", gap: "2", children: [
-        /* @__PURE__ */ C(z, { direction: "column", gap: "0", children: [
-          /* @__PURE__ */ n(K.Title, { asChild: !0, children: /* @__PURE__ */ n(ce.Text, { size: "3", weight: "medium", children: s }) }),
-          /* @__PURE__ */ n(K.Description, { asChild: !0, children: /* @__PURE__ */ n(ce.Text, { children: o }) })
+  return /* @__PURE__ */ a(ie.Root, { asChild: !0, ref: h, ...l, open: d, type: s, onOpenChange: f, children: /* @__PURE__ */ a(ge.Root, { className: Te.ToastRoot, variant: "surface", color: m, size: r, children: /* @__PURE__ */ _(T, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+    /* @__PURE__ */ _(T, { align: "center", gap: "3", children: [
+      /* @__PURE__ */ a(ge.Icon, { children: t }),
+      /* @__PURE__ */ _(T, { direction: "column", gap: "2", children: [
+        /* @__PURE__ */ _(T, { direction: "column", gap: "0", children: [
+          /* @__PURE__ */ a(ie.Title, { asChild: !0, children: /* @__PURE__ */ a(ge.Text, { size: "3", weight: "medium", children: o }) }),
+          /* @__PURE__ */ a(ie.Description, { asChild: !0, children: /* @__PURE__ */ a(ge.Text, { children: n }) })
         ] }),
-        u && /* @__PURE__ */ n(K.Action, { className: ve.actionButton, altText: u.altText, asChild: !0, children: u.content })
+        u && /* @__PURE__ */ a(ie.Action, { className: Te.actionButton, altText: u.altText, asChild: !0, children: u.content })
       ] })
     ] }),
-    /* @__PURE__ */ n(K.Close, { asChild: !0, children: /* @__PURE__ */ n(Be, { "aria-label": "Close", variant: "ghost", severity: i, children: /* @__PURE__ */ n(Ye, {}) }) })
+    /* @__PURE__ */ a(ie.Close, { asChild: !0, children: /* @__PURE__ */ a(Ye, { "aria-label": "Close", variant: "ghost", severity: i, children: /* @__PURE__ */ a(_t, {}) }) })
   ] }) }) });
-}), Gn = v(jn), je = Ce({}), Oo = () => {
-  const r = we(je);
-  if (!r)
+}), No = C(To), nt = ce({}), Ur = () => {
+  const e = Se(nt);
+  if (!e)
     throw new Error("useToast must be used within a ToastProvider");
-  return r;
-}, Fn = 240 / 60, Ie = 5e3, Un = (r) => {
-  if (r.duration && r.duration >= Ie)
-    return r.duration;
-  const s = r.severity === "danger" ? 1.5 : 1, o = r.description.split(" ").length + r.title.split(" ").length;
-  return (Ie + o / Fn) * s;
+  return e;
+}, Ao = 240 / 60, Ve = 5e3, Ro = (e) => {
+  if (e.duration && e.duration >= Ve)
+    return e.duration;
+  const o = e.severity === "danger" ? 1.5 : 1, n = e.description.split(" ").length + e.title.split(" ").length;
+  return (Ve + n / Ao) * o;
 };
-let Xn;
-const Io = v(function({
-  children: s,
+let Oo;
+const Gr = C(function({
+  children: o,
   // Use this class to change where the viewport for the toasts should be
-  className: o,
+  className: n,
   hotkey: t,
   ...i
 }) {
-  const [e, c] = R([]), a = y((l, h, p) => {
-    c((m) => {
-      const f = m.find((d) => d.id === l);
-      return f && h === 0 && clearTimeout(f.timeout), m.filter((d) => d.id !== l);
-    }), p && p();
-  }, []), u = H(() => {
+  const [r, c] = S([]), s = x((l, h, d) => {
+    c((p) => {
+      const m = p.find((f) => f.id === l);
+      return m && h === 0 && clearTimeout(m.timeout), p.filter((f) => f.id !== l);
+    }), d && d();
+  }, []), u = D(() => {
     let l = 0;
-    const h = (g) => {
-      const _ = Un(g), T = l.toString();
+    const h = (v) => {
+      const g = Ro(v), k = l.toString();
       l += 1;
-      const w = setTimeout(() => a(T, 1, g.onClose), _);
-      c(($) => [...$, { ...g, timeout: w, duration: _, id: T }]);
-    }, p = (g) => h({ ...g, severity: "primary" }), m = (g) => h({ ...g, severity: "success" }), f = (g) => h({ ...g, severity: "danger" }), d = (g) => h({ ...g, severity: "info" });
-    return Xn = h, {
+      const y = setTimeout(() => s(k, 1, v.onClose), g);
+      c((w) => [...w, { ...v, timeout: y, duration: g, id: k }]);
+    }, d = (v) => h({ ...v, severity: "primary" }), p = (v) => h({ ...v, severity: "success" }), m = (v) => h({ ...v, severity: "danger" }), f = (v) => h({ ...v, severity: "info" });
+    return Oo = h, {
       showToast: h,
-      showPrimary: p,
-      showSuccess: m,
-      showError: f,
-      showInfo: d
+      showPrimary: d,
+      showSuccess: p,
+      showError: m,
+      showInfo: f
     };
-  }, [a]);
-  return me(() => () => {
-    for (const { timeout: l } of e)
+  }, [s]);
+  return N(() => () => {
+    for (const { timeout: l } of r)
       clearTimeout(l);
-  }, []), /* @__PURE__ */ n(je.Provider, { value: u, children: /* @__PURE__ */ C(ht, { ...i, children: [
-    s,
-    /* @__PURE__ */ n(pt, { className: S(o, ve.ToastViewport), hotkey: t }),
-    e.map(({ id: l, onClose: h, ...p }) => /* @__PURE__ */ n(Gn, { ...p, onClose: () => a(l, 0, h) }, l))
+  }, []), /* @__PURE__ */ a(nt.Provider, { value: u, children: /* @__PURE__ */ _(Bt, { ...i, children: [
+    o,
+    /* @__PURE__ */ a(Wt, { className: $(n, Te.ToastViewport), hotkey: t }),
+    r.map(({ id: l, onClose: h, ...d }) => /* @__PURE__ */ a(No, { ...d, onClose: () => s(l, 0, h) }, l))
   ] }) });
-}), qn = "_noWrap_1wpa5_1", Kn = {
-  noWrap: qn
-}, No = v(
-  x(({ className: r, noWrap: s, severity: o, as: t, ...i }, e) => {
-    const c = P(o);
-    return /* @__PURE__ */ n(
-      pe,
+}), zo = {
+  default: "_default_1odpt_1"
+}, Kr = C(
+  b(({ className: e, children: o, content: n, ...t }, i) => /* @__PURE__ */ a(
+    At,
+    {
+      className: $("overmap-tooltip", e, zo.default),
+      ref: i,
+      content: /* @__PURE__ */ a(T, { align: "center", gap: "1", width: "max-content", height: "max-content", justify: "center", children: n }),
+      ...t,
+      children: o
+    }
+  ))
+), Do = "_noWrap_1wpa5_1", Io = {
+  noWrap: Do
+}, qr = C(
+  b(({ className: e, noWrap: o, severity: n, as: t, ...i }, r) => {
+    const c = A(n);
+    return /* @__PURE__ */ a(
+      we,
       {
-        ref: e,
+        ref: r,
         as: t,
-        className: S(r, { [Kn.noWrap]: s }),
+        className: $(e, { [Io.noWrap]: o }),
         color: c,
         ...i
       }
     );
   })
 );
-const Ao = v(
-  x((r, s) => {
-    const { panelBackground: o = "solid", radius: t = "full", ...i } = r;
-    return /* @__PURE__ */ n(st, { panelBackground: o, radius: t, ref: s, ...i });
+const Xr = C(
+  b((e, o) => {
+    const { panelBackground: n = "solid", radius: t = "full", ...i } = e;
+    return /* @__PURE__ */ a(Rt, { panelBackground: n, radius: t, ref: o, ...i });
   })
-), Qn = {
+), Eo = {
   1: "max-content",
   2: "max-content",
   3: "max-content",
   4: "100%"
-}, Yn = x(function({ severity: s = "info", weight: o = "light", gap: t = "1", text: i, orientation: e = "horizontal", size: c, ...a }, u) {
-  const l = B(c, Qn), h = P(s);
-  return /* @__PURE__ */ C(
-    z,
+}, Mo = b(function({ severity: o = "info", weight: n = "light", gap: t = "1", text: i, orientation: r = "horizontal", size: c, ...s }, u) {
+  const l = G(c, Eo), h = A(o);
+  return /* @__PURE__ */ _(
+    T,
     {
       ref: u,
-      width: e === "horizontal" ? l : "max-content",
-      height: e === "vertical" ? l : "max-content",
-      direction: e === "vertical" ? "column" : "row",
+      width: r === "horizontal" ? l : "max-content",
+      height: r === "vertical" ? l : "max-content",
+      direction: r === "vertical" ? "column" : "row",
       align: "center",
       gap: t,
       children: [
-        /* @__PURE__ */ n(ze, { size: c, orientation: e, color: h, ...a }),
-        i && /* @__PURE__ */ C(J, { children: [
-          /* @__PURE__ */ n(pe, { as: "span", size: "1", weight: o, color: h, children: i }),
-          /* @__PURE__ */ n(ze, { size: c, orientation: e, color: h, ...a })
+        /* @__PURE__ */ a(Be, { size: c, orientation: r, color: h, ...s }),
+        i && /* @__PURE__ */ _(F, { children: [
+          /* @__PURE__ */ a(we, { as: "span", size: "1", weight: n, color: h, children: i }),
+          /* @__PURE__ */ a(Be, { size: c, orientation: r, color: h, ...s })
         ] })
       ]
     }
   );
-}), ko = v(Yn);
+}), Qr = C(Mo);
+function U() {
+  return U = Object.assign ? Object.assign.bind() : function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var n = arguments[o];
+      for (var t in n)
+        Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
+    }
+    return e;
+  }, U.apply(this, arguments);
+}
+function Lo(e, o) {
+  typeof e == "function" ? e(o) : e != null && (e.current = o);
+}
+function ot(...e) {
+  return (o) => e.forEach(
+    (n) => Lo(n, o)
+  );
+}
+function rt(...e) {
+  return x(ot(...e), e);
+}
+function Bo(e, o = []) {
+  let n = [];
+  function t(r, c) {
+    const s = /* @__PURE__ */ ce(c), u = n.length;
+    n = [
+      ...n,
+      c
+    ];
+    function l(d) {
+      const { scope: p, children: m, ...f } = d, v = (p == null ? void 0 : p[e][u]) || s, g = D(
+        () => f,
+        Object.values(f)
+      );
+      return /* @__PURE__ */ z(v.Provider, {
+        value: g
+      }, m);
+    }
+    function h(d, p) {
+      const m = (p == null ? void 0 : p[e][u]) || s, f = Se(m);
+      if (f)
+        return f;
+      if (c !== void 0)
+        return c;
+      throw new Error(`\`${d}\` must be used within \`${r}\``);
+    }
+    return l.displayName = r + "Provider", [
+      l,
+      h
+    ];
+  }
+  const i = () => {
+    const r = n.map((c) => /* @__PURE__ */ ce(c));
+    return function(s) {
+      const u = (s == null ? void 0 : s[e]) || r;
+      return D(
+        () => ({
+          [`__scope${e}`]: {
+            ...s,
+            [e]: u
+          }
+        }),
+        [
+          s,
+          u
+        ]
+      );
+    };
+  };
+  return i.scopeName = e, [
+    t,
+    Wo(i, ...o)
+  ];
+}
+function Wo(...e) {
+  const o = e[0];
+  if (e.length === 1)
+    return o;
+  const n = () => {
+    const t = e.map(
+      (i) => ({
+        useScope: i(),
+        scopeName: i.scopeName
+      })
+    );
+    return function(r) {
+      const c = t.reduce((s, { useScope: u, scopeName: l }) => {
+        const d = u(r)[`__scope${l}`];
+        return {
+          ...s,
+          ...d
+        };
+      }, {});
+      return D(
+        () => ({
+          [`__scope${o.scopeName}`]: c
+        }),
+        [
+          c
+        ]
+      );
+    };
+  };
+  return n.scopeName = o.scopeName, n;
+}
+function Ue(e, o, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(i) {
+    if (e == null || e(i), n === !1 || !i.defaultPrevented)
+      return o == null ? void 0 : o(i);
+  };
+}
+function it(e) {
+  const o = O(e);
+  return N(() => {
+    o.current = e;
+  }), D(
+    () => (...n) => {
+      var t;
+      return (t = o.current) === null || t === void 0 ? void 0 : t.call(o, ...n);
+    },
+    []
+  );
+}
+function Ho({ prop: e, defaultProp: o, onChange: n = () => {
+} }) {
+  const [t, i] = jo({
+    defaultProp: o,
+    onChange: n
+  }), r = e !== void 0, c = r ? e : t, s = it(n), u = x((l) => {
+    if (r) {
+      const d = typeof l == "function" ? l(e) : l;
+      d !== e && s(d);
+    } else
+      i(l);
+  }, [
+    r,
+    e,
+    i,
+    s
+  ]);
+  return [
+    c,
+    u
+  ];
+}
+function jo({ defaultProp: e, onChange: o }) {
+  const n = S(e), [t] = n, i = O(t), r = it(o);
+  return N(() => {
+    i.current !== t && (r(t), i.current = t);
+  }, [
+    t,
+    i,
+    r
+  ]), n;
+}
+function Fo(e) {
+  const o = O({
+    value: e,
+    previous: e
+  });
+  return D(() => (o.current.value !== e && (o.current.previous = o.current.value, o.current.value = e), o.current.previous), [
+    e
+  ]);
+}
+const Ne = globalThis != null && globalThis.document ? Re : () => {
+};
+function Vo(e) {
+  const [o, n] = S(void 0);
+  return Ne(() => {
+    if (e) {
+      n({
+        width: e.offsetWidth,
+        height: e.offsetHeight
+      });
+      const t = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const r = i[0];
+        let c, s;
+        if ("borderBoxSize" in r) {
+          const u = r.borderBoxSize, l = Array.isArray(u) ? u[0] : u;
+          c = l.inlineSize, s = l.blockSize;
+        } else
+          c = e.offsetWidth, s = e.offsetHeight;
+        n({
+          width: c,
+          height: s
+        });
+      });
+      return t.observe(e, {
+        box: "border-box"
+      }), () => t.unobserve(e);
+    } else
+      n(void 0);
+  }, [
+    e
+  ]), o;
+}
+function Uo(e, o) {
+  return Ot((n, t) => {
+    const i = o[n][t];
+    return i ?? n;
+  }, e);
+}
+const st = (e) => {
+  const { present: o, children: n } = e, t = Go(o), i = typeof n == "function" ? n({
+    present: t.isPresent
+  }) : ee.only(n), r = rt(t.ref, i.ref);
+  return typeof n == "function" || t.isPresent ? /* @__PURE__ */ Oe(i, {
+    ref: r
+  }) : null;
+};
+st.displayName = "Presence";
+function Go(e) {
+  const [o, n] = S(), t = O({}), i = O(e), r = O("none"), c = e ? "mounted" : "unmounted", [s, u] = Uo(c, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return N(() => {
+    const l = _e(t.current);
+    r.current = s === "mounted" ? l : "none";
+  }, [
+    s
+  ]), Ne(() => {
+    const l = t.current, h = i.current;
+    if (h !== e) {
+      const p = r.current, m = _e(l);
+      e ? u("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(h && p !== m ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
+    }
+  }, [
+    e,
+    u
+  ]), Ne(() => {
+    if (o) {
+      const l = (d) => {
+        const m = _e(t.current).includes(d.animationName);
+        d.target === o && m && Ht(
+          () => u("ANIMATION_END")
+        );
+      }, h = (d) => {
+        d.target === o && (r.current = _e(t.current));
+      };
+      return o.addEventListener("animationstart", h), o.addEventListener("animationcancel", l), o.addEventListener("animationend", l), () => {
+        o.removeEventListener("animationstart", h), o.removeEventListener("animationcancel", l), o.removeEventListener("animationend", l);
+      };
+    } else
+      u("ANIMATION_END");
+  }, [
+    o,
+    u
+  ]), {
+    isPresent: [
+      "mounted",
+      "unmountSuspended"
+    ].includes(s),
+    ref: x((l) => {
+      l && (t.current = getComputedStyle(l)), n(l);
+    }, [])
+  };
+}
+function _e(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+const ct = /* @__PURE__ */ b((e, o) => {
+  const { children: n, ...t } = e, i = ee.toArray(n), r = i.find(qo);
+  if (r) {
+    const c = r.props.children, s = i.map((u) => u === r ? ee.count(c) > 1 ? ee.only(null) : /* @__PURE__ */ xe(c) ? c.props.children : null : u);
+    return /* @__PURE__ */ z(Ae, U({}, t, {
+      ref: o
+    }), /* @__PURE__ */ xe(c) ? /* @__PURE__ */ Oe(c, void 0, s) : null);
+  }
+  return /* @__PURE__ */ z(Ae, U({}, t, {
+    ref: o
+  }), n);
+});
+ct.displayName = "Slot";
+const Ae = /* @__PURE__ */ b((e, o) => {
+  const { children: n, ...t } = e;
+  return /* @__PURE__ */ xe(n) ? /* @__PURE__ */ Oe(n, {
+    ...Xo(t, n.props),
+    ref: o ? ot(o, n.ref) : n.ref
+  }) : ee.count(n) > 1 ? ee.only(null) : null;
+});
+Ae.displayName = "SlotClone";
+const Ko = ({ children: e }) => /* @__PURE__ */ z(zt, null, e);
+function qo(e) {
+  return /* @__PURE__ */ xe(e) && e.type === Ko;
+}
+function Xo(e, o) {
+  const n = {
+    ...o
+  };
+  for (const t in o) {
+    const i = e[t], r = o[t];
+    /^on[A-Z]/.test(t) ? i && r ? n[t] = (...s) => {
+      r(...s), i(...s);
+    } : i && (n[t] = i) : t === "style" ? n[t] = {
+      ...i,
+      ...r
+    } : t === "className" && (n[t] = [
+      i,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...n
+  };
+}
+const Qo = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], at = Qo.reduce((e, o) => {
+  const n = /* @__PURE__ */ b((t, i) => {
+    const { asChild: r, ...c } = t, s = r ? ct : o;
+    return N(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ z(s, U({}, c, {
+      ref: i
+    }));
+  });
+  return n.displayName = `Primitive.${o}`, {
+    ...e,
+    [o]: n
+  };
+}, {}), lt = "Checkbox", [Yo, Yr] = Bo(lt), [Zo, Jo] = Yo(lt), er = /* @__PURE__ */ b((e, o) => {
+  const { __scopeCheckbox: n, name: t, checked: i, defaultChecked: r, required: c, disabled: s, value: u = "on", onCheckedChange: l, ...h } = e, [d, p] = S(null), m = rt(
+    o,
+    (w) => p(w)
+  ), f = O(!1), v = d ? !!d.closest("form") : !0, [g = !1, k] = Ho({
+    prop: i,
+    defaultProp: r,
+    onChange: l
+  }), y = O(g);
+  return N(() => {
+    const w = d == null ? void 0 : d.form;
+    if (w) {
+      const R = () => k(y.current);
+      return w.addEventListener("reset", R), () => w.removeEventListener("reset", R);
+    }
+  }, [
+    d,
+    k
+  ]), /* @__PURE__ */ z(Zo, {
+    scope: n,
+    state: g,
+    disabled: s
+  }, /* @__PURE__ */ z(at.button, U({
+    type: "button",
+    role: "checkbox",
+    "aria-checked": q(g) ? "mixed" : g,
+    "aria-required": c,
+    "data-state": ut(g),
+    "data-disabled": s ? "" : void 0,
+    disabled: s,
+    value: u
+  }, h, {
+    ref: m,
+    onKeyDown: Ue(e.onKeyDown, (w) => {
+      w.key === "Enter" && w.preventDefault();
+    }),
+    onClick: Ue(e.onClick, (w) => {
+      k(
+        (R) => q(R) ? !0 : !R
+      ), v && (f.current = w.isPropagationStopped(), f.current || w.stopPropagation());
+    })
+  })), v && /* @__PURE__ */ z(or, {
+    control: d,
+    bubbles: !f.current,
+    name: t,
+    value: u,
+    checked: g,
+    required: c,
+    disabled: s,
+    style: {
+      transform: "translateX(-100%)"
+    }
+  }));
+}), tr = "CheckboxIndicator", nr = /* @__PURE__ */ b((e, o) => {
+  const { __scopeCheckbox: n, forceMount: t, ...i } = e, r = Jo(tr, n);
+  return /* @__PURE__ */ z(st, {
+    present: t || q(r.state) || r.state === !0
+  }, /* @__PURE__ */ z(at.span, U({
+    "data-state": ut(r.state),
+    "data-disabled": r.disabled ? "" : void 0
+  }, i, {
+    ref: o,
+    style: {
+      pointerEvents: "none",
+      ...e.style
+    }
+  })));
+}), or = (e) => {
+  const { control: o, checked: n, bubbles: t = !0, ...i } = e, r = O(null), c = Fo(n), s = Vo(o);
+  return N(() => {
+    const u = r.current, l = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(l, "checked").set;
+    if (c !== n && d) {
+      const p = new Event("click", {
+        bubbles: t
+      });
+      u.indeterminate = q(n), d.call(u, q(n) ? !1 : n), u.dispatchEvent(p);
+    }
+  }, [
+    c,
+    n,
+    t
+  ]), /* @__PURE__ */ z("input", U({
+    type: "checkbox",
+    "aria-hidden": !0,
+    defaultChecked: q(n) ? !1 : n
+  }, i, {
+    tabIndex: -1,
+    ref: r,
+    style: {
+      ...e.style,
+      ...s,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0
+    }
+  }));
+};
+function q(e) {
+  return e === "indeterminate";
+}
+function ut(e) {
+  return q(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+const rr = er, ir = nr, sr = "_checkboxContainer_pb9za_5", cr = "_checkbox_pb9za_5", ar = "_checkboxIndicator_pb9za_27", lr = "_checkboxLabel_pb9za_38", ur = "_noTextHighlight_pb9za_42", dr = "_checkboxHidden_pb9za_51", Z = {
+  checkboxContainer: sr,
+  checkbox: cr,
+  checkboxIndicator: ar,
+  checkboxLabel: lr,
+  noTextHighlight: ur,
+  checkboxHidden: dr
+}, hr = b(function({ className: o, labelClassName: n, label: t, checked: i, onCheckedChange: r, ...c }, s) {
+  const u = `c-${t}-${/* @__PURE__ */ new Date()}`;
+  return /* @__PURE__ */ a(xn, { children: ({ isHovered: l, ...h }) => /* @__PURE__ */ _(T, { className: Z.checkboxContainer, ...h, children: [
+    /* @__PURE__ */ a(
+      rr,
+      {
+        id: u,
+        className: $(
+          Z.checkbox,
+          !l && !i && Z.checkboxHidden,
+          o
+        ),
+        checked: i,
+        onCheckedChange: (d) => {
+          r && r(d);
+        },
+        ref: s,
+        ...c,
+        children: /* @__PURE__ */ a(ir, { className: Z.checkboxIndicator, children: i === "indeterminate" ? /* @__PURE__ */ a(bt, { width: "13px" }) : /* @__PURE__ */ a(xt, {}) })
+      }
+    ),
+    t && /* @__PURE__ */ a(
+      "label",
+      {
+        className: $(Z.checkboxLabel, n, Z.noTextHighlight),
+        htmlFor: u,
+        children: t
+      }
+    )
+  ] }) });
+}), dt = C(hr);
+dt.displayName = "Checkbox";
+const Zr = C(function({
+  className: o,
+  labelClassName: n,
+  label: t,
+  onCheckedChange: i,
+  children: r,
+  ...c
+}) {
+  const [s, u] = S(!1), [l, h] = S(Array(r.length).fill(!1)), d = (m) => {
+    const f = s === "indeterminate" || !m;
+    h(l.map((v) => !f)), i && i(m);
+  };
+  N(() => {
+    const m = l.filter((f) => f).length;
+    m === 0 ? u(!1) : m === r.length ? u(!0) : u("indeterminate");
+  }, [r, l]);
+  const p = V.Children.map(
+    r,
+    (m, f) => V.cloneElement(m, {
+      ...m.props,
+      checked: !!m.props.checked || l[f],
+      onCheckedChange: (v) => {
+        const g = [...l];
+        g[f] = v, h(g), m.props.onCheckedChange && m.props.onCheckedChange(v);
+      }
+    })
+  );
+  return /* @__PURE__ */ _(F, { children: [
+    /* @__PURE__ */ a(
+      dt,
+      {
+        className: o,
+        labelClassName: n,
+        label: t,
+        checked: s,
+        onCheckedChange: d,
+        ...c
+      }
+    ),
+    p
+  ] });
+});
 export {
-  Mo as AccessibleIcon,
-  Et as AlertDialog,
-  Ve as AlertDialogContent,
-  go as AlertDialogProvider,
-  Ho as AspectRatio,
-  Vo as Avatar,
-  ho as Badge,
-  jo as Blockquote,
-  Go as Box,
-  _e as Button,
-  Me as ButtonGroup,
-  mo as ButtonList,
-  Fo as Callout,
-  Uo as Card,
-  Xo as Checkbox,
-  qo as Code,
-  Ko as Container,
-  Qo as ContextMenu,
-  Ao as DefaultTheme,
-  fo as Dialog,
-  vo as DropdownMenu,
-  Yo as Em,
-  ye as Flex,
-  Jo as Grid,
-  Zo as Heading,
-  er as HoverCard,
-  Co as HoverUtility,
-  Be as IconButton,
-  bo as Input,
-  tr as Inset,
-  nr as Kbd,
-  zo as LeftAndRightPanels,
-  or as Link,
-  xo as MultiSelect,
-  Ro as Popover,
-  rr as Portal,
-  ir as Quote,
-  sr as RadioGroup,
-  kn as Root,
-  ar as ScrollArea,
-  cr as Section,
-  wo as Select,
-  ko as Separator,
-  So as Sidebar,
-  To as SlideOut,
-  lr as Slider,
-  ur as Slot,
-  dr as Strong,
-  yo as Switch,
-  hr as Table,
-  pr as Tabs,
-  No as Text,
-  Po as TextArea,
-  mr as TextField,
-  fr as Theme,
-  Gn as Toast,
-  je as ToastContext,
-  Io as ToastProvider,
-  $o as ToggleGroup,
-  Do as Toolbar,
-  gr as Tooltip,
-  _r as VisuallyHidden,
-  po as divButtonProps,
-  Xn as unsafeShowToast,
-  vr as updateThemeAppearanceClass,
-  Wt as useAlertDialog,
-  _o as useDiscardAlertDialog,
-  P as useSeverityColor,
-  Cr as useThemeContext,
-  Oo as useToast,
-  uo as useViewportSize
+  oi as AccessibleIcon,
+  dn as AlertDialog,
+  et as AlertDialogContent,
+  Rr as AlertDialogProvider,
+  ri as AspectRatio,
+  ii as Avatar,
+  Pr as Badge,
+  si as Blockquote,
+  ci as Box,
+  ye as Button,
+  Ze as ButtonGroup,
+  Nr as ButtonList,
+  ai as Callout,
+  li as Card,
+  ui as Checkbox,
+  di as Code,
+  hi as Container,
+  fi as ContextMenu,
+  Xr as DefaultTheme,
+  Ar as Dialog,
+  zr as DropdownMenu,
+  pi as Em,
+  De as Flex,
+  mi as Grid,
+  gi as Heading,
+  vi as HoverCard,
+  xn as HoverUtility,
+  Ye as IconButton,
+  Br as Input,
+  Ci as Inset,
+  _i as Kbd,
+  Wr as LeftAndRightPanels,
+  bi as Link,
+  Hr as MultiPagePopover,
+  Ir as MultiSelect,
+  Zn as Popover,
+  xi as Portal,
+  $i as Quote,
+  yi as RadioGroup,
+  bo as Root,
+  wi as ScrollArea,
+  Si as Section,
+  Dr as Select,
+  Zr as SelectAllCheckbox,
+  Qr as Separator,
+  Mr as Sidebar,
+  Lr as SlideOut,
+  ki as Slider,
+  Pi as Slot,
+  Ti as Strong,
+  Er as Switch,
+  Ni as Table,
+  Ai as Tabs,
+  qr as Text,
+  jr as TextArea,
+  Ri as TextField,
+  Oi as Theme,
+  No as Toast,
+  nt as ToastContext,
+  Gr as ToastProvider,
+  Fr as ToggleGroup,
+  Vr as Toolbar,
+  Kr as Tooltip,
+  zi as VisuallyHidden,
+  Tr as divButtonProps,
+  Oo as unsafeShowToast,
+  Di as updateThemeAppearanceClass,
+  fn as useAlertDialog,
+  Or as useDiscardAlertDialog,
+  A as useSeverityColor,
+  Ii as useThemeContext,
+  Ur as useToast,
+  kr as useViewportSize
 };
 //# sourceMappingURL=blocks.js.map