@overmap-ai/blocks 0.0.2-alpha.0 → 0.0.2-alpha.1

package/dist/blocks.js

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