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

package/dist/blocks.js

@@ -2,10 +2,10 @@ 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 De, Flex as b, Box as M, Card as Ye, Inset as ee, Dialog as H, AlertDialog as W, DropdownMenu as O, Select as B, 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 co, AspectRatio as lo, Avatar as uo, Blockquote as ho, Box as po, Callout as mo, Card as fo, Checkbox as go, Code as Co, Container as vo, ContextMenu as _o, Em as wo, Flex as yo, Grid as xo, Heading as To, HoverCard as So, Inset as Po, Kbd as Ro, Link as bo, Portal as Do, Quote as $o, RadioGroup as zo, ScrollArea as Io, Section as Oo, Slider as ko, Slot as No, Strong as Ao, Table as Bo, Tabs as Eo, TextField as Lo, Theme as Mo, Tooltip as Wo, VisuallyHidden as jo, 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 q, { useMemo as j, forwardRef as T, memo as _, createContext as ge, useContext as Ce, useState as $, useCallback as y, createElement as $e, useEffect as ue, useRef as se, useLayoutEffect as ot } from "react";
+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 Te } from "react-transition-group";
@@ -23,68 +23,68 @@ var ze = { 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 u in e)
-              a.call(e, u) && e[u] && n.push(u);
+              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;
   })();
 })(ze);
 var lt = ze.exports;
 const x = /* @__PURE__ */ ct(lt);
-function E(r, a) {
+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 = T(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", U = {
+}), 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,
@@ -103,18 +103,18 @@ const ut = {
   small: "1",
   medium: "2",
   large: "3"
-}, Oe = ge({}), ve = () => Ce(Oe), Ct = T(function(a, o) {
-  const n = ve(), {
+}, 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: u = 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(u), f = l.map((d) => Ie[d]);
-  return /* @__PURE__ */ t(
+  } = s, m = R(u), f = l.map((d) => Ie[d]);
+  return /* @__PURE__ */ n(
     Qe,
     {
       ref: o,
@@ -123,123 +123,123 @@ const ut = {
         [U.fluid]: c
       }),
       color: m,
-      size: E(s, F),
+      size: B(a, F),
       variant: h,
       ...p
     }
   );
-}), me = q.memo(Ct), vt = T(function(a, o) {
-  const n = ve(), {
+}), 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: u = 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), d = (h == null ? void 0 : h.map((g) => Ie[g])) || [];
-  return /* @__PURE__ */ t(
+  } = s, f = R(l), d = (h == null ? void 0 : h.map((g) => Ie[g])) || [];
+  return /* @__PURE__ */ n(
     De,
     {
       className: x(i, d, {
-        [U.fluid]: s
+        [U.fluid]: a
       }),
       ref: o,
       color: f,
-      size: E(u, F),
+      size: B(u, F),
       variant: p,
       type: c,
       ...m,
       children: e
     }
   );
