@overmap-ai/blocks 0.0.9-alpha.0 → 0.0.9-alpha.2

package/dist/blocks.js

@@ -1,24 +1,24 @@
 import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
-import { Cross1Icon as Ke, DragHandleDots2Icon as ue, Cross2Icon as Qe } from "@radix-ui/react-icons";
+import { Cross1Icon as Qt, DragHandleDots2Icon as dt, Cross2Icon as Yt } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext as Ye, Badge as Je, Button as Ze, IconButton as Ee, Flex as P, Box as W, Card as et, Inset as re, Dialog as F, AlertDialog as M, DropdownMenu as I, Select as B, Checkbox as tt, Switch as nt, Portal as ot, TextField as ie, Text as he, Popover as se, TextArea as rt, Callout as ae, Theme as it, Separator as Oe } from "@radix-ui/themes";
-import { AccessibleIcon as Bo, AspectRatio as Lo, Avatar as Mo, Blockquote as Wo, Box as jo, Callout as Ho, Card as Go, Checkbox as Vo, Code as Fo, Container as Xo, ContextMenu as Uo, Em as qo, Grid as Ko, Heading as Qo, HoverCard as Yo, Inset as Jo, Kbd as Zo, Link as er, Portal as tr, Quote as nr, RadioGroup as or, ScrollArea as rr, Section as ir, Slider as sr, Slot as ar, Strong as cr, Table as lr, Tabs as ur, TextField as dr, Theme as hr, Tooltip as pr, VisuallyHidden as mr, updateThemeAppearanceClass as fr, useThemeContext as gr } from "@radix-ui/themes";
-import { jsx as e, jsxs as v, Fragment as pe } from "react/jsx-runtime";
-import Z, { useMemo as j, forwardRef as x, memo as C, createContext as we, useContext as xe, useState as b, useCallback as w, createElement as ke, useEffect as ee, useRef as Y, useLayoutEffect as st } from "react";
-import "react-responsive";
-import * as ce from "@radix-ui/react-dialog";
-import { Root as at, Portal as ct, Overlay as lt, Content as ut } from "@radix-ui/react-dialog";
-import { Resizable as de } from "re-resizable";
-import { Transition as Ce } from "react-transition-group";
-import { Root as dt, Item as ht } from "@radix-ui/react-toggle-group";
-import { Root as pt } from "@radix-ui/react-toolbar";
-import * as K from "@radix-ui/react-toast";
-import { ToastProvider as mt, ToastViewport as ft } from "@radix-ui/react-toast";
-function gt(r) {
+import { useThemeContext as Jt, Badge as Zt, Button as te, IconButton as kt, Flex as P, Box as j, Card as ee, Inset as it, Dialog as F, AlertDialog as W, DropdownMenu as I, Select as B, Checkbox as ne, Switch as oe, Portal as re, TextField as st, Text as pt, Popover as at, TextArea as ie, Callout as ct, Theme as se, Separator as zt } from "@radix-ui/themes";
+import { AccessibleIcon as Mo, AspectRatio as Wo, Avatar as jo, Blockquote as Ho, Box as Vo, Callout as Go, Card as Fo, Checkbox as Xo, Code as Uo, Container as qo, ContextMenu as Ko, Em as Qo, Grid as Yo, Heading as Jo, HoverCard as Zo, Inset as tr, Kbd as er, Link as nr, Portal as or, Quote as rr, RadioGroup as ir, ScrollArea as sr, Section as ar, Slider as cr, Slot as lr, Strong as ur, Table as dr, Tabs as hr, TextField as pr, Theme as mr, Tooltip as fr, VisuallyHidden as gr, updateThemeAppearanceClass as _r, useThemeContext as Cr } from "@radix-ui/themes";
+import { jsx as e, jsxs as v, Fragment as mt } from "react/jsx-runtime";
+import tt, { useMemo as L, forwardRef as w, memo as C, createContext as wt, useContext as St, useState as b, useCallback as x, createElement as At, useEffect as et, useRef as J, useLayoutEffect as ae } from "react";
+import { useMediaQuery as K } from "react-responsive";
+import * as lt from "@radix-ui/react-dialog";
+import { Root as ce, Portal as le, Overlay as ue, Content as de } from "@radix-ui/react-dialog";
+import { Resizable as ht } from "re-resizable";
+import { Transition as vt } from "react-transition-group";
+import { Root as he, Item as pe } from "@radix-ui/react-toggle-group";
+import { Root as me } from "@radix-ui/react-toolbar";
+import * as Q from "@radix-ui/react-toast";
+import { ToastProvider as fe, ToastViewport as ge } from "@radix-ui/react-toast";
+function _e(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var Ae = { exports: {} };
+var Bt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -53,11 +53,11 @@ var Ae = { exports: {} };
     }
     r.exports ? (o.default = o, r.exports = o) : window.classNames = o;
   })();
