@overmap-ai/blocks 0.0.6 → 0.0.7-alpha.2

package/dist/blocks.js

@@ -2,20 +2,20 @@ import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
 import { Cross1Icon as Fe, DragHandleDots2Icon as ae, InfoCircledIcon as Xe, Cross2Icon as Ue } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext as qe, Badge as Ke, Button as Qe, IconButton as be, Flex as $, Box as M, Card as Ye, Inset as Z, Dialog as H, AlertDialog as W, DropdownMenu as O, Select as E, Checkbox as Je, Switch as Ze, Portal as et, TextField as ee, Text as ce, Popover as te, TextArea as tt, Callout as ne, Theme as nt, Separator as ye } from "@radix-ui/themes";
-import { AccessibleIcon as ao, AspectRatio as co, Avatar as lo, Blockquote as uo, Box as ho, Callout as po, Card as mo, Checkbox as fo, Code as go, Container as Co, ContextMenu as vo, Em as _o, Flex as wo, Grid as yo, Heading as xo, HoverCard as So, Inset as To, Kbd as Po, Link as Ro, Portal as bo, Quote as Do, RadioGroup as $o, ScrollArea as zo, Section as Io, Slider as Oo, Slot as ko, Strong as No, Table as Ao, Tabs as Eo, TextField as Lo, Theme as Bo, Tooltip as Mo, VisuallyHidden as Wo, updateThemeAppearanceClass as Go, useThemeContext as Vo } from "@radix-ui/themes";
-import { jsx as t, jsxs as v, Fragment as le } from "react/jsx-runtime";
-import U, { useMemo as G, forwardRef as S, memo as _, createContext as fe, useContext as ge, useState as D, useCallback as y, createElement as De, useEffect as ue, useRef as se, useLayoutEffect as ot } from "react";
-import * as oe from "@radix-ui/react-dialog";
+import { useThemeContext as qe, Badge as Ke, Button as Qe, IconButton as De, Flex as b, Box as M, Card as Ye, Inset as ee, Dialog as V, AlertDialog as W, DropdownMenu as O, Select as E, Checkbox as Je, Switch as Ze, Portal as et, TextField as te, Text as ce, Popover as ne, TextArea as tt, Callout as oe, Theme as nt, Separator as xe } from "@radix-ui/themes";
+import { AccessibleIcon as lo, AspectRatio as uo, Avatar as ho, Blockquote as po, Box as mo, Callout as fo, Card as go, Checkbox as Co, Code as vo, Container as _o, ContextMenu as yo, Em as wo, Flex as xo, Grid as To, Heading as So, HoverCard as Po, Inset as Ro, Kbd as bo, Link as Do, Portal as $o, Quote as zo, RadioGroup as Io, ScrollArea as Oo, Section as ko, Slider as No, Slot as Ao, Strong as Eo, Table as Bo, Tabs as Lo, TextField as Mo, Theme as Wo, Tooltip as jo, VisuallyHidden as Go, updateThemeAppearanceClass as Ho, useThemeContext as Vo } from "@radix-ui/themes";
+import { jsx as n, jsxs as v, Fragment as le } from "react/jsx-runtime";
+import q, { useMemo as j, forwardRef as T, memo as _, createContext as ge, useContext as Ce, useState as D, useCallback as w, createElement as $e, useEffect as ue, useRef as se, useLayoutEffect as ot } from "react";
+import * as re from "@radix-ui/react-dialog";
 import { Resizable as pe } from "re-resizable";
-import { Transition as xe } from "react-transition-group";
+import { Transition as Te } from "react-transition-group";
 import { Root as rt, Item as it } from "@radix-ui/react-toggle-group";
-import * as re from "@radix-ui/react-toast";
+import * as X from "@radix-ui/react-toast";
 import { ToastProvider as st, ToastViewport as at } from "@radix-ui/react-toast";
 function ct(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var $e = { exports: {} };
+var ze = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -23,76 +23,76 @@ var $e = { exports: {} };
 */
 (function(r) {
   (function() {
-    var a = {}.hasOwnProperty;
+    var s = {}.hasOwnProperty;
     function o() {
-      for (var n = [], i = 0; i < arguments.length; i++) {
+      for (var t = [], i = 0; i < arguments.length; i++) {
         var e = arguments[i];
         if (e) {
           var c = typeof e;
           if (c === "string" || c === "number")
-            n.push(e);
+            t.push(e);
           else if (Array.isArray(e)) {
             if (e.length) {
-              var s = o.apply(null, e);
-              s && n.push(s);
+              var a = o.apply(null, e);
+              a && t.push(a);
             }
           } else if (c === "object") {
             if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]")) {
-              n.push(e.toString());
+              t.push(e.toString());
               continue;
             }
-            for (var d in e)
-              a.call(e, d) && e[d] && n.push(d);
+            for (var u in e)
+              s.call(e, u) && e[u] && t.push(u);
           }
         }
       }
-      return n.join(" ");
+      return t.join(" ");
     }
     r.exports ? (o.default = o, r.exports = o) : window.classNames = o;
   })();
-})($e);
-var lt = $e.exports;
+})(ze);
+var lt = ze.exports;
 const x = /* @__PURE__ */ ct(lt);
