@overmap-ai/blocks 0.0.5 → 0.0.6

package/dist/blocks.js

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