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

package/dist/blocks.js

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