@overmap-ai/blocks 0.0.10-alpha.2 → 0.0.10-alpha.4

package/dist/blocks.js

@@ -1,707 +1,714 @@
+import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
-import { Cross1Icon as xt, CheckIcon as Ke, DragHandleDots2Icon as Se, Cross2Icon as yt, DividerHorizontalIcon as $t } from "@radix-ui/react-icons";
+import { Cross1Icon as en, CheckIcon as $t, DragHandleDots2Icon as Je, Cross2Icon as yt, DividerHorizontalIcon as tn, CaretSortIcon as nn, ArrowUpIcon as on, ArrowDownIcon as rn, MagnifyingGlassIcon as an, MixerHorizontalIcon as sn, Pencil1Icon as ln, TrashIcon as cn, DoubleArrowLeftIcon as dn, ChevronLeftIcon as un, ChevronRightIcon as hn, DoubleArrowRightIcon as pn, QuestionMarkIcon as mn } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext as wt, Badge as St, Flex as T, Box as H, Link as kt, Text as he, Button as Pt, IconButton as qe, Card as Tt, Inset as _e, Dialog as re, AlertDialog as Q, DropdownMenu as I, TextField as V, Select as K, Checkbox as Nt, Switch as It, Portal as Dt, Popover as be, TextArea as Ot, Callout as xe, Tooltip as At, Theme as zt, Separator as We } from "@radix-ui/themes";
-import { AccessibleIcon as vi, AspectRatio as Ci, Avatar as _i, Blockquote as bi, Box as xi, Callout as yi, Card as $i, Code as wi, Container as Si, ContextMenu as ki, Em as Pi, Grid as Ti, Heading as Ni, HoverCard as Ii, Inset as Di, Kbd as Oi, Link as Ai, Portal as zi, Quote as Ri, RadioGroup as Ei, ScrollArea as Bi, Section as Mi, Slider as Li, Slot as Wi, Strong as Hi, Table as ji, Tabs as Ui, TextField as Gi, Theme as Fi, VisuallyHidden as Vi, updateThemeAppearanceClass as Ki, useThemeContext as qi } from "@radix-ui/themes";
-import { jsx as s, jsxs as _, Fragment as G } from "react/jsx-runtime";
-import z, { useMemo as E, useState as k, useLayoutEffect as ze, useCallback as y, useEffect as O, Children as Y, isValidElement as de, forwardRef as x, memo as b, createContext as ce, useContext as pe, cloneElement as Te, createElement as R, useRef as A, useReducer as Rt, Fragment as Et } from "react";
-import { useMediaQuery as ae } from "react-responsive";
-import * as ye from "@radix-ui/react-dialog";
-import { Resizable as ke } from "re-resizable";
-import { DismissableLayer as Bt } from "@radix-ui/react-dismissable-layer";
-import { CSSTransition as Mt, Transition as He } from "react-transition-group";
-import { Root as Lt, Item as Wt } from "@radix-ui/react-toggle-group";
-import { Root as Ht } from "@radix-ui/react-toolbar";
-import * as le from "@radix-ui/react-toast";
-import { ToastProvider as jt, ToastViewport as Ut } from "@radix-ui/react-toast";
-import { flushSync as Gt } from "react-dom";
-function Ft(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+import { useThemeContext as fn, Badge as gn, Flex as A, Box as X, Link as Cn, Text as ze, Button as bn, IconButton as xt, Card as vn, Inset as Ue, Dialog as xe, AlertDialog as pe, DropdownMenu as E, TextField as ie, Select as se, Checkbox as _n, Switch as Sn, Portal as $n, Popover as He, TextArea as yn, Callout as We, Tooltip as xn, Theme as wn, Separator as pt, TableRow as Pn } from "@radix-ui/themes";
+import { AccessibleIcon as Ki, AspectRatio as Ji, Avatar as Xi, Blockquote as Qi, Box as Yi, Callout as Zi, Card as es, Code as ts, Container as ns, ContextMenu as os, Em as rs, Grid as as, Heading as is, HoverCard as ss, Inset as ls, Kbd as cs, Link as ds, Portal as us, Quote as hs, RadioGroup as ps, ScrollArea as ms, Section as fs, Slider as gs, Slot as Cs, Strong as bs, Tabs as vs, TextField as _s, Theme as Ss, VisuallyHidden as $s, updateThemeAppearanceClass as ys, useThemeContext as xs } from "@radix-ui/themes";
+import { jsx as a, jsxs as b, Fragment as Q } from "react/jsx-runtime";
+import H, { useMemo as M, useState as k, useLayoutEffect as it, useCallback as $, useEffect as B, Children as me, isValidElement as Oe, forwardRef as x, memo as w, createContext as Pe, useContext as Ee, cloneElement as Qe, createElement as j, useRef as W, useReducer as kn, Fragment as Tn } from "react";
+import { useMediaQuery as Ie } from "react-responsive";
+import * as je from "@radix-ui/react-dialog";
+import { Resizable as Xe } from "re-resizable";
+import { DismissableLayer as Nn } from "@radix-ui/react-dismissable-layer";
+import { CSSTransition as An, Transition as mt } from "react-transition-group";
+import { Root as Dn, Item as In } from "@radix-ui/react-toggle-group";
+import { Root as Mn } from "@radix-ui/react-toolbar";
+import * as Me from "@radix-ui/react-toast";
+import { ToastProvider as Rn, ToastViewport as On } from "@radix-ui/react-toast";
+import { flushSync as zn } from "react-dom";
+import { HeaderCell as En, Table as Bn, Header as Ln, HeaderRow as Fn, Body as Un, Cell as ft, Row as Hn } from "@table-library/react-table-library/table";
+import { useTheme as Wn } from "@table-library/react-table-library/theme";
+import { useSort as jn, HeaderCellSort as Vn } from "@table-library/react-table-library/sort";
+import { useRowSelect as qn, SelectTypes as gt, SelectClickTypes as Gn, HeaderCellSelect as Kn, CellSelect as Jn } from "@table-library/react-table-library/select";
+import { usePagination as Xn } from "@table-library/react-table-library/pagination";
+import { isMobile as Ve } from "react-device-detect";
+function Qn(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Xe = { exports: {} };
+var wt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(t) {
   (function() {
-    var o = {}.hasOwnProperty;
+    var e = {}.hasOwnProperty;
     function n() {
-      for (var t = [], i = 0; i < arguments.length; i++) {
+      for (var o = [], i = 0; i < arguments.length; i++) {
         var r = arguments[i];
         if (r) {
-          var a = typeof r;
-          if (a === "string" || a === "number")
-            t.push(r);
+          var l = typeof r;
+          if (l === "string" || l === "number")
+            o.push(r);
           else if (Array.isArray(r)) {
             if (r.length) {
-              var c = n.apply(null, r);
-              c && t.push(c);
+              var s = n.apply(null, r);
+              s && o.push(s);
             }
-          } else if (a === "object") {
+          } else if (l === "object") {
             if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]")) {
-              t.push(r.toString());
+              o.push(r.toString());
               continue;
             }
-            for (var u in r)
-              o.call(r, u) && r[u] && t.push(u);
+            for (var d in r)
+              e.call(r, d) && r[d] && o.push(d);
           }
         }
       }
-      return t.join(" ");
+      return o.join(" ");
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(Xe);
-var Vt = Xe.exports;
-const $ = /* @__PURE__ */ Ft(Vt);
-function X(e, o) {
-  return E(() => {
-    if (e !== void 0)
-      if (typeof e == "object") {
-        if (!("initial" in e))
+})(wt);
+var Yn = wt.exports;
+const y = /* @__PURE__ */ Qn(Yn);
+function ce(t, e) {
+  return M(() => {
+    if (t !== void 0)
+      if (typeof t == "object") {
+        if (!("initial" in t))
           throw new Error("Expected initial property to be set in Responsive object");
-        return Object.fromEntries(Object.entries(e).map(([n, t]) => [n, o[t]]));
+        return Object.fromEntries(Object.entries(t).map(([n, o]) => [n, e[o]]));
       } else
-        return o[e];
-  }, [o, e]);
+        return e[t];
+  }, [e, t]);
 }
-const Kt = {
+const Zn = {
   success: "green",
   danger: "red",
   info: "gray"
-}, N = (e) => {
-  const o = wt();
-  if (e)
-    return e === "primary" ? o.accentColor : Kt[e];
-}, Mr = () => {
-  const [e, o] = k("initial"), [n, t] = k("initial"), i = ae({ minWidth: "520px" }), r = ae({ minWidth: "768px" }), a = ae({ minWidth: "1024px" }), c = ae({ minWidth: "1280px" }), u = ae({ minWidth: "1640px" });
-  return ze(() => {
-    t((l) => (o(l), u ? "xl" : c ? "lg" : a ? "md" : r ? "sm" : i ? "xs" : "initial"));
-  }, [c, a, r, u, i]), { size: n, prevSize: e, xs: i, sm: r, md: a, lg: c, xl: u };
-}, Qe = (e, o, n) => {
-  const [t, i] = k([]), [r, a] = k(!0), c = y(
+}, O = (t) => {
+  const e = fn();
+  if (t)
+    return t === "primary" ? e.accentColor : Zn[t];
+}, fi = () => {
+  const [t, e] = k("initial"), [n, o] = k("initial"), i = Ie({ minWidth: "520px" }), r = Ie({ minWidth: "768px" }), l = Ie({ minWidth: "1024px" }), s = Ie({ minWidth: "1280px" }), d = Ie({ minWidth: "1640px" });
+  return it(() => {
+    o((c) => (e(c), d ? "xl" : s ? "lg" : l ? "md" : r ? "sm" : i ? "xs" : "initial"));
+  }, [s, l, r, d, i]), { size: n, prevSize: t, xs: i, sm: r, md: l, lg: s, xl: d };
+}, Pt = (t, e, n) => {
+  const [o, i] = k([]), [r, l] = k(!0), s = $(
     (h) => {
-      const { repeat: d, key: m } = h;
-      a(!0), !(d || t.includes(m)) && i((p) => [...p, m]);
+      const { repeat: u, key: g } = h;
+      l(!0), !(u || o.includes(g)) && i((m) => [...m, g]);
     },
-    [t]
-  ), u = y(
+    [o]
+  ), d = $(
     (h) => {
-      const { key: d } = h;
-      a(!1), t.includes(d) && i((m) => {
-        const p = [...m];
-        return p.splice(m.indexOf(d), 1), p;
+      const { key: u } = h;
+      l(!1), o.includes(u) && i((g) => {
+        const m = [...g];
+        return m.splice(g.indexOf(u), 1), m;
       });
     },
-    [t]
+    [o]
   );
-  O(() => (o || document.addEventListener("keydown", c, !0), () => {
-    document.removeEventListener("keydown", c, !0);
-  }), [o, c]), O(() => (o || document.addEventListener("keyup", u, !0), () => {
-    document.removeEventListener("keyup", u, !0);
-  }), [o, u]);
-  const l = E(() => !o && r && t.length === e.length && t.every((h) => e.includes(h)), [o, r, t, e]);
-  return O(() => {
-    l && n();
-  }, [l, n]), l;
-}, qt = (e) => {
-  const o = [];
-  for (const n of Y.toArray(e))
-    de(n) && o.push(n);
-  return o;
-}, Xt = x(function({ className: o, severity: n = "primary", color: t, children: i, ...r }, a) {
-  const c = N(n);
-  return /* @__PURE__ */ s(
-    St,
+  B(() => (e || document.addEventListener("keydown", s, !0), () => {
+    document.removeEventListener("keydown", s, !0);
+  }), [e, s]), B(() => (e || document.addEventListener("keyup", d, !0), () => {
+    document.removeEventListener("keyup", d, !0);
+  }), [e, d]);
+  const c = M(() => !e && r && o.length === t.length && o.every((h) => t.includes(h)), [e, r, o, t]);
+  return B(() => {
+    c && n();
+  }, [c, n]), c;
+}, eo = (t) => {
+  const e = [];
+  for (const n of me.toArray(t))
+    Oe(n) && e.push(n);
+  return e;
+}, to = x(function({ className: e, severity: n = "primary", color: o, children: i, ...r }, l) {
+  const s = O(n);
+  return /* @__PURE__ */ a(
+    gn,
     {
-      className: $("overmap-badge", o),
-      ref: a,
-      color: t || c,
+      className: y("overmap-badge", e),
+      ref: l,
+      color: o || s,
       ...r,
       children: i
     }
   );
-}), Lr = b(Xt), Qt = "_zeroMinWidth_curjh_1", Yt = "_zeroMinHeight_curjh_5", Zt = "_radius_curjh_9", Ie = {
-  zeroMinWidth: Qt,
-  zeroMinHeight: Yt,
-  radius: Zt
-}, W = b(
+}), gi = w(to), no = "_zeroMinWidth_curjh_1", oo = "_zeroMinHeight_curjh_5", ro = "_radius_curjh_9", tt = {
+  zeroMinWidth: no,
+  zeroMinHeight: oo,
+  radius: ro
+}, J = w(
   x(
-    ({ className: e, radius: o = !1, children: n, zeroMinWidth: t = !1, zeroMinHeight: i = !1, ...r }, a) => /* @__PURE__ */ s(
-      T,
+    ({ className: t, radius: e = !1, children: n, zeroMinWidth: o = !1, zeroMinHeight: i = !1, ...r }, l) => /* @__PURE__ */ a(
+      A,
       {
-        className: $(e, {
-          [Ie.radius]: o,
-          [Ie.zeroMinWidth]: t,
-          [Ie.zeroMinHeight]: i
+        className: y(t, {
+          [tt.radius]: e,
+          [tt.zeroMinWidth]: o,
+          [tt.zeroMinHeight]: i
         }),
-        ref: a,
+        ref: l,
         ...r,
         children: n
       }
     )
   )
-), Ye = ce({}), Jt = () => pe(Ye), en = b(
-  x(({ className: e, children: o, ...n }, t) => {
-    const { size: i, severity: r } = Jt(), a = N(r);
-    return /* @__PURE__ */ s(H, { className: $("overmap-breadcrumb-item", e), height: "max-content", width: "max-content", children: /* @__PURE__ */ s(kt, { ref: t, size: i, color: a, ...n, children: /* @__PURE__ */ s(W, { height: "100%", width: "100%", align: "center", gap: "1", children: o }) }) });
+), kt = Pe({}), ao = () => Ee(kt), io = w(
+  x(({ className: t, children: e, ...n }, o) => {
+    const { size: i, severity: r } = ao(), l = O(r);
+    return /* @__PURE__ */ a(X, { className: y("overmap-breadcrumb-item", t), height: "max-content", width: "max-content", children: /* @__PURE__ */ a(Cn, { ref: o, size: i, color: l, ...n, children: /* @__PURE__ */ a(J, { height: "100%", width: "100%", align: "center", gap: "1", children: e }) }) });
   })
-), tn = b(
+), so = w(
   x(
-    ({ className: e, children: o, separator: n, severity: t = "info", size: i, gap: r = "2", ...a }, c) => {
-      const u = N(t), l = qt(o);
-      return /* @__PURE__ */ s(Ye.Provider, { value: { size: i, severity: t }, children: /* @__PURE__ */ s(
-        W,
+    ({ className: t, children: e, separator: n, severity: o = "info", size: i, gap: r = "2", ...l }, s) => {
+      const d = O(o), c = eo(e);
+      return /* @__PURE__ */ a(kt.Provider, { value: { size: i, severity: o }, children: /* @__PURE__ */ a(
+        J,
         {
-          className: $("overmap-breadcrumb-group", e),
-          ref: c,
+          className: y("overmap-breadcrumb-group", t),
+          ref: s,
           gap: r,
           role: "breadcrumb",
           height: "max-content",
           width: "max-content",
-          ...a,
-          children: l.map((h, d) => /* @__PURE__ */ _(G, { children: [
-            Te(h, { key: d }),
-            l.length - 1 !== d && /* @__PURE__ */ s(he, { color: u, children: /* @__PURE__ */ s(W, { height: "100%", width: "100%", align: "center", children: n }) })
+          ...l,
+          children: c.map((h, u) => /* @__PURE__ */ b(Q, { children: [
+            Qe(h, { key: u }),
+            c.length - 1 !== u && /* @__PURE__ */ a(ze, { color: d, children: /* @__PURE__ */ a(J, { height: "100%", width: "100%", align: "center", children: n }) })
           ] }))
         }
       ) });
     }
   )
-), Wr = {
-  Group: tn,
-  Item: en
-}, nn = "_fluid_r73gr_1", on = "_hoverSpin90Clockwise_r73gr_15", rn = "_hoverSpin180Clockwise_r73gr_25", cn = "_hoverSpin360Clockwise_r73gr_35", ue = {
-  fluid: nn,
-  hoverSpin90Clockwise: on,
-  hoverSpin180Clockwise: rn,
-  hoverSpin360Clockwise: cn
-}, Ze = {
-  spin90Clockwise: ue.hoverSpin90Clockwise,
-  spin180Clockwise: ue.hoverSpin180Clockwise,
-  spin360Clockwise: ue.hoverSpin360Clockwise
-}, sn = (e) => {
-  (e.key === "Enter" || e.key === " ") && e.currentTarget.click();
-}, Hr = {
+), Ci = {
+  Group: so,
+  Item: io
+}, lo = "_fluid_r73gr_1", co = "_hoverSpin90Clockwise_r73gr_15", uo = "_hoverSpin180Clockwise_r73gr_25", ho = "_hoverSpin360Clockwise_r73gr_35", Re = {
+  fluid: lo,
+  hoverSpin90Clockwise: co,
+  hoverSpin180Clockwise: uo,
+  hoverSpin360Clockwise: ho
+}, Tt = {
+  spin90Clockwise: Re.hoverSpin90Clockwise,
+  spin180Clockwise: Re.hoverSpin180Clockwise,
+  spin360Clockwise: Re.hoverSpin360Clockwise
+}, po = (t) => {
+  (t.key === "Enter" || t.key === " ") && t.currentTarget.click();
+}, bi = {
   role: "button",
   tabIndex: 0,
-  onKeyDown: sn
-}, se = {
+  onKeyDown: po
+}, Te = {
   small: "1",
   medium: "2",
   large: "3"
-}, Je = ce({}), Re = () => pe(Je), an = x(function(o, n) {
-  const t = Re(), {
+}, Nt = Pe({}), st = () => Ee(Nt), mo = x(function(e, n) {
+  const o = st(), {
     className: i,
     type: r = "button",
-    fluid: a = t.fluid ?? !1,
-    size: c = t.size ?? "medium",
-    severity: u = t.severity ?? "primary",
-    hoverEffects: l = t.hoverEffects ?? [],
-    variant: h = t.variant,
-    shortcut: d = {
+    fluid: l = o.fluid ?? !1,
+    size: s = o.size ?? "medium",
+    severity: d = o.severity ?? "primary",
+    hoverEffects: c = o.hoverEffects ?? [],
+    variant: h = o.variant,
+    shortcut: u = {
       keys: [],
       action: () => {
       },
       disabled: !1
     },
-    ...m
-  } = o, p = N(u), f = l.map((v) => Ze[v]);
-  return Qe(d.keys, d.disabled || d.keys.length === 0, d.action), /* @__PURE__ */ s(
-    Pt,
+    ...g
+  } = e, m = O(d), f = c.map((v) => Tt[v]);
+  return Pt(u.keys, u.disabled || u.keys.length === 0, u.action), /* @__PURE__ */ a(
+    bn,
     {
       ref: n,
       type: r,
-      className: $(i, f, {
-        [ue.fluid]: a
+      className: y(i, f, {
+        [Re.fluid]: l
       }),
-      color: p,
-      size: X(c, se),
+      color: m,
+      size: ce(s, Te),
       variant: h,
-      ...m
+      ...g
     }
   );
-}), Pe = z.memo(an), ln = x(function(o, n) {
-  const t = Re(), {
+}), ke = H.memo(mo), fo = x(function(e, n) {
+  const o = st(), {
     className: i,
     children: r,
-    type: a = "button",
-    fluid: c = t.fluid ?? !1,
-    size: u = t.size ?? "medium",
-    severity: l = t.severity ?? "primary",
-    hoverEffects: h = t.hoverEffects ?? [],
-    variant: d = t.variant,
-    shortcut: m = {
+    type: l = "button",
+    fluid: s = o.fluid ?? !1,
+    size: d = o.size ?? "medium",
+    severity: c = o.severity ?? "primary",
+    hoverEffects: h = o.hoverEffects ?? [],
+    variant: u = o.variant,
+    shortcut: g = {
       keys: [],
       action: () => {
       },
       disabled: !1
     },
-    ...p
-  } = o, f = N(l), v = (h == null ? void 0 : h.map((g) => Ze[g])) || [];
-  return Qe(m.keys, m.disabled || m.keys.length === 0, m.action), /* @__PURE__ */ s(
-    qe,
+    ...m
+  } = e, f = O(c), v = (h == null ? void 0 : h.map((C) => Tt[C])) || [];
+  return Pt(g.keys, g.disabled || g.keys.length === 0, g.action), /* @__PURE__ */ a(
+    xt,
     {
-      className: $(i, v, {
-        [ue.fluid]: c
+      className: y(i, v, {
+        [Re.fluid]: s
       }),
       ref: n,
       color: f,
-      size: X(u, se),
-      variant: d,
-      type: a,
-      ...p,
+      size: ce(d, Te),
+      variant: u,
+      type: l,
+      ...m,
       children: r
     }
   );
-}), et = z.memo(ln), un = "_merged_wdgxo_1", dn = {
-  merged: un
-}, hn = {
+}), ne = H.memo(fo), go = "_merged_wdgxo_1", Co = {
+  merged: go
+}, bo = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
-}, pn = x(function({
-  className: o,
+}, vo = x(function({
+  className: e,
   merged: n = !1,
-  children: t,
+  children: o,
   gap: i,
   direction: r = "row",
-  severity: a,
-  size: c = "medium",
-  variant: u,
-  hoverEffects: l,
+  severity: l,
+  size: s = "medium",
+  variant: d,
+  hoverEffects: c,
   fluid: h,
-  ...d
-}, m) {
-  const p = X(c, hn[r]), f = u === "ghost" ? p : "0";
-  return /* @__PURE__ */ s(
-    T,
+  ...u
+}, g) {
+  const m = ce(s, bo[r]), f = d === "ghost" ? m : "0";
+  return /* @__PURE__ */ a(
+    A,
     {
-      className: $("overmap-button-group", o, {
-        [dn.merged]: n
+      className: y("overmap-button-group", e, {
+        [Co.merged]: n
       }),
-      ref: m,
+      ref: g,
       gap: n ? i ?? f : i ?? "2",
       direction: r,
       "data-direction": r,
-      ...d,
-      children: /* @__PURE__ */ s(Je.Provider, { value: { size: c, severity: a, variant: u, hoverEffects: l, fluid: h }, children: t })
+      ...u,
+      children: /* @__PURE__ */ a(Nt.Provider, { value: { size: s, severity: l, variant: d, hoverEffects: c, fluid: h }, children: o })
     }
   );
-}), tt = b(pn), fn = "_separators_1f7v1_1", mn = {
-  separators: fn
-}, gn = b(
-  x((e, o) => {
-    const { children: n, border: t, before: i, after: r, size: a } = e, c = t ? "surface" : "ghost", u = X(a, se), h = /* @__PURE__ */ _(Tt, { ref: o, size: u, variant: c, children: [
+}), At = w(vo), _o = "_separators_1f7v1_1", So = {
+  separators: _o
+}, $o = w(
+  x((t, e) => {
+    const { children: n, border: o, before: i, after: r, size: l } = t, s = o ? "surface" : "ghost", d = ce(l, Te), h = /* @__PURE__ */ b(vn, { ref: e, size: d, variant: s, children: [
       i,
-      i && r ? /* @__PURE__ */ s(_e, { side: "x", pt: "current", pb: "current", children: n }) : i ? /* @__PURE__ */ s(_e, { side: "bottom", pt: "current", children: n }) : r ? /* @__PURE__ */ s(_e, { side: "top", pb: "current", children: n }) : /* @__PURE__ */ s(_e, { children: n }),
+      i && r ? /* @__PURE__ */ a(Ue, { side: "x", pt: "current", pb: "current", children: n }) : i ? /* @__PURE__ */ a(Ue, { side: "bottom", pt: "current", children: n }) : r ? /* @__PURE__ */ a(Ue, { side: "top", pb: "current", children: n }) : /* @__PURE__ */ a(Ue, { children: n }),
       r
     ] });
-    return c === "ghost" ? /* @__PURE__ */ s(H, { p: "3", children: h }) : h;
+    return s === "ghost" ? /* @__PURE__ */ a(X, { p: "3", children: h }) : h;
   })
-), vn = b(
-  x((e, o) => {
-    const { children: n, variant: t = "outline", size: i, className: r, ...a } = e;
-    return /* @__PURE__ */ s(gn, { ...a, border: t === "outline" || t === "surface", size: i, children: /* @__PURE__ */ s(
-      tt,
+), yo = w(
+  x((t, e) => {
+    const { children: n, variant: o = "outline", size: i, className: r, ...l } = t;
+    return /* @__PURE__ */ a($o, { ...l, border: o === "outline" || o === "surface", size: i, children: /* @__PURE__ */ a(
+      At,
       {
         size: i,
         severity: "info",
-        variant: t === "outline" ? "ghost" : t === "surface" ? "soft" : t,
-        className: $(r, mn.separators),
+        variant: o === "outline" ? "ghost" : o === "surface" ? "soft" : o,
+        className: y(r, So.separators),
         merged: !0,
         gap: "0",
         direction: "column",
-        ref: o,
+        ref: e,
         children: n
       }
     ) });
   })
-), Cn = b(
-  x((e, o) => {
-    const { variant: n } = Re(), t = /* @__PURE__ */ s(Pe, { ref: o, ...e, radius: "large", variant: n });
-    return n === "ghost" ? /* @__PURE__ */ s(H, { asChild: !0, my: "1", mx: "2", children: t }) : t;
+), xo = w(
+  x((t, e) => {
+    const { variant: n } = st(), o = /* @__PURE__ */ a(ke, { ref: e, ...t, radius: "large", variant: n });
+    return n === "ghost" ? /* @__PURE__ */ a(X, { asChild: !0, my: "1", mx: "2", children: o }) : o;
   })
-), jr = {
-  Root: vn,
-  Item: Cn
-}, _n = b(function(o) {
-  const { title: n, description: t, content: i, closeDialog: r } = o;
-  return /* @__PURE__ */ _(T, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ _(T, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ _(T, { justify: "between", children: [
-        /* @__PURE__ */ s(re.Title, { mb: "0", children: n }),
-        /* @__PURE__ */ s(re.Close, { children: /* @__PURE__ */ s(qe, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ s(xt, {}) }) })
+), vi = {
+  Root: yo,
+  Item: xo
+}, wo = w(function(e) {
+  const { title: n, description: o, content: i, closeDialog: r } = e;
+  return /* @__PURE__ */ b(A, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ b(A, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ b(A, { justify: "between", children: [
+        /* @__PURE__ */ a(xe.Title, { mb: "0", children: n }),
+        /* @__PURE__ */ a(xe.Close, { children: /* @__PURE__ */ a(xt, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ a(en, {}) }) })
       ] }),
-      t && /* @__PURE__ */ s(re.Description, { children: t })
+      o && /* @__PURE__ */ a(xe.Description, { children: o })
     ] }),
     i(r)
   ] });
-}), Ur = b(
-  x((e, o) => {
+}), _i = w(
+  x((t, e) => {
     const {
       children: n,
-      content: t,
+      content: o,
       title: i,
       description: r,
-      onOpen: a,
-      onClose: c,
-      defaultOpen: u,
-      onCloseInterrupt: l,
+      onOpen: l,
+      onClose: s,
+      defaultOpen: d,
+      onCloseInterrupt: c,
       open: h,
-      onOpenChange: d,
-      ...m
-    } = e, [p, f] = k(u ?? !1), v = h ?? p;
-    if ((l || a) && d)
+      onOpenChange: u,
+      ...g
+    } = t, [m, f] = k(d ?? !1), v = h ?? m;
+    if ((c || l) && u)
       throw new Error("Neither the `onCloseInterrupt` nor `onOpen` props can be used with `onOpenChange`.");
-    if (h !== void 0 && d === void 0)
+    if (h !== void 0 && u === void 0)
       throw new Error("The `open` prop requires the `onOpenChange` prop.");
     if (!n && h === void 0)
       throw new Error("Either the `children` or `open` prop must be defined.");
     if (n && h !== void 0)
       throw new Error("The `children` and `open` props cannot be used together.");
-    const g = y(
-      (C) => {
-        if (d)
-          return d(C);
-        if (C && a)
-          a();
+    const C = $(
+      (S) => {
+        if (u)
+          return u(S);
+        if (S && l)
+          l();
         else {
-          if (!C && l)
-            return l(() => {
-              f(!1), c && c();
+          if (!S && c)
+            return c(() => {
+              f(!1), s && s();
             });
-          !C && c && c();
+          !S && s && s();
         }
-        f(C);
+        f(S);
       },
-      [d, a, c, l]
-    ), w = y(
-      (C) => {
-        if (C != null && C.force)
+      [u, l, s, c]
+    ), P = $(
+      (S) => {
+        if (S != null && S.force)
           return f(!1);
-        g(!1);
+        C(!1);
       },
-      [g]
+      [C]
     );
-    return /* @__PURE__ */ _(re.Root, { open: v, onOpenChange: g, children: [
-      /* @__PURE__ */ s(re.Trigger, { children: n }),
-      /* @__PURE__ */ s(re.Content, { ref: o, ...m, children: /* @__PURE__ */ s(
-        _n,
+    return /* @__PURE__ */ b(xe.Root, { open: v, onOpenChange: C, children: [
+      /* @__PURE__ */ a(xe.Trigger, { children: n }),
+      /* @__PURE__ */ a(xe.Content, { ref: e, ...g, children: /* @__PURE__ */ a(
+        wo,
         {
-          closeDialog: w,
-          content: t,
+          closeDialog: P,
+          content: o,
           title: i,
           description: r
         }
       ) })
     ] });
   })
-), nt = (e) => /* @__PURE__ */ s(Q.Title, { mb: "0", ...e }), bn = (e) => {
-  const { title: o, description: n, actionText: t = "Confirm", cancelText: i = "Cancel", onAction: r, onCancel: a, severity: c } = e;
-  return /* @__PURE__ */ _(T, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ _(T, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ s(nt, { children: o }),
-      /* @__PURE__ */ s(Q.Description, { children: n })
+), Dt = (t) => /* @__PURE__ */ a(pe.Title, { mb: "0", ...t }), Po = (t) => {
+  const { title: e, description: n, actionText: o = "Confirm", cancelText: i = "Cancel", onAction: r, onCancel: l, severity: s } = t;
+  return /* @__PURE__ */ b(A, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ b(A, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ a(Dt, { children: e }),
+      /* @__PURE__ */ a(pe.Description, { children: n })
     ] }),
-    /* @__PURE__ */ _(T, { gap: "3", mt: "4", justify: "end", children: [
-      /* @__PURE__ */ s(Q.Cancel, { children: /* @__PURE__ */ s(Pe, { variant: "soft", severity: "info", onClick: a, children: i }) }),
-      /* @__PURE__ */ s(Q.Action, { children: /* @__PURE__ */ s(Pe, { variant: "solid", severity: c, onClick: r, children: t }) })
+    /* @__PURE__ */ b(A, { gap: "3", mt: "4", justify: "end", children: [
+      /* @__PURE__ */ a(pe.Cancel, { children: /* @__PURE__ */ a(ke, { variant: "soft", severity: "info", onClick: l, children: i }) }),
+      /* @__PURE__ */ a(pe.Action, { children: /* @__PURE__ */ a(ke, { variant: "solid", severity: s, onClick: r, children: o }) })
     ] })
   ] });
-}, xn = b(function(o) {
-  const { open: n, setOpen: t, children: i, ...r } = o, a = E(() => ({
-    close: () => t(!1),
-    Title: nt,
-    Description: Q.Description
-  }), [t]);
-  return /* @__PURE__ */ _(Q.Root, { open: n, onOpenChange: t, children: [
-    /* @__PURE__ */ s(Q.Content, { children: "content" in r ? r.content(a) : /* @__PURE__ */ s(bn, { ...r }) }),
+}, ko = w(function(e) {
+  const { open: n, setOpen: o, children: i, ...r } = e, l = M(() => ({
+    close: () => o(!1),
+    Title: Dt,
+    Description: pe.Description
+  }), [o]);
+  return /* @__PURE__ */ b(pe.Root, { open: n, onOpenChange: o, children: [
+    /* @__PURE__ */ a(pe.Content, { children: "content" in r ? r.content(l) : /* @__PURE__ */ a(Po, { ...r }) }),
     i
   ] });
-}), ot = ce(() => {
+}), It = Pe(() => {
   throw new Error("No AlertDialogProvider found");
-}), yn = {
+}), To = {
   content: () => null
-}, Gr = b(function({ children: o }) {
-  const [n, t] = k(!1), [i, r] = k(yn), a = y(
-    (c) => {
+}, Si = w(function({ children: e }) {
+  const [n, o] = k(!1), [i, r] = k(To), l = $(
+    (s) => {
       if (n)
         throw new Error("AlertDialog is already open");
-      r(c), t(!0);
+      r(s), o(!0);
     },
     [n]
   );
-  return /* @__PURE__ */ s(xn, { open: n, setOpen: t, ...i, children: /* @__PURE__ */ s(ot.Provider, { value: a, children: o }) });
-}), $n = () => pe(ot), Fr = () => {
-  const e = $n();
-  return y(
-    (o) => e({
+  return /* @__PURE__ */ a(ko, { open: n, setOpen: o, ...i, children: /* @__PURE__ */ a(It.Provider, { value: l, children: e }) });
+}), No = () => Ee(It), $i = () => {
+  const t = No();
+  return $(
+    (e) => t({
       title: "Discard changes?",
       description: "You have unsaved changes. Are you sure you want to discard them?",
       actionText: "Discard",
       severity: "danger",
-      onAction: o.onDiscard,
-      onCancel: o.onCancel
+      onAction: e.onDiscard,
+      onCancel: e.onCancel
     }),
-    [e]
+    [t]
   );
-}, wn = b(function({
-  severity: o,
+}, Ao = w(function({
+  severity: e,
   itemContent: n,
-  closeOnSelect: t = !0,
+  closeOnSelect: o = !0,
   onSelect: i,
   ...r
 }) {
-  const a = N(o), c = y(
-    (u) => {
-      t || u.preventDefault(), i && i(u);
+  const l = O(e), s = $(
+    (d) => {
+      o || d.preventDefault(), i && i(d);
     },
-    [t, i]
+    [o, i]
   );
-  return /* @__PURE__ */ s(I.Item, { onSelect: c, color: a, ...r, children: n });
-}), Sn = b(function({
-  defaultOpen: o,
+  return /* @__PURE__ */ a(E.Item, { onSelect: s, color: l, ...r, children: n });
+}), Do = w(function({
+  defaultOpen: e,
   open: n,
-  onOpenChange: t,
+  onOpenChange: o,
   modal: i,
   trigger: r,
-  label: a,
-  severity: c = "info",
-  disabled: u = !1,
-  children: l,
+  label: l,
+  severity: s = "info",
+  disabled: d = !1,
+  children: c,
   ...h
 }) {
-  const d = N(c);
-  return /* @__PURE__ */ _(I.Root, { defaultOpen: o, open: n, onOpenChange: t, modal: i, children: [
-    /* @__PURE__ */ s(I.Trigger, { disabled: u, children: r }),
-    /* @__PURE__ */ _(I.Content, { color: d, ...h, children: [
-      a && /* @__PURE__ */ s(I.Label, { children: a }),
-      l
+  const u = O(s);
+  return /* @__PURE__ */ b(E.Root, { defaultOpen: e, open: n, onOpenChange: o, modal: i, children: [
+    /* @__PURE__ */ a(E.Trigger, { disabled: d, children: r }),
+    /* @__PURE__ */ b(E.Content, { color: u, ...h, children: [
+      l && /* @__PURE__ */ a(E.Label, { children: l }),
+      c
     ] })
   ] });
-}), kn = b(function({
-  separatorBelow: o = !1,
+}), Io = w(function({
+  separatorBelow: e = !1,
   separatorAbove: n = !1,
-  children: t,
+  children: o,
   ...i
 }) {
-  return /* @__PURE__ */ _(G, { children: [
-    n && /* @__PURE__ */ s(I.Separator, {}),
-    /* @__PURE__ */ s(I.Group, { ...i, children: t }),
-    o && /* @__PURE__ */ s(I.Separator, {})
+  return /* @__PURE__ */ b(Q, { children: [
+    n && /* @__PURE__ */ a(E.Separator, {}),
+    /* @__PURE__ */ a(E.Group, { ...i, children: o }),
+    e && /* @__PURE__ */ a(E.Separator, {})
   ] });
-}), Pn = b(function({
-  defaultOpen: o,
+}), Mo = w(function({
+  defaultOpen: e,
   open: n,
-  onOpenChange: t,
+  onOpenChange: o,
   trigger: i,
   children: r,
-  ...a
+  ...l
 }) {
-  return /* @__PURE__ */ _(I.Sub, { defaultOpen: o, open: n, onOpenChange: t, children: [
-    /* @__PURE__ */ s(I.SubTrigger, { children: i }),
-    /* @__PURE__ */ s(I.SubContent, { ...a, children: r })
+  return /* @__PURE__ */ b(E.Sub, { defaultOpen: e, open: n, onOpenChange: o, children: [
+    /* @__PURE__ */ a(E.SubTrigger, { children: i }),
+    /* @__PURE__ */ a(E.SubContent, { ...l, children: r })
   ] });
-}), Vr = {
-  Root: Sn,
-  ItemGroup: kn,
-  Item: wn,
-  SubMenu: Pn
-}, Tn = "_DropdownSelect_k517z_1", Nn = "_BorderBottom_k517z_8", In = "_DropdownSelectInputWrapper_k517z_12", Dn = "_DropdownSelectInput_k517z_12", On = "_DropdownSelectItem_k517z_27", ee = {
-  DropdownSelect: Tn,
-  BorderBottom: Nn,
-  DropdownSelectInputWrapper: In,
-  DropdownSelectInput: Dn,
-  DropdownSelectItem: On
-}, An = 150, Kr = b(
+}), yi = {
+  Root: Do,
+  ItemGroup: Io,
+  Item: Ao,
+  SubMenu: Mo
+}, Ro = "_DropdownSelect_k517z_1", Oo = "_BorderBottom_k517z_8", zo = "_DropdownSelectInputWrapper_k517z_12", Eo = "_DropdownSelectInput_k517z_12", Bo = "_DropdownSelectItem_k517z_27", _e = {
+  DropdownSelect: Ro,
+  BorderBottom: Oo,
+  DropdownSelectInputWrapper: zo,
+  DropdownSelectInput: Eo,
+  DropdownSelectItem: Bo
+}, Lo = 150, xi = w(
   x(
     ({
-      trigger: e,
-      items: o,
+      trigger: t,
+      items: e,
       disabled: n = !1,
-      value: t,
+      value: o,
       onValueChange: i,
       placeholder: r,
-      filterValue: a,
-      onFilterValueChange: c,
-      closeOnSelect: u = !0,
-      icons: l,
+      filterValue: l,
+      onFilterValueChange: s,
+      closeOnSelect: d = !0,
+      icons: c,
       severity: h = "info"
-    }, d) => {
-      const m = N(h), p = y(
-        (g) => (w) => {
-          i(t !== g ? g : void 0), u || w.preventDefault();
+    }, u) => {
+      const g = O(h), m = $(
+        (C) => (P) => {
+          i(o !== C ? C : void 0), d || P.preventDefault();
         },
-        [t, u, i]
-      ), f = y(
-        (g) => {
-          c && c(g.target.value);
+        [o, d, i]
+      ), f = $(
+        (C) => {
+          s && s(C.target.value);
         },
-        [c]
-      ), v = y(
-        (g) => {
-          !g && c && setTimeout(() => {
-            c("");
-          }, An);
+        [s]
+      ), v = $(
+        (C) => {
+          !C && s && setTimeout(() => {
+            s("");
+          }, Lo);
         },
-        [c]
+        [s]
       );
-      return /* @__PURE__ */ _(I.Root, { onOpenChange: v, children: [
-        /* @__PURE__ */ s(I.Trigger, { disabled: n, children: e }),
-        /* @__PURE__ */ s(I.Content, { ref: d, variant: "soft", color: m, className: ee.Test, children: /* @__PURE__ */ _(W, { className: ee.DropdownSelect, direction: "column", children: [
-          a !== void 0 && !!c && /* @__PURE__ */ s(H, { px: "1", className: $({ [ee.BorderBottom]: o.length !== 0 }), children: /* @__PURE__ */ _(
-            V.Root,
+      return /* @__PURE__ */ b(E.Root, { onOpenChange: v, children: [
+        /* @__PURE__ */ a(E.Trigger, { disabled: n, children: t }),
+        /* @__PURE__ */ a(E.Content, { ref: u, variant: "soft", color: g, className: _e.Test, children: /* @__PURE__ */ b(J, { className: _e.DropdownSelect, direction: "column", children: [
+          l !== void 0 && !!s && /* @__PURE__ */ a(X, { px: "1", className: y({ [_e.BorderBottom]: e.length !== 0 }), children: /* @__PURE__ */ b(
+            ie.Root,
             {
-              className: ee.DropdownSelectInputWrapper,
+              className: _e.DropdownSelectInputWrapper,
               size: "2",
               variant: "soft",
               children: [
-                !!l && !!l.leftInputIcon && /* @__PURE__ */ s(V.Slot, { children: l.leftInputIcon }),
-                /* @__PURE__ */ s(
-                  V.Input,
+                !!c && !!c.leftInputIcon && /* @__PURE__ */ a(ie.Slot, { children: c.leftInputIcon }),
+                /* @__PURE__ */ a(
+                  ie.Input,
                   {
-                    className: ee.DropdownSelectInput,
-                    value: a,
+                    className: _e.DropdownSelectInput,
+                    value: l,
                     placeholder: r,
                     onChange: f
                   }
                 ),
-                !!l && !!l.rightInputIcon && /* @__PURE__ */ s(V.Slot, { children: l.rightInputIcon })
+                !!c && !!c.rightInputIcon && /* @__PURE__ */ a(ie.Slot, { children: c.rightInputIcon })
               ]
             }
           ) }),
-          /* @__PURE__ */ s(H, { p: o.length !== 0 ? "1" : "0", children: /* @__PURE__ */ s(W, { direction: "column", children: o.map(({ content: g, value: w }, C) => /* @__PURE__ */ s(
-            I.Item,
+          /* @__PURE__ */ a(X, { p: e.length !== 0 ? "1" : "0", children: /* @__PURE__ */ a(J, { direction: "column", children: e.map(({ content: C, value: P }, S) => /* @__PURE__ */ a(
+            E.Item,
             {
-              className: ee.DropdownSelectItem,
-              onSelect: p(w),
+              className: _e.DropdownSelectItem,
+              onSelect: m(P),
               textValue: "",
               asChild: !0,
-              children: /* @__PURE__ */ _(W, { align: "center", height: "max-content", width: "100%", gap: "5", children: [
-                /* @__PURE__ */ s(H, { grow: "1", children: g }),
-                /* @__PURE__ */ s(
-                  W,
+              children: /* @__PURE__ */ b(J, { align: "center", height: "max-content", width: "100%", gap: "5", children: [
+                /* @__PURE__ */ a(X, { grow: "1", children: C }),
+                /* @__PURE__ */ a(
+                  J,
                   {
                     justify: "center",
                     align: "center",
                     height: "max-content",
                     width: "4",
-                    children: t === w && (l && (l != null && l.selectedItemIcon) ? l.selectedItemIcon : /* @__PURE__ */ s(Ke, {}))
+                    children: o === P && (c && (c != null && c.selectedItemIcon) ? c.selectedItemIcon : /* @__PURE__ */ a($t, {}))
                   }
                 )
               ] })
             },
-            C
+            S
           )) }) })
         ] }) })
       ] });
     }
   )
-), zn = b(function({ children: o }) {
-  const [n, t] = k(!1), i = y(() => {
-    t(!0);
-  }, []), r = y(() => {
-    t(!1);
+), Fo = w(function({ children: e }) {
+  const [n, o] = k(!1), i = $(() => {
+    o(!0);
+  }, []), r = $(() => {
+    o(!1);
   }, []);
-  return o({
+  return e({
     isHovered: n,
     onPointerEnter: i,
     onPointerLeave: r
   });
-}), Rn = "_fluid_7n1wr_1", je = {
-  fluid: Rn
-}, En = x(function({
-  className: o,
+}), Uo = "_fluid_7n1wr_1", Ct = {
+  fluid: Uo
+}, Ho = x(function({
+  className: e,
   fluid: n,
-  size: t = "medium",
+  size: o = "medium",
   variant: i = "surface",
   severity: r = "primary",
-  itemSeverity: a = "info",
-  placeholder: c = "Select",
-  side: u,
-  items: l = [],
+  itemSeverity: l = "info",
+  placeholder: s = "Select",
+  side: d,
+  items: c = [],
   value: h,
-  id: d,
-  ...m
-}, p) {
-  const f = X(t, se), v = N(r), g = N(a);
-  return /* @__PURE__ */ R(K.Root, { size: f, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ s(
-    K.Trigger,
+  id: u,
+  ...g
+}, m) {
+  const f = ce(o, Te), v = O(r), C = O(l);
+  return /* @__PURE__ */ j(se.Root, { size: f, ...g, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ a(
+    se.Trigger,
     {
-      className: $(o, {
-        [je.fluid]: n
+      className: y(e, {
+        [Ct.fluid]: n
       }),
-      id: d,
-      ref: p,
+      id: u,
+      ref: m,
       variant: i,
-      placeholder: c,
+      placeholder: s,
       color: v
     }
-  ), /* @__PURE__ */ s(
-    K.Content,
+  ), /* @__PURE__ */ a(
+    se.Content,
     {
-      side: u,
-      className: je.contentDefault,
+      side: d,
+      className: Ct.contentDefault,
       position: "popper",
       variant: i !== "surface" ? "soft" : "solid",
-      color: g,
-      children: l.map(({ itemContent: w, value: C, ...S }) => /* @__PURE__ */ s(K.Item, { className: "overmap-select-item", value: C, ...S, children: w }, C))
+      color: C,
+      children: c.map(({ itemContent: P, value: S, ...T }) => /* @__PURE__ */ a(se.Item, { className: "overmap-select-item", value: S, ...T, children: P }, S))
     }
   ));
-}), qr = z.memo(En), Ue = b(
-  x((e, o) => {
-    const { checked: n, label: t, value: i, size: r = "2" } = e;
-    return /* @__PURE__ */ s(H, { asChild: !0, px: r, children: /* @__PURE__ */ s(K.Item, { value: i, ref: o, children: /* @__PURE__ */ _(T, { gap: r, align: "center", children: [
-      /* @__PURE__ */ s(Nt, { checked: n }),
-      t
+}), Wo = H.memo(Ho), bt = w(
+  x((t, e) => {
+    const { checked: n, label: o, value: i, size: r = "2" } = t;
+    return /* @__PURE__ */ a(X, { asChild: !0, px: r, children: /* @__PURE__ */ a(se.Item, { value: i, ref: e, children: /* @__PURE__ */ b(A, { gap: r, align: "center", children: [
+      /* @__PURE__ */ a(_n, { checked: n }),
+      o
     ] }) }) });
   })
-), $e = "__select_all__", Xr = b(
-  x((e, o) => {
-    const [n, t] = k(!1), { placeholder: i, value: r, onValueChange: a, options: c, disabled: u, name: l, ...h } = e, d = X(e.size, se), m = N(e.severity), p = E(() => new Map(c.map((C) => [C.value, C.label])), [c]), f = r.length > 4 ? (
+), qe = "__select_all__", wi = w(
+  x((t, e) => {
+    const [n, o] = k(!1), { placeholder: i, value: r, onValueChange: l, options: s, disabled: d, name: c, ...h } = t, u = ce(t.size, Te), g = O(t.severity), m = M(() => new Map(s.map((S) => [S.value, S.label])), [s]), f = r.length > 4 ? (
       // to ensure the width of the select doesn't get too big
       `${r.length} options selected`
     ) : (
       // convert the values to labels
-      /* @__PURE__ */ s("span", { children: r.flatMap((C) => [p.get(C), ", "]).slice(0, -1) })
-    ), v = y(() => t(!1), []), g = y((C) => {
-      C && t(!0);
-    }, []), w = y(
-      (C) => {
-        let S;
-        C === $e ? S = r.length === c.length ? [] : c.map((J) => J.value) : S = r.includes(C) ? r.filter((D) => D !== C) : [...r, C], a(S);
+      /* @__PURE__ */ a("span", { children: r.flatMap((S) => [m.get(S), ", "]).slice(0, -1) })
+    ), v = $(() => o(!1), []), C = $((S) => {
+      S && o(!0);
+    }, []), P = $(
+      (S) => {
+        let T;
+        S === qe ? T = r.length === s.length ? [] : s.map((oe) => oe.value) : T = r.includes(S) ? r.filter((z) => z !== S) : [...r, S], l(T);
       },
-      [a, c, r]
+      [l, s, r]
     );
-    return O(() => {
-      if (c.some(({ value: C }) => C === $e))
-        throw new Error(`Cannot have an option with the value "${$e}"`);
-    }, [c]), /* @__PURE__ */ _(
-      K.Root,
+    return B(() => {
+      if (s.some(({ value: S }) => S === qe))
+        throw new Error(`Cannot have an option with the value "${qe}"`);
+    }, [s]), /* @__PURE__ */ b(
+      se.Root,
       {
         open: n,
         value: "",
-        onOpenChange: g,
-        onValueChange: w,
-        disabled: u,
-        size: d,
-        name: l,
+        onOpenChange: C,
+        onValueChange: P,
+        disabled: d,
+        size: u,
+        name: c,
         autoComplete: "off",
         children: [
-          /* @__PURE__ */ s(
-            K.Trigger,
+          /* @__PURE__ */ a(
+            se.Trigger,
             {
-              ref: o,
-              color: m,
+              ref: e,
+              color: g,
               placeholder: r.length > 0 ? f : i,
               "data-placeholder": r.length > 0 ? void 0 : !0,
               ...h
             }
           ),
-          /* @__PURE__ */ _(
-            K.Content,
+          /* @__PURE__ */ b(
+            se.Content,
             {
               color: "gray",
               variant: "soft",
@@ -709,23 +716,23 @@ const Kt = {
               onEscapeKeyDown: v,
               onPointerDownOutside: v,
               children: [
-                /* @__PURE__ */ s(
-                  Ue,
+                /* @__PURE__ */ a(
+                  bt,
                   {
-                    value: $e,
+                    value: qe,
                     label: "Select all",
-                    checked: r.length === c.length,
-                    size: d
+                    checked: r.length === s.length,
+                    size: u
                   }
                 ),
-                c.map((C) => /* @__PURE__ */ s(
-                  Ue,
+                s.map((S) => /* @__PURE__ */ a(
+                  bt,
                   {
-                    ...C,
-                    checked: r.includes(C.value),
-                    size: d
+                    ...S,
+                    checked: r.includes(S.value),
+                    size: u
                   },
-                  C.value
+                  S.value
                 ))
               ]
             }
@@ -734,163 +741,163 @@ const Kt = {
       }
     );
   })
-), Bn = {
+), jo = {
   default: "_default_u936h_1"
-}, Mn = x(function({ className: o, severity: n = "primary", icon: t, defaultChecked: i = !1, onCheckedChange: r, ...a }, c) {
-  const u = A(null), [l, h] = k(a.checked ? a.checked : i), [d, m] = k(), p = N(n);
-  ze(() => {
-    var w;
-    const g = c || u;
-    "current" in g && g.current && m((w = g.current) == null ? void 0 : w.querySelector("span.rt-SwitchThumb"));
-  }, [c]);
-  const f = y(
-    (g) => {
-      h(g), r && r(g);
+}, Vo = x(function({ className: e, severity: n = "primary", icon: o, defaultChecked: i = !1, onCheckedChange: r, ...l }, s) {
+  const d = W(null), [c, h] = k(l.checked ? l.checked : i), [u, g] = k(), m = O(n);
+  it(() => {
+    var P;
+    const C = s || d;
+    "current" in C && C.current && g((P = C.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
+  }, [s]);
+  const f = $(
+    (C) => {
+      h(C), r && r(C);
     },
     [r]
-  ), v = a.checked ? a.checked : l;
-  return /* @__PURE__ */ _(G, { children: [
-    /* @__PURE__ */ s(
-      It,
+  ), v = l.checked ? l.checked : c;
+  return /* @__PURE__ */ b(Q, { children: [
+    /* @__PURE__ */ a(
+      Sn,
       {
-        className: $("overmap-switch", o, Bn.default),
-        ref: c || u,
-        color: p,
+        className: y("overmap-switch", e, jo.default),
+        ref: s || d,
+        color: m,
         radius: "full",
         defaultChecked: i,
         onCheckedChange: f,
-        ...a
+        ...l
       }
     ),
-    /* @__PURE__ */ s(Dt, { container: d, asChild: !0, children: t && "checked" in t ? v ? t.checked : t.unchecked : t })
+    /* @__PURE__ */ a($n, { container: u, asChild: !0, children: o && "checked" in o ? v ? o.checked : o.unchecked : o })
   ] });
-}), Qr = b(Mn), Ln = "_sidebarContent_1onyo_1", Wn = "_right_1onyo_7", Hn = "_resizeHandle_1onyo_10", jn = "_left_1onyo_13", Un = "_overlay_1onyo_33", te = {
-  sidebarContent: Ln,
-  right: Wn,
-  resizeHandle: Hn,
-  left: jn,
-  overlay: Un
-}, Gn = { width: "auto", height: "100%" }, Fn = x(function({
-  side: o = "left",
+}), Pi = w(Vo), qo = "_sidebarContent_1onyo_1", Go = "_right_1onyo_7", Ko = "_resizeHandle_1onyo_10", Jo = "_left_1onyo_13", Xo = "_overlay_1onyo_33", Se = {
+  sidebarContent: qo,
+  right: Go,
+  resizeHandle: Ko,
+  left: Jo,
+  overlay: Xo
+}, Qo = { width: "auto", height: "100%" }, Yo = x(function({
+  side: e = "left",
   modal: n = !0,
-  children: t,
+  children: o,
   open: i,
   containerSelector: r,
-  overlay: a = !0,
-  resizable: c = !0,
+  overlay: l = !0,
+  resizable: s = !0,
   // Props related to Resizable
-  minWidth: u = "300px",
-  maxWidth: l = "500px",
+  minWidth: d = "300px",
+  maxWidth: c = "500px",
   ...h
-}, d) {
-  const m = o === "right", p = o === "left", [f, v] = k();
-  return O(() => {
-    const g = r ?? '[data-is-root-theme="true"]', w = document.querySelector(g);
-    if (w === void 0)
-      throw new Error(`Could not find a container element using the following selector ${g}`);
-    v(w);
-  }, [r]), /* @__PURE__ */ s(ye.Root, { open: i, modal: n, children: /* @__PURE__ */ _(ye.Portal, { container: f, children: [
-    a && /* @__PURE__ */ s(ye.Overlay, { className: $(te.overlay) }),
-    /* @__PURE__ */ s(
-      ye.Content,
+}, u) {
+  const g = e === "right", m = e === "left", [f, v] = k();
+  return B(() => {
+    const C = r ?? '[data-is-root-theme="true"]', P = document.querySelector(C);
+    if (P === void 0)
+      throw new Error(`Could not find a container element using the following selector ${C}`);
+    v(P);
+  }, [r]), /* @__PURE__ */ a(je.Root, { open: i, modal: n, children: /* @__PURE__ */ b(je.Portal, { container: f, children: [
+    l && /* @__PURE__ */ a(je.Overlay, { className: y(Se.overlay) }),
+    /* @__PURE__ */ a(
+      je.Content,
       {
-        className: $("overmap-sidebar", "rt-DialogContent", te.sidebarContent, {
-          [te.left]: p,
-          [te.right]: m
+        className: y("overmap-sidebar", "rt-DialogContent", Se.sidebarContent, {
+          [Se.left]: m,
+          [Se.right]: g
         }),
-        ref: d,
+        ref: u,
         asChild: !0,
         ...h,
-        children: /* @__PURE__ */ s(H, { width: "auto", children: /* @__PURE__ */ s(
-          ke,
+        children: /* @__PURE__ */ a(X, { width: "auto", children: /* @__PURE__ */ a(
+          Xe,
           {
-            minWidth: u,
-            maxWidth: l,
-            defaultSize: Gn,
-            enable: { right: c && p, left: c && m },
-            handleClasses: { left: te.resizeHandle, right: te.resizeHandle },
+            minWidth: d,
+            maxWidth: c,
+            defaultSize: Qo,
+            enable: { right: s && m, left: s && g },
+            handleClasses: { left: Se.resizeHandle, right: Se.resizeHandle },
             handleComponent: {
-              right: /* @__PURE__ */ s(Se, {}),
-              left: /* @__PURE__ */ s(Se, {})
+              right: /* @__PURE__ */ a(Je, {}),
+              left: /* @__PURE__ */ a(Je, {})
             },
-            children: t
+            children: o
           }
         ) })
       }
     )
   ] }) });
-}), Yr = b(Fn), Vn = "_outerContent_1iy9c_1", Kn = "_enter_1iy9c_4", qn = "_right_1iy9c_4", Xn = "_left_1iy9c_8", Qn = "_enterActive_1iy9c_12", Yn = "_exitActive_1iy9c_22", Zn = "_exitDone_1iy9c_32", Jn = "_resizable_1iy9c_41", eo = "_slideOutOverlay_1iy9c_47", U = {
-  outerContent: Vn,
-  enter: Kn,
-  right: qn,
-  left: Xn,
-  enterActive: Qn,
-  exitActive: Yn,
-  exitDone: Zn,
-  resizable: Jn,
-  slideOutOverlay: eo
-}, to = 200, Zr = b(function({
-  className: o,
+}), ki = w(Yo), Zo = "_outerContent_1iy9c_1", er = "_enter_1iy9c_4", tr = "_right_1iy9c_4", nr = "_left_1iy9c_8", or = "_enterActive_1iy9c_12", rr = "_exitActive_1iy9c_22", ar = "_exitDone_1iy9c_32", ir = "_resizable_1iy9c_41", sr = "_slideOutOverlay_1iy9c_47", te = {
+  outerContent: Zo,
+  enter: er,
+  right: tr,
+  left: nr,
+  enterActive: or,
+  exitActive: rr,
+  exitDone: ar,
+  resizable: ir,
+  slideOutOverlay: sr
+}, lr = 200, Ti = w(function({
+  className: e,
   open: n,
-  side: t = "left",
+  side: o = "left",
   children: i,
   minWidth: r,
-  maxWidth: a,
-  resizable: c = !0,
-  overlay: u = !1,
-  modal: l = !1,
+  maxWidth: l,
+  resizable: s = !0,
+  overlay: d = !1,
+  modal: c = !1,
   resizeHandle: h,
-  position: d = "absolute",
-  ...m
+  position: u = "absolute",
+  ...g
 }) {
-  const p = A(null), [f, v] = k(r), g = t === "left", w = t === "right", C = y(
-    (S, D, J, Ee) => {
-      v(J.clientWidth), p.current && (p.current.style.width = `${J.clientWidth}px`);
+  const m = W(null), [f, v] = k(r), C = o === "left", P = o === "right", S = $(
+    (T, z, oe, Be) => {
+      v(oe.clientWidth), m.current && (m.current.style.width = `${oe.clientWidth}px`);
     },
     []
   );
-  return /* @__PURE__ */ s(
-    Mt,
+  return /* @__PURE__ */ a(
+    An,
     {
       in: n,
       classNames: {
-        enter: U.enter,
-        enterActive: U.enterActive,
-        exitActive: U.exitActive,
-        exitDone: U.exitDone
+        enter: te.enter,
+        enterActive: te.enterActive,
+        exitActive: te.exitActive,
+        exitDone: te.exitDone
       },
-      timeout: to,
-      nodeRef: p,
+      timeout: lr,
+      nodeRef: m,
       unmountOnExit: !0,
       mountOnEnter: !0,
-      children: /* @__PURE__ */ _(G, { children: [
-        u && /* @__PURE__ */ s("div", { className: $("overamp-slide-out-overlay", U.slideOutOverlay) }),
-        /* @__PURE__ */ s(Bt, { disableOutsidePointerEvents: l, asChild: !0, ...m, children: /* @__PURE__ */ s(
-          T,
+      children: /* @__PURE__ */ b(Q, { children: [
+        d && /* @__PURE__ */ a("div", { className: y("overamp-slide-out-overlay", te.slideOutOverlay) }),
+        /* @__PURE__ */ a(Nn, { disableOutsidePointerEvents: c, asChild: !0, ...g, children: /* @__PURE__ */ a(
+          A,
           {
-            className: $("overmap-slide-out", o, U.outerContent, {
-              [U.left]: g,
-              [U.right]: w
+            className: y("overmap-slide-out", e, te.outerContent, {
+              [te.left]: C,
+              [te.right]: P
             }),
             style: { "--slide-out-width": `${f}px` },
             height: "100%",
             width: "auto",
-            position: d,
+            position: u,
             top: "0",
             bottom: "0",
-            left: g ? "0" : void 0,
-            right: w ? "0" : void 0,
-            ref: p,
-            children: /* @__PURE__ */ s(
-              ke,
+            left: C ? "0" : void 0,
+            right: P ? "0" : void 0,
+            ref: m,
+            children: /* @__PURE__ */ a(
+              Xe,
               {
-                className: U.resizable,
+                className: te.resizable,
                 defaultSize: { width: f, height: "100%" },
-                onResize: C,
-                enable: { right: c && g, left: c && w },
+                onResize: S,
+                enable: { right: s && C, left: s && P },
                 handleComponent: { left: h, right: h },
                 minWidth: r,
-                maxWidth: a,
+                maxWidth: l,
                 children: i
               }
             )
@@ -899,296 +906,296 @@ const Kt = {
       ] })
     }
   );
-}), no = "_accommodateCharCount_yobgh_1", oo = "_wrapper_yobgh_5", ro = "_noLeftIcon_yobgh_14", io = "_noRightIcon_yobgh_18", co = "_charCount_yobgh_22", ne = {
-  accommodateCharCount: no,
-  wrapper: oo,
+}), cr = "_accommodateCharCount_yobgh_1", dr = "_wrapper_yobgh_5", ur = "_noLeftIcon_yobgh_14", hr = "_noRightIcon_yobgh_18", pr = "_charCount_yobgh_22", $e = {
+  accommodateCharCount: cr,
+  wrapper: dr,
   default: "_default_yobgh_10",
-  noLeftIcon: ro,
-  noRightIcon: io,
-  charCount: co
-}, so = x(function({
-  className: o,
+  noLeftIcon: ur,
+  noRightIcon: hr,
+  charCount: pr
+}, mr = x(function({
+  className: e,
   leftSlot: n,
-  rightSlot: t,
+  rightSlot: o,
   size: i = "medium",
   showInputLength: r,
-  value: a,
-  variant: c,
-  severity: u = "primary",
-  ...l
+  value: l,
+  variant: s,
+  severity: d = "primary",
+  ...c
 }, h) {
-  const d = X(i, se), m = N(u), p = r || r === void 0 && l.maxLength !== void 0, f = a !== void 0 ? a.toString() : void 0;
-  return /* @__PURE__ */ _(
-    V.Root,
+  const u = ce(i, Te), g = O(d), m = r || r === void 0 && c.maxLength !== void 0, f = l !== void 0 ? l.toString() : void 0;
+  return /* @__PURE__ */ b(
+    ie.Root,
     {
-      className: $(ne.wrapper, o, {
-        [ne.accommodateCharCount]: p
+      className: y($e.wrapper, e, {
+        [$e.accommodateCharCount]: m
       }),
-      size: d,
-      variant: c,
-      color: m,
+      size: u,
+      variant: s,
+      color: g,
       children: [
-        n && /* @__PURE__ */ s(V.Slot, { children: n }),
-        /* @__PURE__ */ s(
-          V.Input,
+        n && /* @__PURE__ */ a(ie.Slot, { children: n }),
+        /* @__PURE__ */ a(
+          ie.Input,
           {
-            className: $(ne.default, {
-              [ne.noLeftIcon]: !n,
-              [ne.noRightIcon]: !t
+            className: y($e.default, {
+              [$e.noLeftIcon]: !n,
+              [$e.noRightIcon]: !o
             }),
             ref: h,
-            value: a,
-            size: d,
-            variant: c,
-            color: m,
-            ...l
+            value: l,
+            size: u,
+            variant: s,
+            color: g,
+            ...c
           }
         ),
-        t && /* @__PURE__ */ s(V.Slot, { children: t }),
-        p && /* @__PURE__ */ s(he, { as: "p", className: ne.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${f == null ? void 0 : f.length}/${l.maxLength}` : `${f == null ? void 0 : f.length}` })
+        o && /* @__PURE__ */ a(ie.Slot, { children: o }),
+        m && /* @__PURE__ */ a(ze, { as: "p", className: $e.charCount, size: "1", color: "gray", children: c.maxLength !== void 0 ? `${f == null ? void 0 : f.length}/${c.maxLength}` : `${f == null ? void 0 : f.length}` })
       ]
     }
   );
-}), Jr = z.memo(so), ao = "_wrapper_tmtz0_1", lo = {
-  wrapper: ao
-}, uo = x(function({ className: o, trigger: n, open: t, onOpenChange: i, defaultOpen: r = !1, modal: a = !1, children: c, ...u }, l) {
-  return /* @__PURE__ */ _(be.Root, { defaultOpen: r, modal: a, open: t, onOpenChange: i, children: [
-    /* @__PURE__ */ s(be.Trigger, { children: n }),
-    /* @__PURE__ */ s(
-      be.Content,
+}), fr = H.memo(mr), gr = "_wrapper_tmtz0_1", Cr = {
+  wrapper: gr
+}, br = x(function({ className: e, trigger: n, open: o, onOpenChange: i, defaultOpen: r = !1, modal: l = !1, children: s, ...d }, c) {
+  return /* @__PURE__ */ b(He.Root, { defaultOpen: r, modal: l, open: o, onOpenChange: i, children: [
+    /* @__PURE__ */ a(He.Trigger, { children: n }),
+    /* @__PURE__ */ a(
+      He.Content,
       {
-        ref: l,
-        className: $("overmap-popover", o, lo.wrapper),
-        ...u,
-        children: c(be.Close)
+        ref: c,
+        className: y("overmap-popover", e, Cr.wrapper),
+        ...d,
+        children: s(He.Close)
       }
     )
   ] });
-}), ho = z.memo(uo), po = "_wrapper_1ssf2_1", fo = "_panelContent_1ssf2_6", mo = "_left_1ssf2_14", go = "_right_1ssf2_18", vo = "_resizable_1ssf2_23", Co = "_resizeHandle_1ssf2_28", _o = "_panelMainContent_1ssf2_48", M = {
-  wrapper: po,
-  panelContent: fo,
-  left: mo,
-  right: go,
-  resizable: vo,
-  resizeHandle: Co,
-  panelMainContent: _o
-}, Ge = 200, F = 150, ei = b(function({
-  children: o,
+}), vr = H.memo(br), _r = "_wrapper_1ssf2_1", Sr = "_panelContent_1ssf2_6", $r = "_left_1ssf2_14", yr = "_right_1ssf2_18", xr = "_resizable_1ssf2_23", wr = "_resizeHandle_1ssf2_28", Pr = "_panelMainContent_1ssf2_48", V = {
+  wrapper: _r,
+  panelContent: Sr,
+  left: $r,
+  right: yr,
+  resizable: xr,
+  resizeHandle: wr,
+  panelMainContent: Pr
+}, vt = 200, ae = 150, Ni = w(function({
+  children: e,
   showLeft: n,
-  leftPanel: t,
-  leftMinWidth: i = Ge,
+  leftPanel: o,
+  leftMinWidth: i = vt,
   showRight: r,
-  rightPanel: a,
-  rightMinWidth: c = Ge,
-  resizeable: u
+  rightPanel: l,
+  rightMinWidth: s = vt,
+  resizeable: d
 }) {
-  const l = A(null), h = A(null), [d, m] = k(0), [p, f] = k(), v = A(null), [g, w] = k(0), [C, S] = k(), D = y(
-    (P, B, L) => (j, Me, Le, Ne) => {
-      if (!l.current)
+  const c = W(null), h = W(null), [u, g] = k(0), [m, f] = k(), v = W(null), [C, P] = k(0), [S, T] = k(), z = $(
+    (D, L, F) => (G, De, Le, be) => {
+      if (!c.current)
         return;
-      const ge = P + Ne.width;
-      L(l.current.clientWidth - ge), B(() => ge);
+      const Y = D + be.width;
+      F(c.current.clientWidth - Y), L(() => Y);
     },
     []
-  ), J = y(
-    (P, B, L, j) => D(d, m, S)(P, B, L, j),
-    [D, d]
-  ), Ee = y(
-    (P, B, L, j) => D(g, w, f)(P, B, L, j),
-    [D, g]
-  ), fe = y(
-    (P, B, L, j, Me, Le, Ne, ge) => {
-      if (!l.current)
+  ), oe = $(
+    (D, L, F, G) => z(u, g, T)(D, L, F, G),
+    [z, u]
+  ), Be = $(
+    (D, L, F, G) => z(C, P, f)(D, L, F, G),
+    [z, C]
+  ), ge = $(
+    (D, L, F, G, De, Le, be, Y) => {
+      if (!c.current)
         return;
-      let ve = P;
-      if (ve === 0 && (ve = B, L(ve)), Le) {
-        const Ce = l.current.clientWidth - ve;
-        ge(Ce), Me > Ce && (Ne(Ce), j(l.current.clientWidth - Ce));
+      let re = D;
+      if (re === 0 && (re = L, F(re)), Le) {
+        const Z = c.current.clientWidth - re;
+        Y(Z), De > Z && (be(Z), G(c.current.clientWidth - Z));
       }
     },
     []
-  ), mt = y(
-    () => fe(
-      g,
-      c,
-      w,
-      S,
-      d,
+  ), de = $(
+    () => ge(
+      C,
+      s,
+      P,
+      T,
+      u,
       n,
-      m,
+      g,
       f
     ),
-    [fe, d, c, g, n]
-  ), gt = y(
-    () => fe(
-      d,
+    [ge, u, s, C, n]
+  ), Ye = $(
+    () => ge(
+      u,
       i,
-      m,
-      f,
       g,
+      f,
+      C,
       r,
-      w,
-      S
+      P,
+      T
     ),
-    [fe, i, d, g, r]
-  ), me = y(
-    (P, B) => {
-      l.current && P && B(l.current.clientWidth);
+    [ge, i, u, C, r]
+  ), Ce = $(
+    (D, L) => {
+      c.current && D && L(c.current.clientWidth);
     },
     []
-  ), vt = y(
-    () => me(n, f),
-    [me, n]
-  ), Ct = y(
-    () => me(r, S),
-    [me, r]
-  ), Be = y(() => {
-    var P, B, L, j;
-    l.current && (f(l.current.clientWidth - (((P = v.current) == null ? void 0 : P.clientWidth) || 0)), S(l.current.clientWidth - (((B = h.current) == null ? void 0 : B.clientWidth) || 0)), m(((L = h.current) == null ? void 0 : L.clientWidth) || 0), w(((j = v.current) == null ? void 0 : j.clientWidth) || 0));
+  ), Ze = $(
+    () => Ce(n, f),
+    [Ce, n]
+  ), ct = $(
+    () => Ce(r, T),
+    [Ce, r]
+  ), Ne = $(() => {
+    var D, L, F, G;
+    c.current && (f(c.current.clientWidth - (((D = v.current) == null ? void 0 : D.clientWidth) || 0)), T(c.current.clientWidth - (((L = h.current) == null ? void 0 : L.clientWidth) || 0)), g(((F = h.current) == null ? void 0 : F.clientWidth) || 0), P(((G = v.current) == null ? void 0 : G.clientWidth) || 0));
   }, []);
-  O(() => {
-    if (!l.current)
+  B(() => {
+    if (!c.current)
       return;
-    const P = new ResizeObserver(Be);
-    return P.observe(l.current), () => {
-      P.disconnect();
+    const D = new ResizeObserver(Ne);
+    return D.observe(c.current), () => {
+      D.disconnect();
     };
-  }, [Be]);
-  const _t = E(() => ({
+  }, [Ne]);
+  const q = M(() => ({
     entering: {
-      transform: `translateX(-${d}px)`,
-      marginRight: `-${d}px`,
+      transform: `translateX(-${u}px)`,
+      marginRight: `-${u}px`,
       transitionProperty: "transform, margin-right",
-      transitionDuration: `${F}ms`,
+      transitionDuration: `${ae}ms`,
       transitionTimingFunction: "linear"
     },
     entered: {
       transform: "translateX(0)",
       marginRight: 0,
       transitionProperty: "transform, margin-right",
-      transitionDuration: `${F}ms`,
+      transitionDuration: `${ae}ms`,
       transitionTimingFunction: "linear"
     },
     exiting: {
-      transform: `translateX(-${d}px)`,
-      marginRight: `-${d}px`,
+      transform: `translateX(-${u}px)`,
+      marginRight: `-${u}px`,
       transitionProperty: "transform, margin-right",
-      transitionDuration: `${F}ms`,
+      transitionDuration: `${ae}ms`,
       transitionTimingFunction: "linear"
     },
     exited: {},
     unmounted: {}
-  }), [d]), bt = E(() => ({
+  }), [u]), Ae = M(() => ({
     entering: {
-      transform: `translateX(${g}px)`,
-      marginLeft: `${-g}px`,
+      transform: `translateX(${C}px)`,
+      marginLeft: `${-C}px`,
       transitionProperty: "transform, margin-left",
-      transitionDuration: `${F}ms`,
+      transitionDuration: `${ae}ms`,
       transitionTimingFunction: "linear"
     },
     entered: {
       transform: "translateX(0)",
       marginLeft: 0,
       transitionProperty: "transform, margin-left",
-      transitionDuration: `${F}ms`,
+      transitionDuration: `${ae}ms`,
       transitionTimingFunction: "linear"
     },
     exiting: {
-      transform: `translateX(${g}px)`,
-      marginLeft: `${-g}px`,
+      transform: `translateX(${C}px)`,
+      marginLeft: `${-C}px`,
       transitionProperty: "transform, margin-left",
-      transitionDuration: `${F}ms`,
+      transitionDuration: `${ae}ms`,
       transitionTimingFunction: "linear"
     },
     exited: {},
     unmounted: {}
-  }), [g]);
-  return /* @__PURE__ */ _(
-    T,
+  }), [C]);
+  return /* @__PURE__ */ b(
+    A,
     {
-      className: M.wrapper,
-      style: { minWidth: `${i + c}px` },
-      ref: l,
+      className: V.wrapper,
+      style: { minWidth: `${i + s}px` },
+      ref: c,
       width: "100%",
       height: "100%",
       justify: "center",
       m: "0",
       p: "0",
       children: [
-        /* @__PURE__ */ s(
-          He,
+        /* @__PURE__ */ a(
+          mt,
           {
             nodeRef: h,
-            timeout: n ? 0 : F,
+            timeout: n ? 0 : ae,
             in: n,
             unmountOnExit: !0,
-            onEntering: gt,
-            onExited: Ct,
-            children: (P) => /* @__PURE__ */ s(
-              H,
+            onEntering: Ye,
+            onExited: ct,
+            children: (D) => /* @__PURE__ */ a(
+              X,
               {
                 ref: h,
-                className: $(M.panelContent, M.left),
-                style: _t[P],
+                className: y(V.panelContent, V.left),
+                style: q[D],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
-                children: /* @__PURE__ */ s(
-                  ke,
+                children: /* @__PURE__ */ a(
+                  Xe,
                   {
-                    className: M.resizable,
+                    className: V.resizable,
                     size: {
-                      width: d,
+                      width: u,
                       height: "100%"
                     },
-                    onResizeStop: J,
-                    enable: { right: (u == null ? void 0 : u.left) !== void 0 ? u.left : !0 },
+                    onResizeStop: oe,
+                    enable: { right: (d == null ? void 0 : d.left) !== void 0 ? d.left : !0 },
                     minWidth: i,
-                    maxWidth: p,
-                    handleClasses: { right: $(M.resizeHandle, M.left) },
+                    maxWidth: m,
+                    handleClasses: { right: y(V.resizeHandle, V.left) },
                     handleComponent: {
-                      right: /* @__PURE__ */ s(Se, { height: "14px", width: "14px" })
+                      right: /* @__PURE__ */ a(Je, { height: "14px", width: "14px" })
                     },
-                    children: t
+                    children: o
                   }
                 )
               }
             )
           }
         ),
-        /* @__PURE__ */ s("div", { className: M.panelMainContent, children: o }),
-        /* @__PURE__ */ s(
-          He,
+        /* @__PURE__ */ a("div", { className: V.panelMainContent, children: e }),
+        /* @__PURE__ */ a(
+          mt,
           {
             nodeRef: v,
-            timeout: r ? 0 : F,
+            timeout: r ? 0 : ae,
             in: r,
             unmountOnExit: !0,
-            onEntering: mt,
-            onExited: vt,
-            children: (P) => /* @__PURE__ */ s(
-              H,
+            onEntering: de,
+            onExited: Ze,
+            children: (D) => /* @__PURE__ */ a(
+              X,
               {
                 ref: v,
-                className: $(M.panelContent, M.right),
-                style: bt[P],
+                className: y(V.panelContent, V.right),
+                style: Ae[D],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
-                children: /* @__PURE__ */ s(
-                  ke,
+                children: /* @__PURE__ */ a(
+                  Xe,
                   {
-                    className: M.resizable,
-                    size: { width: g, height: "100%" },
-                    onResizeStop: Ee,
-                    enable: { left: (u == null ? void 0 : u.right) !== void 0 ? u.right : !0 },
-                    minWidth: c,
-                    maxWidth: C,
-                    handleClasses: { left: $(M.resizeHandle, M.right) },
-                    handleComponent: { left: /* @__PURE__ */ s(Se, { height: "14px", width: "14px" }) },
-                    children: a
+                    className: V.resizable,
+                    size: { width: C, height: "100%" },
+                    onResizeStop: Be,
+                    enable: { left: (d == null ? void 0 : d.right) !== void 0 ? d.right : !0 },
+                    minWidth: s,
+                    maxWidth: S,
+                    handleClasses: { left: y(V.resizeHandle, V.right) },
+                    handleComponent: { left: /* @__PURE__ */ a(Je, { height: "14px", width: "14px" }) },
+                    children: l
                   }
                 )
               }
@@ -1198,41 +1205,41 @@ const Kt = {
       ]
     }
   );
-}), bo = "_multiPagePopover_1w3ey_1", xo = "_light_1w3ey_15", yo = "_dark_1w3ey_20", $o = "_pageTitle_1w3ey_28", wo = "_buttonContainer_1w3ey_33", So = "_optionsButtonContainer_1w3ey_38", ko = "_optionsButton_1w3ey_38", ie = {
-  multiPagePopover: bo,
-  light: xo,
-  dark: yo,
-  pageTitle: $o,
-  buttonContainer: wo,
-  optionsButtonContainer: So,
-  optionsButton: ko
+}), kr = "_multiPagePopover_1w3ey_1", Tr = "_light_1w3ey_15", Nr = "_dark_1w3ey_20", Ar = "_pageTitle_1w3ey_28", Dr = "_buttonContainer_1w3ey_33", Ir = "_optionsButtonContainer_1w3ey_38", Mr = "_optionsButton_1w3ey_38", we = {
+  multiPagePopover: kr,
+  light: Tr,
+  dark: Nr,
+  pageTitle: Ar,
+  buttonContainer: Dr,
+  optionsButtonContainer: Ir,
+  optionsButton: Mr
 };
-function rt(e, o, n, t = 0) {
-  if (!e.options)
-    return e.content || /* @__PURE__ */ s(G, {});
-  const i = e.options.map((r, a) => /* @__PURE__ */ s(
-    Pe,
+function Mt(t, e, n, o = 0) {
+  if (!t.options)
+    return t.content || /* @__PURE__ */ a(Q, {});
+  const i = t.options.map((r, l) => /* @__PURE__ */ a(
+    ke,
     {
-      className: $(ie.optionsButton, r.buttonClassName),
+      className: y(we.optionsButton, r.buttonClassName),
       variant: "ghost",
       radius: "large",
       style: {
         width: n === "vertical" ? "100%" : "auto"
       },
-      onClick: r.onClick || (() => o(
-        rt(r.page || {}, o, n, t + 1)
+      onClick: r.onClick || (() => e(
+        Mt(r.page || {}, e, n, o + 1)
       )),
       children: r.label
     },
-    `${r.value}-page-${t}-button-${a}`
+    `${r.value}-page-${o}-button-${l}`
   ));
-  return /* @__PURE__ */ _(G, { children: [
-    e.title && /* @__PURE__ */ s("div", { className: ie.pageTitle, children: e.title }),
-    e.content,
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ b(Q, { children: [
+    t.title && /* @__PURE__ */ a("div", { className: we.pageTitle, children: t.title }),
+    t.content,
+    /* @__PURE__ */ a(
       "div",
       {
-        className: $(ie.optionsButtonContainer, e.buttonsContainerClassName),
+        className: y(we.optionsButtonContainer, t.buttonsContainerClassName),
         style: {
           flexDirection: n === "vertical" ? "column" : "row"
         },
@@ -1241,103 +1248,103 @@ function rt(e, o, n, t = 0) {
     )
   ] });
 }
-const Po = x(function({ page: o, className: n, direction: t = "vertical", color: i = "light", ...r }, a) {
-  const [c, u] = k(void 0), l = y(() => {
-    u(rt(o, u, t, 0));
-  }, [t, o]), h = y((d) => c, [c]);
-  return /* @__PURE__ */ s(
-    ho,
+const Rr = x(function({ page: e, className: n, direction: o = "vertical", color: i = "light", ...r }, l) {
+  const [s, d] = k(void 0), c = $(() => {
+    d(Mt(e, d, o, 0));
+  }, [o, e]), h = $((u) => s, [s]);
+  return /* @__PURE__ */ a(
+    vr,
     {
-      className: $(ie.multiPagePopover, i === "light" ? ie.light : ie.dark, n),
-      ref: a,
-      onOpenAutoFocus: l,
-      onCloseAutoFocus: l,
+      className: y(we.multiPagePopover, i === "light" ? we.light : we.dark, n),
+      ref: l,
+      onOpenAutoFocus: c,
+      onCloseAutoFocus: c,
       ...r,
-      children: (d) => h(d)
+      children: (u) => h(u)
     }
   );
-}), ti = z.memo(Po), To = "_charCount_17uut_1", No = {
-  charCount: To
-}, Io = x(function({ className: o, showInputLength: n, inputLengthTemplate: t, value: i, severity: r = "primary", resize: a, ...c }, u) {
-  const l = N(r), h = N("info"), d = n || n === void 0 && (c.maxLength !== void 0 || c.minLength !== void 0), m = i !== void 0 ? i.toString() : "", p = E(() => {
-    if (t) {
-      let f = t.replace("{current}", m.length.toString());
-      return c.minLength !== void 0 && (f = f.replace("{min}", c.minLength.toString())), c.maxLength !== void 0 && (f = f.replace("{max}", c.maxLength.toString())), f;
+}), Or = H.memo(Rr), zr = "_charCount_17uut_1", Er = {
+  charCount: zr
+}, Br = x(function({ className: e, showInputLength: n, inputLengthTemplate: o, value: i, severity: r = "primary", resize: l, ...s }, d) {
+  const c = O(r), h = O("info"), u = n || n === void 0 && (s.maxLength !== void 0 || s.minLength !== void 0), g = i !== void 0 ? i.toString() : "", m = M(() => {
+    if (o) {
+      let f = o.replace("{current}", g.length.toString());
+      return s.minLength !== void 0 && (f = f.replace("{min}", s.minLength.toString())), s.maxLength !== void 0 && (f = f.replace("{max}", s.maxLength.toString())), f;
     }
-    return m.length;
-  }, [t, c.maxLength, c.minLength, m.length]);
-  return /* @__PURE__ */ _(G, { children: [
-    /* @__PURE__ */ s(
-      Ot,
+    return g.length;
+  }, [o, s.maxLength, s.minLength, g.length]);
+  return /* @__PURE__ */ b(Q, { children: [
+    /* @__PURE__ */ a(
+      yn,
       {
-        className: $("overmap-textarea", o),
-        style: { resize: a },
-        ref: u,
+        className: y("overmap-textarea", e),
+        style: { resize: l },
+        ref: d,
         value: i,
-        color: l,
-        ...c
+        color: c,
+        ...s
       }
     ),
-    d && /* @__PURE__ */ s(he, { as: "p", className: No.charCount, color: h, align: "right", children: p })
+    u && /* @__PURE__ */ a(ze, { as: "p", className: Er.charCount, color: h, align: "right", children: m })
   ] });
-}), ni = b(Io), Do = x(function({
+}), Ai = w(Br), Lr = x(function({
   // ToggleGroup Primitive Props
-  loop: o,
+  loop: e,
   type: n,
-  rovingFocus: t,
+  rovingFocus: o,
   value: i,
   onValueChange: r,
-  defaultValue: a,
-  disabled: c,
-  items: u,
+  defaultValue: l,
+  disabled: s,
+  items: d,
   // ButtonGroup Props
-  className: l,
+  className: c,
   direction: h = "row",
-  ...d
-}, m) {
-  return /* @__PURE__ */ s(
-    Lt,
+  ...u
+}, g) {
+  return /* @__PURE__ */ a(
+    Dn,
     {
       type: n,
-      className: $("overmap-toggle-group", l),
-      ref: m,
+      className: y("overmap-toggle-group", c),
+      ref: g,
       value: i,
       onValueChange: r,
-      disabled: c,
+      disabled: s,
       orientation: h === "column" ? "vertical" : "horizontal",
-      loop: o,
-      rovingFocus: t,
-      defaultValue: a,
+      loop: e,
+      rovingFocus: o,
+      defaultValue: l,
       asChild: !0,
-      children: /* @__PURE__ */ s(tt, { direction: h, ...d, children: u.map(({ children: p, ...f }) => /* @__PURE__ */ R(Wt, { asChild: !0, ...f, key: f.value }, /* @__PURE__ */ s(
-        et,
+      children: /* @__PURE__ */ a(At, { direction: h, ...u, children: d.map(({ children: m, ...f }) => /* @__PURE__ */ j(In, { asChild: !0, ...f, key: f.value }, /* @__PURE__ */ a(
+        ne,
         {
-          className: $("overmap-toggle-group-button"),
+          className: y("overmap-toggle-group-button"),
           "aria-label": f.value,
           variant: f.value === i ? "solid" : "soft",
-          children: p
+          children: m
         }
       ))) })
     }
   );
-}), oi = b(Do), Oo = {
+}), Di = w(Lr), Fr = {
   default: "_default_xqvoc_1"
-}, Ao = b(
-  x(({ className: e, minContentGap: o = "2", children: n, ...t }, i) => /* @__PURE__ */ s(
-    Ht,
+}, Ur = w(
+  x(({ className: t, minContentGap: e = "2", children: n, ...o }, i) => /* @__PURE__ */ a(
+    Mn,
     {
-      className: $(e, "overmap-toolbar", Oo.default),
+      className: y(t, "overmap-toolbar", Fr.default),
       ref: i,
       asChild: !0,
-      ...t,
-      children: /* @__PURE__ */ s(W, { grow: "1", width: "100%", height: "max-content", align: "center", gap: o, wrap: "nowrap", children: n })
+      ...o,
+      children: /* @__PURE__ */ a(J, { grow: "1", width: "100%", height: "max-content", align: "center", gap: e, wrap: "nowrap", children: n })
     }
   ))
-), zo = b(
-  x(({ children: e, gap: o = "2" }, n) => /* @__PURE__ */ s(W, { ref: n, grow: "1", width: "max-content", height: "100%", align: "center", gap: o, children: e }))
-), Ro = b(
-  x(({ children: e, gap: o }, n) => /* @__PURE__ */ s(
-    W,
+), Hr = w(
+  x(({ children: t, gap: e = "2" }, n) => /* @__PURE__ */ a(J, { ref: n, grow: "1", width: "max-content", height: "100%", align: "center", gap: e, children: t }))
+), Wr = w(
+  x(({ children: t, gap: e }, n) => /* @__PURE__ */ a(
+    J,
     {
       ref: n,
       grow: "1",
@@ -1345,364 +1352,364 @@ const Po = x(function({ page: o, className: n, direction: t = "vertical", color:
       direction: "row-reverse",
       height: "100%",
       align: "center",
-      gap: o || "2",
-      children: e
+      gap: e || "2",
+      children: t
     }
   ))
-), ri = {
-  Root: Ao,
-  LeftContent: zo,
-  RightContent: Ro
-}, Eo = "_ToastViewport_1i6bp_1", Bo = "_actionButton_1i6bp_20", Mo = "_ToastRoot_1i6bp_24", Lo = "_slideIn_1i6bp_1", Wo = "_swipeOut_1i6bp_1", De = {
-  ToastViewport: Eo,
-  actionButton: Bo,
-  ToastRoot: Mo,
-  slideIn: Lo,
-  swipeOut: Wo
-}, Ho = x(function({ title: o, description: n, icon: t, severity: i = "primary", size: r, onClose: a, sensitivity: c, action: u, ...l }, h) {
-  const [d, m] = k(!0), p = N(i), f = y(
+), Ii = {
+  Root: Ur,
+  LeftContent: Hr,
+  RightContent: Wr
+}, jr = "_ToastViewport_1i6bp_1", Vr = "_actionButton_1i6bp_20", qr = "_ToastRoot_1i6bp_24", Gr = "_slideIn_1i6bp_1", Kr = "_swipeOut_1i6bp_1", ot = {
+  ToastViewport: jr,
+  actionButton: Vr,
+  ToastRoot: qr,
+  slideIn: Gr,
+  swipeOut: Kr
+}, Jr = x(function({ title: e, description: n, icon: o, severity: i = "primary", size: r, onClose: l, sensitivity: s, action: d, ...c }, h) {
+  const [u, g] = k(!0), m = O(i), f = $(
     (v) => {
-      !v && a && a(), m(v);
+      !v && l && l(), g(v);
     },
-    [a]
+    [l]
   );
-  return /* @__PURE__ */ s(le.Root, { asChild: !0, ref: h, ...l, open: d, type: c, onOpenChange: f, children: /* @__PURE__ */ s(xe.Root, { className: De.ToastRoot, variant: "surface", color: p, size: r, children: /* @__PURE__ */ _(T, { width: "100%", align: "center", gap: "4", justify: "between", children: [
-    /* @__PURE__ */ _(T, { align: "center", gap: "3", children: [
-      /* @__PURE__ */ s(xe.Icon, { children: t }),
-      /* @__PURE__ */ _(T, { direction: "column", gap: "2", children: [
-        /* @__PURE__ */ _(T, { direction: "column", gap: "0", children: [
-          /* @__PURE__ */ s(le.Title, { asChild: !0, children: /* @__PURE__ */ s(xe.Text, { size: "3", weight: "medium", children: o }) }),
-          /* @__PURE__ */ s(le.Description, { asChild: !0, children: /* @__PURE__ */ s(xe.Text, { children: n }) })
+  return /* @__PURE__ */ a(Me.Root, { asChild: !0, ref: h, ...c, open: u, type: s, onOpenChange: f, children: /* @__PURE__ */ a(We.Root, { className: ot.ToastRoot, variant: "surface", color: m, size: r, children: /* @__PURE__ */ b(A, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+    /* @__PURE__ */ b(A, { align: "center", gap: "3", children: [
+      /* @__PURE__ */ a(We.Icon, { children: o }),
+      /* @__PURE__ */ b(A, { direction: "column", gap: "2", children: [
+        /* @__PURE__ */ b(A, { direction: "column", gap: "0", children: [
+          /* @__PURE__ */ a(Me.Title, { asChild: !0, children: /* @__PURE__ */ a(We.Text, { size: "3", weight: "medium", children: e }) }),
+          /* @__PURE__ */ a(Me.Description, { asChild: !0, children: /* @__PURE__ */ a(We.Text, { children: n }) })
         ] }),
-        u && /* @__PURE__ */ s(le.Action, { className: De.actionButton, altText: u.altText, asChild: !0, children: u.content })
+        d && /* @__PURE__ */ a(Me.Action, { className: ot.actionButton, altText: d.altText, asChild: !0, children: d.content })
       ] })
     ] }),
-    /* @__PURE__ */ s(le.Close, { asChild: !0, children: /* @__PURE__ */ s(et, { "aria-label": "Close", variant: "ghost", severity: i, children: /* @__PURE__ */ s(yt, {}) }) })
+    /* @__PURE__ */ a(Me.Close, { asChild: !0, children: /* @__PURE__ */ a(ne, { "aria-label": "Close", variant: "ghost", severity: i, children: /* @__PURE__ */ a(yt, {}) }) })
   ] }) }) });
-}), jo = b(Ho), it = ce({}), ii = () => {
-  const e = pe(it);
-  if (!e)
+}), Xr = w(Jr), Rt = Pe({}), Mi = () => {
+  const t = Ee(Rt);
+  if (!t)
     throw new Error("useToast must be used within a ToastProvider");
-  return e;
-}, Uo = 240 / 60, Fe = 5e3, Go = (e) => {
-  if (e.duration && e.duration >= Fe)
-    return e.duration;
-  const o = e.severity === "danger" ? 1.5 : 1, n = e.description.split(" ").length + e.title.split(" ").length;
-  return (Fe + n / Uo) * o;
+  return t;
+}, Qr = 240 / 60, _t = 5e3, Yr = (t) => {
+  if (t.duration && t.duration >= _t)
+    return t.duration;
+  const e = t.severity === "danger" ? 1.5 : 1, n = t.description.split(" ").length + t.title.split(" ").length;
+  return (_t + n / Qr) * e;
 };
-let Fo;
-const ci = b(function({
-  children: o,
+let Zr;
+const Ri = w(function({
+  children: e,
   // Use this class to change where the viewport for the toasts should be
   className: n,
-  hotkey: t,
+  hotkey: o,
   ...i
 }) {
-  const [r, a] = k([]), c = y((l, h, d) => {
-    a((m) => {
-      const p = m.find((f) => f.id === l);
-      return p && h === 0 && clearTimeout(p.timeout), m.filter((f) => f.id !== l);
-    }), d && d();
-  }, []), u = E(() => {
-    let l = 0;
+  const [r, l] = k([]), s = $((c, h, u) => {
+    l((g) => {
+      const m = g.find((f) => f.id === c);
+      return m && h === 0 && clearTimeout(m.timeout), g.filter((f) => f.id !== c);
+    }), u && u();
+  }, []), d = M(() => {
+    let c = 0;
     const h = (v) => {
-      const g = Go(v), w = l.toString();
-      l += 1;
-      const C = setTimeout(() => c(w, 1, v.onClose), g);
-      a((S) => [...S, { ...v, timeout: C, duration: g, id: w }]);
-    }, d = (v) => h({ ...v, severity: "primary" }), m = (v) => h({ ...v, severity: "success" }), p = (v) => h({ ...v, severity: "danger" }), f = (v) => h({ ...v, severity: "info" });
-    return Fo = h, {
+      const C = Yr(v), P = c.toString();
+      c += 1;
+      const S = setTimeout(() => s(P, 1, v.onClose), C);
+      l((T) => [...T, { ...v, timeout: S, duration: C, id: P }]);
+    }, u = (v) => h({ ...v, severity: "primary" }), g = (v) => h({ ...v, severity: "success" }), m = (v) => h({ ...v, severity: "danger" }), f = (v) => h({ ...v, severity: "info" });
+    return Zr = h, {
       showToast: h,
-      showPrimary: d,
-      showSuccess: m,
-      showError: p,
+      showPrimary: u,
+      showSuccess: g,
+      showError: m,
       showInfo: f
     };
-  }, [c]);
-  return O(() => () => {
-    for (const { timeout: l } of r)
-      clearTimeout(l);
-  }, []), /* @__PURE__ */ s(it.Provider, { value: u, children: /* @__PURE__ */ _(jt, { ...i, children: [
-    o,
-    /* @__PURE__ */ s(Ut, { className: $(n, De.ToastViewport), hotkey: t }),
-    r.map(({ id: l, onClose: h, ...d }) => /* @__PURE__ */ s(jo, { ...d, onClose: () => c(l, 0, h) }, l))
+  }, [s]);
+  return B(() => () => {
+    for (const { timeout: c } of r)
+      clearTimeout(c);
+  }, []), /* @__PURE__ */ a(Rt.Provider, { value: d, children: /* @__PURE__ */ b(Rn, { ...i, children: [
+    e,
+    /* @__PURE__ */ a(On, { className: y(n, ot.ToastViewport), hotkey: o }),
+    r.map(({ id: c, onClose: h, ...u }) => /* @__PURE__ */ a(Xr, { ...u, onClose: () => s(c, 0, h) }, c))
   ] }) });
-}), Vo = {
+}), ea = {
   default: "_default_1odpt_1"
-}, si = b(
-  x(({ className: e, children: o, content: n, ...t }, i) => /* @__PURE__ */ s(
-    At,
+}, Oi = w(
+  x(({ className: t, children: e, content: n, ...o }, i) => /* @__PURE__ */ a(
+    xn,
     {
-      className: $("overmap-tooltip", e, Vo.default),
+      className: y("overmap-tooltip", t, ea.default),
       ref: i,
-      content: /* @__PURE__ */ s(T, { align: "center", gap: "1", width: "max-content", height: "max-content", justify: "center", children: n }),
-      ...t,
-      children: o
+      content: /* @__PURE__ */ a(A, { align: "center", gap: "1", width: "max-content", height: "max-content", justify: "center", children: n }),
+      ...o,
+      children: e
     }
   ))
-), Ko = "_noWrap_1wpa5_1", qo = {
-  noWrap: Ko
-}, ai = b(
-  x(({ className: e, noWrap: o, severity: n, as: t, ...i }, r) => {
-    const a = N(n);
-    return /* @__PURE__ */ s(
-      he,
+), ta = "_noWrap_1wpa5_1", na = {
+  noWrap: ta
+}, nt = w(
+  x(({ className: t, noWrap: e, severity: n, as: o, ...i }, r) => {
+    const l = O(n);
+    return /* @__PURE__ */ a(
+      ze,
       {
         ref: r,
-        as: t,
-        className: $(e, { [qo.noWrap]: o }),
-        color: a,
+        as: o,
+        className: y(t, { [na.noWrap]: e }),
+        color: l,
         ...i
       }
     );
   })
 );
-const li = b(
-  x((e, o) => {
-    const { panelBackground: n = "solid", radius: t = "full", ...i } = e;
-    return /* @__PURE__ */ s(zt, { panelBackground: n, radius: t, ref: o, ...i });
+const zi = w(
+  x((t, e) => {
+    const { panelBackground: n = "solid", radius: o = "full", ...i } = t;
+    return /* @__PURE__ */ a(wn, { panelBackground: n, radius: o, ref: e, ...i });
   })
-), Xo = {
+), oa = {
   1: "max-content",
   2: "max-content",
   3: "max-content",
   4: "100%"
-}, Qo = x(function({ severity: o = "info", weight: n = "light", gap: t = "1", text: i, orientation: r = "horizontal", size: a, ...c }, u) {
-  const l = X(a, Xo), h = N(o);
-  return /* @__PURE__ */ _(
-    T,
+}, ra = x(function({ severity: e = "info", weight: n = "light", gap: o = "1", text: i, orientation: r = "horizontal", size: l, ...s }, d) {
+  const c = ce(l, oa), h = O(e);
+  return /* @__PURE__ */ b(
+    A,
     {
-      ref: u,
-      width: r === "horizontal" ? l : "max-content",
-      height: r === "vertical" ? l : "max-content",
+      ref: d,
+      width: r === "horizontal" ? c : "max-content",
+      height: r === "vertical" ? c : "max-content",
       direction: r === "vertical" ? "column" : "row",
       align: "center",
-      gap: t,
+      gap: o,
       children: [
-        /* @__PURE__ */ s(We, { size: a, orientation: r, color: h, ...c }),
-        i && /* @__PURE__ */ _(G, { children: [
-          /* @__PURE__ */ s(he, { as: "span", size: "1", weight: n, color: h, children: i }),
-          /* @__PURE__ */ s(We, { size: a, orientation: r, color: h, ...c })
+        /* @__PURE__ */ a(pt, { size: l, orientation: r, color: h, ...s }),
+        i && /* @__PURE__ */ b(Q, { children: [
+          /* @__PURE__ */ a(ze, { as: "span", size: "1", weight: n, color: h, children: i }),
+          /* @__PURE__ */ a(pt, { size: l, orientation: r, color: h, ...s })
         ] })
       ]
     }
   );
-}), ui = b(Qo);
-function q() {
-  return q = Object.assign ? Object.assign.bind() : function(e) {
-    for (var o = 1; o < arguments.length; o++) {
-      var n = arguments[o];
-      for (var t in n)
-        Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
+}), Ei = w(ra);
+function le() {
+  return le = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var n = arguments[e];
+      for (var o in n)
+        Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
     }
-    return e;
-  }, q.apply(this, arguments);
+    return t;
+  }, le.apply(this, arguments);
 }
-function Yo(e, o) {
-  typeof e == "function" ? e(o) : e != null && (e.current = o);
+function aa(t, e) {
+  typeof t == "function" ? t(e) : t != null && (t.current = e);
 }
-function ct(...e) {
-  return (o) => e.forEach(
-    (n) => Yo(n, o)
+function Ot(...t) {
+  return (e) => t.forEach(
+    (n) => aa(n, e)
   );
 }
-function st(...e) {
-  return y(ct(...e), e);
+function zt(...t) {
+  return $(Ot(...t), t);
 }
-function Zo(e, o = []) {
+function ia(t, e = []) {
   let n = [];
-  function t(r, a) {
-    const c = /* @__PURE__ */ ce(a), u = n.length;
+  function o(r, l) {
+    const s = /* @__PURE__ */ Pe(l), d = n.length;
     n = [
       ...n,
-      a
+      l
     ];
-    function l(d) {
-      const { scope: m, children: p, ...f } = d, v = (m == null ? void 0 : m[e][u]) || c, g = E(
+    function c(u) {
+      const { scope: g, children: m, ...f } = u, v = (g == null ? void 0 : g[t][d]) || s, C = M(
         () => f,
         Object.values(f)
       );
-      return /* @__PURE__ */ R(v.Provider, {
-        value: g
-      }, p);
+      return /* @__PURE__ */ j(v.Provider, {
+        value: C
+      }, m);
     }
-    function h(d, m) {
-      const p = (m == null ? void 0 : m[e][u]) || c, f = pe(p);
+    function h(u, g) {
+      const m = (g == null ? void 0 : g[t][d]) || s, f = Ee(m);
       if (f)
         return f;
-      if (a !== void 0)
-        return a;
-      throw new Error(`\`${d}\` must be used within \`${r}\``);
+      if (l !== void 0)
+        return l;
+      throw new Error(`\`${u}\` must be used within \`${r}\``);
     }
-    return l.displayName = r + "Provider", [
-      l,
+    return c.displayName = r + "Provider", [
+      c,
       h
     ];
   }
   const i = () => {
-    const r = n.map((a) => /* @__PURE__ */ ce(a));
-    return function(c) {
-      const u = (c == null ? void 0 : c[e]) || r;
-      return E(
+    const r = n.map((l) => /* @__PURE__ */ Pe(l));
+    return function(s) {
+      const d = (s == null ? void 0 : s[t]) || r;
+      return M(
         () => ({
-          [`__scope${e}`]: {
-            ...c,
-            [e]: u
+          [`__scope${t}`]: {
+            ...s,
+            [t]: d
           }
         }),
         [
-          c,
-          u
+          s,
+          d
         ]
       );
     };
   };
-  return i.scopeName = e, [
-    t,
-    Jo(i, ...o)
+  return i.scopeName = t, [
+    o,
+    sa(i, ...e)
   ];
 }
-function Jo(...e) {
-  const o = e[0];
-  if (e.length === 1)
-    return o;
+function sa(...t) {
+  const e = t[0];
+  if (t.length === 1)
+    return e;
   const n = () => {
-    const t = e.map(
+    const o = t.map(
       (i) => ({
         useScope: i(),
         scopeName: i.scopeName
       })
     );
     return function(r) {
-      const a = t.reduce((c, { useScope: u, scopeName: l }) => {
-        const d = u(r)[`__scope${l}`];
+      const l = o.reduce((s, { useScope: d, scopeName: c }) => {
+        const u = d(r)[`__scope${c}`];
         return {
-          ...c,
-          ...d
+          ...s,
+          ...u
         };
       }, {});
-      return E(
+      return M(
         () => ({
-          [`__scope${o.scopeName}`]: a
+          [`__scope${e.scopeName}`]: l
         }),
         [
-          a
+          l
         ]
       );
     };
   };
-  return n.scopeName = o.scopeName, n;
+  return n.scopeName = e.scopeName, n;
 }
-function Ve(e, o, { checkForDefaultPrevented: n = !0 } = {}) {
+function St(t, e, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(i) {
-    if (e == null || e(i), n === !1 || !i.defaultPrevented)
-      return o == null ? void 0 : o(i);
+    if (t == null || t(i), n === !1 || !i.defaultPrevented)
+      return e == null ? void 0 : e(i);
   };
 }
-function at(e) {
-  const o = A(e);
-  return O(() => {
-    o.current = e;
-  }), E(
+function Et(t) {
+  const e = W(t);
+  return B(() => {
+    e.current = t;
+  }), M(
     () => (...n) => {
-      var t;
-      return (t = o.current) === null || t === void 0 ? void 0 : t.call(o, ...n);
+      var o;
+      return (o = e.current) === null || o === void 0 ? void 0 : o.call(e, ...n);
     },
     []
   );
 }
-function er({ prop: e, defaultProp: o, onChange: n = () => {
+function la({ prop: t, defaultProp: e, onChange: n = () => {
 } }) {
-  const [t, i] = tr({
-    defaultProp: o,
+  const [o, i] = ca({
+    defaultProp: e,
     onChange: n
-  }), r = e !== void 0, a = r ? e : t, c = at(n), u = y((l) => {
+  }), r = t !== void 0, l = r ? t : o, s = Et(n), d = $((c) => {
     if (r) {
-      const d = typeof l == "function" ? l(e) : l;
-      d !== e && c(d);
+      const u = typeof c == "function" ? c(t) : c;
+      u !== t && s(u);
     } else
-      i(l);
+      i(c);
   }, [
     r,
-    e,
+    t,
     i,
-    c
+    s
   ]);
   return [
-    a,
-    u
+    l,
+    d
   ];
 }
-function tr({ defaultProp: e, onChange: o }) {
-  const n = k(e), [t] = n, i = A(t), r = at(o);
-  return O(() => {
-    i.current !== t && (r(t), i.current = t);
+function ca({ defaultProp: t, onChange: e }) {
+  const n = k(t), [o] = n, i = W(o), r = Et(e);
+  return B(() => {
+    i.current !== o && (r(o), i.current = o);
   }, [
-    t,
+    o,
     i,
     r
   ]), n;
 }
-function nr(e) {
-  const o = A({
-    value: e,
-    previous: e
+function da(t) {
+  const e = W({
+    value: t,
+    previous: t
   });
-  return E(() => (o.current.value !== e && (o.current.previous = o.current.value, o.current.value = e), o.current.previous), [
-    e
+  return M(() => (e.current.value !== t && (e.current.previous = e.current.value, e.current.value = t), e.current.previous), [
+    t
   ]);
 }
-const Oe = globalThis != null && globalThis.document ? ze : () => {
+const rt = globalThis != null && globalThis.document ? it : () => {
 };
-function or(e) {
-  const [o, n] = k(void 0);
-  return Oe(() => {
-    if (e) {
+function ua(t) {
+  const [e, n] = k(void 0);
+  return rt(() => {
+    if (t) {
       n({
-        width: e.offsetWidth,
-        height: e.offsetHeight
+        width: t.offsetWidth,
+        height: t.offsetHeight
       });
-      const t = new ResizeObserver((i) => {
+      const o = new ResizeObserver((i) => {
         if (!Array.isArray(i) || !i.length)
           return;
         const r = i[0];
-        let a, c;
+        let l, s;
         if ("borderBoxSize" in r) {
-          const u = r.borderBoxSize, l = Array.isArray(u) ? u[0] : u;
-          a = l.inlineSize, c = l.blockSize;
+          const d = r.borderBoxSize, c = Array.isArray(d) ? d[0] : d;
+          l = c.inlineSize, s = c.blockSize;
         } else
-          a = e.offsetWidth, c = e.offsetHeight;
+          l = t.offsetWidth, s = t.offsetHeight;
         n({
-          width: a,
-          height: c
+          width: l,
+          height: s
         });
       });
-      return t.observe(e, {
+      return o.observe(t, {
         box: "border-box"
-      }), () => t.unobserve(e);
+      }), () => o.unobserve(t);
     } else
       n(void 0);
   }, [
-    e
-  ]), o;
+    t
+  ]), e;
 }
-function rr(e, o) {
-  return Rt((n, t) => {
-    const i = o[n][t];
+function ha(t, e) {
+  return kn((n, o) => {
+    const i = e[n][o];
     return i ?? n;
-  }, e);
+  }, t);
 }
-const lt = (e) => {
-  const { present: o, children: n } = e, t = ir(o), i = typeof n == "function" ? n({
-    present: t.isPresent
-  }) : Y.only(n), r = st(t.ref, i.ref);
-  return typeof n == "function" || t.isPresent ? /* @__PURE__ */ Te(i, {
+const Bt = (t) => {
+  const { present: e, children: n } = t, o = pa(e), i = typeof n == "function" ? n({
+    present: o.isPresent
+  }) : me.only(n), r = zt(o.ref, i.ref);
+  return typeof n == "function" || o.isPresent ? /* @__PURE__ */ Qe(i, {
     ref: r
   }) : null;
 };
-lt.displayName = "Presence";
-function ir(e) {
-  const [o, n] = k(), t = A({}), i = A(e), r = A("none"), a = e ? "mounted" : "unmounted", [c, u] = rr(a, {
+Bt.displayName = "Presence";
+function pa(t) {
+  const [e, n] = k(), o = W({}), i = W(t), r = W("none"), l = t ? "mounted" : "unmounted", [s, d] = ha(l, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -1715,98 +1722,98 @@ function ir(e) {
       MOUNT: "mounted"
     }
   });
-  return O(() => {
-    const l = we(t.current);
-    r.current = c === "mounted" ? l : "none";
+  return B(() => {
+    const c = Ge(o.current);
+    r.current = s === "mounted" ? c : "none";
   }, [
-    c
-  ]), Oe(() => {
-    const l = t.current, h = i.current;
-    if (h !== e) {
-      const m = r.current, p = we(l);
-      e ? u("MOUNT") : p === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(h && m !== p ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
+    s
+  ]), rt(() => {
+    const c = o.current, h = i.current;
+    if (h !== t) {
+      const g = r.current, m = Ge(c);
+      t ? d("MOUNT") : m === "none" || (c == null ? void 0 : c.display) === "none" ? d("UNMOUNT") : d(h && g !== m ? "ANIMATION_OUT" : "UNMOUNT"), i.current = t;
     }
   }, [
-    e,
-    u
-  ]), Oe(() => {
-    if (o) {
-      const l = (d) => {
-        const p = we(t.current).includes(d.animationName);
-        d.target === o && p && Gt(
-          () => u("ANIMATION_END")
+    t,
+    d
+  ]), rt(() => {
+    if (e) {
+      const c = (u) => {
+        const m = Ge(o.current).includes(u.animationName);
+        u.target === e && m && zn(
+          () => d("ANIMATION_END")
         );
-      }, h = (d) => {
-        d.target === o && (r.current = we(t.current));
+      }, h = (u) => {
+        u.target === e && (r.current = Ge(o.current));
       };
-      return o.addEventListener("animationstart", h), o.addEventListener("animationcancel", l), o.addEventListener("animationend", l), () => {
-        o.removeEventListener("animationstart", h), o.removeEventListener("animationcancel", l), o.removeEventListener("animationend", l);
+      return e.addEventListener("animationstart", h), e.addEventListener("animationcancel", c), e.addEventListener("animationend", c), () => {
+        e.removeEventListener("animationstart", h), e.removeEventListener("animationcancel", c), e.removeEventListener("animationend", c);
       };
     } else
-      u("ANIMATION_END");
+      d("ANIMATION_END");
   }, [
-    o,
-    u
+    e,
+    d
   ]), {
     isPresent: [
       "mounted",
       "unmountSuspended"
-    ].includes(c),
-    ref: y((l) => {
-      l && (t.current = getComputedStyle(l)), n(l);
+    ].includes(s),
+    ref: $((c) => {
+      c && (o.current = getComputedStyle(c)), n(c);
     }, [])
   };
 }
-function we(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
+function Ge(t) {
+  return (t == null ? void 0 : t.animationName) || "none";
 }
-const ut = /* @__PURE__ */ x((e, o) => {
-  const { children: n, ...t } = e, i = Y.toArray(n), r = i.find(sr);
+const Lt = /* @__PURE__ */ x((t, e) => {
+  const { children: n, ...o } = t, i = me.toArray(n), r = i.find(fa);
   if (r) {
-    const a = r.props.children, c = i.map((u) => u === r ? Y.count(a) > 1 ? Y.only(null) : /* @__PURE__ */ de(a) ? a.props.children : null : u);
-    return /* @__PURE__ */ R(Ae, q({}, t, {
-      ref: o
-    }), /* @__PURE__ */ de(a) ? /* @__PURE__ */ Te(a, void 0, c) : null);
+    const l = r.props.children, s = i.map((d) => d === r ? me.count(l) > 1 ? me.only(null) : /* @__PURE__ */ Oe(l) ? l.props.children : null : d);
+    return /* @__PURE__ */ j(at, le({}, o, {
+      ref: e
+    }), /* @__PURE__ */ Oe(l) ? /* @__PURE__ */ Qe(l, void 0, s) : null);
   }
-  return /* @__PURE__ */ R(Ae, q({}, t, {
-    ref: o
+  return /* @__PURE__ */ j(at, le({}, o, {
+    ref: e
   }), n);
 });
-ut.displayName = "Slot";
-const Ae = /* @__PURE__ */ x((e, o) => {
-  const { children: n, ...t } = e;
-  return /* @__PURE__ */ de(n) ? /* @__PURE__ */ Te(n, {
-    ...ar(t, n.props),
-    ref: o ? ct(o, n.ref) : n.ref
-  }) : Y.count(n) > 1 ? Y.only(null) : null;
+Lt.displayName = "Slot";
+const at = /* @__PURE__ */ x((t, e) => {
+  const { children: n, ...o } = t;
+  return /* @__PURE__ */ Oe(n) ? /* @__PURE__ */ Qe(n, {
+    ...ga(o, n.props),
+    ref: e ? Ot(e, n.ref) : n.ref
+  }) : me.count(n) > 1 ? me.only(null) : null;
 });
-Ae.displayName = "SlotClone";
-const cr = ({ children: e }) => /* @__PURE__ */ R(Et, null, e);
-function sr(e) {
-  return /* @__PURE__ */ de(e) && e.type === cr;
+at.displayName = "SlotClone";
+const ma = ({ children: t }) => /* @__PURE__ */ j(Tn, null, t);
+function fa(t) {
+  return /* @__PURE__ */ Oe(t) && t.type === ma;
 }
-function ar(e, o) {
+function ga(t, e) {
   const n = {
-    ...o
+    ...e
   };
-  for (const t in o) {
-    const i = e[t], r = o[t];
-    /^on[A-Z]/.test(t) ? i && r ? n[t] = (...c) => {
-      r(...c), i(...c);
-    } : i && (n[t] = i) : t === "style" ? n[t] = {
+  for (const o in e) {
+    const i = t[o], r = e[o];
+    /^on[A-Z]/.test(o) ? i && r ? n[o] = (...s) => {
+      r(...s), i(...s);
+    } : i && (n[o] = i) : o === "style" ? n[o] = {
       ...i,
       ...r
-    } : t === "className" && (n[t] = [
+    } : o === "className" && (n[o] = [
       i,
       r
     ].filter(Boolean).join(" "));
   }
   return {
-    ...e,
+    ...t,
     ...n
   };
 }
-const lr = [
+const Ca = [
   "a",
   "button",
   "div",
@@ -1823,110 +1830,110 @@ const lr = [
   "span",
   "svg",
   "ul"
-], dt = lr.reduce((e, o) => {
-  const n = /* @__PURE__ */ x((t, i) => {
-    const { asChild: r, ...a } = t, c = r ? ut : o;
-    return O(() => {
+], Ft = Ca.reduce((t, e) => {
+  const n = /* @__PURE__ */ x((o, i) => {
+    const { asChild: r, ...l } = o, s = r ? Lt : e;
+    return B(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ R(c, q({}, a, {
+    }, []), /* @__PURE__ */ j(s, le({}, l, {
       ref: i
     }));
   });
-  return n.displayName = `Primitive.${o}`, {
-    ...e,
-    [o]: n
+  return n.displayName = `Primitive.${e}`, {
+    ...t,
+    [e]: n
   };
-}, {}), ht = "Checkbox", [ur, di] = Zo(ht), [dr, hr] = ur(ht), pr = /* @__PURE__ */ x((e, o) => {
-  const { __scopeCheckbox: n, name: t, checked: i, defaultChecked: r, required: a, disabled: c, value: u = "on", onCheckedChange: l, ...h } = e, [d, m] = k(null), p = st(
-    o,
-    (S) => m(S)
-  ), f = A(!1), v = d ? !!d.closest("form") : !0, [g = !1, w] = er({
+}, {}), Ut = "Checkbox", [ba, Bi] = ia(Ut), [va, _a] = ba(Ut), Sa = /* @__PURE__ */ x((t, e) => {
+  const { __scopeCheckbox: n, name: o, checked: i, defaultChecked: r, required: l, disabled: s, value: d = "on", onCheckedChange: c, ...h } = t, [u, g] = k(null), m = zt(
+    e,
+    (T) => g(T)
+  ), f = W(!1), v = u ? !!u.closest("form") : !0, [C = !1, P] = la({
     prop: i,
     defaultProp: r,
-    onChange: l
-  }), C = A(g);
-  return O(() => {
-    const S = d == null ? void 0 : d.form;
-    if (S) {
-      const D = () => w(C.current);
-      return S.addEventListener("reset", D), () => S.removeEventListener("reset", D);
+    onChange: c
+  }), S = W(C);
+  return B(() => {
+    const T = u == null ? void 0 : u.form;
+    if (T) {
+      const z = () => P(S.current);
+      return T.addEventListener("reset", z), () => T.removeEventListener("reset", z);
     }
   }, [
-    d,
-    w
-  ]), /* @__PURE__ */ R(dr, {
+    u,
+    P
+  ]), /* @__PURE__ */ j(va, {
     scope: n,
-    state: g,
-    disabled: c
-  }, /* @__PURE__ */ R(dt.button, q({
+    state: C,
+    disabled: s
+  }, /* @__PURE__ */ j(Ft.button, le({
     type: "button",
     role: "checkbox",
-    "aria-checked": Z(g) ? "mixed" : g,
-    "aria-required": a,
-    "data-state": pt(g),
-    "data-disabled": c ? "" : void 0,
-    disabled: c,
-    value: u
+    "aria-checked": fe(C) ? "mixed" : C,
+    "aria-required": l,
+    "data-state": Ht(C),
+    "data-disabled": s ? "" : void 0,
+    disabled: s,
+    value: d
   }, h, {
-    ref: p,
-    onKeyDown: Ve(e.onKeyDown, (S) => {
-      S.key === "Enter" && S.preventDefault();
+    ref: m,
+    onKeyDown: St(t.onKeyDown, (T) => {
+      T.key === "Enter" && T.preventDefault();
     }),
-    onClick: Ve(e.onClick, (S) => {
-      w(
-        (D) => Z(D) ? !0 : !D
-      ), v && (f.current = S.isPropagationStopped(), f.current || S.stopPropagation());
+    onClick: St(t.onClick, (T) => {
+      P(
+        (z) => fe(z) ? !0 : !z
+      ), v && (f.current = T.isPropagationStopped(), f.current || T.stopPropagation());
     })
-  })), v && /* @__PURE__ */ R(gr, {
-    control: d,
+  })), v && /* @__PURE__ */ j(xa, {
+    control: u,
     bubbles: !f.current,
-    name: t,
-    value: u,
-    checked: g,
-    required: a,
-    disabled: c,
+    name: o,
+    value: d,
+    checked: C,
+    required: l,
+    disabled: s,
     style: {
       transform: "translateX(-100%)"
     }
   }));
-}), fr = "CheckboxIndicator", mr = /* @__PURE__ */ x((e, o) => {
-  const { __scopeCheckbox: n, forceMount: t, ...i } = e, r = hr(fr, n);
-  return /* @__PURE__ */ R(lt, {
-    present: t || Z(r.state) || r.state === !0
-  }, /* @__PURE__ */ R(dt.span, q({
-    "data-state": pt(r.state),
+}), $a = "CheckboxIndicator", ya = /* @__PURE__ */ x((t, e) => {
+  const { __scopeCheckbox: n, forceMount: o, ...i } = t, r = _a($a, n);
+  return /* @__PURE__ */ j(Bt, {
+    present: o || fe(r.state) || r.state === !0
+  }, /* @__PURE__ */ j(Ft.span, le({
+    "data-state": Ht(r.state),
     "data-disabled": r.disabled ? "" : void 0
   }, i, {
-    ref: o,
+    ref: e,
     style: {
       pointerEvents: "none",
-      ...e.style
+      ...t.style
     }
   })));
-}), gr = (e) => {
-  const { control: o, checked: n, bubbles: t = !0, ...i } = e, r = A(null), a = nr(n), c = or(o);
-  return O(() => {
-    const u = r.current, l = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(l, "checked").set;
-    if (a !== n && d) {
-      const m = new Event("click", {
-        bubbles: t
+}), xa = (t) => {
+  const { control: e, checked: n, bubbles: o = !0, ...i } = t, r = W(null), l = da(n), s = ua(e);
+  return B(() => {
+    const d = r.current, c = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(c, "checked").set;
+    if (l !== n && u) {
+      const g = new Event("click", {
+        bubbles: o
       });
-      u.indeterminate = Z(n), d.call(u, Z(n) ? !1 : n), u.dispatchEvent(m);
+      d.indeterminate = fe(n), u.call(d, fe(n) ? !1 : n), d.dispatchEvent(g);
     }
   }, [
-    a,
+    l,
     n,
-    t
-  ]), /* @__PURE__ */ R("input", q({
+    o
+  ]), /* @__PURE__ */ j("input", le({
     type: "checkbox",
     "aria-hidden": !0,
-    defaultChecked: Z(n) ? !1 : n
+    defaultChecked: fe(n) ? !1 : n
   }, i, {
     tabIndex: -1,
     ref: r,
     style: {
-      ...e.style,
-      ...c,
+      ...t.style,
+      ...s,
       position: "absolute",
       pointerEvents: "none",
       opacity: 0,
@@ -1934,172 +1941,831 @@ const lr = [
     }
   }));
 };
-function Z(e) {
-  return e === "indeterminate";
+function fe(t) {
+  return t === "indeterminate";
 }
-function pt(e) {
-  return Z(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function Ht(t) {
+  return fe(t) ? "indeterminate" : t ? "checked" : "unchecked";
 }
-const vr = pr, Cr = mr, _r = "_checkboxContainer_pb9za_5", br = "_checkbox_pb9za_5", xr = "_checkboxIndicator_pb9za_27", yr = "_checkboxLabel_pb9za_38", $r = "_noTextHighlight_pb9za_42", wr = "_checkboxHidden_pb9za_51", oe = {
-  checkboxContainer: _r,
-  checkbox: br,
-  checkboxIndicator: xr,
-  checkboxLabel: yr,
-  noTextHighlight: $r,
-  checkboxHidden: wr
-}, Sr = x(function({ className: o, labelClassName: n, label: t, checked: i, onCheckedChange: r, ...a }, c) {
-  return /* @__PURE__ */ s(zn, { children: ({ isHovered: u, ...l }) => /* @__PURE__ */ _(T, { className: oe.checkboxContainer, ...l, children: [
-    /* @__PURE__ */ s(
-      vr,
+const wa = Sa, Pa = ya, ka = "_checkboxContainer_pb9za_5", Ta = "_checkbox_pb9za_5", Na = "_checkboxIndicator_pb9za_27", Aa = "_checkboxLabel_pb9za_38", Da = "_noTextHighlight_pb9za_42", Ia = "_checkboxHidden_pb9za_51", ye = {
+  checkboxContainer: ka,
+  checkbox: Ta,
+  checkboxIndicator: Na,
+  checkboxLabel: Aa,
+  noTextHighlight: Da,
+  checkboxHidden: Ia
+}, Ma = x(function({ className: e, labelClassName: n, label: o, checked: i, onCheckedChange: r, ...l }, s) {
+  return /* @__PURE__ */ a(Fo, { children: ({ isHovered: d, ...c }) => /* @__PURE__ */ b(A, { className: ye.checkboxContainer, ...c, children: [
+    /* @__PURE__ */ a(
+      wa,
       {
-        className: $(
-          oe.checkbox,
-          !u && !i && oe.checkboxHidden,
-          o
+        className: y(
+          ye.checkbox,
+          !d && !i && ye.checkboxHidden,
+          e
         ),
         checked: i,
         onCheckedChange: (h) => {
           r && r(h);
         },
-        ref: c,
-        ...a,
-        children: /* @__PURE__ */ s(Cr, { className: oe.checkboxIndicator, children: i === "indeterminate" ? /* @__PURE__ */ s($t, { width: "13px" }) : /* @__PURE__ */ s(Ke, {}) })
+        ref: s,
+        ...l,
+        children: /* @__PURE__ */ a(Pa, { className: ye.checkboxIndicator, children: i === "indeterminate" ? /* @__PURE__ */ a(tn, { width: "13px" }) : /* @__PURE__ */ a($t, {}) })
       }
     ),
-    t && /* @__PURE__ */ s(
+    o && /* @__PURE__ */ a(
       "div",
       {
-        className: $(oe.checkboxLabel, n, oe.noTextHighlight),
+        className: y(ye.checkboxLabel, n, ye.noTextHighlight),
         onClick: () => {
           r && r(!i);
         },
-        children: t
+        children: o
       }
     )
   ] }) });
-}), ft = b(Sr);
-ft.displayName = "Checkbox";
-const hi = b(function({
-  className: o,
+}), lt = w(Ma);
+lt.displayName = "Checkbox";
+const Ra = w(function({
+  className: e,
   labelClassName: n,
-  label: t,
+  label: o,
   onCheckedChange: i,
   children: r,
-  ...a
+  ...l
 }) {
-  const [c, u] = k(
-    z.Children.toArray(r).every((p) => z.isValidElement(p) && p.props.checked) ? !0 : z.Children.toArray(r).some((p) => z.isValidElement(p) && p.props.checked) ? "indeterminate" : !1
-  ), [l, h] = k(
-    z.Children.map(r, (p) => p.props.checked)
-  ), d = (p) => {
-    const f = c === "indeterminate" || !p;
-    c === "indeterminate" && (p = !1), h(l.map((v) => !f)), i && i(p);
+  const [s, d] = k(
+    H.Children.toArray(r).every((m) => H.isValidElement(m) && m.props.checked) ? !0 : H.Children.toArray(r).some((m) => H.isValidElement(m) && m.props.checked) ? "indeterminate" : !1
+  ), [c, h] = k(
+    H.Children.map(r, (m) => m.props.checked)
+  ), u = (m) => {
+    const f = s === "indeterminate" || !m;
+    s === "indeterminate" && (m = !1), h(c.map((v) => !f)), i && i(m);
   };
-  O(() => {
-    const p = l.filter((f) => f).length;
-    p === 0 ? u(!1) : p === r.length ? u(!0) : u("indeterminate");
-  }, [r, l]);
-  const m = z.Children.map(
+  B(() => {
+    const m = c.filter((f) => f).length;
+    m === 0 ? d(!1) : m === r.length ? d(!0) : d("indeterminate");
+  }, [r, c]);
+  const g = H.Children.map(
     r,
-    (p, f) => z.cloneElement(p, {
-      ...p.props,
-      checked: l[f],
+    (m, f) => H.cloneElement(m, {
+      ...m.props,
+      checked: c[f],
       onCheckedChange: (v) => {
-        const g = [...l];
-        g[f] = v, h(g), p.props.onCheckedChange && p.props.onCheckedChange(v);
+        const C = [...c];
+        C[f] = v, h(C), m.props.onCheckedChange && m.props.onCheckedChange(v);
       }
     })
   );
-  return /* @__PURE__ */ _(G, { children: [
-    /* @__PURE__ */ s(
-      ft,
+  return /* @__PURE__ */ b(Q, { children: [
+    /* @__PURE__ */ a(
+      lt,
       {
-        className: o,
+        className: e,
         labelClassName: n,
-        label: t,
-        checked: c,
-        onCheckedChange: d,
-        ...a
+        label: o,
+        checked: s,
+        onCheckedChange: u,
+        ...l
       }
     ),
-    m
+    g
   ] });
-});
+}), Oa = "_tableContainer_5bdnq_1", za = "_headerContainer_5bdnq_14", Ea = "_tableTopContainer_5bdnq_18", Ba = "_searchContainer_5bdnq_22", La = "_columnFilterSelect_5bdnq_32", Fa = "_table_5bdnq_1", Ua = "_tableHeaderCell_5bdnq_50", Ha = "_tableRow_5bdnq_56", Wa = "_tableCell_5bdnq_71", ja = "_noDataTextContainer_5bdnq_78", Va = "_tableBottomContainer_5bdnq_83", qa = "_rowsPerPageContainer_5bdnq_92", Ga = "_rowsPerPageText_5bdnq_96", Ka = "_paginationContainer_5bdnq_101", U = {
+  tableContainer: Oa,
+  headerContainer: za,
+  tableTopContainer: Ea,
+  searchContainer: Ba,
+  columnFilterSelect: La,
+  table: Fa,
+  tableHeaderCell: Ua,
+  tableRow: Ha,
+  tableCell: Wa,
+  noDataTextContainer: ja,
+  tableBottomContainer: Va,
+  rowsPerPageContainer: qa,
+  rowsPerPageText: Ga,
+  paginationContainer: Ka
+}, Ja = x(function(e, n) {
+  const {
+    columns: o,
+    data: i,
+    color: r = "light",
+    title: l = "",
+    description: s = "",
+    rowsPerPage: d = [10, 20, 30, 40, 50],
+    showSearchBar: c,
+    searchBarPlaceholder: h,
+    showSelect: u,
+    showFilterButton: g,
+    showContainer: m,
+    showRowsPerPage: f,
+    showPageNumber: v,
+    showPageNavigation: C,
+    showTopBar: P = !0,
+    showBottomBar: S = !0,
+    children: T,
+    className: z,
+    columnClassName: oe,
+    rowClassName: Be,
+    cellClassName: ge
+  } = e, [de, Ye] = k(""), [Ce, Ze] = k([]);
+  if (!i.every(
+    (p) => Object.keys(p.columns).length === o.length && Object.values(o).every((_) => Object.keys(p.columns).includes(_.id.toString()))
+  ))
+    throw new Error("Columns in rows do not match ones declared in columns variable.");
+  const Ne = M(
+    () => o.filter((p) => p.filter).map((p) => ({ [p.id]: [] })).reduce((p, _) => Object.assign(p, _), {}),
+    [o]
+  ), [q, Ae] = k(Ne), [D, L] = k(d[0] ?? 10), F = M(
+    () => d.map((p) => ({
+      value: p.toString(),
+      itemContent: p.toString()
+    })),
+    [d]
+  ), G = i.some((p) => p.onClick), De = $(
+    (p) => {
+      var N, I;
+      return (((N = p.searchValue) == null ? void 0 : N.toString()) || ((I = p.value) == null ? void 0 : I.toString()) || "").toLowerCase().includes(de.toLowerCase());
+    },
+    [de]
+  ), Le = $((p, _) => {
+    var K, ue, ve, he;
+    const N = ((K = p.sortValue) == null ? void 0 : K.toString()) || ((ue = p.value) == null ? void 0 : ue.toString()) || "", I = ((ve = _.sortValue) == null ? void 0 : ve.toString()) || ((he = _.value) == null ? void 0 : he.toString()) || "";
+    return N.toLowerCase().localeCompare(I.toLowerCase(), void 0, { numeric: !0 });
+  }, []), be = $(
+    (p, _) => {
+      var I, K, ue;
+      const N = ((I = p.filterValue) == null ? void 0 : I.toString()) || ((K = p.value) == null ? void 0 : K.toString()) || "";
+      return (ue = q[_.id]) == null ? void 0 : ue.some(
+        (ve) => N.toString().toLowerCase() === ve.toString().toLowerCase()
+      );
+    },
+    [q]
+  ), Y = M(
+    () => o.map((p) => ({
+      ...p,
+      sort: p.sort ? { sortKey: p.id.toString().toUpperCase() } : !1
+    })),
+    [o]
+  ), re = o.some(
+    (p) => {
+      var _;
+      return p.filter && p.id in q && ((_ = q[p.id]) == null ? void 0 : _.length) !== 0;
+    }
+  ), Z = M(
+    () => i.filter(
+      (p) => !de || o.some((_) => _.search && De(p.columns[_.id]))
+    ).filter(
+      (p) => (
+        // If no column filter is selected, then return true AKA: show all rows
+        !re || // Check if any of the table values match the selected column filters. First return true if that
+        // column is not selected for filtering (has a filter prop). Second, return true if that column
+        // has any values in it selected for filtering, lastly, return if row has that filter value
+        o.every((_) => {
+          var N;
+          return !_.filter || ((N = q[_.id]) == null ? void 0 : N.length) === 0 || be(p.columns[_.id], _);
+        })
+      )
+    ).map((p) => {
+      const _ = { ...p.columns, ...p }, { columns: N, ...I } = _;
+      return I;
+    }),
+    [be, q, o, i, re, de, De]
+  ), [ee, jt] = k(Math.ceil(Z.length / D)), et = $(
+    (p) => p.filterValues ? p.filterValues : [...new Set(
+      i.map(
+        (N) => {
+          var I, K;
+          return ((I = N.columns[p.id].filterValue) == null ? void 0 : I.toString()) || ((K = N.columns[p.id].value) == null ? void 0 : K.toString()) || "";
+        }
+      )
+    )].sort().map((N) => ({
+      value: N,
+      label: N
+    })),
+    [i]
+  ), Vt = M(
+    () => (u ? "auto " : "") + Y.reduce((p, _) => p + `${_.width || "auto"} `, ""),
+    [Y, u]
+  ), qt = $((p) => {
+    Ye(p.target.value);
+  }, []), Fe = { nodes: Z }, Gt = qn(
+    Fe,
+    {
+      // Don't know what the type is for these parameters. Not specified in the React Table Library docs
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      onChange: (p, _) => {
+        Ze(_.ids);
+      }
+    },
+    {
+      rowSelect: gt.MultiSelect,
+      buttonSelect: gt.MultiSelect,
+      clickType: Gn.ButtonClick,
+      isCarryForward: !1
+    }
+  ), R = Xn(
+    Fe,
+    {
+      state: {
+        page: 0,
+        size: d[0]
+      }
+    },
+    {
+      isServer: !1
+    }
+  ), Kt = jn(
+    Fe,
+    { onChange: () => null },
+    {
+      sortIcon: {
+        margin: "10px",
+        size: "15px",
+        iconDefault: /* @__PURE__ */ a(nn, { width: "20px" }),
+        iconUp: /* @__PURE__ */ a(on, {}),
+        iconDown: /* @__PURE__ */ a(rn, {})
+      },
+      sortFns: Object.assign(
+        {},
+        ...Y.map((p) => ({
+          [p.id.toString().toUpperCase()]: (_) => _.sort((N, I) => Le(N[p.id], I[p.id]))
+        }))
+      )
+    }
+  ), Jt = M(
+    () => ({
+      options: o.filter((p) => p.filter).map((p) => ({
+        label: p.label,
+        value: p.id.toString(),
+        page: {
+          content: /* @__PURE__ */ a(
+            Ra,
+            {
+              label: "Select all",
+              onCheckedChange: (_) => {
+                const N = JSON.parse(JSON.stringify(q));
+                _ === !0 ? N[p.id] = et(p).map(
+                  (I) => I.value
+                ) : N[p.id] = [], Ae(N);
+              },
+              children: et(p).map((_, N) => {
+                var I, K;
+                return /* @__PURE__ */ a(
+                  lt,
+                  {
+                    label: _.label,
+                    checked: (K = q[p.id]) == null ? void 0 : K.includes(
+                      ((I = _.value) == null ? void 0 : I.toString()) || ""
+                    ),
+                    onCheckedChange: (ue) => {
+                      Ae((ve) => {
+                        var ht;
+                        const he = { ...ve }, ut = he[p.id] || [];
+                        return ue ? he[p.id] = [
+                          ...ut,
+                          ((ht = _.value) == null ? void 0 : ht.toString()) || ""
+                        ] : he[p.id] = ut.filter(
+                          (Zt) => Zt !== _.value
+                        ), he;
+                      });
+                    }
+                  },
+                  `checkbox-filter-${p.id}-${N}`
+                );
+              })
+            },
+            `select-all-checkbox-${p.id}`
+          )
+        }
+      }))
+    }),
+    [q, o, et]
+  ), Xt = Y.map((p) => {
+    const _ = p.sort ? Vn : En;
+    return /* @__PURE__ */ a(
+      _,
+      {
+        className: y(U.tableHeaderCell, oe, p.className),
+        sortKey: p.sort ? p.id.toString().toUpperCase() : "",
+        children: p.label
+      },
+      p.id
+    );
+  }), dt = Ve ? ne : ke, Qt = M(() => ({ custom: !0 }), []), Yt = Wn({
+    Table: `
+			 --data-table-library_grid-template-columns: ${Vt};
+		`,
+    Row: `
+			&:hover {
+				cursor: ${G ? "pointer" : "inherit"};
+			}
+			&.row-select-selected {
+				background-color: var(--gray-a4);
+			}
+			&:not(:last-of-type) .td {
+    			border-bottom: 1px solid var(--gray-a4);
+			}	
+		`,
+    BaseRow: `
+			background-color: inherit;
+		`
+  });
+  return B(() => {
+    if (C) {
+      const p = Math.ceil(Z.length / D);
+      jt(p), R.state.page < 0 && R.fns.onSetPage(0), R.state.page > p - 1 && R.fns.onSetPage(p - 1);
+    }
+  }, [d, Z.length, D, R, C]), /* @__PURE__ */ b("div", { className: y({ [U.tableContainer]: m }), children: [
+    (!!l || !!s) && /* @__PURE__ */ b("div", { className: U.headerContainer, children: [
+      !!l && /* @__PURE__ */ a(nt, { weight: "bold", size: "7", children: l }),
+      !!s && /* @__PURE__ */ a(nt, { as: "div", children: s })
+    ] }),
+    P && /* @__PURE__ */ b(A, { justify: "between", className: U.tableTopContainer, children: [
+      /* @__PURE__ */ b(A, { gap: "2", children: [
+        c && /* @__PURE__ */ a("div", { className: U.searchContainer, children: /* @__PURE__ */ a(
+          fr,
+          {
+            value: de,
+            onChange: qt,
+            leftSlot: /* @__PURE__ */ a(an, {}),
+            placeholder: h || "Filter tasks..."
+          }
+        ) }),
+        g && /* @__PURE__ */ a(
+          Or,
+          {
+            color: r,
+            page: Jt,
+            trigger: /* @__PURE__ */ a(ne, { variant: "surface", "aria-label": "Filter columns", children: /* @__PURE__ */ a(sn, {}) }),
+            children: (p) => ""
+          }
+        ),
+        g && re && /* @__PURE__ */ b(
+          ke,
+          {
+            variant: "surface",
+            color: "crimson",
+            onClick: () => {
+              Ae(Ne), R.fns.onSetPage(0);
+            },
+            children: [
+              /* @__PURE__ */ a(yt, {}),
+              "Clear filters"
+            ]
+          }
+        )
+      ] }),
+      u && Ce.length !== 0 && /* @__PURE__ */ b(A, { gap: "2", children: [
+        /* @__PURE__ */ b(dt, { variant: "soft", "aria-label": "Edit rows", children: [
+          /* @__PURE__ */ a(ln, {}),
+          !Ve && "Edit"
+        ] }),
+        /* @__PURE__ */ b(dt, { color: "red", "aria-label": "Delete rows", children: [
+          /* @__PURE__ */ a(cn, {}),
+          !Ve && "Delete"
+        ] })
+      ] })
+    ] }),
+    T,
+    /* @__PURE__ */ a(
+      Bn,
+      {
+        className: y(U.table, z),
+        data: Fe,
+        theme: Yt,
+        sort: Kt,
+        pagination: C && R,
+        select: Gt,
+        layout: Qt,
+        ref: n,
+        children: (p) => /* @__PURE__ */ b(Q, { children: [
+          /* @__PURE__ */ a(Ln, { children: /* @__PURE__ */ b(Fn, { children: [
+            u && /* @__PURE__ */ a(Kn, { className: U.tableHeaderCell }),
+            ...Xt
+          ] }) }),
+          /* @__PURE__ */ b(Un, { children: [
+            p.length === 0 && /* @__PURE__ */ a(Pn, { className: U.noDataTextContainer, children: /* @__PURE__ */ a(ft, { children: "There is no data" }) }),
+            p.map((_) => /* @__PURE__ */ b(
+              Hn,
+              {
+                item: _,
+                className: y(U.tableRow, Be, _.className),
+                onClick: _.onClick,
+                children: [
+                  u && /* @__PURE__ */ a(Jn, { item: _ }, _.id),
+                  o.map((N, I) => /* @__PURE__ */ a(
+                    ft,
+                    {
+                      className: y(
+                        U.tableCell,
+                        ge,
+                        _[N.id].className
+                      ),
+                      children: /* @__PURE__ */ a(nt, { children: _[N.id].label })
+                    },
+                    I
+                  ))
+                ]
+              },
+              _.id
+            ))
+          ] })
+        ] })
+      }
+    ),
+    S && /* @__PURE__ */ b(A, { className: U.tableBottomContainer, wrap: "wrap", direction: Ve ? "column" : "row", children: [
+      f && /* @__PURE__ */ b(A, { className: U.rowsPerPageContainer, children: [
+        /* @__PURE__ */ a("div", { className: U.rowsPerPageText, children: "Rows per page:" }),
+        /* @__PURE__ */ a(
+          Wo,
+          {
+            items: F,
+            defaultValue: F[0].value.toString(),
+            onValueChange: (p) => {
+              R.fns.onSetSize(Number(p)), L(Number(p));
+            },
+            placeholder: F[0].itemContent,
+            "aria-label": "Select number of rows per page"
+          }
+        )
+      ] }),
+      v && /* @__PURE__ */ a(A, { justify: "center", children: ee > 0 && `Page ${R.state.page + 1} of ${ee}` }),
+      C && /* @__PURE__ */ b(A, { className: U.paginationContainer, gap: "2", justify: "end", children: [
+        /* @__PURE__ */ a(
+          ne,
+          {
+            variant: "surface",
+            onClick: () => R.fns.onSetPage(0),
+            disabled: R.state.page === 0 || ee === 0,
+            "aria-label": "Go to first page",
+            children: /* @__PURE__ */ a(dn, {})
+          }
+        ),
+        /* @__PURE__ */ a(
+          ne,
+          {
+            variant: "surface",
+            disabled: R.state.page === 0 || ee === 0,
+            onClick: () => R.fns.onSetPage(R.state.page - 1),
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ a(un, {})
+          }
+        ),
+        /* @__PURE__ */ a(
+          ne,
+          {
+            variant: "surface",
+            disabled: R.state.page + 1 === ee || ee === 0,
+            onClick: () => R.fns.onSetPage(R.state.page + 1),
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ a(hn, {})
+          }
+        ),
+        /* @__PURE__ */ a(
+          ne,
+          {
+            variant: "surface",
+            disabled: R.state.page + 1 === ee || ee === 0,
+            onClick: () => R.fns.onSetPage(ee - 1),
+            "aria-label": "Go to last page",
+            children: /* @__PURE__ */ a(pn, {})
+          }
+        )
+      ] })
+    ] })
+  ] });
+}), Li = H.memo(Ja), Wt = [
+  ["Emily Davis", "Sr. Manger", "Female", "55", "$141,604 ", "United States", "Seattle"],
+  ["Theodore Dinh", "Technical Architect", "Male", "59", "$99,975 ", "China", "Chongqing"],
+  ["Luna Sanders", "Director", "Female", "50", "$163,099 ", "United States", "Chicago"],
+  ["Austin Vo", "Sr. Analyst", "Male", "55", "$95,409 ", "United States", "Phoenix"],
+  ["Joshua Gupta", "Account Representative", "Male", "57", "$50,994 ", "China", "Chongqing"],
+  ["Ruby Barnes", "Manager", "Female", "27", "$119,746 ", "United States", "Phoenix"],
+  ["Luke Martin", "Analyst", "Male", "25", "$41,336 ", "United States", "Miami"],
+  ["Easton Bailey", "Manager", "Male", "29", "$113,527 ", "United States", "Austin"],
+  ["Madeline Walker", "Sr. Analyst", "Female", "34", "$77,203 ", "United States", "Chicago"],
+  ["Savannah Ali", "Sr. Manger", "Female", "36", "$157,333 ", "United States", "Miami"],
+  ["Camila Rogers", "Controls Engineer", "Female", "27", "$109,851 ", "United States", "Seattle"],
+  ["Eli Jones", "Manager", "Male", "59", "$105,086 ", "United States", "Austin"],
+  ["Everleigh Ng", "Sr. Manger", "Female", "51", "$146,742 ", "China", "Shanghai"],
+  ["Robert Yang", "Sr. Analyst", "Male", "31", "$97,078 ", "United States", "Austin"],
+  ["Isabella Xi", "Vice President", "Female", "41", "$249,270 ", "United States", "Seattle"],
+  ["Bella Powell", "Director", "Female", "65", "$175,837 ", "United States", "Phoenix"],
+  ["Camila Silva", "Sr. Manger", "Female", "64", "$154,828 ", "United States", "Seattle"],
+  ["David Barnes", "Director", "Male", "64", "$186,503 ", "United States", "Columbus"],
+  ["Adam Dang", "Director", "Male", "45", "$166,331 ", "China", "Chongqing"],
+  ["Elias Alvarado", "Sr. Manger", "Male", "56", "$146,140 ", "Brazil", "Manaus"],
+  ["Eva Rivera", "Director", "Female", "36", "$151,703 ", "United States", "Miami"],
+  ["Logan Rivera", "Director", "Male", "59", "$172,787 ", "Brazil", "Rio de Janerio"],
+  ["Leonardo Dixon", "Analyst", "Male", "37", "$49,998 ", "United States", "Seattle"],
+  ["Mateo Her", "Vice President", "Male", "44", "$207,172 ", "China", "Chongqing"],
+  ["Jose Henderson", "Director", "Male", "41", "$152,239 ", "United States", "Columbus"],
+  ["Abigail Mejia", "Quality Engineer", "Female", "56", "$98,581 ", "Brazil", "Rio de Janerio"],
+  ["Wyatt Chin", "Vice President", "Male", "43", "$246,231 ", "United States", "Seattle"],
+  ["Carson Lu", "Engineering Manager", "Male", "64", "$99,354 ", "China", "Beijing"],
+  ["Dylan Choi", "Vice President", "Male", "63", "$231,141 ", "China", "Beijing"],
+  ["Ezekiel Kumar", "IT Coordinator", "Male", "28", "$54,775 ", "United States", "Columbus"],
+  ["Dominic Guzman", "Analyst", "Male", "65", "$55,499 ", "Brazil", "Manaus"],
+  ["Angel Powell", "Analyst II", "Male", "61", "$66,521 ", "United States", "Seattle"],
+  ["Mateo Vu", "Account Representative", "Male", "30", "$59,100 ", "China", "Chongqing"],
+  ["Caroline Jenkins", "Analyst", "Female", "27", "$49,011 ", "United States", "Chicago"],
+  ["Nora Brown", "Enterprise Architect", "Female", "32", "$99,575 ", "United States", "Austin"],
+  ["Adeline Huang", "Controls Engineer", "Female", "34", "$99,989 ", "China", "Chengdu"],
+  ["Jackson Perry", "Vice President", "Male", "27", "$256,420 ", "United States", "Phoenix"],
+  ["Riley Padilla", "Technical Architect", "Female", "35", "$78,940 ", "United States", "Miami"],
+  ["Leah Pena", "Enterprise Architect", "Female", "57", "$82,872 ", "Brazil", "Manaus"],
+  ["Owen Lam", "Sr. Business Partner", "Male", "30", "$86,317 ", "China", "Chengdu"],
+  ["Kennedy Foster", "Manager", "Female", "53", "$113,135 ", "United States", "Austin"],
+  ["John Moore", "Vice President", "Male", "52", "$199,808 ", "United States", "Seattle"],
+  ["William Vu", "Account Representative", "Male", "37", "$56,037 ", "China", "Shanghai"],
+  ["Sadie Washington", "Sr. Manger", "Female", "29", "$122,350 ", "United States", "Phoenix"],
+  ["Gabriel Holmes", "Enterprise Architect", "Male", "40", "$92,952 ", "United States", "Seattle"],
+  ["Wyatt Rojas", "Computer Systems Manager", "Male", "32", "$79,921 ", "United States", "Austin"],
+  ["Eva Coleman", "Director", "Female", "37", "$167,199 ", "United States", "Seattle"],
+  ["Dominic Clark", "Quality Engineer", "Male", "52", "$71,476 ", "United States", "Phoenix"],
+  ["Lucy Alexander", "Director", "Female", "45", "$189,420 ", "United States", "Seattle"],
+  ["Everleigh Washington", "HRIS Analyst", "Female", "64", "$64,057 ", "United States", "Phoenix"],
+  ["Leilani Butler", "Analyst II", "Female", "27", "$68,728 ", "United States", "Phoenix"],
+  ["Peyton Huang", "Sr. Manger", "Female", "25", "$125,633 ", "China", "Beijing"]
+], Fi = (t = !0, e = !0, n = !0) => [
+  {
+    id: "full_name",
+    label: "Full Name",
+    sort: t,
+    search: e
+  },
+  {
+    id: "job_title",
+    label: "Job Title",
+    sort: t,
+    search: e,
+    filter: n
+  },
+  {
+    id: "gender",
+    label: "Gender",
+    sort: t,
+    search: e,
+    filter: n
+  },
+  {
+    id: "age",
+    label: "Age",
+    sort: t
+  },
+  {
+    id: "annual_salary",
+    label: "Annual Salary",
+    sort: t
+  },
+  {
+    id: "country",
+    label: "Country",
+    sort: t,
+    search: e,
+    filter: n
+  }
+], Ui = (t) => Wt.slice(0, t).map((e, n) => ({
+  id: `row-${n}`,
+  columns: {
+    full_name: {
+      id: `full_name_${n}`,
+      value: e[0],
+      label: e[0]
+    },
+    job_title: {
+      id: `job_title_${n}`,
+      value: e[1],
+      label: e[1]
+    },
+    gender: {
+      id: `gender_${n}`,
+      value: e[2],
+      label: e[2]
+    },
+    age: {
+      id: `age_${n}`,
+      value: e[3],
+      label: e[3]
+    },
+    annual_salary: {
+      id: `annual_salary_${n}`,
+      value: e[4],
+      label: e[4]
+    },
+    country: {
+      id: `country_${n}`,
+      value: e[5],
+      label: e[5]
+    }
+  }
+})), Hi = () => [
+  {
+    id: "full_name",
+    label: "Full Name",
+    sort: !0,
+    search: !0,
+    width: "120px"
+  },
+  {
+    id: "job_title",
+    label: "Job Title",
+    search: !0,
+    filter: !0,
+    width: "220px"
+  },
+  {
+    id: "gender",
+    label: "Gender",
+    sort: !0,
+    filter: !0
+  },
+  {
+    id: "age",
+    label: "Age",
+    sort: !0
+  },
+  {
+    id: "annual_salary",
+    label: "Annual Salary",
+    sort: !0,
+    filter: !0,
+    filterValues: [
+      {
+        value: 1,
+        label: /* @__PURE__ */ a("div", { style: { backgroundColor: "red" }, children: "< $40000" })
+      },
+      {
+        value: 2,
+        label: /* @__PURE__ */ a("div", { style: { backgroundColor: "orange" }, children: "$40000 - $70000" })
+      },
+      {
+        value: 3,
+        label: /* @__PURE__ */ a("div", { style: { backgroundColor: "yellow" }, children: "$70000 - $100000" })
+      },
+      {
+        value: 4,
+        label: /* @__PURE__ */ a("div", { style: { backgroundColor: "cyan" }, children: "$100000 - $150000" })
+      },
+      {
+        value: 5,
+        label: /* @__PURE__ */ a("div", { style: { backgroundColor: "lime" }, children: "> $150000" })
+      }
+    ]
+  },
+  {
+    id: "country",
+    label: "Country",
+    search: !0,
+    filter: !0,
+    width: "1fr"
+  },
+  {
+    id: "remove_user",
+    label: ""
+  }
+], Ke = (t) => {
+  const e = t.replace(/\D/g, "");
+  return parseInt(e);
+}, Wi = (t) => Wt.slice(0, t).map((e, n) => ({
+  id: `row-${n}`,
+  onClick: () => alert(`Clicked row ${n + 1}`),
+  columns: {
+    full_name: {
+      id: `full_name_${n}`,
+      value: e[0],
+      label: e[0]
+    },
+    job_title: {
+      id: `job_title_${n}`,
+      value: e[1],
+      label: e[1]
+    },
+    gender: {
+      id: `gender_${n}`,
+      value: e[2],
+      label: e[2] === "Male" ? /* @__PURE__ */ a("span", { children: "🧑" }) : /* @__PURE__ */ a("span", { children: "👩" }),
+      sortValue: e[2] === "Male" ? 1 : 2
+    },
+    age: {
+      id: `age_${n}`,
+      value: e[3],
+      label: e[3]
+    },
+    annual_salary: {
+      id: `annual_salary_${n}`,
+      value: e[4],
+      label: e[4],
+      filterValue: Ke(e[4]) < 4e4 ? 1 : Ke(e[4]) < 7e4 ? 2 : Ke(e[4]) < 1e5 ? 3 : Ke(e[4]) < 15e4 ? 4 : 5
+    },
+    country: {
+      id: `country_${n}`,
+      value: e[5],
+      label: e[5],
+      searchValue: (
+        // Search for country or its abbreviation
+        // Ex: (Search for "United States" or "U.S."
+        e[5].split(" ").map((o, i, r) => r.length === 1 ? o.substring(0, 2) : o.charAt(0)).join(".") + "." + e[5]
+      )
+    },
+    remove_user: {
+      id: `remove_user_${n}`,
+      value: -1,
+      label: /* @__PURE__ */ a(
+        ne,
+        {
+          onClick: () => alert(`This is user ${e[0]}`),
+          radius: "large",
+          "aria-label": "Identify user",
+          children: /* @__PURE__ */ a(mn, {})
+        }
+      )
+    }
+  }
+}));
 export {
-  vi as AccessibleIcon,
-  xn as AlertDialog,
-  ot as AlertDialogContent,
-  Gr as AlertDialogProvider,
-  Ci as AspectRatio,
-  _i as Avatar,
-  Lr as Badge,
-  bi as Blockquote,
-  xi as Box,
-  Wr as Breadcrumb,
-  Pe as Button,
-  tt as ButtonGroup,
-  jr as ButtonList,
-  yi as Callout,
-  $i as Card,
-  ft as Checkbox,
-  wi as Code,
-  Si as Container,
-  ki as ContextMenu,
-  li as DefaultTheme,
-  Ur as Dialog,
-  Vr as DropdownMenu,
-  Kr as DropdownSelect,
-  Pi as Em,
-  W as Flex,
-  Ti as Grid,
-  Ni as Heading,
-  Ii as HoverCard,
-  zn as HoverUtility,
-  et as IconButton,
-  Jr as Input,
-  Di as Inset,
-  Oi as Kbd,
-  ei as LeftAndRightPanels,
-  Ai as Link,
-  ti as MultiPagePopover,
-  Xr as MultiSelect,
-  ho as Popover,
-  zi as Portal,
-  Ri as Quote,
-  Ei as RadioGroup,
-  Ao as Root,
-  Bi as ScrollArea,
-  Mi as Section,
-  qr as Select,
-  hi as SelectAllCheckbox,
-  ui as Separator,
-  Yr as Sidebar,
-  Zr as SlideOut,
-  Li as Slider,
-  Wi as Slot,
-  Hi as Strong,
-  Qr as Switch,
-  ji as Table,
-  Ui as Tabs,
-  ai as Text,
-  ni as TextArea,
-  Gi as TextField,
-  Fi as Theme,
-  jo as Toast,
-  it as ToastContext,
-  ci as ToastProvider,
-  oi as ToggleGroup,
-  ri as Toolbar,
-  si as Tooltip,
-  Vi as VisuallyHidden,
-  Hr as divButtonProps,
-  Fo as unsafeShowToast,
-  Ki as updateThemeAppearanceClass,
-  $n as useAlertDialog,
-  Fr as useDiscardAlertDialog,
-  N as useSeverityColor,
-  qi as useThemeContext,
-  ii as useToast,
-  Mr as useViewportSize
+  Ki as AccessibleIcon,
+  Hi as AdvancedTableColumns,
+  Wi as AdvancedTableRows,
+  ko as AlertDialog,
+  It as AlertDialogContent,
+  Si as AlertDialogProvider,
+  Ji as AspectRatio,
+  Xi as Avatar,
+  gi as Badge,
+  Qi as Blockquote,
+  Yi as Box,
+  Ci as Breadcrumb,
+  ke as Button,
+  At as ButtonGroup,
+  vi as ButtonList,
+  Zi as Callout,
+  es as Card,
+  lt as Checkbox,
+  ts as Code,
+  ns as Container,
+  os as ContextMenu,
+  Fi as DefaultTableColumns,
+  Ui as DefaultTableRows,
+  zi as DefaultTheme,
+  _i as Dialog,
+  yi as DropdownMenu,
+  xi as DropdownSelect,
+  rs as Em,
+  J as Flex,
+  as as Grid,
+  is as Heading,
+  ss as HoverCard,
+  Fo as HoverUtility,
+  ne as IconButton,
+  fr as Input,
+  ls as Inset,
+  cs as Kbd,
+  Ni as LeftAndRightPanels,
+  ds as Link,
+  Or as MultiPagePopover,
+  wi as MultiSelect,
+  vr as Popover,
+  us as Portal,
+  hs as Quote,
+  ps as RadioGroup,
+  Ur as Root,
+  ms as ScrollArea,
+  fs as Section,
+  Wo as Select,
+  Ra as SelectAllCheckbox,
+  Ei as Separator,
+  ki as Sidebar,
+  Ti as SlideOut,
+  gs as Slider,
+  Cs as Slot,
+  bs as Strong,
+  Pi as Switch,
+  Li as Table,
+  Wt as TableData,
+  vs as Tabs,
+  nt as Text,
+  Ai as TextArea,
+  _s as TextField,
+  Ss as Theme,
+  Xr as Toast,
+  Rt as ToastContext,
+  Ri as ToastProvider,
+  Di as ToggleGroup,
+  Ii as Toolbar,
+  Oi as Tooltip,
+  $s as VisuallyHidden,
+  bi as divButtonProps,
+  Zr as unsafeShowToast,
+  ys as updateThemeAppearanceClass,
+  No as useAlertDialog,
+  $i as useDiscardAlertDialog,
+  O as useSeverityColor,
+  xs as useThemeContext,
+  Mi as useToast,
+  fi as useViewportSize
 };
 //# sourceMappingURL=blocks.js.map