-function L(r, a) {
-  return G(() => {
+function B(r, s) {
+  return j(() => {
     if (r !== void 0)
       if (typeof r == "object") {
         if (!("initial" in r))
           throw new Error("Expected initial property to be set in Responsive object");
-        return Object.fromEntries(Object.entries(r).map(([o, n]) => [o, a[n]]));
+        return Object.fromEntries(Object.entries(r).map(([o, t]) => [o, s[t]]));
       } else
-        return a[r];
-  }, [a, r]);
+        return s[r];
+  }, [s, r]);
 }
 const ut = {
   success: "green",
   danger: "red",
   info: "gray"
 }, R = (r) => {
-  const a = qe();
+  const s = qe();
   if (r)
-    return r === "primary" ? a.accentColor : ut[r];
-}, dt = S(function({ className: a, severity: o = "primary", color: n, children: i, ...e }, c) {
-  const s = R(o);
-  return /* @__PURE__ */ t(
+    return r === "primary" ? s.accentColor : ut[r];
+}, dt = T(function({ className: s, severity: o = "primary", color: t, children: i, ...e }, c) {
+  const a = R(o);
+  return /* @__PURE__ */ n(
     Ke,
     {
-      className: x("overmap-badge", a),
+      className: x("overmap-badge", s),
       ref: c,
-      color: n || s,
+      color: t || a,
       ...e,
       children: i
     }
   );
-}), En = _(dt), ht = "_fluid_r73gr_1", pt = "_hoverSpin90Clockwise_r73gr_15", mt = "_hoverSpin180Clockwise_r73gr_25", ft = "_hoverSpin360Clockwise_r73gr_35", X = {
+}), Bn = _(dt), ht = "_fluid_r73gr_1", pt = "_hoverSpin90Clockwise_r73gr_15", mt = "_hoverSpin180Clockwise_r73gr_25", ft = "_hoverSpin360Clockwise_r73gr_35", U = {
   fluid: ht,
   hoverSpin90Clockwise: pt,
   hoverSpin180Clockwise: mt,
   hoverSpin360Clockwise: ft
-}, ze = {
-  spin90Clockwise: X.hoverSpin90Clockwise,
-  spin180Clockwise: X.hoverSpin180Clockwise,
-  spin360Clockwise: X.hoverSpin360Clockwise
+}, Ie = {
+  spin90Clockwise: U.hoverSpin90Clockwise,
+  spin180Clockwise: U.hoverSpin180Clockwise,
+  spin360Clockwise: U.hoverSpin360Clockwise
 }, gt = (r) => {
   (r.key === "Enter" || r.key === " ") && r.currentTarget.click();
 }, Ln = {
@@ -103,368 +103,379 @@ const ut = {
   small: "1",
   medium: "2",
   large: "3"
-}, Ie = fe({}), Ce = () => ge(Ie), Ct = S(function(a, o) {
-  const n = Ce(), {
+}, Oe = ge({}), ve = () => Ce(Oe), Ct = T(function(s, o) {
+  const t = ve(), {
     className: i,
     type: e = "button",
-    fluid: c = n.fluid ?? !1,
-    size: s = n.size ?? "medium",
-    severity: d = n.severity ?? "primary",
-    hoverEffects: l = n.hoverEffects ?? [],
-    variant: h = n.variant,
+    fluid: c = t.fluid ?? !1,
+    size: a = t.size ?? "medium",
+    severity: u = t.severity ?? "primary",
+    hoverEffects: l = t.hoverEffects ?? [],
+    variant: h = t.variant,
     ...p
-  } = a, m = R(d), f = l.map((u) => ze[u]);
-  return /* @__PURE__ */ t(
+  } = s, m = R(u), f = l.map((d) => Ie[d]);
+  return /* @__PURE__ */ n(
     Qe,
     {
       ref: o,
       type: e,
       className: x(i, f, {
-        [X.fluid]: c
+        [U.fluid]: c
       }),
       color: m,
-      size: L(s, F),
+      size: B(a, F),
       variant: h,
       ...p
     }
   );
-}), me = U.memo(Ct), vt = S(function(a, o) {
-  const n = Ce(), {
+}), me = q.memo(Ct), vt = T(function(s, o) {
+  const t = ve(), {
     className: i,
     children: e,
     type: c = "button",
-    fluid: s = n.fluid ?? !1,
-    size: d = n.size ?? "medium",
-    severity: l = n.severity ?? "primary",
-    hoverEffects: h = n.hoverEffects ?? [],
-    variant: p = n.variant,
+    fluid: a = t.fluid ?? !1,
+    size: u = t.size ?? "medium",
+    severity: l = t.severity ?? "primary",
+    hoverEffects: h = t.hoverEffects ?? [],
+    variant: p = t.variant,
     ...m
-  } = a, f = R(l), u = (h == null ? void 0 : h.map((C) => ze[C])) || [];
-  return /* @__PURE__ */ t(
-    be,
+  } = s, f = R(l), d = (h == null ? void 0 : h.map((g) => Ie[g])) || [];
+  return /* @__PURE__ */ n(
+    De,
     {
-      className: x(i, u, {
-        [X.fluid]: s
+      className: x(i, d, {
+        [U.fluid]: a
       }),
       ref: o,
       color: f,
-      size: L(d, F),
+      size: B(u, F),
       variant: p,
       type: c,
       ...m,
       children: e
     }
   );
-}), Oe = U.memo(vt), _t = "_merged_wdgxo_1", wt = {
+}), ke = q.memo(vt), _t = "_merged_wdgxo_1", yt = {
   merged: _t
-}, yt = {
+}, wt = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
-}, xt = S(function({
-  className: a,
+}, xt = T(function({
+  className: s,
   merged: o = !1,
-  children: n,
+  children: t,
   gap: i,
   direction: e = "row",
   severity: c,
-  size: s = "medium",
-  variant: d,
+  size: a = "medium",
+  variant: u,
   hoverEffects: l,
   fluid: h,
   ...p
 }, m) {
-  const f = L(s, yt[e]), u = d === "ghost" ? f : "0";
-  return /* @__PURE__ */ t(
-    $,
+  const f = B(a, wt[e]), d = u === "ghost" ? f : "0";
+  return /* @__PURE__ */ n(
+    b,
     {
-      className: x("overmap-button-group", a, {
-        [wt.merged]: o
+      className: x("overmap-button-group", s, {
+        [yt.merged]: o
       }),
       ref: m,
-      gap: o ? i ?? u : i ?? "2",
+      gap: o ? i ?? d : i ?? "2",
       direction: e,
       "data-direction": e,
       ...p,
-      children: /* @__PURE__ */ t(Ie.Provider, { value: { size: s, severity: c, variant: d, hoverEffects: l, fluid: h }, children: n })
+      children: /* @__PURE__ */ n(Oe.Provider, { value: { size: a, severity: c, variant: u, hoverEffects: l, fluid: h }, children: t })
     }
   );
-}), ke = _(xt), St = "_separators_1f7v1_1", Tt = {
-  separators: St
+}), Ne = _(xt), Tt = "_separators_1f7v1_1", St = {
+  separators: Tt
 }, Pt = _(
-  S((r, a) => {
-    const { children: o, border: n, before: i, after: e, size: c } = r, s = n ? "surface" : "ghost", d = L(c, F), h = /* @__PURE__ */ v(Ye, { ref: a, size: d, variant: s, children: [
+  T((r, s) => {
+    const { children: o, border: t, before: i, after: e, size: c } = r, a = t ? "surface" : "ghost", u = B(c, F), h = /* @__PURE__ */ v(Ye, { ref: s, size: u, variant: a, children: [
       i,
-      i && e ? /* @__PURE__ */ t(Z, { side: "x", pt: "current", pb: "current", children: o }) : i ? /* @__PURE__ */ t(Z, { side: "bottom", pt: "current", children: o }) : e ? /* @__PURE__ */ t(Z, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ t(Z, { children: o }),
+      i && e ? /* @__PURE__ */ n(ee, { side: "x", pt: "current", pb: "current", children: o }) : i ? /* @__PURE__ */ n(ee, { side: "bottom", pt: "current", children: o }) : e ? /* @__PURE__ */ n(ee, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ n(ee, { children: o }),
       e
     ] });
-    return s === "ghost" ? /* @__PURE__ */ t(M, { p: "3", children: h }) : h;
+    return a === "ghost" ? /* @__PURE__ */ n(M, { p: "3", children: h }) : h;
   })
 ), Rt = _(
-  S((r, a) => {
-    const { children: o, variant: n = "outline", size: i, className: e, ...c } = r;
-    return /* @__PURE__ */ t(Pt, { ...c, border: n === "outline" || n === "surface", size: i, children: /* @__PURE__ */ t(
-      ke,
+  T((r, s) => {
+    const { children: o, variant: t = "outline", size: i, className: e, ...c } = r;
+    return /* @__PURE__ */ n(Pt, { ...c, border: t === "outline" || t === "surface", size: i, children: /* @__PURE__ */ n(
+      Ne,
       {
         size: i,
         severity: "info",
-        variant: n === "outline" ? "ghost" : n === "surface" ? "soft" : n,
-        className: x(e, Tt.separators),
+        variant: t === "outline" ? "ghost" : t === "surface" ? "soft" : t,
+        className: x(e, St.separators),
         merged: !0,
         gap: "0",
         direction: "column",
-        ref: a,
+        ref: s,
         children: o
       }
     ) });
   })
 ), bt = _(
-  S((r, a) => {
-    const { variant: o } = Ce(), n = /* @__PURE__ */ t(me, { ref: a, ...r, radius: "large", variant: o });
-    return o === "ghost" ? /* @__PURE__ */ t(M, { asChild: !0, my: "1", mx: "2", children: n }) : n;
+  T((r, s) => {
+    const { variant: o } = ve(), t = /* @__PURE__ */ n(me, { ref: s, ...r, radius: "large", variant: o });
+    return o === "ghost" ? /* @__PURE__ */ n(M, { asChild: !0, my: "1", mx: "2", children: t }) : t;
   })
-), Bn = {
+), Mn = {
   Root: Rt,
   Item: bt
-}, Dt = _(function(a) {
-  const { title: o, description: n, content: i, closeDialog: e } = a;
-  return /* @__PURE__ */ v($, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ v($, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ v($, { justify: "between", children: [
-        /* @__PURE__ */ t(H.Title, { mb: "0", children: o }),
-        /* @__PURE__ */ t(H.Close, { children: /* @__PURE__ */ t(be, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ t(Fe, {}) }) })
+}, Dt = _(function(s) {
+  const { title: o, description: t, content: i, closeDialog: e } = s;
+  return /* @__PURE__ */ v(b, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ v(b, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ v(b, { justify: "between", children: [
+        /* @__PURE__ */ n(V.Title, { mb: "0", children: o }),
+        /* @__PURE__ */ n(V.Close, { children: /* @__PURE__ */ n(De, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ n(Fe, {}) }) })
       ] }),
-      n && /* @__PURE__ */ t(H.Description, { children: n })
+      t && /* @__PURE__ */ n(V.Description, { children: t })
     ] }),
     i(e)
   ] });
-}), Mn = _(
-  S((r, a) => {
-    const { children: o, content: n, title: i, description: e, onOpen: c, defaultOpen: s, onCloseInterrupt: d, ...l } = r, [h, p] = D(s ?? !1), m = y(
-      (u) => {
-        if (u && c)
+}), Wn = _(
+  T((r, s) => {
+    const { children: o, content: t, title: i, description: e, onOpen: c, defaultOpen: a, onCloseInterrupt: u, ...l } = r, [h, p] = D(a ?? !1), m = w(
+      (d) => {
+        if (d && c)
           c();
-        else if (!u && d)
-          return d(() => p(!1));
-        p(u);
+        else if (!d && u)
+          return u(() => p(!1));
+        p(d);
       },
-      [c, d]
-    ), f = y(
-      (u) => {
-        if (u != null && u.force)
+      [c, u]
+    ), f = w(
+      (d) => {
+        if (d != null && d.force)
           return p(!1);
         m(!1);
       },
       [m]
     );
-    return /* @__PURE__ */ v(H.Root, { open: h, onOpenChange: m, children: [
-      /* @__PURE__ */ t(H.Trigger, { children: o }),
-      /* @__PURE__ */ t(H.Content, { ref: a, ...l, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ v(V.Root, { open: h, onOpenChange: m, children: [
+      /* @__PURE__ */ n(V.Trigger, { children: o }),
+      /* @__PURE__ */ n(V.Content, { ref: s, ...l, children: /* @__PURE__ */ n(
         Dt,
         {
           closeDialog: f,
-          content: n,
+          content: t,
           title: i,
           description: e
         }
       ) })
     ] });
   })
-), Ne = (r) => /* @__PURE__ */ t(W.Title, { mb: "0", ...r }), $t = (r) => {
-  const { title: a, description: o, actionText: n = "Confirm", cancelText: i = "Cancel", onAction: e, onCancel: c, severity: s } = r;
-  return /* @__PURE__ */ v($, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ v($, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ t(Ne, { children: a }),
-      /* @__PURE__ */ t(W.Description, { children: o })
+), Ae = (r) => /* @__PURE__ */ n(W.Title, { mb: "0", ...r }), $t = (r) => {
+  const { title: s, description: o, actionText: t = "Confirm", cancelText: i = "Cancel", onAction: e, onCancel: c, severity: a } = r;
+  return /* @__PURE__ */ v(b, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ v(b, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ n(Ae, { children: s }),
+      /* @__PURE__ */ n(W.Description, { children: o })
     ] }),
-    /* @__PURE__ */ v($, { gap: "3", mt: "4", justify: "end", children: [
-      /* @__PURE__ */ t(W.Cancel, { children: /* @__PURE__ */ t(me, { variant: "soft", severity: "info", onClick: c, children: i }) }),
-      /* @__PURE__ */ t(W.Action, { children: /* @__PURE__ */ t(me, { variant: "solid", severity: s, onClick: e, children: n }) })
+    /* @__PURE__ */ v(b, { gap: "3", mt: "4", justify: "end", children: [
+      /* @__PURE__ */ n(W.Cancel, { children: /* @__PURE__ */ n(me, { variant: "soft", severity: "info", onClick: c, children: i }) }),
+      /* @__PURE__ */ n(W.Action, { children: /* @__PURE__ */ n(me, { variant: "solid", severity: a, onClick: e, children: t }) })
     ] })
   ] });
-}, zt = _(function(a) {
-  const { open: o, setOpen: n, children: i, ...e } = a, c = G(() => ({
-    close: () => n(!1),
-    Title: Ne,
+}, zt = _(function(s) {
+  const { open: o, setOpen: t, children: i, ...e } = s, c = j(() => ({
+    close: () => t(!1),
+    Title: Ae,
     Description: W.Description
-  }), [n]);
-  return /* @__PURE__ */ v(W.Root, { open: o, onOpenChange: n, children: [
-    /* @__PURE__ */ t(W.Content, { children: "content" in e ? e.content(c) : /* @__PURE__ */ t($t, { ...e }) }),
+  }), [t]);
+  return /* @__PURE__ */ v(W.Root, { open: o, onOpenChange: t, children: [
+    /* @__PURE__ */ n(W.Content, { children: "content" in e ? e.content(c) : /* @__PURE__ */ n($t, { ...e }) }),
     i
   ] });
-}), Ae = fe(() => {
+}), Ee = ge(() => {
   throw new Error("No AlertDialogProvider found");
 }), It = {
   content: () => null
-}, Wn = _(function({ children: a }) {
-  const [o, n] = D(!1), [i, e] = D(It), c = y(
-    (s) => {
+}, jn = _(function({ children: s }) {
+  const [o, t] = D(!1), [i, e] = D(It), c = w(
+    (a) => {
       if (o)
         throw new Error("AlertDialog is already open");
-      e(s), n(!0);
+      e(a), t(!0);
     },
     [o]
   );
-  return /* @__PURE__ */ t(zt, { open: o, setOpen: n, ...i, children: /* @__PURE__ */ t(Ae.Provider, { value: c, children: a }) });
-}), Ot = () => ge(Ae), Gn = () => {
+  return /* @__PURE__ */ n(zt, { open: o, setOpen: t, ...i, children: /* @__PURE__ */ n(Ee.Provider, { value: c, children: s }) });
+}), Ot = () => Ce(Ee), Gn = () => {
   const r = Ot();
-  return y(
-    (a) => r({
+  return w(
+    (s) => r({
       title: "Discard changes?",
       description: "You have unsaved changes. Are you sure you want to discard them?",
       actionText: "Discard",
       severity: "danger",
-      onAction: a.onDiscard,
-      onCancel: a.onCancel
+      onAction: s.onDiscard,
+      onCancel: s.onCancel
     }),
     [r]
   );
 }, kt = _(function({
-  severity: a,
+  severity: s,
   itemContent: o,
-  closeOnSelect: n = !0,
+  closeOnSelect: t = !0,
   onSelect: i,
   ...e
 }) {
-  const c = R(a), s = y(
-    (d) => {
-      n || d.preventDefault(), i && i(d);
+  const c = R(s), a = w(
+    (u) => {
+      t || u.preventDefault(), i && i(u);
     },
-    [n, i]
+    [t, i]
   );
-  return /* @__PURE__ */ t(O.Item, { onSelect: s, color: c, ...e, children: o });
+  return /* @__PURE__ */ n(O.Item, { onSelect: a, color: c, ...e, children: o });
 }), Nt = _(function({
-  defaultOpen: a,
+  defaultOpen: s,
   open: o,
-  onOpenChange: n,
+  onOpenChange: t,
   modal: i,
   trigger: e,
   label: c,
-  severity: s = "info",
-  children: d,
+  severity: a = "info",
+  children: u,
   ...l
 }) {
-  const h = R(s);
-  return /* @__PURE__ */ v(O.Root, { defaultOpen: a, open: o, onOpenChange: n, modal: i, children: [
-    /* @__PURE__ */ t(O.Trigger, { children: e }),
+  const h = R(a);
+  return /* @__PURE__ */ v(O.Root, { defaultOpen: s, open: o, onOpenChange: t, modal: i, children: [
+    /* @__PURE__ */ n(O.Trigger, { children: e }),
     /* @__PURE__ */ v(O.Content, { color: h, ...l, children: [
-      c && /* @__PURE__ */ t(O.Label, { children: c }),
-      d
+      c && /* @__PURE__ */ n(O.Label, { children: c }),
+      u
     ] })
   ] });
 }), At = _(function({
-  separatorBelow: a = !1,
+  separatorBelow: s = !1,
   separatorAbove: o = !1,
-  children: n,
+  children: t,
   ...i
 }) {
   return /* @__PURE__ */ v(le, { children: [
-    o && /* @__PURE__ */ t(O.Separator, {}),
-    /* @__PURE__ */ t(O.Group, { ...i, children: n }),
-    a && /* @__PURE__ */ t(O.Separator, {})
+    o && /* @__PURE__ */ n(O.Separator, {}),
+    /* @__PURE__ */ n(O.Group, { ...i, children: t }),
+    s && /* @__PURE__ */ n(O.Separator, {})
   ] });
 }), Et = _(function({
-  defaultOpen: a,
+  defaultOpen: s,
   open: o,
-  onOpenChange: n,
+  onOpenChange: t,
   trigger: i,
   children: e,
   ...c
 }) {
-  return /* @__PURE__ */ v(O.Sub, { defaultOpen: a, open: o, onOpenChange: n, children: [
-    /* @__PURE__ */ t(O.SubTrigger, { children: i }),
-    /* @__PURE__ */ t(O.SubContent, { ...c, children: e })
+  return /* @__PURE__ */ v(O.Sub, { defaultOpen: s, open: o, onOpenChange: t, children: [
+    /* @__PURE__ */ n(O.SubTrigger, { children: i }),
+    /* @__PURE__ */ n(O.SubContent, { ...c, children: e })
   ] });
-}), Vn = {
+}), Hn = {
   Root: Nt,
   ItemGroup: At,
   Item: kt,
   SubMenu: Et
-}, Lt = "_fluid_7n1wr_1", Se = {
-  fluid: Lt
-}, Bt = S(function({
-  className: a,
+}, Vn = _(function({ children: s }) {
+  const [o, t] = D(!1), i = w(() => {
+    t(!0);
+  }, []), e = w(() => {
+    t(!1);
+  }, []);
+  return s({
+    isHovered: o,
+    onPointerEnter: i,
+    onPointerLeave: e
+  });
+}), Bt = "_fluid_7n1wr_1", Se = {
+  fluid: Bt
+}, Lt = T(function({
+  className: s,
   fluid: o,
-  size: n = "medium",
+  size: t = "medium",
   variant: i = "surface",
   severity: e = "primary",
   itemSeverity: c = "info",
-  placeholder: s = "Select",
-  side: d,
+  placeholder: a = "Select",
+  side: u,
   items: l = [],
   value: h,
   id: p,
   ...m
 }, f) {
-  const u = L(n, F), C = R(e), g = R(c);
-  return /* @__PURE__ */ De(E.Root, { size: u, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ t(
+  const d = B(t, F), g = R(e), C = R(c);
+  return /* @__PURE__ */ $e(E.Root, { size: d, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ n(
     E.Trigger,
     {
-      className: x(a, {
+      className: x(s, {
         [Se.fluid]: o
       }),
       id: p,
       ref: f,
       variant: i,
-      placeholder: s,
-      color: C
+      placeholder: a,
+      color: g
     }
-  ), /* @__PURE__ */ t(
+  ), /* @__PURE__ */ n(
     E.Content,
     {
-      side: d,
+      side: u,
       className: Se.contentDefault,
       position: "popper",
       variant: i !== "surface" ? "soft" : "solid",
-      color: g,
-      children: l.map(({ itemContent: P, value: w, ...b }) => /* @__PURE__ */ t(E.Item, { className: "overmap-select-item", value: w, ...b, children: P }, w))
+      color: C,
+      children: l.map(({ itemContent: P, value: y, ...$ }) => /* @__PURE__ */ n(E.Item, { className: "overmap-select-item", value: y, ...$, children: P }, y))
     }
   ));
-}), jn = U.memo(Bt), Te = _(
-  S((r, a) => {
-    const { checked: o, label: n, value: i, size: e = "2" } = r;
-    return /* @__PURE__ */ t(M, { asChild: !0, px: e, children: /* @__PURE__ */ t(E.Item, { value: i, ref: a, children: /* @__PURE__ */ v($, { gap: e, align: "center", children: [
-      /* @__PURE__ */ t(Je, { checked: o }),
-      n
+}), Fn = q.memo(Lt), Pe = _(
+  T((r, s) => {
+    const { checked: o, label: t, value: i, size: e = "2" } = r;
+    return /* @__PURE__ */ n(M, { asChild: !0, px: e, children: /* @__PURE__ */ n(E.Item, { value: i, ref: s, children: /* @__PURE__ */ v(b, { gap: e, align: "center", children: [
+      /* @__PURE__ */ n(Je, { checked: o }),
+      t
     ] }) }) });
   })
-), ie = "__select_all__", Hn = _(
-  S((r, a) => {
-    const [o, n] = D(!1), { placeholder: i, value: e, onValueChange: c, options: s, disabled: d, name: l, ...h } = r, p = L(r.size, F), m = R(r.severity), f = G(() => new Map(s.map((w) => [w.value, w.label])), [s]), u = e.length > 4 ? (
+), ie = "__select_all__", Xn = _(
+  T((r, s) => {
+    const [o, t] = D(!1), { placeholder: i, value: e, onValueChange: c, options: a, disabled: u, name: l, ...h } = r, p = B(r.size, F), m = R(r.severity), f = j(() => new Map(a.map((y) => [y.value, y.label])), [a]), d = e.length > 4 ? (
       // to ensure the width of the select doesn't get too big
       `${e.length} options selected`
     ) : (
       // convert the values to labels
-      /* @__PURE__ */ t("span", { children: e.flatMap((w) => [f.get(w), ", "]).slice(0, -1) })
-    ), C = y(() => n(!1), []), g = y((w) => {
-      w && n(!0);
-    }, []), P = y(
-      (w) => {
-        let b;
-        w === ie ? b = e.length === s.length ? [] : s.map((de) => de.value) : b = e.includes(w) ? e.filter((B) => B !== w) : [...e, w], c(b);
+      /* @__PURE__ */ n("span", { children: e.flatMap((y) => [f.get(y), ", "]).slice(0, -1) })
+    ), g = w(() => t(!1), []), C = w((y) => {
+      y && t(!0);
+    }, []), P = w(
+      (y) => {
+        let $;
+        y === ie ? $ = e.length === a.length ? [] : a.map((de) => de.value) : $ = e.includes(y) ? e.filter((L) => L !== y) : [...e, y], c($);
       },
-      [c, s, e]
+      [c, a, e]
     );
     return ue(() => {
-      if (s.some(({ value: w }) => w === ie))
+      if (a.some(({ value: y }) => y === ie))
         throw new Error(`Cannot have an option with the value "${ie}"`);
-    }, [s]), /* @__PURE__ */ v(
+    }, [a]), /* @__PURE__ */ v(
       E.Root,
       {
         open: o,
         value: "",
-        onOpenChange: g,
+        onOpenChange: C,
         onValueChange: P,
-        disabled: d,
+        disabled: u,
         size: p,
         name: l,
         autoComplete: "off",
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ n(
             E.Trigger,
             {
-              ref: a,
+              ref: s,
               color: m,
-              placeholder: e.length > 0 ? u : i,
+              placeholder: e.length > 0 ? d : i,
               "data-placeholder": e.length > 0 ? void 0 : !0,
               ...h
             }
@@ -475,26 +486,26 @@ const ut = {
               color: "gray",
               variant: "soft",
               position: "popper",
-              onEscapeKeyDown: C,
-              onPointerDownOutside: C,
+              onEscapeKeyDown: g,
+              onPointerDownOutside: g,
               children: [
-                /* @__PURE__ */ t(
-                  Te,
+                /* @__PURE__ */ n(
+                  Pe,
                   {
                     value: ie,
                     label: "Select all",
-                    checked: e.length === s.length,
+                    checked: e.length === a.length,
                     size: p
                   }
                 ),
-                s.map((w) => /* @__PURE__ */ t(
-                  Te,
+                a.map((y) => /* @__PURE__ */ n(
+                  Pe,
                   {
-                    ...w,
-                    checked: e.includes(w.value),
+                    ...y,
+                    checked: e.includes(y.value),
                     size: p
                   },
-                  w.value
+                  y.value
                 ))
               ]
             }
@@ -505,154 +516,154 @@ const ut = {
   })
 ), Mt = {
   default: "_default_u936h_1"
-}, Wt = S(function({ className: a, severity: o = "primary", icon: n, defaultChecked: i = !1, onCheckedChange: e, ...c }, s) {
-  const d = se(null), [l, h] = D(c.checked ? c.checked : i), [p, m] = D(), f = R(o);
+}, Wt = T(function({ className: s, severity: o = "primary", icon: t, defaultChecked: i = !1, onCheckedChange: e, ...c }, a) {
+  const u = se(null), [l, h] = D(c.checked ? c.checked : i), [p, m] = D(), f = R(o);
   ot(() => {
     var P;
-    const g = s || d;
-    "current" in g && g.current && m((P = g.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
-  }, [s]);
-  const u = y(
-    (g) => {
-      h(g), e && e(g);
+    const C = a || u;
+    "current" in C && C.current && m((P = C.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
+  }, [a]);
+  const d = w(
+    (C) => {
+      h(C), e && e(C);
     },
     [e]
-  ), C = c.checked ? c.checked : l;
+  ), g = c.checked ? c.checked : l;
   return /* @__PURE__ */ v(le, { children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ n(
       Ze,
       {
-        className: x("overmap-switch", a, Mt.default),
-        ref: s || d,
+        className: x("overmap-switch", s, Mt.default),
+        ref: a || u,
         color: f,
         radius: "full",
         defaultChecked: i,
-        onCheckedChange: u,
+        onCheckedChange: d,
         ...c
       }
     ),
-    /* @__PURE__ */ t(et, { container: p, asChild: !0, children: n && "checked" in n ? C ? n.checked : n.unchecked : n })
+    /* @__PURE__ */ n(et, { container: p, asChild: !0, children: t && "checked" in t ? g ? t.checked : t.unchecked : t })
   ] });
-}), Fn = _(Wt), Gt = "_sidebarContent_1onyo_1", Vt = "_right_1onyo_7", jt = "_resizeHandle_1onyo_10", Ht = "_left_1onyo_13", Ft = "_overlay_1onyo_33", V = {
-  sidebarContent: Gt,
-  right: Vt,
-  resizeHandle: jt,
-  left: Ht,
+}), Un = _(Wt), jt = "_sidebarContent_1onyo_1", Gt = "_right_1onyo_7", Ht = "_resizeHandle_1onyo_10", Vt = "_left_1onyo_13", Ft = "_overlay_1onyo_33", G = {
+  sidebarContent: jt,
+  right: Gt,
+  resizeHandle: Ht,
+  left: Vt,
   overlay: Ft
-}, Xt = S(function({
-  side: a = "left",
+}, Xt = T(function({
+  side: s = "left",
   modal: o = !0,
-  children: n,
+  children: t,
   open: i,
   containerSelector: e,
   overlay: c = !0,
-  resizable: s = !0,
+  resizable: a = !0,
   // Props related to Resizable
-  minWidth: d = "300px",
+  minWidth: u = "300px",
   maxWidth: l = "500px",
   ...h
 }, p) {
-  const m = a === "right", f = a === "left", [u, C] = D();
+  const m = s === "right", f = s === "left", [d, g] = D();
   return ue(() => {
-    const g = e ?? '[data-is-root-theme="true"]', P = document.querySelector(g);
+    const C = e ?? '[data-is-root-theme="true"]', P = document.querySelector(C);
     if (P === void 0)
-      throw new Error(`Could not find a container element using the following selector ${g}`);
-    C(P);
-  }, [e]), /* @__PURE__ */ t(oe.Root, { open: i, modal: o, children: /* @__PURE__ */ v(oe.Portal, { container: u, children: [
-    c && /* @__PURE__ */ t(oe.Overlay, { className: x(V.overlay) }),
-    /* @__PURE__ */ t(
-      oe.Content,
+      throw new Error(`Could not find a container element using the following selector ${C}`);
+    g(P);
+  }, [e]), /* @__PURE__ */ n(re.Root, { open: i, modal: o, children: /* @__PURE__ */ v(re.Portal, { container: d, children: [
+    c && /* @__PURE__ */ n(re.Overlay, { className: x(G.overlay) }),
+    /* @__PURE__ */ n(
+      re.Content,
       {
-        className: x("overmap-sidebar", "rt-DialogContent", V.sidebarContent, {
-          [V.left]: f,
-          [V.right]: m
+        className: x("overmap-sidebar", "rt-DialogContent", G.sidebarContent, {
+          [G.left]: f,
+          [G.right]: m
         }),
         ref: p,
         asChild: !0,
         ...h,
-        children: /* @__PURE__ */ t(M, { width: "auto", children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ n(M, { width: "auto", children: /* @__PURE__ */ n(
           pe,
           {
-            minWidth: d,
+            minWidth: u,
             maxWidth: l,
             defaultSize: { width: "300px", height: "100%" },
-            enable: { right: s && f, left: s && m },
-            handleClasses: { left: V.resizeHandle, right: V.resizeHandle },
+            enable: { right: a && f, left: a && m },
+            handleClasses: { left: G.resizeHandle, right: G.resizeHandle },
             handleComponent: {
-              right: /* @__PURE__ */ t(ae, {}),
-              left: /* @__PURE__ */ t(ae, {})
+              right: /* @__PURE__ */ n(ae, {}),
+              left: /* @__PURE__ */ n(ae, {})
             },
-            children: n
+            children: t
           }
         ) })
       }
     )
   ] }) });
-}), Xn = _(Xt), Ut = "_accommodateCharCount_sr18k_1", qt = "_wrapper_sr18k_5", Kt = "_noLeftIcon_sr18k_13", Qt = "_noRightIcon_sr18k_17", Yt = "_charCount_sr18k_21", j = {
+}), qn = _(Xt), Ut = "_accommodateCharCount_sr18k_1", qt = "_wrapper_sr18k_5", Kt = "_noLeftIcon_sr18k_13", Qt = "_noRightIcon_sr18k_17", Yt = "_charCount_sr18k_21", H = {
   accommodateCharCount: Ut,
   wrapper: qt,
   default: "_default_sr18k_9",
   noLeftIcon: Kt,
   noRightIcon: Qt,
   charCount: Yt
-}, Jt = S(function({
-  className: a,
+}, Jt = T(function({
+  className: s,
   leftSlot: o,
-  rightSlot: n,
+  rightSlot: t,
   size: i = "medium",
   showInputLength: e,
   value: c,
-  variant: s,
-  severity: d = "primary",
+  variant: a,
+  severity: u = "primary",
   ...l
 }, h) {
-  const p = L(i, F), m = R(d), f = e || e === void 0 && l.maxLength !== void 0, u = c !== void 0 ? c.toString() : void 0;
+  const p = B(i, F), m = R(u), f = e || e === void 0 && l.maxLength !== void 0, d = c !== void 0 ? c.toString() : void 0;
   return /* @__PURE__ */ v(
-    ee.Root,
+    te.Root,
     {
-      className: x(j.wrapper, {
-        [j.accommodateCharCount]: f
+      className: x(H.wrapper, {
+        [H.accommodateCharCount]: f
       }),
       size: p,
-      variant: s,
+      variant: a,
       color: m,
       children: [
-        o && /* @__PURE__ */ t(ee.Slot, { children: o }),
-        /* @__PURE__ */ t(
-          ee.Input,
+        o && /* @__PURE__ */ n(te.Slot, { children: o }),
+        /* @__PURE__ */ n(
+          te.Input,
           {
-            className: x(j.default, a, {
-              [j.noLeftIcon]: !o,
-              [j.noRightIcon]: !n
+            className: x(H.default, s, {
+              [H.noLeftIcon]: !o,
+              [H.noRightIcon]: !t
             }),
             ref: h,
             size: p,
-            variant: s,
+            variant: a,
             color: m,
             ...l
           }
         ),
-        n && /* @__PURE__ */ t(ee.Slot, { children: n }),
-        f && /* @__PURE__ */ t(ce, { as: "p", className: j.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${u == null ? void 0 : u.length}/${l.maxLength}` : `${u == null ? void 0 : u.length}` })
+        t && /* @__PURE__ */ n(te.Slot, { children: t }),
+        f && /* @__PURE__ */ n(ce, { as: "p", className: H.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${d == null ? void 0 : d.length}/${l.maxLength}` : `${d == null ? void 0 : d.length}` })
       ]
     }
   );
-}), Un = U.memo(Jt), Zt = "_wrapper_tmtz0_1", en = {
+}), Kn = q.memo(Jt), Zt = "_wrapper_tmtz0_1", en = {
   wrapper: Zt
-}, tn = S(function({ className: a, defaultOpen: o = !1, modal: n = !1, content: i, children: e, ...c }, s) {
-  return /* @__PURE__ */ v(te.Root, { defaultOpen: o, modal: n, children: [
-    /* @__PURE__ */ t(te.Trigger, { children: e }),
-    /* @__PURE__ */ t(
-      te.Content,
+}, tn = T(function({ className: s, defaultOpen: o = !1, modal: t = !1, content: i, children: e, ...c }, a) {
+  return /* @__PURE__ */ v(ne.Root, { defaultOpen: o, modal: t, children: [
+    /* @__PURE__ */ n(ne.Trigger, { children: e }),
+    /* @__PURE__ */ n(
+      ne.Content,
       {
-        ref: s,
-        className: x("overmap-popover", a, en.wrapper),
+        ref: a,
+        className: x("overmap-popover", s, en.wrapper),
         ...c,
-        children: i(te.Close)
+        children: i(ne.Close)
       }
     )
   ] });
-}), qn = U.memo(tn), nn = "_wrapper_1mz2e_1", on = "_panelContent_1mz2e_6", rn = "_left_1mz2e_14", sn = "_right_1mz2e_18", an = "_resizable_1mz2e_23", cn = "_resizeHandle_1mz2e_28", ln = "_panelMainContent_1mz2e_48", I = {
+}), Qn = q.memo(tn), nn = "_wrapper_1mz2e_1", on = "_panelContent_1mz2e_6", rn = "_left_1mz2e_14", sn = "_right_1mz2e_18", an = "_resizable_1mz2e_23", cn = "_resizeHandle_1mz2e_28", ln = "_panelMainContent_1mz2e_48", I = {
   wrapper: nn,
   panelContent: on,
   left: rn,
@@ -660,89 +671,89 @@ const ut = {
   resizable: an,
   resizeHandle: cn,
   panelMainContent: ln
-}, Pe = 200, A = 150, Kn = _(function({
-  children: a,
+}, Re = 200, A = 150, Yn = _(function({
+  children: s,
   showLeft: o,
-  leftPanel: n,
-  leftMinWidth: i = Pe,
+  leftPanel: t,
+  leftMinWidth: i = Re,
   showRight: e,
   rightPanel: c,
-  rightMinWidth: s = Pe,
-  resizeable: d
+  rightMinWidth: a = Re,
+  resizeable: u
 }) {
-  const l = se(null), h = se(null), [p, m] = D(0), [f, u] = D(), C = se(null), [g, P] = D(0), [w, b] = D(), B = y(
-    (T, z, k) => (N, _e, we, he) => {
+  const l = se(null), h = se(null), [p, m] = D(0), [f, d] = D(), g = se(null), [C, P] = D(0), [y, $] = D(), L = w(
+    (S, z, k) => (N, ye, we, he) => {
       if (!l.current)
         return;
-      const Q = T + he.width;
-      k(l.current.clientWidth - Q), z(() => Q);
+      const Y = S + he.width;
+      k(l.current.clientWidth - Y), z(() => Y);
     },
     []
-  ), de = y(
-    (T, z, k, N) => B(p, m, b)(T, z, k, N),
-    [B, p]
-  ), Be = y(
-    (T, z, k, N) => B(g, P, u)(T, z, k, N),
-    [B, g]
-  ), q = y(
-    (T, z, k, N, _e, we, he, Q) => {
+  ), de = w(
+    (S, z, k, N) => L(p, m, $)(S, z, k, N),
+    [L, p]
+  ), Le = w(
+    (S, z, k, N) => L(C, P, d)(S, z, k, N),
+    [L, C]
+  ), K = w(
+    (S, z, k, N, ye, we, he, Y) => {
       if (!l.current)
         return;
-      let Y = T;
-      if (Y === 0 && (Y = z, k(Y)), we) {
-        const J = l.current.clientWidth - Y;
-        Q(J), _e > J && (he(J), N(l.current.clientWidth - J));
+      let J = S;
+      if (J === 0 && (J = z, k(J)), we) {
+        const Z = l.current.clientWidth - J;
+        Y(Z), ye > Z && (he(Z), N(l.current.clientWidth - Z));
       }
     },
     []
-  ), Me = y(
-    () => q(
-      g,
-      s,
+  ), Me = w(
+    () => K(
+      C,
+      a,
       P,
-      b,
+      $,
       p,
       o,
       m,
-      u
+      d
     ),
-    [q, p, s, g, o]
-  ), We = y(
-    () => q(
+    [K, p, a, C, o]
+  ), We = w(
+    () => K(
       p,
       i,
       m,
-      u,
-      g,
+      d,
+      C,
       e,
       P,
-      b
+      $
     ),
-    [q, i, p, g, e]
-  ), K = y(
-    (T, z) => {
-      l.current && T && z(l.current.clientWidth);
+    [K, i, p, C, e]
+  ), Q = w(
+    (S, z) => {
+      l.current && S && z(l.current.clientWidth);
     },
     []
-  ), Ge = y(
-    () => K(o, u),
-    [K, o]
-  ), Ve = y(
-    () => K(e, b),
-    [K, e]
-  ), ve = y(() => {
-    var T, z, k, N;
-    l.current && (u(l.current.clientWidth - (((T = C.current) == null ? void 0 : T.clientWidth) || 0)), b(l.current.clientWidth - (((z = h.current) == null ? void 0 : z.clientWidth) || 0)), m(((k = h.current) == null ? void 0 : k.clientWidth) || 0), P(((N = C.current) == null ? void 0 : N.clientWidth) || 0));
+  ), je = w(
+    () => Q(o, d),
+    [Q, o]
+  ), Ge = w(
+    () => Q(e, $),
+    [Q, e]
+  ), _e = w(() => {
+    var S, z, k, N;
+    l.current && (d(l.current.clientWidth - (((S = g.current) == null ? void 0 : S.clientWidth) || 0)), $(l.current.clientWidth - (((z = h.current) == null ? void 0 : z.clientWidth) || 0)), m(((k = h.current) == null ? void 0 : k.clientWidth) || 0), P(((N = g.current) == null ? void 0 : N.clientWidth) || 0));
   }, []);
   ue(() => {
     if (!l.current)
       return;
-    const T = new ResizeObserver(ve);
-    return T.observe(l.current), () => {
-      T.disconnect();
+    const S = new ResizeObserver(_e);
+    return S.observe(l.current), () => {
+      S.disconnect();
     };
-  }, [ve]);
-  const je = G(() => ({
+  }, [_e]);
+  const He = j(() => ({
     entering: {
       transform: `translateX(-${p}px)`,
       marginRight: `-${p}px`,
@@ -766,10 +777,10 @@ const ut = {
     },
     exited: {},
     unmounted: {}
-  }), [p]), He = G(() => ({
+  }), [p]), Ve = j(() => ({
     entering: {
-      transform: `translateX(${g}px)`,
-      marginLeft: `${-g}px`,
+      transform: `translateX(${C}px)`,
+      marginLeft: `${-C}px`,
       transitionProperty: "transform, margin-left",
       transitionDuration: `${A}ms`,
       transitionTimingFunction: "linear"
@@ -782,20 +793,20 @@ const ut = {
       transitionTimingFunction: "linear"
     },
     exiting: {
-      transform: `translateX(${g}px)`,
-      marginLeft: `${-g}px`,
+      transform: `translateX(${C}px)`,
+      marginLeft: `${-C}px`,
       transitionProperty: "transform, margin-left",
       transitionDuration: `${A}ms`,
       transitionTimingFunction: "linear"
     },
     exited: {},
     unmounted: {}
-  }), [g]);
+  }), [C]);
   return /* @__PURE__ */ v(
-    $,
+    b,
     {
       className: I.wrapper,
-      style: { minWidth: `${i + s}px` },
+      style: { minWidth: `${i + a}px` },
       ref: l,
       width: "100%",
       height: "100%",
@@ -803,26 +814,26 @@ const ut = {
       m: "0",
       p: "0",
       children: [
-        /* @__PURE__ */ t(
-          xe,
+        /* @__PURE__ */ n(
+          Te,
           {
             nodeRef: h,
             timeout: o ? 0 : A,
             in: o,
             unmountOnExit: !0,
             onEntering: We,
-            onExited: Ve,
-            children: (T) => /* @__PURE__ */ t(
+            onExited: Ge,
+            children: (S) => /* @__PURE__ */ n(
               M,
               {
                 ref: h,
                 className: x(I.panelContent, I.left),
-                style: je[T],
+                style: He[S],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ n(
                   pe,
                   {
                     className: I.resizable,
@@ -831,51 +842,51 @@ const ut = {
                       height: "100%"
                     },
                     onResizeStop: de,
-                    enable: { right: (d == null ? void 0 : d.left) !== void 0 ? d.left : !0 },
+                    enable: { right: (u == null ? void 0 : u.left) !== void 0 ? u.left : !0 },
                     minWidth: i,
                     maxWidth: f,
                     handleClasses: { right: x(I.resizeHandle, I.left) },
                     handleComponent: {
-                      right: /* @__PURE__ */ t(ae, { height: "14px", width: "14px" })
+                      right: /* @__PURE__ */ n(ae, { height: "14px", width: "14px" })
                     },
-                    children: n
+                    children: t
                   }
                 )
               }
             )
           }
         ),
-        /* @__PURE__ */ t(M, { className: I.panelMainContent, width: "max-content", children: a }),
-        /* @__PURE__ */ t(
-          xe,
+        /* @__PURE__ */ n(M, { className: I.panelMainContent, width: "max-content", children: s }),
+        /* @__PURE__ */ n(
+          Te,
           {
-            nodeRef: C,
+            nodeRef: g,
             timeout: e ? 0 : A,
             in: e,
             unmountOnExit: !0,
             onEntering: Me,
-            onExited: Ge,
-            children: (T) => /* @__PURE__ */ t(
+            onExited: je,
+            children: (S) => /* @__PURE__ */ n(
               M,
               {
-                ref: C,
+                ref: g,
                 className: x(I.panelContent, I.right),
-                style: He[T],
+                style: Ve[S],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ n(
                   pe,
                   {
                     className: I.resizable,
-                    size: { width: g, height: "100%" },
-                    onResizeStop: Be,
-                    enable: { left: (d == null ? void 0 : d.right) !== void 0 ? d.right : !0 },
-                    minWidth: s,
-                    maxWidth: w,
+                    size: { width: C, height: "100%" },
+                    onResizeStop: Le,
+                    enable: { left: (u == null ? void 0 : u.right) !== void 0 ? u.right : !0 },
+                    minWidth: a,
+                    maxWidth: y,
                     handleClasses: { left: x(I.resizeHandle, I.right) },
-                    handleComponent: { left: /* @__PURE__ */ t(ae, { height: "14px", width: "14px" }) },
+                    handleComponent: { left: /* @__PURE__ */ n(ae, { height: "14px", width: "14px" }) },
                     children: c
                   }
                 )
@@ -888,44 +899,44 @@ const ut = {
   );
 }), un = "_charCount_17uut_1", dn = {
   charCount: un
-}, hn = S(function({ className: a, showInputLength: o, inputLengthTemplate: n, value: i, severity: e = "primary", resize: c, ...s }, d) {
-  const l = R(e), h = R("info"), p = o || o === void 0 && (s.maxLength !== void 0 || s.minLength !== void 0), m = i !== void 0 ? i.toString() : "", f = G(() => {
-    if (n) {
-      let u = n.replace("{current}", m.length.toString());
-      return s.minLength !== void 0 && (u = u.replace("{min}", s.minLength.toString())), s.maxLength !== void 0 && (u = u.replace("{max}", s.maxLength.toString())), u;
+}, hn = T(function({ className: s, showInputLength: o, inputLengthTemplate: t, value: i, severity: e = "primary", resize: c, ...a }, u) {
+  const l = R(e), h = R("info"), p = o || o === void 0 && (a.maxLength !== void 0 || a.minLength !== void 0), m = i !== void 0 ? i.toString() : "", f = j(() => {
+    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;
     }
     return m.length;
-  }, [n, s.maxLength, s.minLength, m.length]);
+  }, [t, a.maxLength, a.minLength, m.length]);
   return /* @__PURE__ */ v(le, { children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ n(
       tt,
       {
-        className: x("overmap-textarea", a),
+        className: x("overmap-textarea", s),
         style: { resize: c },
-        ref: d,
+        ref: u,
         value: i,
         color: l,
-        ...s
+        ...a
       }
     ),
-    p && /* @__PURE__ */ t(ce, { as: "p", className: dn.charCount, color: h, align: "right", children: f })
+    p && /* @__PURE__ */ n(ce, { as: "p", className: dn.charCount, color: h, align: "right", children: f })
   ] });
-}), Qn = _(hn), pn = S(function({
+}), Jn = _(hn), pn = T(function({
   // ToggleGroup Primitive Props
-  loop: a,
+  loop: s,
   type: o,
-  rovingFocus: n,
+  rovingFocus: t,
   value: i,
   onValueChange: e,
   defaultValue: c,
-  disabled: s,
-  items: d,
+  disabled: a,
+  items: u,
   // ButtonGroup Props
   className: l,
   direction: h = "row",
   ...p
 }, m) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ n(
     rt,
     {
       type: o,
@@ -933,207 +944,212 @@ const ut = {
       ref: m,
       value: i,
       onValueChange: e,
-      disabled: s,
+      disabled: a,
       orientation: h === "column" ? "vertical" : "horizontal",
-      loop: a,
-      rovingFocus: n,
+      loop: s,
+      rovingFocus: t,
       defaultValue: c,
       asChild: !0,
-      children: /* @__PURE__ */ t(ke, { direction: h, ...p, children: d.map(({ children: f, ...u }) => /* @__PURE__ */ De(it, { asChild: !0, ...u, key: u.value }, /* @__PURE__ */ t(
-        Oe,
+      children: /* @__PURE__ */ n(Ne, { direction: h, ...p, children: u.map(({ children: f, ...d }) => /* @__PURE__ */ $e(it, { asChild: !0, ...d, key: d.value }, /* @__PURE__ */ n(
+        ke,
         {
           className: x("overmap-toggle-group-button"),
-          "aria-label": u.value,
-          variant: u.value === i ? "solid" : "soft",
+          "aria-label": d.value,
+          variant: d.value === i ? "solid" : "soft",
           children: f
         }
       ))) })
     }
   );
-}), Yn = _(pn), mn = "_ToastViewport_t8tlv_1", fn = "_ToastRoot_t8tlv_20", gn = "_slideIn_t8tlv_1", Cn = "_swipeOut_t8tlv_1", Ee = {
+}), Zn = _(pn), mn = "_ToastViewport_1joop_1", fn = "_actionButton_1joop_20", gn = "_ToastRoot_1joop_24", Cn = "_slideIn_1joop_1", vn = "_swipeOut_1joop_1", fe = {
   ToastViewport: mn,
-  ToastRoot: fn,
-  slideIn: gn,
-  swipeOut: Cn
-}, vn = S(function({ title: a, description: o, icon: n, severity: i = "primary", size: e, onClose: c, sensitivity: s, ...d }, l) {
-  const [h, p] = D(!0), m = R(i), f = y(
-    (u) => {
-      !u && c && c(), p(u);
+  actionButton: fn,
+  ToastRoot: gn,
+  slideIn: Cn,
+  swipeOut: vn
+}, _n = T(function({ title: s, description: o, icon: t, severity: i = "primary", size: e, onClose: c, sensitivity: a, action: u, ...l }, h) {
+  const [p, m] = D(!0), f = R(i), d = w(
+    (g) => {
+      !g && c && c(), m(g);
     },
     [c]
   );
-  return /* @__PURE__ */ t(re.Root, { asChild: !0, ref: l, ...d, open: h, type: s, onOpenChange: f, children: /* @__PURE__ */ t(ne.Root, { className: Ee.ToastRoot, variant: "surface", color: m, size: e, children: /* @__PURE__ */ v($, { width: "100%", align: "center", gap: "4", justify: "between", children: [
-    /* @__PURE__ */ v($, { align: "center", gap: "4", children: [
-      /* @__PURE__ */ t(ne.Icon, { children: n || /* @__PURE__ */ t(Xe, {}) }),
-      /* @__PURE__ */ v($, { direction: "column", gap: "0", children: [
-        /* @__PURE__ */ t(re.Title, { asChild: !0, children: /* @__PURE__ */ t(ne.Text, { weight: "medium", children: a }) }),
-        /* @__PURE__ */ t(re.Description, { asChild: !0, children: /* @__PURE__ */ t(ne.Text, { weight: "light", children: o }) })
+  return /* @__PURE__ */ n(X.Root, { asChild: !0, ref: h, ...l, open: p, type: a, onOpenChange: d, children: /* @__PURE__ */ n(oe.Root, { className: fe.ToastRoot, variant: "surface", color: f, size: e, children: /* @__PURE__ */ v(b, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+    /* @__PURE__ */ v(b, { align: "center", gap: "3", children: [
+      /* @__PURE__ */ n(oe.Icon, { children: t || /* @__PURE__ */ n(Xe, {}) }),
+      /* @__PURE__ */ v(b, { direction: "column", gap: "1", children: [
+        /* @__PURE__ */ v(b, { direction: "column", gap: "0", children: [
+          /* @__PURE__ */ n(X.Title, { asChild: !0, children: /* @__PURE__ */ n(oe.Text, { weight: "medium", children: s }) }),
+          /* @__PURE__ */ n(X.Description, { asChild: !0, children: /* @__PURE__ */ n(oe.Text, { weight: "light", children: o }) })
+        ] }),
+        u && /* @__PURE__ */ n(X.Action, { className: fe.actionButton, altText: u.altText, asChild: !0, children: u.content })
       ] })
     ] }),
-    /* @__PURE__ */ t(re.Close, { asChild: !0, children: /* @__PURE__ */ t(Oe, { "aria-label": "Close", variant: "ghost", size: "small", severity: i, children: /* @__PURE__ */ t(Ue, {}) }) })
+    /* @__PURE__ */ n(X.Close, { asChild: !0, children: /* @__PURE__ */ n(ke, { "aria-label": "Close", variant: "ghost", size: "small", severity: i, children: /* @__PURE__ */ n(Ue, {}) }) })
   ] }) }) });
-}), _n = _(vn), Le = fe({}), Jn = () => {
-  const r = ge(Le);
+}), yn = _(_n), Be = ge({}), eo = () => {
+  const r = Ce(Be);
   if (!r)
     throw new Error("useToast must be used within a ToastProvider");
   return r;
-}, wn = 240 / 60, Re = 5e3, yn = (r) => {
-  if (r.duration && r.duration >= Re)
+}, wn = 240 / 60, be = 5e3, xn = (r) => {
+  if (r.duration && r.duration >= be)
     return r.duration;
-  const a = r.severity === "danger" ? 1.5 : 1, o = r.description.split(" ").length + r.title.split(" ").length;
-  return (Re + o / wn) * a;
+  const s = r.severity === "danger" ? 1.5 : 1, o = r.description.split(" ").length + r.title.split(" ").length;
+  return (be + o / wn) * s;
 };
-let xn;
-const Zn = _(function({
-  children: a,
+let Tn;
+const to = _(function({
+  children: s,
   // Use this class to change where the viewport for the toasts should be
   className: o,
-  hotkey: n,
+  hotkey: t,
   ...i
 }) {
-  const [e, c] = D([]), s = y((l, h, p) => {
+  const [e, c] = D([]), a = w((l, h, p) => {
     c((m) => {
-      const f = m.find((u) => u.id === l);
-      return f && h === 0 && clearTimeout(f.timeout), m.filter((u) => u.id !== l);
+      const f = m.find((d) => d.id === l);
+      return f && h === 0 && clearTimeout(f.timeout), m.filter((d) => d.id !== l);
     }), p && p();
-  }, []), d = G(() => {
+  }, []), u = j(() => {
     let l = 0;
-    const h = (C) => {
-      const g = yn(C), P = l.toString();
+    const h = (g) => {
+      const C = xn(g), P = l.toString();
       l += 1;
-      const w = setTimeout(() => s(P, 1, C.onClose), g);
-      c((b) => [...b, { ...C, timeout: w, duration: g, id: P }]);
-    }, p = (C) => h({ ...C, severity: "primary" }), m = (C) => h({ ...C, severity: "success" }), f = (C) => h({ ...C, severity: "danger" }), u = (C) => h({ ...C, severity: "info" });
-    return xn = h, {
+      const y = setTimeout(() => a(P, 1, g.onClose), C);
+      c(($) => [...$, { ...g, timeout: y, duration: C, id: P }]);
+    }, 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 Tn = h, {
       showToast: h,
       showPrimary: p,
       showSuccess: m,
       showError: f,
-      showInfo: u
+      showInfo: d
     };
-  }, [s]);
+  }, [a]);
   return ue(() => () => {
     for (const { timeout: l } of e)
       clearTimeout(l);
-  }, []), /* @__PURE__ */ t(Le.Provider, { value: d, children: /* @__PURE__ */ v(st, { ...i, children: [
-    a,
-    /* @__PURE__ */ t(at, { className: x(o, Ee.ToastViewport), hotkey: n }),
-    e.map(({ id: l, onClose: h, ...p }) => /* @__PURE__ */ t(_n, { ...p, onClose: () => s(l, 0, h) }, l))
+  }, []), /* @__PURE__ */ n(Be.Provider, { value: u, children: /* @__PURE__ */ v(st, { ...i, children: [
+    s,
+    /* @__PURE__ */ n(at, { className: x(o, fe.ToastViewport), hotkey: t }),
+    e.map(({ id: l, onClose: h, ...p }) => /* @__PURE__ */ n(yn, { ...p, onClose: () => a(l, 0, h) }, l))
   ] }) });
-}), Sn = "_noWrap_1wpa5_1", Tn = {
+}), Sn = "_noWrap_1wpa5_1", Pn = {
   noWrap: Sn
-}, eo = _(
-  S(({ className: r, noWrap: a, severity: o, as: n, ...i }, e) => {
+}, no = _(
+  T(({ className: r, noWrap: s, severity: o, as: t, ...i }, e) => {
     const c = R(o);
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ n(
       ce,
       {
         ref: e,
-        as: n,
-        className: x(r, { [Tn.noWrap]: a }),
+        as: t,
+        className: x(r, { [Pn.noWrap]: s }),
         color: c,
         ...i
       }
     );
   })
 );
-const to = _(
-  S((r, a) => {
-    const { panelBackground: o = "solid", radius: n = "full", ...i } = r;
-    return /* @__PURE__ */ t(nt, { panelBackground: o, radius: n, ref: a, ...i });
+const oo = _(
+  T((r, s) => {
+    const { panelBackground: o = "solid", radius: t = "full", ...i } = r;
+    return /* @__PURE__ */ n(nt, { panelBackground: o, radius: t, ref: s, ...i });
   })
-), Pn = {
+), Rn = {
   1: "max-content",
   2: "max-content",
   3: "max-content",
   4: "100%"
-}, Rn = S(function({ severity: a = "info", weight: o = "light", gap: n = "1", text: i, orientation: e = "horizontal", size: c, ...s }, d) {
-  const l = L(c, Pn), h = R(a);
+}, bn = T(function({ severity: s = "info", weight: o = "light", gap: t = "1", text: i, orientation: e = "horizontal", size: c, ...a }, u) {
+  const l = B(c, Rn), h = R(s);
   return /* @__PURE__ */ v(
-    $,
+    b,
     {
-      ref: d,
+      ref: u,
       width: e === "horizontal" ? l : "max-content",
       height: e === "vertical" ? l : "max-content",
       direction: e === "vertical" ? "column" : "row",
       align: "center",
-      gap: n,
+      gap: t,
       children: [
-        /* @__PURE__ */ t(ye, { size: c, orientation: e, color: h, ...s }),
+        /* @__PURE__ */ n(xe, { size: c, orientation: e, color: h, ...a }),
         i && /* @__PURE__ */ v(le, { children: [
-          /* @__PURE__ */ t(ce, { as: "span", size: "1", weight: o, color: h, children: i }),
-          /* @__PURE__ */ t(ye, { size: c, orientation: e, color: h, ...s })
+          /* @__PURE__ */ n(ce, { as: "span", size: "1", weight: o, color: h, children: i }),
+          /* @__PURE__ */ n(xe, { size: c, orientation: e, color: h, ...a })
         ] })
       ]
     }
   );
-}), no = _(Rn);
+}), ro = _(bn);
 export {
-  ao as AccessibleIcon,
+  lo as AccessibleIcon,
   zt as AlertDialog,
-  Ae as AlertDialogContent,
-  Wn as AlertDialogProvider,
-  co as AspectRatio,
-  lo as Avatar,
-  En as Badge,
-  uo as Blockquote,
-  ho as Box,
+  Ee as AlertDialogContent,
+  jn as AlertDialogProvider,
+  uo as AspectRatio,
+  ho as Avatar,
+  Bn as Badge,
+  po as Blockquote,
+  mo as Box,
   me as Button,
-  ke as ButtonGroup,
-  Bn as ButtonList,
-  po as Callout,
-  mo as Card,
-  fo as Checkbox,
-  go as Code,
-  Co as Container,
-  vo as ContextMenu,
-  to as DefaultTheme,
-  Mn as Dialog,
-  Vn as DropdownMenu,
-  _o as Em,
-  wo as Flex,
-  yo as Grid,
-  xo as Heading,
-  So as HoverCard,
-  Oe as IconButton,
-  Un as Input,
-  To as Inset,
-  Po as Kbd,
-  Kn as LeftAndRightPanels,
-  Ro as Link,
-  Hn as MultiSelect,
-  qn as Popover,
-  bo as Portal,
-  Do as Quote,
-  $o as RadioGroup,
-  zo as ScrollArea,
-  Io as Section,
-  jn as Select,
-  no as Separator,
-  Xn as Sidebar,
-  Oo as Slider,
-  ko as Slot,
-  No as Strong,
-  Fn as Switch,
-  Ao as Table,
-  Eo as Tabs,
-  eo as Text,
-  Qn as TextArea,
-  Lo as TextField,
-  Bo as Theme,
-  _n as Toast,
-  Le as ToastContext,
-  Zn as ToastProvider,
-  Yn as ToggleGroup,
-  Mo as Tooltip,
-  Wo as VisuallyHidden,
+  Ne as ButtonGroup,
+  Mn as ButtonList,
+  fo as Callout,
+  go as Card,
+  Co as Checkbox,
+  vo as Code,
+  _o as Container,
+  yo as ContextMenu,
+  oo as DefaultTheme,
+  Wn as Dialog,
+  Hn as DropdownMenu,
+  wo as Em,
+  xo as Flex,
+  To as Grid,
+  So as Heading,
+  Po as HoverCard,
+  Vn as HoverUtility,
+  ke as IconButton,
+  Kn as Input,
+  Ro as Inset,
+  bo as Kbd,
+  Yn as LeftAndRightPanels,
+  Do as Link,
+  Xn as MultiSelect,
+  Qn as Popover,
+  $o as Portal,
+  zo as Quote,
+  Io as RadioGroup,
+  Oo as ScrollArea,
+  ko as Section,
+  Fn as Select,
+  ro as Separator,
+  qn as Sidebar,
+  No as Slider,
+  Ao as Slot,
+  Eo as Strong,
+  Un as Switch,
+  Bo as Table,
+  Lo as Tabs,
+  no as Text,
+  Jn as TextArea,
+  Mo as TextField,
+  Wo as Theme,
+  yn as Toast,
+  Be as ToastContext,
+  to as ToastProvider,
+  Zn as ToggleGroup,
+  jo as Tooltip,
+  Go as VisuallyHidden,
   Ln as divButtonProps,
-  xn as unsafeShowToast,
-  Go as updateThemeAppearanceClass,
+  Tn as unsafeShowToast,
+  Ho as updateThemeAppearanceClass,
   Ot as useAlertDialog,
   Gn as useDiscardAlertDialog,
   R as useSeverityColor,
   Vo as useThemeContext,
-  Jn as useToast
+  eo as useToast
 };
 //# sourceMappingURL=blocks.js.map