@overmap-ai/blocks 0.0.2-alpha.3 → 0.0.3-alpha.0

package/dist/blocks.js

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