-}), ke = q.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 = T(function({
-  className: a,
+  className: s,
   merged: o = !1,
-  children: n,
+  children: t,
   gap: i,
   direction: e = "row",
   severity: c,
-  size: s = "medium",
+  size: a = "medium",
   variant: u,
   hoverEffects: l,
   fluid: h,
   ...p
 }, m) {
-  const f = E(s, yt[e]), d = u === "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 ?? d : i ?? "2",
       direction: e,
       "data-direction": e,
       ...p,
-      children: /* @__PURE__ */ t(Oe.Provider, { value: { size: s, severity: c, variant: u, hoverEffects: l, fluid: h }, children: n })
+      children: /* @__PURE__ */ n(Oe.Provider, { value: { size: a, severity: c, variant: u, hoverEffects: l, fluid: h }, children: t })
     }
   );
 }), Ne = _(xt), Tt = "_separators_1f7v1_1", St = {
   separators: Tt
 }, Pt = _(
-  T((r, a) => {
-    const { children: o, border: n, before: i, after: e, size: c } = r, s = n ? "surface" : "ghost", u = E(c, F), h = /* @__PURE__ */ v(Ye, { ref: a, size: u, 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(ee, { side: "x", pt: "current", pb: "current", children: o }) : i ? /* @__PURE__ */ t(ee, { side: "bottom", pt: "current", children: o }) : e ? /* @__PURE__ */ t(ee, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ t(ee, { 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 = _(
-  T((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(
+  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,
+        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 = _(
-  T((r, a) => {
-    const { variant: o } = ve(), 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;
   })
 ), Mn = {
   Root: Rt,
   Item: bt
-}, Dt = _(function(a) {
-  const { title: o, description: n, content: i, closeDialog: e } = a;
+}, 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__ */ t(H.Title, { mb: "0", children: o }),
-        /* @__PURE__ */ t(H.Close, { children: /* @__PURE__ */ t(De, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ t(Fe, {}) }) })
+        /* @__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)
   ] });
 }), Wn = _(
-  T((r, a) => {
-    const { children: o, content: n, title: i, description: e, onOpen: c, defaultOpen: s, onCloseInterrupt: u, ...l } = r, [h, p] = $(s ?? !1), m = y(
+  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();
@@ -248,7 +248,7 @@ const ut = {
         p(d);
       },
       [c, u]
-    ), f = y(
+    ), f = w(
       (d) => {
         if (d != null && d.force)
           return p(!1);
@@ -256,199 +256,210 @@ const ut = {
       },
       [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
         }
       ) })
     ] });
   })
-), Ae = (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;
+), 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__ */ t(Ae, { children: a }),
-      /* @__PURE__ */ t(W.Description, { children: o })
+      /* @__PURE__ */ n(Ae, { children: s }),
+      /* @__PURE__ */ n(W.Description, { children: o })
     ] }),
     /* @__PURE__ */ v(b, { 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__ */ 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 = j(() => ({
-    close: () => n(!1),
+}, 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
   ] });
-}), Be = ge(() => {
+}), Ee = ge(() => {
   throw new Error("No AlertDialogProvider found");
 }), It = {
   content: () => null
-}, jn = _(function({ children: a }) {
-  const [o, n] = $(!1), [i, e] = $(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(Be.Provider, { value: c, children: a }) });
-}), Ot = () => Ce(Be), 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(
+  const c = R(s), a = w(
     (u) => {
-      n || u.preventDefault(), i && i(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",
+  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 }),
+      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, {})
   ] });
-}), Bt = _(function({
-  defaultOpen: a,
+}), Et = _(function({
+  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: Bt
-}, Et = "_fluid_7n1wr_1", Se = {
-  fluid: Et
+  SubMenu: Et
+}, 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: a,
+  className: s,
   fluid: o,
-  size: n = "medium",
+  size: t = "medium",
   variant: i = "surface",
   severity: e = "primary",
   itemSeverity: c = "info",
-  placeholder: s = "Select",
+  placeholder: a = "Select",
   side: u,
   items: l = [],
   value: h,
   id: p,
   ...m
 }, f) {
-  const d = E(n, F), g = R(e), C = R(c);
-  return /* @__PURE__ */ $e(B.Root, { size: d, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ t(
-    B.Trigger,
+  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,
+      placeholder: a,
       color: g
     }
-  ), /* @__PURE__ */ t(
-    B.Content,
+  ), /* @__PURE__ */ n(
+    E.Content,
     {
       side: u,
       className: Se.contentDefault,
       position: "popper",
       variant: i !== "surface" ? "soft" : "solid",
       color: C,
-      children: l.map(({ itemContent: P, value: w, ...D }) => /* @__PURE__ */ t(B.Item, { className: "overmap-select-item", value: w, ...D, children: P }, w))
+      children: l.map(({ itemContent: P, value: y, ...$ }) => /* @__PURE__ */ n(E.Item, { className: "overmap-select-item", value: y, ...$, children: P }, y))
     }
   ));
-}), Hn = q.memo(Lt), Pe = _(
-  T((r, a) => {
-    const { checked: o, label: n, value: i, size: e = "2" } = r;
-    return /* @__PURE__ */ t(M, { asChild: !0, px: e, children: /* @__PURE__ */ t(B.Item, { value: i, ref: a, children: /* @__PURE__ */ v(b, { 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__", Fn = _(
-  T((r, a) => {
-    const [o, n] = $(!1), { placeholder: i, value: e, onValueChange: c, options: s, disabled: u, name: l, ...h } = r, p = E(r.size, F), m = R(r.severity), f = j(() => new Map(s.map((w) => [w.value, w.label])), [s]), d = 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) })
-    ), g = y(() => n(!1), []), C = y((w) => {
-      w && n(!0);
-    }, []), P = y(
-      (w) => {
-        let D;
-        w === ie ? D = e.length === s.length ? [] : s.map((de) => de.value) : D = e.includes(w) ? e.filter((L) => L !== w) : [...e, w], c(D);
+      /* @__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(
-      B.Root,
+    }, [a]), /* @__PURE__ */ v(
+      E.Root,
       {
         open: o,
         value: "",
@@ -459,10 +470,10 @@ const ut = {
         name: l,
         autoComplete: "off",
         children: [
-          /* @__PURE__ */ t(
-            B.Trigger,
+          /* @__PURE__ */ n(
+            E.Trigger,
             {
-              ref: a,
+              ref: s,
               color: m,
               placeholder: e.length > 0 ? d : i,
               "data-placeholder": e.length > 0 ? void 0 : !0,
@@ -470,7 +481,7 @@ const ut = {
             }
           ),
           /* @__PURE__ */ v(
-            B.Content,
+            E.Content,
             {
               color: "gray",
               variant: "soft",
@@ -478,23 +489,23 @@ const ut = {
               onEscapeKeyDown: g,
               onPointerDownOutside: g,
               children: [
-                /* @__PURE__ */ t(
+                /* @__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(
+                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,25 +516,25 @@ const ut = {
   })
 ), Mt = {
   default: "_default_u936h_1"
-}, Wt = T(function({ className: a, severity: o = "primary", icon: n, defaultChecked: i = !1, onCheckedChange: e, ...c }, s) {
-  const u = se(null), [l, h] = $(c.checked ? c.checked : i), [p, m] = $(), 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 C = s || u;
+    const C = a || u;
     "current" in C && C.current && m((P = C.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
-  }, [s]);
-  const d = y(
+  }, [a]);
+  const d = w(
     (C) => {
       h(C), e && e(C);
     },
     [e]
   ), 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 || u,
+        className: x("overmap-switch", s, Mt.default),
+        ref: a || u,
         color: f,
         radius: "full",
         defaultChecked: i,
@@ -531,36 +542,36 @@ const ut = {
         ...c
       }
     ),
-    /* @__PURE__ */ t(et, { container: p, asChild: !0, children: n && "checked" in n ? g ? n.checked : n.unchecked : n })
+    /* @__PURE__ */ n(et, { container: p, asChild: !0, children: t && "checked" in t ? g ? t.checked : t.unchecked : t })
   ] });
-}), Xn = _(Wt), jt = "_sidebarContent_1onyo_1", Gt = "_right_1onyo_7", Vt = "_resizeHandle_1onyo_10", Ht = "_left_1onyo_13", Ft = "_overlay_1onyo_33", G = {
+}), 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: Vt,
-  left: Ht,
+  resizeHandle: Ht,
+  left: Vt,
   overlay: Ft
 }, Xt = T(function({
-  side: a = "left",
+  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: u = "300px",
   maxWidth: l = "500px",
   ...h
 }, p) {
-  const m = a === "right", f = a === "left", [d, g] = $();
+  const m = s === "right", f = s === "left", [d, g] = D();
   return ue(() => {
     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 ${C}`);
     g(P);
-  }, [e]), /* @__PURE__ */ t(re.Root, { open: i, modal: o, children: /* @__PURE__ */ v(re.Portal, { container: d, children: [
-    c && /* @__PURE__ */ t(re.Overlay, { className: x(G.overlay) }),
-    /* @__PURE__ */ t(
+  }, [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", G.sidebarContent, {
@@ -570,25 +581,25 @@ const ut = {
         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: u,
             maxWidth: l,
             defaultSize: { width: "300px", height: "100%" },
-            enable: { right: s && f, left: s && m },
+            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
           }
         ) })
       }
     )
   ] }) });
-}), Un = _(Xt), Ut = "_accommodateCharCount_sr18k_1", qt = "_wrapper_sr18k_5", Kt = "_noLeftIcon_sr18k_13", Qt = "_noRightIcon_sr18k_17", Yt = "_charCount_sr18k_21", V = {
+}), 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",
@@ -596,63 +607,63 @@ const ut = {
   noRightIcon: Qt,
   charCount: Yt
 }, Jt = T(function({
-  className: a,
+  className: s,
   leftSlot: o,
-  rightSlot: n,
+  rightSlot: t,
   size: i = "medium",
   showInputLength: e,
   value: c,
-  variant: s,
+  variant: a,
   severity: u = "primary",
   ...l
 }, h) {
-  const p = E(i, F), m = R(u), f = e || e === void 0 && l.maxLength !== void 0, d = 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(
     te.Root,
     {
-      className: x(V.wrapper, {
-        [V.accommodateCharCount]: f
+      className: x(H.wrapper, {
+        [H.accommodateCharCount]: f
       }),
       size: p,
-      variant: s,
+      variant: a,
       color: m,
       children: [
-        o && /* @__PURE__ */ t(te.Slot, { children: o }),
-        /* @__PURE__ */ t(
+        o && /* @__PURE__ */ n(te.Slot, { children: o }),
+        /* @__PURE__ */ n(
           te.Input,
           {
-            className: x(V.default, a, {
-              [V.noLeftIcon]: !o,
-              [V.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(te.Slot, { children: n }),
-        f && /* @__PURE__ */ t(ce, { as: "p", className: V.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__ */ 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}` })
       ]
     }
   );
-}), qn = q.memo(Jt), Zt = "_wrapper_tmtz0_1", en = {
+}), Kn = q.memo(Jt), Zt = "_wrapper_tmtz0_1", en = {
   wrapper: Zt
-}, tn = T(function({ className: a, defaultOpen: o = !1, modal: n = !1, content: i, children: e, ...c }, s) {
-  return /* @__PURE__ */ v(ne.Root, { defaultOpen: o, modal: n, children: [
-    /* @__PURE__ */ t(ne.Trigger, { children: e }),
-    /* @__PURE__ */ t(
+}, 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(ne.Close)
       }
     )
   ] });
-}), Kn = 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 = {
+}), 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,54 +671,54 @@ const ut = {
   resizable: an,
   resizeHandle: cn,
   panelMainContent: ln
-}, Re = 200, A = 150, Qn = _(function({
-  children: a,
+}, Re = 200, A = 150, Yn = _(function({
+  children: s,
   showLeft: o,
-  leftPanel: n,
+  leftPanel: t,
   leftMinWidth: i = Re,
   showRight: e,
   rightPanel: c,
-  rightMinWidth: s = Re,
+  rightMinWidth: a = Re,
   resizeable: u
 }) {
-  const l = se(null), h = se(null), [p, m] = $(0), [f, d] = $(), g = se(null), [C, P] = $(0), [w, D] = $(), L = y(
-    (S, z, k) => (N, we, ye, 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 Y = S + he.width;
       k(l.current.clientWidth - Y), z(() => Y);
     },
     []
-  ), de = y(
-    (S, z, k, N) => L(p, m, D)(S, z, k, N),
+  ), de = w(
+    (S, z, k, N) => L(p, m, $)(S, z, k, N),
     [L, p]
-  ), Le = y(
+  ), Le = w(
     (S, z, k, N) => L(C, P, d)(S, z, k, N),
     [L, C]
-  ), K = y(
-    (S, z, k, N, we, ye, he, Y) => {
+  ), K = w(
+    (S, z, k, N, ye, we, he, Y) => {
       if (!l.current)
         return;
       let J = S;
-      if (J === 0 && (J = z, k(J)), ye) {
+      if (J === 0 && (J = z, k(J)), we) {
         const Z = l.current.clientWidth - J;
-        Y(Z), we > Z && (he(Z), N(l.current.clientWidth - Z));
+        Y(Z), ye > Z && (he(Z), N(l.current.clientWidth - Z));
       }
     },
     []
-  ), Me = y(
+  ), Me = w(
     () => K(
       C,
-      s,
+      a,
       P,
-      D,
+      $,
       p,
       o,
       m,
       d
     ),
-    [K, p, s, C, o]
-  ), We = y(
+    [K, p, a, C, o]
+  ), We = w(
     () => K(
       p,
       i,
@@ -716,23 +727,23 @@ const ut = {
       C,
       e,
       P,
-      D
+      $
     ),
     [K, i, p, C, e]
-  ), Q = y(
+  ), Q = w(
     (S, z) => {
       l.current && S && z(l.current.clientWidth);
     },
     []
-  ), je = y(
+  ), je = w(
     () => Q(o, d),
     [Q, o]
-  ), Ge = y(
-    () => Q(e, D),
+  ), Ge = w(
+    () => Q(e, $),
     [Q, e]
-  ), _e = y(() => {
+  ), _e = w(() => {
     var S, z, k, N;
-    l.current && (d(l.current.clientWidth - (((S = g.current) == null ? void 0 : S.clientWidth) || 0)), D(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));
+    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)
@@ -742,7 +753,7 @@ const ut = {
       S.disconnect();
     };
   }, [_e]);
-  const Ve = j(() => ({
+  const He = j(() => ({
     entering: {
       transform: `translateX(-${p}px)`,
       marginRight: `-${p}px`,
@@ -766,7 +777,7 @@ const ut = {
     },
     exited: {},
     unmounted: {}
-  }), [p]), He = j(() => ({
+  }), [p]), Ve = j(() => ({
     entering: {
       transform: `translateX(${C}px)`,
       marginLeft: `${-C}px`,
@@ -795,7 +806,7 @@ const ut = {
     b,
     {
       className: I.wrapper,
-      style: { minWidth: `${i + s}px` },
+      style: { minWidth: `${i + a}px` },
       ref: l,
       width: "100%",
       height: "100%",
@@ -803,7 +814,7 @@ const ut = {
       m: "0",
       p: "0",
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           Te,
           {
             nodeRef: h,
@@ -812,17 +823,17 @@ const ut = {
             unmountOnExit: !0,
             onEntering: We,
             onExited: Ge,
-            children: (S) => /* @__PURE__ */ t(
+            children: (S) => /* @__PURE__ */ n(
               M,
               {
                 ref: h,
                 className: x(I.panelContent, I.left),
-                style: Ve[S],
+                style: He[S],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ n(
                   pe,
                   {
                     className: I.resizable,
@@ -836,17 +847,17 @@ const ut = {
                     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(
+        /* @__PURE__ */ n(M, { className: I.panelMainContent, width: "max-content", children: s }),
+        /* @__PURE__ */ n(
           Te,
           {
             nodeRef: g,
@@ -855,27 +866,27 @@ const ut = {
             unmountOnExit: !0,
             onEntering: Me,
             onExited: je,
-            children: (S) => /* @__PURE__ */ t(
+            children: (S) => /* @__PURE__ */ n(
               M,
               {
                 ref: g,
                 className: x(I.panelContent, I.right),
-                style: He[S],
+                style: Ve[S],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ n(
                   pe,
                   {
                     className: I.resizable,
                     size: { width: C, height: "100%" },
                     onResizeStop: Le,
                     enable: { left: (u == null ? void 0 : u.right) !== void 0 ? u.right : !0 },
-                    minWidth: s,
-                    maxWidth: w,
+                    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 = T(function({ className: a, showInputLength: o, inputLengthTemplate: n, value: i, severity: e = "primary", resize: c, ...s }, u) {
-  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 = j(() => {
-    if (n) {
-      let d = n.replace("{current}", m.length.toString());
-      return s.minLength !== void 0 && (d = d.replace("{min}", s.minLength.toString())), s.maxLength !== void 0 && (d = d.replace("{max}", s.maxLength.toString())), d;
+}, 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: 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 })
   ] });
-}), Yn = _(hn), pn = T(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,
+  disabled: a,
   items: u,
   // ButtonGroup Props
   className: l,
   direction: h = "row",
   ...p
 }, m) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ n(
     rt,
     {
       type: o,
@@ -933,13 +944,13 @@ 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(Ne, { direction: h, ...p, children: u.map(({ children: f, ...d }) => /* @__PURE__ */ $e(it, { asChild: !0, ...d, key: d.value }, /* @__PURE__ */ t(
+      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"),
@@ -950,52 +961,52 @@ const ut = {
       ))) })
     }
   );
-}), Jn = _(pn), mn = "_ToastViewport_1joop_1", fn = "_actionButton_1joop_20", gn = "_ToastRoot_1joop_24", Cn = "_slideIn_1joop_1", vn = "_swipeOut_1joop_1", fe = {
+}), 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,
   actionButton: fn,
   ToastRoot: gn,
   slideIn: Cn,
   swipeOut: vn
-}, _n = T(function({ title: a, description: o, icon: n, severity: i = "primary", size: e, onClose: c, sensitivity: s, action: u, ...l }, h) {
-  const [p, m] = $(!0), f = R(i), d = y(
+}, _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(X.Root, { asChild: !0, ref: h, ...l, open: p, type: s, onOpenChange: d, children: /* @__PURE__ */ t(oe.Root, { className: fe.ToastRoot, variant: "surface", color: f, size: e, children: /* @__PURE__ */ v(b, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+  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__ */ t(oe.Icon, { children: n || /* @__PURE__ */ t(Xe, {}) }),
+      /* @__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__ */ t(X.Title, { asChild: !0, children: /* @__PURE__ */ t(oe.Text, { weight: "medium", children: a }) }),
-          /* @__PURE__ */ t(X.Description, { asChild: !0, children: /* @__PURE__ */ t(oe.Text, { weight: "light", children: o }) })
+          /* @__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__ */ t(X.Action, { className: fe.actionButton, altText: u.altText, asChild: !0, children: u.content })
+        u && /* @__PURE__ */ n(X.Action, { className: fe.actionButton, altText: u.altText, asChild: !0, children: u.content })
       ] })
     ] }),
-    /* @__PURE__ */ t(X.Close, { asChild: !0, children: /* @__PURE__ */ t(ke, { "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, {}) }) })
   ] }) }) });
-}), wn = _(_n), Ee = ge({}), Zn = () => {
-  const r = Ce(Ee);
+}), yn = _(_n), Be = ge({}), eo = () => {
+  const r = Ce(Be);
   if (!r)
     throw new Error("useToast must be used within a ToastProvider");
   return r;
-}, yn = 240 / 60, be = 5e3, xn = (r) => {
+}, 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 (be + o / yn) * a;
+  const s = r.severity === "danger" ? 1.5 : 1, o = r.description.split(" ").length + r.title.split(" ").length;
+  return (be + o / wn) * s;
 };
 let Tn;
-const eo = _(function({
-  children: a,
+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] = $([]), s = y((l, h, p) => {
+  const [e, c] = D([]), a = w((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);
@@ -1005,8 +1016,8 @@ const eo = _(function({
     const h = (g) => {
       const C = xn(g), P = l.toString();
       l += 1;
-      const w = setTimeout(() => s(P, 1, g.onClose), C);
-      c((D) => [...D, { ...g, timeout: w, duration: C, id: P }]);
+      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,
@@ -1015,44 +1026,44 @@ const eo = _(function({
       showError: f,
       showInfo: d
     };
-  }, [s]);
+  }, [a]);
   return ue(() => () => {
     for (const { timeout: l } of e)
       clearTimeout(l);
-  }, []), /* @__PURE__ */ t(Ee.Provider, { value: u, children: /* @__PURE__ */ v(st, { ...i, children: [
-    a,
-    /* @__PURE__ */ t(at, { className: x(o, fe.ToastViewport), hotkey: n }),
-    e.map(({ id: l, onClose: h, ...p }) => /* @__PURE__ */ t(wn, { ...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", Pn = {
   noWrap: Sn
-}, to = _(
-  T(({ 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, { [Pn.noWrap]: a }),
+        as: t,
+        className: x(r, { [Pn.noWrap]: s }),
         color: c,
         ...i
       }
     );
   })
 );
-const no = _(
-  T((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 });
   })
 ), Rn = {
   1: "max-content",
   2: "max-content",
   3: "max-content",
   4: "100%"
-}, bn = T(function({ severity: a = "info", weight: o = "light", gap: n = "1", text: i, orientation: e = "horizontal", size: c, ...s }, u) {
-  const l = E(c, Rn), 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,
     {
@@ -1061,83 +1072,84 @@ const no = _(
       height: e === "vertical" ? l : "max-content",
       direction: e === "vertical" ? "column" : "row",
       align: "center",
-      gap: n,
+      gap: t,
       children: [
-        /* @__PURE__ */ t(xe, { 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(xe, { 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 })
         ] })
       ]
     }
   );
-}), oo = _(bn);
+}), ro = _(bn);
 export {
-  co as AccessibleIcon,
+  lo as AccessibleIcon,
   zt as AlertDialog,
-  Be as AlertDialogContent,
+  Ee as AlertDialogContent,
   jn as AlertDialogProvider,
-  lo as AspectRatio,
-  uo as Avatar,
-  En as Badge,
-  ho as Blockquote,
-  po as Box,
+  uo as AspectRatio,
+  ho as Avatar,
+  Bn as Badge,
+  po as Blockquote,
+  mo as Box,
   me as Button,
   Ne as ButtonGroup,
   Mn as ButtonList,
-  mo as Callout,
-  fo as Card,
-  go as Checkbox,
-  Co as Code,
-  vo as Container,
-  _o as ContextMenu,
-  no as DefaultTheme,
+  fo as Callout,
+  go as Card,
+  Co as Checkbox,
+  vo as Code,
+  _o as Container,
+  yo as ContextMenu,
+  oo as DefaultTheme,
   Wn as Dialog,
-  Vn as DropdownMenu,
+  Hn as DropdownMenu,
   wo as Em,
-  yo as Flex,
-  xo as Grid,
-  To as Heading,
-  So as HoverCard,
+  xo as Flex,
+  To as Grid,
+  So as Heading,
+  Po as HoverCard,
+  Vn as HoverUtility,
   ke as IconButton,
-  qn as Input,
-  Po as Inset,
-  Ro as Kbd,
-  Qn as LeftAndRightPanels,
-  bo as Link,
-  Fn as MultiSelect,
-  Kn as Popover,
-  Do as Portal,
-  $o as Quote,
-  zo as RadioGroup,
-  Io as ScrollArea,
-  Oo as Section,
-  Hn as Select,
-  oo as Separator,
-  Un as Sidebar,
-  ko as Slider,
-  No as Slot,
-  Ao as Strong,
-  Xn as Switch,
+  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,
-  Eo as Tabs,
-  to as Text,
-  Yn as TextArea,
-  Lo as TextField,
-  Mo as Theme,
-  wn as Toast,
-  Ee as ToastContext,
-  eo as ToastProvider,
-  Jn as ToggleGroup,
-  Wo as Tooltip,
-  jo as VisuallyHidden,
+  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,
   Tn as unsafeShowToast,
-  Go as updateThemeAppearanceClass,
+  Ho as updateThemeAppearanceClass,
   Ot as useAlertDialog,
   Gn as useDiscardAlertDialog,
   R as useSeverityColor,
   Vo as useThemeContext,
-  Zn as useToast
+  eo as useToast
 };
 //# sourceMappingURL=blocks.js.map