-})(Ae);
-var _t = Ae.exports;
-const S = /* @__PURE__ */ gt(_t);
-function L(r, i) {
-  return j(() => {
+})(Bt);
+var Ce = Bt.exports;
+const S = /* @__PURE__ */ _e(Ce);
+function M(r, i) {
+  return L(() => {
     if (r !== void 0)
       if (typeof r == "object") {
         if (!("initial" in r))
@@ -67,18 +67,21 @@ function L(r, i) {
         return i[r];
   }, [i, r]);
 }
-const Ct = {
+const ve = {
   success: "green",
   danger: "red",
   info: "gray"
 }, O = (r) => {
-  const i = Ye();
+  const i = Jt();
   if (r)
-    return r === "primary" ? i.accentColor : Ct[r];
-}, vt = x(function({ className: i, severity: o = "primary", color: t, children: s, ...n }, c) {
+    return r === "primary" ? i.accentColor : ve[r];
+}, lo = () => {
+  const r = K({ minWidth: "520px" }), i = K({ minWidth: "768px" }), o = K({ minWidth: "1024px" }), t = K({ minWidth: "1280px" }), s = K({ minWidth: "1640px" });
+  return { size: L(() => s ? "xl" : t ? "lg" : o ? "md" : i ? "sm" : r ? "xs" : "initial", [t, o, i, s, r]), xs: r, sm: i, md: o, lg: t, xl: s };
+}, ye = w(function({ className: i, severity: o = "primary", color: t, children: s, ...n }, c) {
   const a = O(o);
   return /* @__PURE__ */ e(
-    Je,
+    Zt,
     {
       className: S("overmap-badge", i),
       ref: c,
@@ -87,27 +90,27 @@ const Ct = {
       children: s
     }
   );
-}), co = C(vt), yt = "_fluid_r73gr_1", wt = "_hoverSpin90Clockwise_r73gr_15", xt = "_hoverSpin180Clockwise_r73gr_25", St = "_hoverSpin360Clockwise_r73gr_35", J = {
-  fluid: yt,
-  hoverSpin90Clockwise: wt,
-  hoverSpin180Clockwise: xt,
-  hoverSpin360Clockwise: St
-}, Be = {
-  spin90Clockwise: J.hoverSpin90Clockwise,
-  spin180Clockwise: J.hoverSpin180Clockwise,
-  spin360Clockwise: J.hoverSpin360Clockwise
-}, Tt = (r) => {
+}), uo = C(ye), xe = "_fluid_r73gr_1", we = "_hoverSpin90Clockwise_r73gr_15", Se = "_hoverSpin180Clockwise_r73gr_25", Te = "_hoverSpin360Clockwise_r73gr_35", Z = {
+  fluid: xe,
+  hoverSpin90Clockwise: we,
+  hoverSpin180Clockwise: Se,
+  hoverSpin360Clockwise: Te
+}, Lt = {
+  spin90Clockwise: Z.hoverSpin90Clockwise,
+  spin180Clockwise: Z.hoverSpin180Clockwise,
+  spin360Clockwise: Z.hoverSpin360Clockwise
+}, Re = (r) => {
   (r.key === "Enter" || r.key === " ") && r.currentTarget.click();
-}, lo = {
+}, ho = {
   role: "button",
   tabIndex: 0,
-  onKeyDown: Tt
+  onKeyDown: Re
 }, X = {
   small: "1",
   medium: "2",
   large: "3"
-}, Le = we({}), Se = () => xe(Le), Rt = x(function(i, o) {
-  const t = Se(), {
+}, Mt = wt({}), Tt = () => St(Mt), be = w(function(i, o) {
+  const t = Tt(), {
     className: s,
     type: n = "button",
     fluid: c = t.fluid ?? !1,
@@ -116,23 +119,23 @@ const Ct = {
     hoverEffects: l = t.hoverEffects ?? [],
     variant: d = t.variant,
     ...p
-  } = i, m = O(u), f = l.map((h) => Be[h]);
+  } = i, m = O(u), f = l.map((h) => Lt[h]);
   return /* @__PURE__ */ e(
-    Ze,
+    te,
     {
       ref: o,
       type: n,
       className: S(s, f, {
-        [J.fluid]: c
+        [Z.fluid]: c
       }),
       color: m,
-      size: L(a, X),
+      size: M(a, X),
       variant: d,
       ...p
     }
   );
-}), ve = Z.memo(Rt), bt = x(function(i, o) {
-  const t = Se(), {
+}), yt = tt.memo(be), $e = w(function(i, o) {
+  const t = Tt(), {
     className: s,
     children: n,
     type: c = "button",
@@ -142,28 +145,28 @@ const Ct = {
     hoverEffects: d = t.hoverEffects ?? [],
     variant: p = t.variant,
     ...m
-  } = i, f = O(l), h = (d == null ? void 0 : d.map((g) => Be[g])) || [];
+  } = i, f = O(l), h = (d == null ? void 0 : d.map((g) => Lt[g])) || [];
   return /* @__PURE__ */ e(
-    Ee,
+    kt,
     {
       className: S(s, h, {
-        [J.fluid]: a
+        [Z.fluid]: a
       }),
       ref: o,
       color: f,
-      size: L(u, X),
+      size: M(u, X),
       variant: p,
       type: c,
       ...m,
       children: n
     }
   );
-}), Me = Z.memo(bt), $t = "_merged_wdgxo_1", Pt = {
-  merged: $t
-}, Ot = {
+}), Wt = tt.memo($e), Pe = "_merged_wdgxo_1", Oe = {
+  merged: Pe
+}, ze = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
-}, Dt = x(function({
+}, De = w(function({
   className: i,
   merged: o = !1,
   children: t,
@@ -176,42 +179,42 @@ const Ct = {
   fluid: d,
   ...p
 }, m) {
-  const f = L(a, Ot[n]), h = u === "ghost" ? f : "0";
+  const f = M(a, ze[n]), h = u === "ghost" ? f : "0";
   return /* @__PURE__ */ e(
     P,
     {
       className: S("overmap-button-group", i, {
-        [Pt.merged]: o
+        [Oe.merged]: o
       }),
       ref: m,
       gap: o ? s ?? h : s ?? "2",
       direction: n,
       "data-direction": n,
       ...p,
-      children: /* @__PURE__ */ e(Le.Provider, { value: { size: a, severity: c, variant: u, hoverEffects: l, fluid: d }, children: t })
+      children: /* @__PURE__ */ e(Mt.Provider, { value: { size: a, severity: c, variant: u, hoverEffects: l, fluid: d }, children: t })
     }
   );
-}), We = C(Dt), zt = "_separators_1f7v1_1", It = {
-  separators: zt
-}, Nt = C(
-  x((r, i) => {
-    const { children: o, border: t, before: s, after: n, size: c } = r, a = t ? "surface" : "ghost", u = L(c, X), d = /* @__PURE__ */ v(et, { ref: i, size: u, variant: a, children: [
+}), jt = C(De), Ie = "_separators_1f7v1_1", Ne = {
+  separators: Ie
+}, Ee = C(
+  w((r, i) => {
+    const { children: o, border: t, before: s, after: n, size: c } = r, a = t ? "surface" : "ghost", u = M(c, X), d = /* @__PURE__ */ v(ee, { ref: i, size: u, variant: a, children: [
       s,
-      s && n ? /* @__PURE__ */ e(re, { side: "x", pt: "current", pb: "current", children: o }) : s ? /* @__PURE__ */ e(re, { side: "bottom", pt: "current", children: o }) : n ? /* @__PURE__ */ e(re, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ e(re, { children: o }),
+      s && n ? /* @__PURE__ */ e(it, { side: "x", pt: "current", pb: "current", children: o }) : s ? /* @__PURE__ */ e(it, { side: "bottom", pt: "current", children: o }) : n ? /* @__PURE__ */ e(it, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ e(it, { children: o }),
       n
     ] });
-    return a === "ghost" ? /* @__PURE__ */ e(W, { p: "3", children: d }) : d;
+    return a === "ghost" ? /* @__PURE__ */ e(j, { p: "3", children: d }) : d;
   })
-), Et = C(
-  x((r, i) => {
+), ke = C(
+  w((r, i) => {
     const { children: o, variant: t = "outline", size: s, className: n, ...c } = r;
-    return /* @__PURE__ */ e(Nt, { ...c, border: t === "outline" || t === "surface", size: s, children: /* @__PURE__ */ e(
-      We,
+    return /* @__PURE__ */ e(Ee, { ...c, border: t === "outline" || t === "surface", size: s, children: /* @__PURE__ */ e(
+      jt,
       {
         size: s,
         severity: "info",
         variant: t === "outline" ? "ghost" : t === "surface" ? "soft" : t,
-        className: S(n, It.separators),
+        className: S(n, Ne.separators),
         merged: !0,
         gap: "0",
         direction: "column",
@@ -220,29 +223,29 @@ const Ct = {
       }
     ) });
   })
-), kt = C(
-  x((r, i) => {
-    const { variant: o } = Se(), t = /* @__PURE__ */ e(ve, { ref: i, ...r, radius: "large", variant: o });
-    return o === "ghost" ? /* @__PURE__ */ e(W, { asChild: !0, my: "1", mx: "2", children: t }) : t;
+), Ae = C(
+  w((r, i) => {
+    const { variant: o } = Tt(), t = /* @__PURE__ */ e(yt, { ref: i, ...r, radius: "large", variant: o });
+    return o === "ghost" ? /* @__PURE__ */ e(j, { asChild: !0, my: "1", mx: "2", children: t }) : t;
   })
-), uo = {
-  Root: Et,
-  Item: kt
-}, At = C(function(i) {
+), po = {
+  Root: ke,
+  Item: Ae
+}, Be = C(function(i) {
   const { title: o, description: t, content: s, closeDialog: n } = i;
   return /* @__PURE__ */ v(P, { direction: "column", gap: "2", children: [
     /* @__PURE__ */ v(P, { direction: "column", gap: "1", children: [
       /* @__PURE__ */ v(P, { justify: "between", children: [
         /* @__PURE__ */ e(F.Title, { mb: "0", children: o }),
-        /* @__PURE__ */ e(F.Close, { children: /* @__PURE__ */ e(Ee, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ e(Ke, {}) }) })
+        /* @__PURE__ */ e(F.Close, { children: /* @__PURE__ */ e(kt, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ e(Qt, {}) }) })
       ] }),
       t && /* @__PURE__ */ e(F.Description, { children: t })
     ] }),
     s(n)
   ] });
-}), ho = C(
-  x((r, i) => {
-    const { children: o, content: t, title: s, description: n, onOpen: c, defaultOpen: a, onCloseInterrupt: u, ...l } = r, [d, p] = b(a ?? !1), m = w(
+}), mo = C(
+  w((r, i) => {
+    const { children: o, content: t, title: s, description: n, onOpen: c, defaultOpen: a, onCloseInterrupt: u, ...l } = r, [d, p] = b(a ?? !1), m = x(
       (h) => {
         if (h && c)
           c();
@@ -251,7 +254,7 @@ const Ct = {
         p(h);
       },
       [c, u]
-    ), f = w(
+    ), f = x(
       (h) => {
         if (h != null && h.force)
           return p(!1);
@@ -262,7 +265,7 @@ const Ct = {
     return /* @__PURE__ */ v(F.Root, { open: d, onOpenChange: m, children: [
       /* @__PURE__ */ e(F.Trigger, { children: o }),
       /* @__PURE__ */ e(F.Content, { ref: i, ...l, children: /* @__PURE__ */ e(
-        At,
+        Be,
         {
           closeDialog: f,
           content: t,
@@ -272,34 +275,34 @@ const Ct = {
       ) })
     ] });
   })
-), je = (r) => /* @__PURE__ */ e(M.Title, { mb: "0", ...r }), Bt = (r) => {
+), Ht = (r) => /* @__PURE__ */ e(W.Title, { mb: "0", ...r }), Le = (r) => {
   const { title: i, description: o, actionText: t = "Confirm", cancelText: s = "Cancel", onAction: n, onCancel: c, severity: a } = r;
   return /* @__PURE__ */ v(P, { direction: "column", gap: "2", children: [
     /* @__PURE__ */ v(P, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ e(je, { children: i }),
-      /* @__PURE__ */ e(M.Description, { children: o })
+      /* @__PURE__ */ e(Ht, { children: i }),
+      /* @__PURE__ */ e(W.Description, { children: o })
     ] }),
     /* @__PURE__ */ v(P, { gap: "3", mt: "4", justify: "end", children: [
-      /* @__PURE__ */ e(M.Cancel, { children: /* @__PURE__ */ e(ve, { variant: "soft", severity: "info", onClick: c, children: s }) }),
-      /* @__PURE__ */ e(M.Action, { children: /* @__PURE__ */ e(ve, { variant: "solid", severity: a, onClick: n, children: t }) })
+      /* @__PURE__ */ e(W.Cancel, { children: /* @__PURE__ */ e(yt, { variant: "soft", severity: "info", onClick: c, children: s }) }),
+      /* @__PURE__ */ e(W.Action, { children: /* @__PURE__ */ e(yt, { variant: "solid", severity: a, onClick: n, children: t }) })
     ] })
   ] });
-}, Lt = C(function(i) {
-  const { open: o, setOpen: t, children: s, ...n } = i, c = j(() => ({
+}, Me = C(function(i) {
+  const { open: o, setOpen: t, children: s, ...n } = i, c = L(() => ({
     close: () => t(!1),
-    Title: je,
-    Description: M.Description
+    Title: Ht,
+    Description: W.Description
   }), [t]);
-  return /* @__PURE__ */ v(M.Root, { open: o, onOpenChange: t, children: [
-    /* @__PURE__ */ e(M.Content, { children: "content" in n ? n.content(c) : /* @__PURE__ */ e(Bt, { ...n }) }),
+  return /* @__PURE__ */ v(W.Root, { open: o, onOpenChange: t, children: [
+    /* @__PURE__ */ e(W.Content, { children: "content" in n ? n.content(c) : /* @__PURE__ */ e(Le, { ...n }) }),
     s
   ] });
-}), He = we(() => {
+}), Vt = wt(() => {
   throw new Error("No AlertDialogProvider found");
-}), Mt = {
+}), We = {
   content: () => null
-}, po = C(function({ children: i }) {
-  const [o, t] = b(!1), [s, n] = b(Mt), c = w(
+}, fo = C(function({ children: i }) {
+  const [o, t] = b(!1), [s, n] = b(We), c = x(
     (a) => {
       if (o)
         throw new Error("AlertDialog is already open");
@@ -307,10 +310,10 @@ const Ct = {
     },
     [o]
   );
-  return /* @__PURE__ */ e(Lt, { open: o, setOpen: t, ...s, children: /* @__PURE__ */ e(He.Provider, { value: c, children: i }) });
-}), Wt = () => xe(He), mo = () => {
-  const r = Wt();
-  return w(
+  return /* @__PURE__ */ e(Me, { open: o, setOpen: t, ...s, children: /* @__PURE__ */ e(Vt.Provider, { value: c, children: i }) });
+}), je = () => St(Vt), go = () => {
+  const r = je();
+  return x(
     (i) => r({
       title: "Discard changes?",
       description: "You have unsaved changes. Are you sure you want to discard them?",
@@ -321,19 +324,19 @@ const Ct = {
     }),
     [r]
   );
-}, jt = "_zeroMinWidth_curjh_1", Ht = "_zeroMinHeight_curjh_5", Gt = "_radius_curjh_9", _e = {
-  zeroMinWidth: jt,
-  zeroMinHeight: Ht,
-  radius: Gt
-}, Te = C(
-  x(
+}, He = "_zeroMinWidth_curjh_1", Ve = "_zeroMinHeight_curjh_5", Ge = "_radius_curjh_9", Ct = {
+  zeroMinWidth: He,
+  zeroMinHeight: Ve,
+  radius: Ge
+}, Rt = C(
+  w(
     ({ className: r, radius: i = !1, children: o, zeroMinWidth: t = !1, zeroMinHeight: s = !1, ...n }, c) => /* @__PURE__ */ e(
       P,
       {
         className: S(r, {
-          [_e.radius]: i,
-          [_e.zeroMinWidth]: t,
-          [_e.zeroMinHeight]: s
+          [Ct.radius]: i,
+          [Ct.zeroMinWidth]: t,
+          [Ct.zeroMinHeight]: s
         }),
         ref: c,
         ...n,
@@ -341,21 +344,21 @@ const Ct = {
       }
     )
   )
-), Vt = C(function({
+), Fe = C(function({
   severity: i,
   itemContent: o,
   closeOnSelect: t = !0,
   onSelect: s,
   ...n
 }) {
-  const c = O(i), a = w(
+  const c = O(i), a = x(
     (u) => {
       t || u.preventDefault(), s && s(u);
     },
     [t, s]
   );
   return /* @__PURE__ */ e(I.Item, { onSelect: a, color: c, ...n, children: o });
-}), Ft = C(function({
+}), Xe = C(function({
   defaultOpen: i,
   open: o,
   onOpenChange: t,
@@ -374,18 +377,18 @@ const Ct = {
       u
     ] })
   ] });
-}), Xt = C(function({
+}), Ue = C(function({
   separatorBelow: i = !1,
   separatorAbove: o = !1,
   children: t,
   ...s
 }) {
-  return /* @__PURE__ */ v(pe, { children: [
+  return /* @__PURE__ */ v(mt, { children: [
     o && /* @__PURE__ */ e(I.Separator, {}),
     /* @__PURE__ */ e(I.Group, { ...s, children: t }),
     i && /* @__PURE__ */ e(I.Separator, {})
   ] });
-}), Ut = C(function({
+}), qe = C(function({
   defaultOpen: i,
   open: o,
   onOpenChange: t,
@@ -397,15 +400,15 @@ const Ct = {
     /* @__PURE__ */ e(I.SubTrigger, { children: s }),
     /* @__PURE__ */ e(I.SubContent, { ...c, children: n })
   ] });
-}), fo = {
-  Root: Ft,
-  ItemGroup: Xt,
-  Item: Vt,
-  SubMenu: Ut
-}, go = C(function({ children: i }) {
-  const [o, t] = b(!1), s = w(() => {
+}), _o = {
+  Root: Xe,
+  ItemGroup: Ue,
+  Item: Fe,
+  SubMenu: qe
+}, Co = C(function({ children: i }) {
+  const [o, t] = b(!1), s = x(() => {
     t(!0);
-  }, []), n = w(() => {
+  }, []), n = x(() => {
     t(!1);
   }, []);
   return i({
@@ -413,9 +416,9 @@ const Ct = {
     onPointerEnter: s,
     onPointerLeave: n
   });
-}), qt = "_fluid_7n1wr_1", De = {
-  fluid: qt
-}, Kt = x(function({
+}), Ke = "_fluid_7n1wr_1", Dt = {
+  fluid: Ke
+}, Qe = w(function({
   className: i,
   fluid: o,
   size: t = "medium",
@@ -429,12 +432,12 @@ const Ct = {
   id: p,
   ...m
 }, f) {
-  const h = L(t, X), g = O(n), _ = O(c);
-  return /* @__PURE__ */ ke(B.Root, { size: h, ...m, key: d === void 0 ? 1 : 0, value: d }, /* @__PURE__ */ e(
+  const h = M(t, X), g = O(n), _ = O(c);
+  return /* @__PURE__ */ At(B.Root, { size: h, ...m, key: d === void 0 ? 1 : 0, value: d }, /* @__PURE__ */ e(
     B.Trigger,
     {
       className: S(i, {
-        [De.fluid]: o
+        [Dt.fluid]: o
       }),
       id: p,
       ref: f,
@@ -446,41 +449,41 @@ const Ct = {
     B.Content,
     {
       side: u,
-      className: De.contentDefault,
+      className: Dt.contentDefault,
       position: "popper",
       variant: s !== "surface" ? "soft" : "solid",
       color: _,
       children: l.map(({ itemContent: T, value: y, ...$ }) => /* @__PURE__ */ e(B.Item, { className: "overmap-select-item", value: y, ...$, children: T }, y))
     }
   ));
-}), _o = Z.memo(Kt), ze = C(
-  x((r, i) => {
+}), vo = tt.memo(Qe), It = C(
+  w((r, i) => {
     const { checked: o, label: t, value: s, size: n = "2" } = r;
-    return /* @__PURE__ */ e(W, { asChild: !0, px: n, children: /* @__PURE__ */ e(B.Item, { value: s, ref: i, children: /* @__PURE__ */ v(P, { gap: n, align: "center", children: [
-      /* @__PURE__ */ e(tt, { checked: o }),
+    return /* @__PURE__ */ e(j, { asChild: !0, px: n, children: /* @__PURE__ */ e(B.Item, { value: s, ref: i, children: /* @__PURE__ */ v(P, { gap: n, align: "center", children: [
+      /* @__PURE__ */ e(ne, { checked: o }),
       t
     ] }) }) });
   })
-), le = "__select_all__", Co = C(
-  x((r, i) => {
-    const [o, t] = b(!1), { placeholder: s, value: n, onValueChange: c, options: a, disabled: u, name: l, ...d } = r, p = L(r.size, X), m = O(r.severity), f = j(() => new Map(a.map((y) => [y.value, y.label])), [a]), h = n.length > 4 ? (
+), ut = "__select_all__", yo = C(
+  w((r, i) => {
+    const [o, t] = b(!1), { placeholder: s, value: n, onValueChange: c, options: a, disabled: u, name: l, ...d } = r, p = M(r.size, X), m = O(r.severity), f = L(() => new Map(a.map((y) => [y.value, y.label])), [a]), h = n.length > 4 ? (
       // to ensure the width of the select doesn't get too big
       `${n.length} options selected`
     ) : (
       // convert the values to labels
       /* @__PURE__ */ e("span", { children: n.flatMap((y) => [f.get(y), ", "]).slice(0, -1) })
-    ), g = w(() => t(!1), []), _ = w((y) => {
+    ), g = x(() => t(!1), []), _ = x((y) => {
       y && t(!0);
-    }, []), T = w(
+    }, []), T = x(
       (y) => {
         let $;
-        y === le ? $ = n.length === a.length ? [] : a.map((H) => H.value) : $ = n.includes(y) ? n.filter((N) => N !== y) : [...n, y], c($);
+        y === ut ? $ = n.length === a.length ? [] : a.map((H) => H.value) : $ = n.includes(y) ? n.filter((N) => N !== y) : [...n, y], c($);
       },
       [c, a, n]
     );
-    return ee(() => {
-      if (a.some(({ value: y }) => y === le))
-        throw new Error(`Cannot have an option with the value "${le}"`);
+    return et(() => {
+      if (a.some(({ value: y }) => y === ut))
+        throw new Error(`Cannot have an option with the value "${ut}"`);
     }, [a]), /* @__PURE__ */ v(
       B.Root,
       {
@@ -513,16 +516,16 @@ const Ct = {
               onPointerDownOutside: g,
               children: [
                 /* @__PURE__ */ e(
-                  ze,
+                  It,
                   {
-                    value: le,
+                    value: ut,
                     label: "Select all",
                     checked: n.length === a.length,
                     size: p
                   }
                 ),
                 a.map((y) => /* @__PURE__ */ e(
-                  ze,
+                  It,
                   {
                     ...y,
                     checked: n.includes(y.value),
@@ -537,26 +540,26 @@ const Ct = {
       }
     );
   })
-), Qt = {
+), Ye = {
   default: "_default_u936h_1"
-}, Yt = x(function({ className: i, severity: o = "primary", icon: t, defaultChecked: s = !1, onCheckedChange: n, ...c }, a) {
-  const u = Y(null), [l, d] = b(c.checked ? c.checked : s), [p, m] = b(), f = O(o);
-  st(() => {
+}, Je = w(function({ className: i, severity: o = "primary", icon: t, defaultChecked: s = !1, onCheckedChange: n, ...c }, a) {
+  const u = J(null), [l, d] = b(c.checked ? c.checked : s), [p, m] = b(), f = O(o);
+  ae(() => {
     var T;
     const _ = a || u;
     "current" in _ && _.current && m((T = _.current) == null ? void 0 : T.querySelector("span.rt-SwitchThumb"));
   }, [a]);
-  const h = w(
+  const h = x(
     (_) => {
       d(_), n && n(_);
     },
     [n]
   ), g = c.checked ? c.checked : l;
-  return /* @__PURE__ */ v(pe, { children: [
+  return /* @__PURE__ */ v(mt, { children: [
     /* @__PURE__ */ e(
-      nt,
+      oe,
       {
-        className: S("overmap-switch", i, Qt.default),
+        className: S("overmap-switch", i, Ye.default),
         ref: a || u,
         color: f,
         radius: "full",
@@ -565,15 +568,15 @@ const Ct = {
         ...c
       }
     ),
-    /* @__PURE__ */ e(ot, { container: p, asChild: !0, children: t && "checked" in t ? g ? t.checked : t.unchecked : t })
+    /* @__PURE__ */ e(re, { container: p, asChild: !0, children: t && "checked" in t ? g ? t.checked : t.unchecked : t })
   ] });
-}), vo = C(Yt), Jt = "_sidebarContent_1onyo_1", Zt = "_right_1onyo_7", en = "_resizeHandle_1onyo_10", tn = "_left_1onyo_13", nn = "_overlay_1onyo_33", G = {
-  sidebarContent: Jt,
-  right: Zt,
+}), xo = C(Je), Ze = "_sidebarContent_1onyo_1", tn = "_right_1onyo_7", en = "_resizeHandle_1onyo_10", nn = "_left_1onyo_13", on = "_overlay_1onyo_33", V = {
+  sidebarContent: Ze,
+  right: tn,
   resizeHandle: en,
-  left: tn,
-  overlay: nn
-}, on = { width: "auto", height: "100%" }, rn = x(function({
+  left: nn,
+  overlay: on
+}, rn = { width: "auto", height: "100%" }, sn = w(function({
   side: i = "left",
   modal: o = !0,
   children: t,
@@ -587,34 +590,34 @@ const Ct = {
   ...d
 }, p) {
   const m = i === "right", f = i === "left", [h, g] = b();
-  return ee(() => {
+  return et(() => {
     const _ = n ?? '[data-is-root-theme="true"]', T = document.querySelector(_);
     if (T === void 0)
       throw new Error(`Could not find a container element using the following selector ${_}`);
     g(T);
-  }, [n]), /* @__PURE__ */ e(ce.Root, { open: s, modal: o, children: /* @__PURE__ */ v(ce.Portal, { container: h, children: [
-    c && /* @__PURE__ */ e(ce.Overlay, { className: S(G.overlay) }),
+  }, [n]), /* @__PURE__ */ e(lt.Root, { open: s, modal: o, children: /* @__PURE__ */ v(lt.Portal, { container: h, children: [
+    c && /* @__PURE__ */ e(lt.Overlay, { className: S(V.overlay) }),
     /* @__PURE__ */ e(
-      ce.Content,
+      lt.Content,
       {
-        className: S("overmap-sidebar", "rt-DialogContent", G.sidebarContent, {
-          [G.left]: f,
-          [G.right]: m
+        className: S("overmap-sidebar", "rt-DialogContent", V.sidebarContent, {
+          [V.left]: f,
+          [V.right]: m
         }),
         ref: p,
         asChild: !0,
         ...d,
-        children: /* @__PURE__ */ e(W, { width: "auto", children: /* @__PURE__ */ e(
-          de,
+        children: /* @__PURE__ */ e(j, { width: "auto", children: /* @__PURE__ */ e(
+          ht,
           {
             minWidth: u,
             maxWidth: l,
-            defaultSize: on,
+            defaultSize: rn,
             enable: { right: a && f, left: a && m },
-            handleClasses: { left: G.resizeHandle, right: G.resizeHandle },
+            handleClasses: { left: V.resizeHandle, right: V.resizeHandle },
             handleComponent: {
-              right: /* @__PURE__ */ e(ue, {}),
-              left: /* @__PURE__ */ e(ue, {})
+              right: /* @__PURE__ */ e(dt, {}),
+              left: /* @__PURE__ */ e(dt, {})
             },
             children: t
           }
@@ -622,16 +625,16 @@ const Ct = {
       }
     )
   ] }) });
-}), yo = C(rn), sn = "_content_jyaca_1", an = "_left_jyaca_10", cn = "_right_jyaca_13", ln = "_resizable_jyaca_17", un = "_slideOutOverlay_jyaca_21", Q = {
-  content: sn,
-  left: an,
-  right: cn,
-  resizable: ln,
-  slideOutOverlay: un
-}, Ge = 200, dn = {
+}), wo = C(sn), an = "_content_jyaca_1", cn = "_left_jyaca_10", ln = "_right_jyaca_13", un = "_resizable_jyaca_17", dn = "_slideOutOverlay_jyaca_21", Y = {
+  content: an,
+  left: cn,
+  right: ln,
+  resizable: un,
+  slideOutOverlay: dn
+}, Gt = 200, hn = {
   enter: 0,
-  exit: Ge
-}, wo = C(function({
+  exit: Gt
+}, So = C(function({
   open: i,
   side: o = "left",
   container: t,
@@ -644,50 +647,50 @@ const Ct = {
   resizeHandle: d,
   ...p
 }) {
-  const m = Y(null), [f, h] = b(n), [g, _] = b(), T = o === "left", y = o === "right";
-  ee(() => {
+  const m = J(null), [f, h] = b(n), [g, _] = b(), T = o === "left", y = o === "right";
+  et(() => {
     _(document.querySelector('[data-is-root-theme="true"]'));
   }, []);
-  const $ = w(
-    (U, Re, fe, q) => {
-      h(fe.clientWidth);
+  const $ = x(
+    (U, bt, gt, q) => {
+      h(gt.clientWidth);
     },
     []
-  ), N = w(() => {
+  ), N = x(() => {
     m.current && (m.current.style.transform = `translateX(${y ? 100 : -100}%)`);
-  }, [y]), H = w(() => {
-    m.current && (m.current.style.transition = `transform ${Ge}ms linear`);
-  }, []), me = w(() => {
+  }, [y]), H = x(() => {
+    m.current && (m.current.style.transition = `transform ${Gt}ms linear`);
+  }, []), ft = x(() => {
     m.current && (m.current.style.transform = "translateX(0)");
   }, []);
-  return /* @__PURE__ */ e(at, { open: !0, modal: l, children: /* @__PURE__ */ e(
-    Ce,
+  return /* @__PURE__ */ e(ce, { open: !0, modal: l, children: /* @__PURE__ */ e(
+    vt,
     {
       in: i,
-      timeout: dn,
+      timeout: hn,
       nodeRef: m,
       onEnter: N,
       onEntering: H,
-      onEntered: me,
+      onEntered: ft,
       onExiting: H,
       onExit: N,
       unmountOnExit: !0,
       mountOnEnter: !0,
-      children: () => /* @__PURE__ */ v(ct, { container: t || g, children: [
-        u && /* @__PURE__ */ e(lt, { className: Q.slideOutOverlay }),
+      children: () => /* @__PURE__ */ v(le, { container: t || g, children: [
+        u && /* @__PURE__ */ e(ue, { className: Y.slideOutOverlay }),
         /* @__PURE__ */ e(
-          ut,
+          de,
           {
-            className: S("overmap-slide-out", Q.content, {
-              [Q.left]: T,
-              [Q.right]: y
+            className: S("overmap-slide-out", Y.content, {
+              [Y.left]: T,
+              [Y.right]: y
             }),
             asChild: !0,
             ...p,
-            children: /* @__PURE__ */ e(W, { width: "auto", ref: m, children: /* @__PURE__ */ e(
-              de,
+            children: /* @__PURE__ */ e(j, { width: "auto", ref: m, children: /* @__PURE__ */ e(
+              ht,
               {
-                className: Q.resizable,
+                className: Y.resizable,
                 defaultSize: { width: f, height: "100%" },
                 onResize: $,
                 enable: { right: a && T, left: a && y },
@@ -702,14 +705,14 @@ const Ct = {
       ] })
     }
   ) });
-}), hn = "_accommodateCharCount_sr18k_1", pn = "_wrapper_sr18k_5", mn = "_noLeftIcon_sr18k_13", fn = "_noRightIcon_sr18k_17", gn = "_charCount_sr18k_21", V = {
-  accommodateCharCount: hn,
-  wrapper: pn,
+}), pn = "_accommodateCharCount_sr18k_1", mn = "_wrapper_sr18k_5", fn = "_noLeftIcon_sr18k_13", gn = "_noRightIcon_sr18k_17", _n = "_charCount_sr18k_21", G = {
+  accommodateCharCount: pn,
+  wrapper: mn,
   default: "_default_sr18k_9",
-  noLeftIcon: mn,
-  noRightIcon: fn,
-  charCount: gn
-}, _n = x(function({
+  noLeftIcon: fn,
+  noRightIcon: gn,
+  charCount: _n
+}, Cn = w(function({
   className: i,
   leftSlot: o,
   rightSlot: t,
@@ -720,24 +723,24 @@ const Ct = {
   severity: u = "primary",
   ...l
 }, d) {
-  const p = L(s, X), m = O(u), f = n || n === void 0 && l.maxLength !== void 0, h = c !== void 0 ? c.toString() : void 0;
+  const p = M(s, X), m = O(u), f = n || n === void 0 && l.maxLength !== void 0, h = c !== void 0 ? c.toString() : void 0;
   return /* @__PURE__ */ v(
-    ie.Root,
+    st.Root,
     {
-      className: S(V.wrapper, {
-        [V.accommodateCharCount]: f
+      className: S(G.wrapper, {
+        [G.accommodateCharCount]: f
       }),
       size: p,
       variant: a,
       color: m,
       children: [
-        o && /* @__PURE__ */ e(ie.Slot, { children: o }),
+        o && /* @__PURE__ */ e(st.Slot, { children: o }),
         /* @__PURE__ */ e(
-          ie.Input,
+          st.Input,
           {
-            className: S(V.default, i, {
-              [V.noLeftIcon]: !o,
-              [V.noRightIcon]: !t
+            className: S(G.default, i, {
+              [G.noLeftIcon]: !o,
+              [G.noRightIcon]: !t
             }),
             ref: d,
             size: p,
@@ -746,70 +749,70 @@ const Ct = {
             ...l
           }
         ),
-        t && /* @__PURE__ */ e(ie.Slot, { children: t }),
-        f && /* @__PURE__ */ e(he, { 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}` })
+        t && /* @__PURE__ */ e(st.Slot, { children: t }),
+        f && /* @__PURE__ */ e(pt, { as: "p", className: G.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${h == null ? void 0 : h.length}/${l.maxLength}` : `${h == null ? void 0 : h.length}` })
       ]
     }
   );
-}), xo = Z.memo(_n), Cn = "_wrapper_tmtz0_1", vn = {
-  wrapper: Cn
-}, yn = x(function({ className: i, defaultOpen: o = !1, modal: t = !1, content: s, children: n, ...c }, a) {
-  return /* @__PURE__ */ v(se.Root, { defaultOpen: o, modal: t, children: [
-    /* @__PURE__ */ e(se.Trigger, { children: n }),
+}), To = tt.memo(Cn), vn = "_wrapper_tmtz0_1", yn = {
+  wrapper: vn
+}, xn = w(function({ className: i, defaultOpen: o = !1, modal: t = !1, content: s, children: n, ...c }, a) {
+  return /* @__PURE__ */ v(at.Root, { defaultOpen: o, modal: t, children: [
+    /* @__PURE__ */ e(at.Trigger, { children: n }),
     /* @__PURE__ */ e(
-      se.Content,
+      at.Content,
       {
         ref: a,
-        className: S("overmap-popover", i, vn.wrapper),
+        className: S("overmap-popover", i, yn.wrapper),
         ...c,
-        children: s(se.Close)
+        children: s(at.Close)
       }
     )
   ] });
-}), So = Z.memo(yn), wn = "_wrapper_1ssf2_1", xn = "_panelContent_1ssf2_6", Sn = "_left_1ssf2_14", Tn = "_right_1ssf2_18", Rn = "_resizable_1ssf2_23", bn = "_resizeHandle_1ssf2_28", $n = "_panelMainContent_1ssf2_48", z = {
+}), Ro = tt.memo(xn), wn = "_wrapper_1ssf2_1", Sn = "_panelContent_1ssf2_6", Tn = "_left_1ssf2_14", Rn = "_right_1ssf2_18", bn = "_resizable_1ssf2_23", $n = "_resizeHandle_1ssf2_28", Pn = "_panelMainContent_1ssf2_48", D = {
   wrapper: wn,
-  panelContent: xn,
-  left: Sn,
-  right: Tn,
-  resizable: Rn,
-  resizeHandle: bn,
-  panelMainContent: $n
-}, Ie = 200, A = 150, To = C(function({
+  panelContent: Sn,
+  left: Tn,
+  right: Rn,
+  resizable: bn,
+  resizeHandle: $n,
+  panelMainContent: Pn
+}, Nt = 200, A = 150, bo = C(function({
   children: i,
   showLeft: o,
   leftPanel: t,
-  leftMinWidth: s = Ie,
+  leftMinWidth: s = Nt,
   showRight: n,
   rightPanel: c,
-  rightMinWidth: a = Ie,
+  rightMinWidth: a = Nt,
   resizeable: u
 }) {
-  const l = Y(null), d = Y(null), [p, m] = b(0), [f, h] = b(), g = Y(null), [_, T] = b(0), [y, $] = b(), N = w(
-    (R, D, E) => (k, $e, Pe, ge) => {
+  const l = J(null), d = J(null), [p, m] = b(0), [f, h] = b(), g = J(null), [_, T] = b(0), [y, $] = b(), N = x(
+    (R, z, E) => (k, Pt, Ot, _t) => {
       if (!l.current)
         return;
-      const te = R + ge.width;
-      E(l.current.clientWidth - te), D(() => te);
+      const nt = R + _t.width;
+      E(l.current.clientWidth - nt), z(() => nt);
     },
     []
-  ), H = w(
-    (R, D, E, k) => N(p, m, $)(R, D, E, k),
+  ), H = x(
+    (R, z, E, k) => N(p, m, $)(R, z, E, k),
     [N, p]
-  ), me = w(
-    (R, D, E, k) => N(_, T, h)(R, D, E, k),
+  ), ft = x(
+    (R, z, E, k) => N(_, T, h)(R, z, E, k),
     [N, _]
-  ), U = w(
-    (R, D, E, k, $e, Pe, ge, te) => {
+  ), U = x(
+    (R, z, E, k, Pt, Ot, _t, nt) => {
       if (!l.current)
         return;
-      let ne = R;
-      if (ne === 0 && (ne = D, E(ne)), Pe) {
-        const oe = l.current.clientWidth - ne;
-        te(oe), $e > oe && (ge(oe), k(l.current.clientWidth - oe));
+      let ot = R;
+      if (ot === 0 && (ot = z, E(ot)), Ot) {
+        const rt = l.current.clientWidth - ot;
+        nt(rt), Pt > rt && (_t(rt), k(l.current.clientWidth - rt));
       }
     },
     []
-  ), Re = w(
+  ), bt = x(
     () => U(
       _,
       a,
@@ -821,7 +824,7 @@ const Ct = {
       h
     ),
     [U, p, a, _, o]
-  ), fe = w(
+  ), gt = x(
     () => U(
       p,
       s,
@@ -833,30 +836,30 @@ const Ct = {
       $
     ),
     [U, s, p, _, n]
-  ), q = w(
-    (R, D) => {
-      l.current && R && D(l.current.clientWidth);
+  ), q = x(
+    (R, z) => {
+      l.current && R && z(l.current.clientWidth);
     },
     []
-  ), Fe = w(
+  ), Xt = x(
     () => q(o, h),
     [q, o]
-  ), Xe = w(
+  ), Ut = x(
     () => q(n, $),
     [q, n]
-  ), be = w(() => {
-    var R, D, E, k;
-    l.current && (h(l.current.clientWidth - (((R = g.current) == null ? void 0 : R.clientWidth) || 0)), $(l.current.clientWidth - (((D = d.current) == null ? void 0 : D.clientWidth) || 0)), m(((E = d.current) == null ? void 0 : E.clientWidth) || 0), T(((k = g.current) == null ? void 0 : k.clientWidth) || 0));
+  ), $t = x(() => {
+    var R, z, E, k;
+    l.current && (h(l.current.clientWidth - (((R = g.current) == null ? void 0 : R.clientWidth) || 0)), $(l.current.clientWidth - (((z = d.current) == null ? void 0 : z.clientWidth) || 0)), m(((E = d.current) == null ? void 0 : E.clientWidth) || 0), T(((k = g.current) == null ? void 0 : k.clientWidth) || 0));
   }, []);
-  ee(() => {
+  et(() => {
     if (!l.current)
       return;
-    const R = new ResizeObserver(be);
+    const R = new ResizeObserver($t);
     return R.observe(l.current), () => {
       R.disconnect();
     };
-  }, [be]);
-  const Ue = j(() => ({
+  }, [$t]);
+  const qt = L(() => ({
     entering: {
       transform: `translateX(-${p}px)`,
       marginRight: `-${p}px`,
@@ -880,7 +883,7 @@ const Ct = {
     },
     exited: {},
     unmounted: {}
-  }), [p]), qe = j(() => ({
+  }), [p]), Kt = L(() => ({
     entering: {
       transform: `translateX(${_}px)`,
       marginLeft: `${-_}px`,
@@ -908,7 +911,7 @@ const Ct = {
   return /* @__PURE__ */ v(
     P,
     {
-      className: z.wrapper,
+      className: D.wrapper,
       style: { minWidth: `${s + a}px` },
       ref: l,
       width: "100%",
@@ -918,28 +921,28 @@ const Ct = {
       p: "0",
       children: [
         /* @__PURE__ */ e(
-          Ce,
+          vt,
           {
             nodeRef: d,
             timeout: o ? 0 : A,
             in: o,
             unmountOnExit: !0,
-            onEntering: fe,
-            onExited: Xe,
+            onEntering: gt,
+            onExited: Ut,
             children: (R) => /* @__PURE__ */ e(
-              W,
+              j,
               {
                 ref: d,
-                className: S(z.panelContent, z.left),
-                style: Ue[R],
+                className: S(D.panelContent, D.left),
+                style: qt[R],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
                 children: /* @__PURE__ */ e(
-                  de,
+                  ht,
                   {
-                    className: z.resizable,
+                    className: D.resizable,
                     size: {
                       width: p,
                       height: "100%"
@@ -948,9 +951,9 @@ const Ct = {
                     enable: { right: (u == null ? void 0 : u.left) !== void 0 ? u.left : !0 },
                     minWidth: s,
                     maxWidth: f,
-                    handleClasses: { right: S(z.resizeHandle, z.left) },
+                    handleClasses: { right: S(D.resizeHandle, D.left) },
                     handleComponent: {
-                      right: /* @__PURE__ */ e(ue, { height: "14px", width: "14px" })
+                      right: /* @__PURE__ */ e(dt, { height: "14px", width: "14px" })
                     },
                     children: t
                   }
@@ -959,37 +962,37 @@ const Ct = {
             )
           }
         ),
-        /* @__PURE__ */ e("div", { className: z.panelMainContent, children: i }),
+        /* @__PURE__ */ e("div", { className: D.panelMainContent, children: i }),
         /* @__PURE__ */ e(
-          Ce,
+          vt,
           {
             nodeRef: g,
             timeout: n ? 0 : A,
             in: n,
             unmountOnExit: !0,
-            onEntering: Re,
-            onExited: Fe,
+            onEntering: bt,
+            onExited: Xt,
             children: (R) => /* @__PURE__ */ e(
-              W,
+              j,
               {
                 ref: g,
-                className: S(z.panelContent, z.right),
-                style: qe[R],
+                className: S(D.panelContent, D.right),
+                style: Kt[R],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
                 children: /* @__PURE__ */ e(
-                  de,
+                  ht,
                   {
-                    className: z.resizable,
+                    className: D.resizable,
                     size: { width: _, height: "100%" },
-                    onResizeStop: me,
+                    onResizeStop: ft,
                     enable: { left: (u == null ? void 0 : u.right) !== void 0 ? u.right : !0 },
                     minWidth: a,
                     maxWidth: y,
-                    handleClasses: { left: S(z.resizeHandle, z.right) },
-                    handleComponent: { left: /* @__PURE__ */ e(ue, { height: "14px", width: "14px" }) },
+                    handleClasses: { left: S(D.resizeHandle, D.right) },
+                    handleComponent: { left: /* @__PURE__ */ e(dt, { height: "14px", width: "14px" }) },
                     children: c
                   }
                 )
@@ -1000,19 +1003,19 @@ const Ct = {
       ]
     }
   );
-}), Pn = "_charCount_17uut_1", On = {
-  charCount: Pn
-}, Dn = x(function({ className: i, showInputLength: o, inputLengthTemplate: t, value: s, severity: n = "primary", resize: c, ...a }, u) {
-  const l = O(n), d = O("info"), p = o || o === void 0 && (a.maxLength !== void 0 || a.minLength !== void 0), m = s !== void 0 ? s.toString() : "", f = j(() => {
+}), On = "_charCount_17uut_1", zn = {
+  charCount: On
+}, Dn = w(function({ className: i, showInputLength: o, inputLengthTemplate: t, value: s, severity: n = "primary", resize: c, ...a }, u) {
+  const l = O(n), d = O("info"), p = o || o === void 0 && (a.maxLength !== void 0 || a.minLength !== void 0), m = s !== void 0 ? s.toString() : "", f = L(() => {
     if (t) {
       let h = t.replace("{current}", m.length.toString());
       return a.minLength !== void 0 && (h = h.replace("{min}", a.minLength.toString())), a.maxLength !== void 0 && (h = h.replace("{max}", a.maxLength.toString())), h;
     }
     return m.length;
   }, [t, a.maxLength, a.minLength, m.length]);
-  return /* @__PURE__ */ v(pe, { children: [
+  return /* @__PURE__ */ v(mt, { children: [
     /* @__PURE__ */ e(
-      rt,
+      ie,
       {
         className: S("overmap-textarea", i),
         style: { resize: c },
@@ -1022,9 +1025,9 @@ const Ct = {
         ...a
       }
     ),
-    p && /* @__PURE__ */ e(he, { as: "p", className: On.charCount, color: d, align: "right", children: f })
+    p && /* @__PURE__ */ e(pt, { as: "p", className: zn.charCount, color: d, align: "right", children: f })
   ] });
-}), Ro = C(Dn), zn = x(function({
+}), $o = C(Dn), In = w(function({
   // ToggleGroup Primitive Props
   loop: i,
   type: o,
@@ -1040,7 +1043,7 @@ const Ct = {
   ...p
 }, m) {
   return /* @__PURE__ */ e(
-    dt,
+    he,
     {
       type: o,
       className: S("overmap-toggle-group", l),
@@ -1053,8 +1056,8 @@ const Ct = {
       rovingFocus: t,
       defaultValue: c,
       asChild: !0,
-      children: /* @__PURE__ */ e(We, { direction: d, ...p, children: u.map(({ children: f, ...h }) => /* @__PURE__ */ ke(ht, { asChild: !0, ...h, key: h.value }, /* @__PURE__ */ e(
-        Me,
+      children: /* @__PURE__ */ e(jt, { direction: d, ...p, children: u.map(({ children: f, ...h }) => /* @__PURE__ */ At(pe, { asChild: !0, ...h, key: h.value }, /* @__PURE__ */ e(
+        Wt,
         {
           className: S("overmap-toggle-group-button"),
           "aria-label": h.value,
@@ -1064,24 +1067,24 @@ const Ct = {
       ))) })
     }
   );
-}), bo = C(zn), In = {
+}), Po = C(In), Nn = {
   default: "_default_xqvoc_1"
-}, Nn = C(
-  x(({ className: r, minContentGap: i = "2", children: o, ...t }, s) => /* @__PURE__ */ e(
-    pt,
+}, En = C(
+  w(({ className: r, minContentGap: i = "2", children: o, ...t }, s) => /* @__PURE__ */ e(
+    me,
     {
-      className: S(r, "overmap-toolbar", In.default),
+      className: S(r, "overmap-toolbar", Nn.default),
       ref: s,
       asChild: !0,
       ...t,
-      children: /* @__PURE__ */ e(Te, { grow: "1", width: "100%", height: "max-content", align: "center", gap: i, wrap: "nowrap", children: o })
+      children: /* @__PURE__ */ e(Rt, { grow: "1", width: "100%", height: "max-content", align: "center", gap: i, wrap: "nowrap", children: o })
     }
   ))
-), En = C(
-  x(({ children: r, gap: i = "2" }, o) => /* @__PURE__ */ e(Te, { ref: o, grow: "1", width: "max-content", height: "100%", align: "center", gap: i, children: r }))
 ), kn = C(
-  x(({ children: r, gap: i }, o) => /* @__PURE__ */ e(
-    Te,
+  w(({ children: r, gap: i = "2" }, o) => /* @__PURE__ */ e(Rt, { ref: o, grow: "1", width: "max-content", height: "100%", align: "center", gap: i, children: r }))
+), An = C(
+  w(({ children: r, gap: i }, o) => /* @__PURE__ */ e(
+    Rt,
     {
       ref: o,
       grow: "1",
@@ -1093,69 +1096,69 @@ const Ct = {
       children: r
     }
   ))
-), $o = {
-  Root: Nn,
-  LeftContent: En,
-  RightContent: kn
-}, An = "_ToastViewport_1i6bp_1", Bn = "_actionButton_1i6bp_20", Ln = "_ToastRoot_1i6bp_24", Mn = "_slideIn_1i6bp_1", Wn = "_swipeOut_1i6bp_1", ye = {
-  ToastViewport: An,
-  actionButton: Bn,
-  ToastRoot: Ln,
-  slideIn: Mn,
-  swipeOut: Wn
-}, jn = x(function({ title: i, description: o, icon: t, severity: s = "primary", size: n, onClose: c, sensitivity: a, action: u, ...l }, d) {
-  const [p, m] = b(!0), f = O(s), h = w(
+), Oo = {
+  Root: En,
+  LeftContent: kn,
+  RightContent: An
+}, Bn = "_ToastViewport_1i6bp_1", Ln = "_actionButton_1i6bp_20", Mn = "_ToastRoot_1i6bp_24", Wn = "_slideIn_1i6bp_1", jn = "_swipeOut_1i6bp_1", xt = {
+  ToastViewport: Bn,
+  actionButton: Ln,
+  ToastRoot: Mn,
+  slideIn: Wn,
+  swipeOut: jn
+}, Hn = w(function({ title: i, description: o, icon: t, severity: s = "primary", size: n, onClose: c, sensitivity: a, action: u, ...l }, d) {
+  const [p, m] = b(!0), f = O(s), h = x(
     (g) => {
       !g && c && c(), m(g);
     },
     [c]
   );
-  return /* @__PURE__ */ e(K.Root, { asChild: !0, ref: d, ...l, open: p, type: a, onOpenChange: h, children: /* @__PURE__ */ e(ae.Root, { className: ye.ToastRoot, variant: "surface", color: f, size: n, children: /* @__PURE__ */ v(P, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+  return /* @__PURE__ */ e(Q.Root, { asChild: !0, ref: d, ...l, open: p, type: a, onOpenChange: h, children: /* @__PURE__ */ e(ct.Root, { className: xt.ToastRoot, variant: "surface", color: f, size: n, children: /* @__PURE__ */ v(P, { width: "100%", align: "center", gap: "4", justify: "between", children: [
     /* @__PURE__ */ v(P, { align: "center", gap: "3", children: [
-      /* @__PURE__ */ e(ae.Icon, { children: t }),
+      /* @__PURE__ */ e(ct.Icon, { children: t }),
       /* @__PURE__ */ v(P, { direction: "column", gap: "2", children: [
         /* @__PURE__ */ v(P, { direction: "column", gap: "0", children: [
-          /* @__PURE__ */ e(K.Title, { asChild: !0, children: /* @__PURE__ */ e(ae.Text, { size: "3", weight: "medium", children: i }) }),
-          /* @__PURE__ */ e(K.Description, { asChild: !0, children: /* @__PURE__ */ e(ae.Text, { children: o }) })
+          /* @__PURE__ */ e(Q.Title, { asChild: !0, children: /* @__PURE__ */ e(ct.Text, { size: "3", weight: "medium", children: i }) }),
+          /* @__PURE__ */ e(Q.Description, { asChild: !0, children: /* @__PURE__ */ e(ct.Text, { children: o }) })
         ] }),
-        u && /* @__PURE__ */ e(K.Action, { className: ye.actionButton, altText: u.altText, asChild: !0, children: u.content })
+        u && /* @__PURE__ */ e(Q.Action, { className: xt.actionButton, altText: u.altText, asChild: !0, children: u.content })
       ] })
     ] }),
-    /* @__PURE__ */ e(K.Close, { asChild: !0, children: /* @__PURE__ */ e(Me, { "aria-label": "Close", variant: "ghost", severity: s, children: /* @__PURE__ */ e(Qe, {}) }) })
+    /* @__PURE__ */ e(Q.Close, { asChild: !0, children: /* @__PURE__ */ e(Wt, { "aria-label": "Close", variant: "ghost", severity: s, children: /* @__PURE__ */ e(Yt, {}) }) })
   ] }) }) });
-}), Hn = C(jn), Ve = we({}), Po = () => {
-  const r = xe(Ve);
+}), Vn = C(Hn), Ft = wt({}), zo = () => {
+  const r = St(Ft);
   if (!r)
     throw new Error("useToast must be used within a ToastProvider");
   return r;
-}, Gn = 240 / 60, Ne = 5e3, Vn = (r) => {
-  if (r.duration && r.duration >= Ne)
+}, Gn = 240 / 60, Et = 5e3, Fn = (r) => {
+  if (r.duration && r.duration >= Et)
     return r.duration;
   const i = r.severity === "danger" ? 1.5 : 1, o = r.description.split(" ").length + r.title.split(" ").length;
-  return (Ne + o / Gn) * i;
+  return (Et + o / Gn) * i;
 };
-let Fn;
-const Oo = C(function({
+let Xn;
+const Do = C(function({
   children: i,
   // Use this class to change where the viewport for the toasts should be
   className: o,
   hotkey: t,
   ...s
 }) {
-  const [n, c] = b([]), a = w((l, d, p) => {
+  const [n, c] = b([]), a = x((l, d, p) => {
     c((m) => {
       const f = m.find((h) => h.id === l);
       return f && d === 0 && clearTimeout(f.timeout), m.filter((h) => h.id !== l);
     }), p && p();
-  }, []), u = j(() => {
+  }, []), u = L(() => {
     let l = 0;
     const d = (g) => {
-      const _ = Vn(g), T = l.toString();
+      const _ = Fn(g), T = l.toString();
       l += 1;
       const y = setTimeout(() => a(T, 1, g.onClose), _);
       c(($) => [...$, { ...g, timeout: y, duration: _, id: T }]);
     }, p = (g) => d({ ...g, severity: "primary" }), m = (g) => d({ ...g, severity: "success" }), f = (g) => d({ ...g, severity: "danger" }), h = (g) => d({ ...g, severity: "info" });
-    return Fn = d, {
+    return Xn = d, {
       showToast: d,
       showPrimary: p,
       showSuccess: m,
@@ -1163,43 +1166,43 @@ const Oo = C(function({
       showInfo: h
     };
   }, [a]);
-  return ee(() => () => {
+  return et(() => () => {
     for (const { timeout: l } of n)
       clearTimeout(l);
-  }, []), /* @__PURE__ */ e(Ve.Provider, { value: u, children: /* @__PURE__ */ v(mt, { ...s, children: [
+  }, []), /* @__PURE__ */ e(Ft.Provider, { value: u, children: /* @__PURE__ */ v(fe, { ...s, children: [
     i,
-    /* @__PURE__ */ e(ft, { className: S(o, ye.ToastViewport), hotkey: t }),
-    n.map(({ id: l, onClose: d, ...p }) => /* @__PURE__ */ e(Hn, { ...p, onClose: () => a(l, 0, d) }, l))
+    /* @__PURE__ */ e(ge, { className: S(o, xt.ToastViewport), hotkey: t }),
+    n.map(({ id: l, onClose: d, ...p }) => /* @__PURE__ */ e(Vn, { ...p, onClose: () => a(l, 0, d) }, l))
   ] }) });
-}), Xn = "_noWrap_1wpa5_1", Un = {
-  noWrap: Xn
-}, Do = C(
-  x(({ className: r, noWrap: i, severity: o, as: t, ...s }, n) => {
+}), Un = "_noWrap_1wpa5_1", qn = {
+  noWrap: Un
+}, Io = C(
+  w(({ className: r, noWrap: i, severity: o, as: t, ...s }, n) => {
     const c = O(o);
     return /* @__PURE__ */ e(
-      he,
+      pt,
       {
         ref: n,
         as: t,
-        className: S(r, { [Un.noWrap]: i }),
+        className: S(r, { [qn.noWrap]: i }),
         color: c,
         ...s
       }
     );
   })
 );
-const zo = C(
-  x((r, i) => {
+const No = C(
+  w((r, i) => {
     const { panelBackground: o = "solid", radius: t = "full", ...s } = r;
-    return /* @__PURE__ */ e(it, { panelBackground: o, radius: t, ref: i, ...s });
+    return /* @__PURE__ */ e(se, { panelBackground: o, radius: t, ref: i, ...s });
   })
-), qn = {
+), Kn = {
   1: "max-content",
   2: "max-content",
   3: "max-content",
   4: "100%"
-}, Kn = x(function({ severity: i = "info", weight: o = "light", gap: t = "1", text: s, orientation: n = "horizontal", size: c, ...a }, u) {
-  const l = L(c, qn), d = O(i);
+}, Qn = w(function({ severity: i = "info", weight: o = "light", gap: t = "1", text: s, orientation: n = "horizontal", size: c, ...a }, u) {
+  const l = M(c, Kn), d = O(i);
   return /* @__PURE__ */ v(
     P,
     {
@@ -1210,85 +1213,86 @@ const zo = C(
       align: "center",
       gap: t,
       children: [
-        /* @__PURE__ */ e(Oe, { size: c, orientation: n, color: d, ...a }),
-        s && /* @__PURE__ */ v(pe, { children: [
-          /* @__PURE__ */ e(he, { as: "span", size: "1", weight: o, color: d, children: s }),
-          /* @__PURE__ */ e(Oe, { size: c, orientation: n, color: d, ...a })
+        /* @__PURE__ */ e(zt, { size: c, orientation: n, color: d, ...a }),
+        s && /* @__PURE__ */ v(mt, { children: [
+          /* @__PURE__ */ e(pt, { as: "span", size: "1", weight: o, color: d, children: s }),
+          /* @__PURE__ */ e(zt, { size: c, orientation: n, color: d, ...a })
         ] })
       ]
     }
   );
-}), Io = C(Kn);
+}), Eo = C(Qn);
 export {
-  Bo as AccessibleIcon,
-  Lt as AlertDialog,
-  He as AlertDialogContent,
-  po as AlertDialogProvider,
-  Lo as AspectRatio,
-  Mo as Avatar,
-  co as Badge,
-  Wo as Blockquote,
-  jo as Box,
-  ve as Button,
-  We as ButtonGroup,
-  uo as ButtonList,
-  Ho as Callout,
-  Go as Card,
-  Vo as Checkbox,
-  Fo as Code,
-  Xo as Container,
-  Uo as ContextMenu,
-  zo as DefaultTheme,
-  ho as Dialog,
-  fo as DropdownMenu,
-  qo as Em,
-  Te as Flex,
-  Ko as Grid,
-  Qo as Heading,
-  Yo as HoverCard,
-  go as HoverUtility,
-  Me as IconButton,
-  xo as Input,
-  Jo as Inset,
-  Zo as Kbd,
-  To as LeftAndRightPanels,
-  er as Link,
-  Co as MultiSelect,
-  So as Popover,
-  tr as Portal,
-  nr as Quote,
-  or as RadioGroup,
-  Nn as Root,
-  rr as ScrollArea,
-  ir as Section,
-  _o as Select,
-  Io as Separator,
-  yo as Sidebar,
-  wo as SlideOut,
-  sr as Slider,
-  ar as Slot,
-  cr as Strong,
-  vo as Switch,
-  lr as Table,
-  ur as Tabs,
-  Do as Text,
-  Ro as TextArea,
-  dr as TextField,
-  hr as Theme,
-  Hn as Toast,
-  Ve as ToastContext,
-  Oo as ToastProvider,
-  bo as ToggleGroup,
-  $o as Toolbar,
-  pr as Tooltip,
-  mr as VisuallyHidden,
-  lo as divButtonProps,
-  Fn as unsafeShowToast,
-  fr as updateThemeAppearanceClass,
-  Wt as useAlertDialog,
-  mo as useDiscardAlertDialog,
+  Mo as AccessibleIcon,
+  Me as AlertDialog,
+  Vt as AlertDialogContent,
+  fo as AlertDialogProvider,
+  Wo as AspectRatio,
+  jo as Avatar,
+  uo as Badge,
+  Ho as Blockquote,
+  Vo as Box,
+  yt as Button,
+  jt as ButtonGroup,
+  po as ButtonList,
+  Go as Callout,
+  Fo as Card,
+  Xo as Checkbox,
+  Uo as Code,
+  qo as Container,
+  Ko as ContextMenu,
+  No as DefaultTheme,
+  mo as Dialog,
+  _o as DropdownMenu,
+  Qo as Em,
+  Rt as Flex,
+  Yo as Grid,
+  Jo as Heading,
+  Zo as HoverCard,
+  Co as HoverUtility,
+  Wt as IconButton,
+  To as Input,
+  tr as Inset,
+  er as Kbd,
+  bo as LeftAndRightPanels,
+  nr as Link,
+  yo as MultiSelect,
+  Ro as Popover,
+  or as Portal,
+  rr as Quote,
+  ir as RadioGroup,
+  En as Root,
+  sr as ScrollArea,
+  ar as Section,
+  vo as Select,
+  Eo as Separator,
+  wo as Sidebar,
+  So as SlideOut,
+  cr as Slider,
+  lr as Slot,
+  ur as Strong,
+  xo as Switch,
+  dr as Table,
+  hr as Tabs,
+  Io as Text,
+  $o as TextArea,
+  pr as TextField,
+  mr as Theme,
+  Vn as Toast,
+  Ft as ToastContext,
+  Do as ToastProvider,
+  Po as ToggleGroup,
+  Oo as Toolbar,
+  fr as Tooltip,
+  gr as VisuallyHidden,
+  ho as divButtonProps,
+  Xn as unsafeShowToast,
+  _r as updateThemeAppearanceClass,
+  je as useAlertDialog,
+  go as useDiscardAlertDialog,
   O as useSeverityColor,
-  gr as useThemeContext,
-  Po as useToast
+  Cr as useThemeContext,
+  zo as useToast,
+  lo as useViewportSize
 };
 //# sourceMappingURL=blocks.js.map