@overmap-ai/blocks 0.0.12-alpha.2 → 1.0.1

package/dist/blocks.js

@@ -1,31 +1,30 @@
-import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
-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";
+import { Cross1Icon as nn, CheckIcon as xt, DragHandleDots2Icon as Qe, Cross2Icon as wt, DividerHorizontalIcon as on, CaretSortIcon as rn, ArrowUpIcon as an, ArrowDownIcon as sn, MagnifyingGlassIcon as ln, MixerHorizontalIcon as cn, Pencil1Icon as dn, TrashIcon as un, DoubleArrowLeftIcon as hn, ChevronLeftIcon as pn, ChevronRightIcon as mn, DoubleArrowRightIcon as fn, QuestionMarkIcon as gn } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-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 { useThemeContext as Cn, Badge as bn, Flex as D, Box as V, Link as vn, Text as ze, Button as _n, IconButton as Pt, Card as $n, Inset as We, Dialog as xe, AlertDialog as me, Separator as mt, DropdownMenu as ne, TextField as ie, Select as se, Checkbox as Sn, Switch as yn, Portal as xn, Popover as He, TextArea as wn, Callout as je, Tooltip as Pn, Theme as kn, TableRow as Tn } from "@radix-ui/themes";
+import { AccessibleIcon as Yi, AspectRatio as Zi, Avatar as es, Blockquote as ts, Box as ns, Callout as os, Card as rs, Code as as, Container as is, ContextMenu as ss, Em as ls, Grid as cs, Heading as ds, HoverCard as us, Inset as hs, Kbd as ps, Link as ms, Portal as fs, Quote as gs, RadioGroup as Cs, ScrollArea as bs, Section as vs, Slider as _s, Slot as $s, Strong as Ss, Tabs as ys, TextField as xs, Theme as ws, VisuallyHidden as Ps, updateThemeAppearanceClass as ks, useThemeContext as Ts } from "@radix-ui/themes";
+import { jsx as a, jsxs as b, Fragment as X } from "react/jsx-runtime";
+import U, { useMemo as M, useState as k, useLayoutEffect as st, useCallback as y, useEffect as E, Children as fe, isValidElement as Oe, forwardRef as x, memo as w, createContext as Pe, useContext as Ee, cloneElement as Be, createElement as H, useRef as W, useReducer as Nn, Fragment as Dn } 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 Ve from "@radix-ui/react-dialog";
+import { Resizable as Ye } from "re-resizable";
+import { DismissableLayer as An } from "@radix-ui/react-dismissable-layer";
+import { CSSTransition as In, Transition as ft } from "react-transition-group";
+import { Root as Mn, Item as Rn } from "@radix-ui/react-toggle-group";
+import { Root as On } 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) {
+import { ToastProvider as zn, ToastViewport as En } from "@radix-ui/react-toast";
+import { flushSync as Bn } from "react-dom";
+import { HeaderCell as Ln, Table as Fn, Header as Un, HeaderRow as Wn, Body as Hn, Cell as gt, Row as jn } from "@table-library/react-table-library/table";
+import { useTheme as Vn } from "@table-library/react-table-library/theme";
+import { useSort as qn, HeaderCellSort as Gn } from "@table-library/react-table-library/sort";
+import { useRowSelect as Kn, SelectTypes as Ct, SelectClickTypes as Jn, HeaderCellSelect as Xn, CellSelect as Qn } from "@table-library/react-table-library/select";
+import { usePagination as Yn } from "@table-library/react-table-library/pagination";
+import { isMobile as qe } from "react-device-detect";
+function Zn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var wt = { exports: {} };
+var kt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -60,9 +59,9 @@ var wt = { exports: {} };
     }
     t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
-})(wt);
-var Yn = wt.exports;
-const y = /* @__PURE__ */ Qn(Yn);
+})(kt);
+var eo = kt.exports;
+const S = /* @__PURE__ */ Zn(eo);
 function ce(t, e) {
   return M(() => {
     if (t !== void 0)
@@ -74,27 +73,28 @@ function ce(t, e) {
         return e[t];
   }, [e, t]);
 }
-const Zn = {
+const to = {
   success: "green",
   danger: "red",
+  warning: "amber",
   info: "gray"
-}, O = (t) => {
-  const e = fn();
+}, z = (t) => {
+  const e = Cn();
   if (t)
-    return t === "primary" ? e.accentColor : Zn[t];
-}, fi = () => {
+    return t === "primary" ? e.accentColor : to[t];
+}, vi = () => {
   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(() => {
+  return st(() => {
     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 = $(
+}, Tt = (t, e, n) => {
+  const [o, i] = k([]), [r, l] = k(!0), s = y(
     (h) => {
       const { repeat: u, key: g } = h;
       l(!0), !(u || o.includes(g)) && i((m) => [...m, g]);
     },
     [o]
-  ), d = $(
+  ), d = y(
     (h) => {
       const { key: u } = h;
       l(!1), o.includes(u) && i((g) => {
@@ -104,45 +104,45 @@ const Zn = {
     },
     [o]
   );
-  B(() => (e || document.addEventListener("keydown", s, !0), () => {
+  E(() => (e || document.addEventListener("keydown", s, !0), () => {
     document.removeEventListener("keydown", s, !0);
-  }), [e, s]), B(() => (e || document.addEventListener("keyup", d, !0), () => {
+  }), [e, s]), E(() => (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(() => {
+  return E(() => {
     c && n();
   }, [c, n]), c;
-}, eo = (t) => {
+}, no = (t) => {
   const e = [];
-  for (const n of me.toArray(t))
+  for (const n of fe.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);
+}, oo = x(function({ className: e, severity: n = "primary", color: o, children: i, ...r }, l) {
+  const s = z(n);
   return /* @__PURE__ */ a(
-    gn,
+    bn,
     {
-      className: y("overmap-badge", e),
+      className: S("overmap-badge", e),
       ref: l,
       color: o || s,
       ...r,
       children: i
     }
   );
-}), gi = w(to), no = "_zeroMinWidth_curjh_1", oo = "_zeroMinHeight_curjh_5", ro = "_radius_curjh_9", tt = {
-  zeroMinWidth: no,
-  zeroMinHeight: oo,
-  radius: ro
+}), _i = w(oo), ro = "_zeroMinWidth_curjh_1", ao = "_zeroMinHeight_curjh_5", io = "_radius_curjh_9", nt = {
+  zeroMinWidth: ro,
+  zeroMinHeight: ao,
+  radius: io
 }, J = w(
   x(
     ({ className: t, radius: e = !1, children: n, zeroMinWidth: o = !1, zeroMinHeight: i = !1, ...r }, l) => /* @__PURE__ */ a(
-      A,
+      D,
       {
-        className: y(t, {
-          [tt.radius]: e,
-          [tt.zeroMinWidth]: o,
-          [tt.zeroMinHeight]: i
+        className: S(t, {
+          [nt.radius]: e,
+          [nt.zeroMinWidth]: o,
+          [nt.zeroMinHeight]: i
         }),
         ref: l,
         ...r,
@@ -150,57 +150,57 @@ const Zn = {
       }
     )
   )
-), kt = Pe({}), ao = () => Ee(kt), io = w(
+), Nt = Pe({}), so = () => Ee(Nt), lo = 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 }) }) });
+    const { size: i, severity: r } = so(), l = z(r);
+    return /* @__PURE__ */ a(V, { className: S("overmap-breadcrumb-item", t), height: "max-content", width: "max-content", children: /* @__PURE__ */ a(vn, { ref: o, size: i, color: l, ...n, children: /* @__PURE__ */ a(J, { height: "100%", width: "100%", align: "center", gap: "1", children: e }) }) });
   })
-), so = w(
+), co = w(
   x(
     ({ 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(
+      const d = z(o), c = no(e);
+      return /* @__PURE__ */ a(Nt.Provider, { value: { size: i, severity: o }, children: /* @__PURE__ */ a(
         J,
         {
-          className: y("overmap-breadcrumb-group", t),
+          className: S("overmap-breadcrumb-group", t),
           ref: s,
           gap: r,
           role: "breadcrumb",
           height: "max-content",
           width: "max-content",
           ...l,
-          children: c.map((h, u) => /* @__PURE__ */ b(Q, { children: [
-            Qe(h, { key: u }),
+          children: c.map((h, u) => /* @__PURE__ */ b(X, { children: [
+            Be(h, { key: u }),
             c.length - 1 !== u && /* @__PURE__ */ a(ze, { color: d, children: /* @__PURE__ */ a(J, { height: "100%", width: "100%", align: "center", children: n }) })
           ] }))
         }
       ) });
     }
   )
-), 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 = {
+), $i = {
+  Group: co,
+  Item: lo
+}, uo = "_fluid_r73gr_1", ho = "_hoverSpin90Clockwise_r73gr_15", po = "_hoverSpin180Clockwise_r73gr_25", mo = "_hoverSpin360Clockwise_r73gr_35", Re = {
+  fluid: uo,
+  hoverSpin90Clockwise: ho,
+  hoverSpin180Clockwise: po,
+  hoverSpin360Clockwise: mo
+}, Dt = {
   spin90Clockwise: Re.hoverSpin90Clockwise,
   spin180Clockwise: Re.hoverSpin180Clockwise,
   spin360Clockwise: Re.hoverSpin360Clockwise
-}, po = (t) => {
+}, fo = (t) => {
   (t.key === "Enter" || t.key === " ") && t.currentTarget.click();
-}, bi = {
+}, Si = {
   role: "button",
   tabIndex: 0,
-  onKeyDown: po
+  onKeyDown: fo
 }, Te = {
   small: "1",
   medium: "2",
   large: "3"
-}, Nt = Pe({}), st = () => Ee(Nt), mo = x(function(e, n) {
-  const o = st(), {
+}, At = Pe({}), lt = () => Ee(At), go = x(function(e, n) {
+  const o = lt(), {
     className: i,
     type: r = "button",
     fluid: l = o.fluid ?? !1,
@@ -215,13 +215,13 @@ const Zn = {
       disabled: !1
     },
     ...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,
+  } = e, m = z(d), C = c.map((_) => Dt[_]);
+  return Tt(u.keys, u.disabled || u.keys.length === 0, u.action), /* @__PURE__ */ a(
+    _n,
     {
       ref: n,
       type: r,
-      className: y(i, f, {
+      className: S(i, C, {
         [Re.fluid]: l
       }),
       color: m,
@@ -230,8 +230,8 @@ const Zn = {
       ...g
     }
   );
-}), ke = H.memo(mo), fo = x(function(e, n) {
-  const o = st(), {
+}), ke = U.memo(go), Co = x(function(e, n) {
+  const o = lt(), {
     className: i,
     children: r,
     type: l = "button",
@@ -247,15 +247,15 @@ const Zn = {
       disabled: !1
     },
     ...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,
+  } = e, C = z(c), _ = (h == null ? void 0 : h.map((f) => Dt[f])) || [];
+  return Tt(g.keys, g.disabled || g.keys.length === 0, g.action), /* @__PURE__ */ a(
+    Pt,
     {
-      className: y(i, v, {
+      className: S(i, _, {
         [Re.fluid]: s
       }),
       ref: n,
-      color: f,
+      color: C,
       size: ce(d, Te),
       variant: u,
       type: l,
@@ -263,12 +263,12 @@ const Zn = {
       children: r
     }
   );
-}), ne = H.memo(fo), go = "_merged_wdgxo_1", Co = {
-  merged: go
-}, bo = {
+}), te = U.memo(Co), bo = "_merged_wdgxo_1", vo = {
+  merged: bo
+}, _o = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
-}, vo = x(function({
+}, $o = x(function({
   className: e,
   merged: n = !1,
   children: o,
@@ -281,42 +281,42 @@ const Zn = {
   fluid: h,
   ...u
 }, g) {
-  const m = ce(s, bo[r]), f = d === "ghost" ? m : "0";
+  const m = ce(s, _o[r]), C = d === "ghost" ? m : "0";
   return /* @__PURE__ */ a(
-    A,
+    D,
     {
-      className: y("overmap-button-group", e, {
-        [Co.merged]: n
+      className: S("overmap-button-group", e, {
+        [vo.merged]: n
       }),
       ref: g,
-      gap: n ? i ?? f : i ?? "2",
+      gap: n ? i ?? C : i ?? "2",
       direction: r,
       "data-direction": r,
       ...u,
-      children: /* @__PURE__ */ a(Nt.Provider, { value: { size: s, severity: l, variant: d, hoverEffects: c, fluid: h }, children: o })
+      children: /* @__PURE__ */ a(At.Provider, { value: { size: s, severity: l, variant: d, hoverEffects: c, fluid: h }, children: o })
     }
   );
-}), At = w(vo), _o = "_separators_1f7v1_1", So = {
-  separators: _o
-}, $o = w(
+}), It = w($o), So = "_separators_1f7v1_1", yo = {
+  separators: So
+}, xo = 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: [
+    const { children: n, border: o, before: i, after: r, size: l } = t, s = o ? "surface" : "ghost", d = ce(l, Te), h = /* @__PURE__ */ b($n, { ref: e, size: d, variant: s, children: [
       i,
-      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 }),
+      i && r ? /* @__PURE__ */ a(We, { side: "x", pt: "current", pb: "current", children: n }) : i ? /* @__PURE__ */ a(We, { side: "bottom", pt: "current", children: n }) : r ? /* @__PURE__ */ a(We, { side: "top", pb: "current", children: n }) : /* @__PURE__ */ a(We, { children: n }),
       r
     ] });
-    return s === "ghost" ? /* @__PURE__ */ a(X, { p: "3", children: h }) : h;
+    return s === "ghost" ? /* @__PURE__ */ a(V, { p: "3", children: h }) : h;
   })
-), yo = w(
+), wo = 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,
+    return /* @__PURE__ */ a(xo, { ...l, border: o === "outline" || o === "surface", size: i, children: /* @__PURE__ */ a(
+      It,
       {
         size: i,
         severity: "info",
         variant: o === "outline" ? "ghost" : o === "surface" ? "soft" : o,
-        className: y(r, So.separators),
+        className: S(r, yo.separators),
         merged: !0,
         gap: "0",
         direction: "column",
@@ -325,27 +325,27 @@ const Zn = {
       }
     ) });
   })
-), xo = w(
+), Po = 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;
+    const { variant: n } = lt(), o = /* @__PURE__ */ a(ke, { ref: e, ...t, radius: "large", variant: n });
+    return n === "ghost" ? /* @__PURE__ */ a(V, { asChild: !0, my: "1", mx: "2", children: o }) : o;
   })
-), vi = {
-  Root: yo,
-  Item: xo
-}, wo = w(function(e) {
+), yi = {
+  Root: wo,
+  Item: Po
+}, ko = 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: [
+  return /* @__PURE__ */ b(D, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ b(D, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ b(D, { 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, {}) }) })
+        /* @__PURE__ */ a(xe.Close, { children: /* @__PURE__ */ a(Pt, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ a(nn, {}) }) })
       ] }),
       o && /* @__PURE__ */ a(xe.Description, { children: o })
     ] }),
     i(r)
   ] });
-}), _i = w(
+}), xi = w(
   x((t, e) => {
     const {
       children: n,
@@ -359,7 +359,7 @@ const Zn = {
       open: h,
       onOpenChange: u,
       ...g
-    } = t, [m, f] = k(d ?? !1), v = h ?? m;
+    } = t, [m, C] = k(d ?? !1), _ = h ?? m;
     if ((c || l) && u)
       throw new Error("Neither the `onCloseInterrupt` nor `onOpen` props can be used with `onOpenChange`.");
     if (h !== void 0 && u === void 0)
@@ -368,34 +368,34 @@ const Zn = {
       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 C = $(
-      (S) => {
+    const f = y(
+      ($) => {
         if (u)
-          return u(S);
-        if (S && l)
+          return u($);
+        if ($ && l)
           l();
         else {
-          if (!S && c)
+          if (!$ && c)
             return c(() => {
-              f(!1), s && s();
+              C(!1), s && s();
             });
-          !S && s && s();
+          !$ && s && s();
         }
-        f(S);
+        C($);
       },
       [u, l, s, c]
-    ), P = $(
-      (S) => {
-        if (S != null && S.force)
-          return f(!1);
-        C(!1);
+    ), P = y(
+      ($) => {
+        if ($ != null && $.force)
+          return C(!1);
+        f(!1);
       },
-      [C]
+      [f]
     );
-    return /* @__PURE__ */ b(xe.Root, { open: v, onOpenChange: C, children: [
+    return /* @__PURE__ */ b(xe.Root, { open: _, onOpenChange: f, children: [
       /* @__PURE__ */ a(xe.Trigger, { children: n }),
       /* @__PURE__ */ a(xe.Content, { ref: e, ...g, children: /* @__PURE__ */ a(
-        wo,
+        ko,
         {
           closeDialog: P,
           content: o,
@@ -405,34 +405,34 @@ const Zn = {
       ) })
     ] });
   })
-), Dt = (t) => /* @__PURE__ */ a(pe.Title, { mb: "0", ...t }), Po = (t) => {
+), Mt = (t) => /* @__PURE__ */ a(me.Title, { mb: "0", ...t }), To = (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 })
+  return /* @__PURE__ */ b(D, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ b(D, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ a(Mt, { children: e }),
+      /* @__PURE__ */ a(me.Description, { children: n })
     ] }),
-    /* @__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 }) })
+    /* @__PURE__ */ b(D, { gap: "3", mt: "4", justify: "end", children: [
+      /* @__PURE__ */ a(me.Cancel, { children: /* @__PURE__ */ a(ke, { variant: "soft", severity: "info", onClick: l, children: i }) }),
+      /* @__PURE__ */ a(me.Action, { children: /* @__PURE__ */ a(ke, { variant: "solid", severity: s, onClick: r, children: o }) })
     ] })
   ] });
-}, ko = w(function(e) {
+}, No = w(function(e) {
   const { open: n, setOpen: o, children: i, ...r } = e, l = M(() => ({
     close: () => o(!1),
-    Title: Dt,
-    Description: pe.Description
+    Title: Mt,
+    Description: me.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 }) }),
+  return /* @__PURE__ */ b(me.Root, { open: n, onOpenChange: o, children: [
+    /* @__PURE__ */ a(me.Content, { children: "content" in r ? r.content(l) : /* @__PURE__ */ a(To, { ...r }) }),
     i
   ] });
-}), It = Pe(() => {
+}), Rt = Pe(() => {
   throw new Error("No AlertDialogProvider found");
-}), To = {
+}), Do = {
   content: () => null
-}, Si = w(function({ children: e }) {
-  const [n, o] = k(!1), [i, r] = k(To), l = $(
+}, wi = w(function({ children: e }) {
+  const [n, o] = k(!1), [i, r] = k(Do), l = y(
     (s) => {
       if (n)
         throw new Error("AlertDialog is already open");
@@ -440,10 +440,10 @@ const Zn = {
     },
     [n]
   );
-  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 $(
+  return /* @__PURE__ */ a(No, { open: n, setOpen: o, ...i, children: /* @__PURE__ */ a(Rt.Provider, { value: l, children: e }) });
+}), Ao = () => Ee(Rt), Pi = () => {
+  const t = Ao();
+  return y(
     (e) => t({
       title: "Discard changes?",
       description: "You have unsaved changes. Are you sure you want to discard them?",
@@ -454,75 +454,107 @@ const Zn = {
     }),
     [t]
   );
-}, Ao = w(function({
-  severity: e,
-  itemContent: n,
-  closeOnSelect: o = !0,
-  onSelect: i,
-  ...r
-}) {
-  const l = O(e), s = $(
-    (d) => {
-      o || d.preventDefault(), i && i(d);
-    },
-    [o, i]
+}, Io = "_DropdownMenu_hj4sz_1", Mo = "_DropdownMenuItemWrapper_hj4sz_8", Ro = "_DropdownMenuSeparatorWrapper_hj4sz_13", Oo = "_DropdownMenuItem_hj4sz_8", Xe = {
+  DropdownMenu: Io,
+  DropdownMenuItemWrapper: Mo,
+  DropdownMenuSeparatorWrapper: Ro,
+  DropdownMenuItem: Oo
+}, zo = {
+  1: "max-content",
+  2: "max-content",
+  3: "max-content",
+  4: "100%"
+}, Eo = x(function({ severity: e = "info", weight: n = "light", gap: o = "1", text: i, orientation: r = "horizontal", size: l, ...s }, d) {
+  const c = ce(l, zo), h = z(e);
+  return /* @__PURE__ */ b(
+    D,
+    {
+      ref: d,
+      width: r === "horizontal" ? c : "max-content",
+      height: r === "vertical" ? c : "max-content",
+      direction: r === "vertical" ? "column" : "row",
+      align: "center",
+      gap: o,
+      children: [
+        /* @__PURE__ */ a(mt, { size: l, orientation: r, color: h, ...s }),
+        i && /* @__PURE__ */ b(X, { children: [
+          /* @__PURE__ */ a(ze, { as: "span", size: "1", weight: n, color: h, children: i }),
+          /* @__PURE__ */ a(mt, { size: l, orientation: r, color: h, ...s })
+        ] })
+      ]
+    }
   );
-  return /* @__PURE__ */ a(E.Item, { onSelect: s, color: l, ...r, children: n });
-}), Do = w(function({
-  defaultOpen: e,
-  open: n,
-  onOpenChange: o,
-  modal: i,
-  trigger: r,
-  label: l,
-  severity: s = "info",
-  disabled: d = !1,
-  children: c,
-  ...h
-}) {
-  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
-    ] })
-  ] });
-}), Io = w(function({
-  separatorBelow: e = !1,
-  separatorAbove: n = !1,
-  children: o,
+}), Bo = w(Eo), Lo = w(function({
+  content: e,
+  onSelect: n,
+  closeOnSelect: o,
   ...i
 }) {
-  return /* @__PURE__ */ b(Q, { children: [
-    n && /* @__PURE__ */ a(E.Separator, {}),
-    /* @__PURE__ */ a(E.Group, { ...i, children: o }),
-    e && /* @__PURE__ */ a(E.Separator, {})
-  ] });
-}), Mo = w(function({
-  defaultOpen: e,
-  open: n,
-  onOpenChange: o,
-  trigger: i,
-  children: r,
-  ...l
-}) {
-  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 })
-  ] });
-}), 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(
+  const r = y(
+    (l) => {
+      n && n(l), o || l.preventDefault();
+    },
+    [o, n]
+  );
+  return /* @__PURE__ */ a(ne.Item, { className: Xe.DropdownMenuItem, textValue: "", onSelect: r, ...i, children: /* @__PURE__ */ a(D, { align: "center", gap: "1", children: e }) });
+}), ki = w(
+  x(
+    ({
+      className: t,
+      trigger: e,
+      items: n,
+      label: o,
+      disabled: i,
+      severity: r = "info",
+      modal: l = !1,
+      closeOnSelect: s = !0,
+      ...d
+    }) => {
+      const c = z(r);
+      return /* @__PURE__ */ b(ne.Root, { modal: l, children: [
+        /* @__PURE__ */ a(ne.Trigger, { disabled: i, children: e }),
+        /* @__PURE__ */ a(
+          ne.Content,
+          {
+            className: S("overmap-dropdown", t),
+            color: c,
+            variant: "soft",
+            ...d,
+            children: /* @__PURE__ */ b(
+              D,
+              {
+                className: Xe.DropdownMenu,
+                direction: "column",
+                height: "max-content",
+                width: "max-content",
+                children: [
+                  !!o && /* @__PURE__ */ a(ne.Label, { children: o }),
+                  n.map(({ closeOnSelect: h, separator: u, ...g }, m) => /* @__PURE__ */ b(X, { children: [
+                    /* @__PURE__ */ a(V, { className: Xe.DropdownMenuItemWrapper, children: /* @__PURE__ */ a(
+                      Lo,
+                      {
+                        closeOnSelect: h ?? s,
+                        ...g
+                      },
+                      m
+                    ) }),
+                    !!u && /* @__PURE__ */ a(V, { className: Xe.DropdownMenuSeparatorWrapper, children: /* @__PURE__ */ a(Bo, { size: "4" }) })
+                  ] }))
+                ]
+              }
+            )
+          }
+        )
+      ] });
+    }
+  )
+), Fo = "_DropdownSelect_k517z_1", Uo = "_BorderBottom_k517z_8", Wo = "_DropdownSelectInputWrapper_k517z_12", Ho = "_DropdownSelectInput_k517z_12", jo = "_DropdownSelectItem_k517z_27", $e = {
+  DropdownSelect: Fo,
+  BorderBottom: Uo,
+  DropdownSelectInputWrapper: Wo,
+  DropdownSelectInput: Ho,
+  DropdownSelectItem: jo
+}, Vo = 150, Ti = w(
   x(
     ({
       trigger: t,
@@ -537,31 +569,31 @@ const Zn = {
       icons: c,
       severity: h = "info"
     }, u) => {
-      const g = O(h), m = $(
-        (C) => (P) => {
-          i(o !== C ? C : void 0), d || P.preventDefault();
+      const g = z(h), m = y(
+        (f) => (P) => {
+          i(o !== f ? f : void 0), d || P.preventDefault();
         },
         [o, d, i]
-      ), f = $(
-        (C) => {
-          s && s(C.target.value);
+      ), C = y(
+        (f) => {
+          s && s(f.target.value);
         },
         [s]
-      ), v = $(
-        (C) => {
-          !C && s && setTimeout(() => {
+      ), _ = y(
+        (f) => {
+          !f && s && setTimeout(() => {
             s("");
-          }, Lo);
+          }, Vo);
         },
         [s]
       );
-      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(
+      return /* @__PURE__ */ b(ne.Root, { onOpenChange: _, children: [
+        /* @__PURE__ */ a(ne.Trigger, { disabled: n, children: t }),
+        /* @__PURE__ */ a(ne.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(V, { px: "1", className: S({ [$e.BorderBottom]: e.length !== 0 }), children: /* @__PURE__ */ b(
             ie.Root,
             {
-              className: _e.DropdownSelectInputWrapper,
+              className: $e.DropdownSelectInputWrapper,
               size: "2",
               variant: "soft",
               children: [
@@ -569,25 +601,25 @@ const Zn = {
                 /* @__PURE__ */ a(
                   ie.Input,
                   {
-                    className: _e.DropdownSelectInput,
+                    className: $e.DropdownSelectInput,
                     value: l,
                     placeholder: r,
-                    onChange: f
+                    onChange: C
                   }
                 ),
                 !!c && !!c.rightInputIcon && /* @__PURE__ */ a(ie.Slot, { children: c.rightInputIcon })
               ]
             }
           ) }),
-          /* @__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,
+          /* @__PURE__ */ a(V, { p: e.length !== 0 ? "1" : "0", children: /* @__PURE__ */ a(J, { direction: "column", children: e.map(({ content: f, value: P }, $) => /* @__PURE__ */ a(
+            ne.Item,
             {
-              className: _e.DropdownSelectItem,
+              className: $e.DropdownSelectItem,
               onSelect: m(P),
               textValue: "",
               asChild: !0,
               children: /* @__PURE__ */ b(J, { align: "center", height: "max-content", width: "100%", gap: "5", children: [
-                /* @__PURE__ */ a(X, { grow: "1", children: C }),
+                /* @__PURE__ */ a(V, { grow: "1", children: f }),
                 /* @__PURE__ */ a(
                   J,
                   {
@@ -595,21 +627,21 @@ const Zn = {
                     align: "center",
                     height: "max-content",
                     width: "4",
-                    children: o === P && (c && (c != null && c.selectedItemIcon) ? c.selectedItemIcon : /* @__PURE__ */ a($t, {}))
+                    children: o === P && (c && (c != null && c.selectedItemIcon) ? c.selectedItemIcon : /* @__PURE__ */ a(xt, {}))
                   }
                 )
               ] })
             },
-            S
+            $
           )) }) })
         ] }) })
       ] });
     }
   )
-), Fo = w(function({ children: e }) {
-  const [n, o] = k(!1), i = $(() => {
+), qo = w(function({ children: e }) {
+  const [n, o] = k(!1), i = y(() => {
     o(!0);
-  }, []), r = $(() => {
+  }, []), r = y(() => {
     o(!1);
   }, []);
   return e({
@@ -617,9 +649,9 @@ const Zn = {
     onPointerEnter: i,
     onPointerLeave: r
   });
-}), Uo = "_fluid_7n1wr_1", Ct = {
-  fluid: Uo
-}, Ho = x(function({
+}), Go = "_fluid_7n1wr_1", bt = {
+  fluid: Go
+}, Ko = x(function({
   className: e,
   fluid: n,
   size: o = "medium",
@@ -633,64 +665,64 @@ const Zn = {
   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(
+  const C = ce(o, Te), _ = z(r), f = z(l);
+  return /* @__PURE__ */ H(se.Root, { size: C, ...g, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ a(
     se.Trigger,
     {
-      className: y(e, {
-        [Ct.fluid]: n
+      className: S(e, {
+        [bt.fluid]: n
       }),
       id: u,
       ref: m,
       variant: i,
       placeholder: s,
-      color: v
+      color: _
     }
   ), /* @__PURE__ */ a(
     se.Content,
     {
       side: d,
-      className: Ct.contentDefault,
+      className: bt.contentDefault,
       position: "popper",
       variant: i !== "surface" ? "soft" : "solid",
-      color: C,
-      children: c.map(({ itemContent: P, value: S, ...T }) => /* @__PURE__ */ a(se.Item, { className: "overmap-select-item", value: S, ...T, children: P }, S))
+      color: f,
+      children: c.map(({ itemContent: P, value: $, ...T }) => /* @__PURE__ */ a(se.Item, { className: "overmap-select-item", value: $, ...T, children: P }, $))
     }
   ));
-}), Wo = H.memo(Ho), bt = w(
+}), Jo = U.memo(Ko), vt = 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 }),
+    return /* @__PURE__ */ a(V, { asChild: !0, px: r, children: /* @__PURE__ */ a(se.Item, { value: i, ref: e, children: /* @__PURE__ */ b(D, { gap: r, align: "center", children: [
+      /* @__PURE__ */ a(Sn, { checked: n }),
       o
     ] }) }) });
   })
-), qe = "__select_all__", wi = w(
+), Ge = "__select_all__", Ni = 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 ? (
+    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 = z(t.severity), m = M(() => new Map(s.map(($) => [$.value, $.label])), [s]), C = 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__ */ a("span", { children: r.flatMap((S) => [m.get(S), ", "]).slice(0, -1) })
-    ), v = $(() => o(!1), []), C = $((S) => {
-      S && o(!0);
-    }, []), P = $(
-      (S) => {
+      /* @__PURE__ */ a("span", { children: r.flatMap(($) => [m.get($), ", "]).slice(0, -1) })
+    ), _ = y(() => o(!1), []), f = y(($) => {
+      $ && o(!0);
+    }, []), P = y(
+      ($) => {
         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);
+        $ === Ge ? T = r.length === s.length ? [] : s.map((oe) => oe.value) : T = r.includes($) ? r.filter((O) => O !== $) : [...r, $], l(T);
       },
       [l, s, r]
     );
-    return B(() => {
-      if (s.some(({ value: S }) => S === qe))
-        throw new Error(`Cannot have an option with the value "${qe}"`);
+    return E(() => {
+      if (s.some(({ value: $ }) => $ === Ge))
+        throw new Error(`Cannot have an option with the value "${Ge}"`);
     }, [s]), /* @__PURE__ */ b(
       se.Root,
       {
         open: n,
         value: "",
-        onOpenChange: C,
+        onOpenChange: f,
         onValueChange: P,
         disabled: d,
         size: u,
@@ -702,7 +734,7 @@ const Zn = {
             {
               ref: e,
               color: g,
-              placeholder: r.length > 0 ? f : i,
+              placeholder: r.length > 0 ? C : i,
               "data-placeholder": r.length > 0 ? void 0 : !0,
               ...h
             }
@@ -713,26 +745,26 @@ const Zn = {
               color: "gray",
               variant: "soft",
               position: "popper",
-              onEscapeKeyDown: v,
-              onPointerDownOutside: v,
+              onEscapeKeyDown: _,
+              onPointerDownOutside: _,
               children: [
                 /* @__PURE__ */ a(
-                  bt,
+                  vt,
                   {
-                    value: qe,
+                    value: Ge,
                     label: "Select all",
                     checked: r.length === s.length,
                     size: u
                   }
                 ),
-                s.map((S) => /* @__PURE__ */ a(
-                  bt,
+                s.map(($) => /* @__PURE__ */ a(
+                  vt,
                   {
-                    ...S,
-                    checked: r.includes(S.value),
+                    ...$,
+                    checked: r.includes($.value),
                     size: u
                   },
-                  S.value
+                  $.value
                 ))
               ]
             }
@@ -741,43 +773,43 @@ const Zn = {
       }
     );
   })
-), jo = {
+), Xo = {
   default: "_default_u936h_1"
-}, 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(() => {
+}, Qo = 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 = z(n);
+  st(() => {
     var P;
-    const C = s || d;
-    "current" in C && C.current && g((P = C.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
+    const f = s || d;
+    "current" in f && f.current && g((P = f.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
   }, [s]);
-  const f = $(
-    (C) => {
-      h(C), r && r(C);
+  const C = y(
+    (f) => {
+      h(f), r && r(f);
     },
     [r]
-  ), v = l.checked ? l.checked : c;
-  return /* @__PURE__ */ b(Q, { children: [
+  ), _ = l.checked ? l.checked : c;
+  return /* @__PURE__ */ b(X, { children: [
     /* @__PURE__ */ a(
-      Sn,
+      yn,
       {
-        className: y("overmap-switch", e, jo.default),
+        className: S("overmap-switch", e, Xo.default),
         ref: s || d,
         color: m,
         radius: "full",
         defaultChecked: i,
-        onCheckedChange: f,
+        onCheckedChange: C,
         ...l
       }
     ),
-    /* @__PURE__ */ a($n, { container: u, asChild: !0, children: o && "checked" in o ? v ? o.checked : o.unchecked : o })
+    /* @__PURE__ */ a(xn, { container: u, asChild: !0, children: o && "checked" in o ? _ ? o.checked : o.unchecked : o })
   ] });
-}), 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({
+}), Di = w(Qo), Yo = "_sidebarContent_1onyo_1", Zo = "_right_1onyo_7", er = "_resizeHandle_1onyo_10", tr = "_left_1onyo_13", nr = "_overlay_1onyo_33", Se = {
+  sidebarContent: Yo,
+  right: Zo,
+  resizeHandle: er,
+  left: tr,
+  overlay: nr
+}, or = { width: "auto", height: "100%" }, rr = x(function({
   side: e = "left",
   modal: n = !0,
   children: o,
@@ -790,35 +822,35 @@ const Zn = {
   maxWidth: c = "500px",
   ...h
 }, 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);
+  const g = e === "right", m = e === "left", [C, _] = k();
+  return E(() => {
+    const f = r ?? '[data-is-root-theme="true"]', P = document.querySelector(f);
     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) }),
+      throw new Error(`Could not find a container element using the following selector ${f}`);
+    _(P);
+  }, [r]), /* @__PURE__ */ a(Ve.Root, { open: i, modal: n, children: /* @__PURE__ */ b(Ve.Portal, { container: C, children: [
+    l && /* @__PURE__ */ a(Ve.Overlay, { className: S(Se.overlay) }),
     /* @__PURE__ */ a(
-      je.Content,
+      Ve.Content,
       {
-        className: y("overmap-sidebar", "rt-DialogContent", Se.sidebarContent, {
+        className: S("overmap-sidebar", "rt-DialogContent", Se.sidebarContent, {
           [Se.left]: m,
           [Se.right]: g
         }),
         ref: u,
         asChild: !0,
         ...h,
-        children: /* @__PURE__ */ a(X, { width: "auto", children: /* @__PURE__ */ a(
-          Xe,
+        children: /* @__PURE__ */ a(V, { width: "auto", children: /* @__PURE__ */ a(
+          Ye,
           {
             minWidth: d,
             maxWidth: c,
-            defaultSize: Qo,
+            defaultSize: or,
             enable: { right: s && m, left: s && g },
             handleClasses: { left: Se.resizeHandle, right: Se.resizeHandle },
             handleComponent: {
-              right: /* @__PURE__ */ a(Je, {}),
-              left: /* @__PURE__ */ a(Je, {})
+              right: /* @__PURE__ */ a(Qe, {}),
+              left: /* @__PURE__ */ a(Qe, {})
             },
             children: o
           }
@@ -826,17 +858,17 @@ const Zn = {
       }
     )
   ] }) });
-}), 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({
+}), Ai = w(rr), ar = "_outerContent_1iy9c_1", ir = "_enter_1iy9c_4", sr = "_right_1iy9c_4", lr = "_left_1iy9c_8", cr = "_enterActive_1iy9c_12", dr = "_exitActive_1iy9c_22", ur = "_exitDone_1iy9c_32", hr = "_resizable_1iy9c_41", pr = "_slideOutOverlay_1iy9c_47", ee = {
+  outerContent: ar,
+  enter: ir,
+  right: sr,
+  left: lr,
+  enterActive: cr,
+  exitActive: dr,
+  exitDone: ur,
+  resizable: hr,
+  slideOutOverlay: pr
+}, mr = 200, Ii = w(function({
   className: e,
   open: n,
   side: o = "left",
@@ -850,51 +882,51 @@ const Zn = {
   position: u = "absolute",
   ...g
 }) {
-  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`);
+  const m = W(null), [C, _] = k(r), f = o === "left", P = o === "right", $ = y(
+    (T, O, oe, Le) => {
+      _(oe.clientWidth), m.current && (m.current.style.width = `${oe.clientWidth}px`);
     },
     []
   );
   return /* @__PURE__ */ a(
-    An,
+    In,
     {
       in: n,
       classNames: {
-        enter: te.enter,
-        enterActive: te.enterActive,
-        exitActive: te.exitActive,
-        exitDone: te.exitDone
+        enter: ee.enter,
+        enterActive: ee.enterActive,
+        exitActive: ee.exitActive,
+        exitDone: ee.exitDone
       },
-      timeout: lr,
+      timeout: mr,
       nodeRef: m,
       unmountOnExit: !0,
       mountOnEnter: !0,
-      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,
+      children: /* @__PURE__ */ b(X, { children: [
+        d && /* @__PURE__ */ a("div", { className: S("overamp-slide-out-overlay", ee.slideOutOverlay) }),
+        /* @__PURE__ */ a(An, { disableOutsidePointerEvents: c, asChild: !0, ...g, children: /* @__PURE__ */ a(
+          D,
           {
-            className: y("overmap-slide-out", e, te.outerContent, {
-              [te.left]: C,
-              [te.right]: P
+            className: S("overmap-slide-out", e, ee.outerContent, {
+              [ee.left]: f,
+              [ee.right]: P
             }),
-            style: { "--slide-out-width": `${f}px` },
+            style: { "--slide-out-width": `${C}px` },
             height: "100%",
             width: "auto",
             position: u,
             top: "0",
             bottom: "0",
-            left: C ? "0" : void 0,
+            left: f ? "0" : void 0,
             right: P ? "0" : void 0,
             ref: m,
             children: /* @__PURE__ */ a(
-              Xe,
+              Ye,
               {
-                className: te.resizable,
-                defaultSize: { width: f, height: "100%" },
-                onResize: S,
-                enable: { right: s && C, left: s && P },
+                className: ee.resizable,
+                defaultSize: { width: C, height: "100%" },
+                onResize: $,
+                enable: { right: s && f, left: s && P },
                 handleComponent: { left: h, right: h },
                 minWidth: r,
                 maxWidth: l,
@@ -906,14 +938,15 @@ const Zn = {
       ] })
     }
   );
-}), 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: ur,
-  noRightIcon: hr,
-  charCount: pr
-}, mr = x(function({
+}), fr = "_accommodateCharCount_1octa_1", gr = "_wrapper_1octa_5", Cr = "_noLeftIcon_1octa_14", br = "_noRightIcon_1octa_18", vr = "_ghost_1octa_22", _r = "_charCount_1octa_40", pe = {
+  accommodateCharCount: fr,
+  wrapper: gr,
+  default: "_default_1octa_10",
+  noLeftIcon: Cr,
+  noRightIcon: br,
+  ghost: vr,
+  charCount: _r
+}, $r = x(function({
   className: e,
   leftSlot: n,
   rightSlot: o,
@@ -924,141 +957,157 @@ const Zn = {
   severity: d = "primary",
   ...c
 }, h) {
-  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;
+  const u = ce(i, Te), g = z(d), m = r || r === void 0 && c.maxLength !== void 0, C = l !== void 0 ? l.toString() : void 0;
   return /* @__PURE__ */ b(
     ie.Root,
     {
-      className: y($e.wrapper, e, {
-        [$e.accommodateCharCount]: m
+      className: S(pe.wrapper, e, {
+        [pe.ghost]: s === "ghost",
+        [pe.accommodateCharCount]: m
       }),
       size: u,
-      variant: s,
+      variant: s !== "ghost" ? s : void 0,
       color: g,
       children: [
         n && /* @__PURE__ */ a(ie.Slot, { children: n }),
         /* @__PURE__ */ a(
           ie.Input,
           {
-            className: y($e.default, {
-              [$e.noLeftIcon]: !n,
-              [$e.noRightIcon]: !o
+            className: S(pe.default, {
+              [pe.noLeftIcon]: !n,
+              [pe.noRightIcon]: !o
             }),
             ref: h,
             value: l,
             size: u,
-            variant: s,
+            variant: s !== "ghost" ? s : void 0,
             color: g,
             ...c
           }
         ),
         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}` })
+        m && /* @__PURE__ */ a(ze, { as: "p", className: pe.charCount, size: "1", color: "gray", children: c.maxLength !== void 0 ? `${C == null ? void 0 : C.length}/${c.maxLength}` : `${C == null ? void 0 : C.length}` })
       ]
     }
   );
-}), 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) {
+}), Sr = U.memo($r), Mi = w(function({
+  color: e,
+  severity: n,
+  children: o
+}) {
+  const i = z(n ?? "primary"), r = M(
+    () => ({
+      "data-accent-color": n && i ? i : e || "gray",
+      style: {
+        color: "var(--accent-a11)"
+      }
+    }),
+    [e, n, i]
+  );
+  return Be(o, { ...r });
+}), yr = "_wrapper_tmtz0_1", xr = {
+  wrapper: yr
+}, wr = 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: c,
-        className: y("overmap-popover", e, Cr.wrapper),
+        className: S("overmap-popover", e, xr.wrapper),
         ...d,
         children: s(He.Close)
       }
     )
   ] });
-}), 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({
+}), Pr = U.memo(wr), kr = "_wrapper_1ssf2_1", Tr = "_panelContent_1ssf2_6", Nr = "_left_1ssf2_14", Dr = "_right_1ssf2_18", Ar = "_resizable_1ssf2_23", Ir = "_resizeHandle_1ssf2_28", Mr = "_panelMainContent_1ssf2_48", j = {
+  wrapper: kr,
+  panelContent: Tr,
+  left: Nr,
+  right: Dr,
+  resizable: Ar,
+  resizeHandle: Ir,
+  panelMainContent: Mr
+}, _t = 200, ae = 150, Ri = w(function({
   children: e,
   showLeft: n,
   leftPanel: o,
-  leftMinWidth: i = vt,
+  leftMinWidth: i = _t,
   showRight: r,
   rightPanel: l,
-  rightMinWidth: s = vt,
+  rightMinWidth: s = _t,
   resizeable: d
 }) {
-  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) => {
+  const c = W(null), h = W(null), [u, g] = k(0), [m, C] = k(), _ = W(null), [f, P] = k(0), [$, T] = k(), O = y(
+    (A, B, L) => (G, Ae, Fe, ve) => {
       if (!c.current)
         return;
-      const Y = D + be.width;
-      F(c.current.clientWidth - Y), L(() => Y);
+      const Q = A + ve.width;
+      L(c.current.clientWidth - Q), B(() => Q);
     },
     []
-  ), 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) => {
+  ), oe = y(
+    (A, B, L, G) => O(u, g, T)(A, B, L, G),
+    [O, u]
+  ), Le = y(
+    (A, B, L, G) => O(f, P, C)(A, B, L, G),
+    [O, f]
+  ), Ce = y(
+    (A, B, L, G, Ae, Fe, ve, Q) => {
       if (!c.current)
         return;
-      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));
+      let re = A;
+      if (re === 0 && (re = B, L(re)), Fe) {
+        const Y = c.current.clientWidth - re;
+        Q(Y), Ae > Y && (ve(Y), G(c.current.clientWidth - Y));
       }
     },
     []
-  ), de = $(
-    () => ge(
-      C,
+  ), de = y(
+    () => Ce(
+      f,
       s,
       P,
       T,
       u,
       n,
       g,
-      f
+      C
     ),
-    [ge, u, s, C, n]
-  ), Ye = $(
-    () => ge(
+    [Ce, u, s, f, n]
+  ), Ze = y(
+    () => Ce(
       u,
       i,
       g,
-      f,
       C,
+      f,
       r,
       P,
       T
     ),
-    [ge, i, u, C, r]
-  ), Ce = $(
-    (D, L) => {
-      c.current && D && L(c.current.clientWidth);
+    [Ce, i, u, f, r]
+  ), be = y(
+    (A, B) => {
+      c.current && A && B(c.current.clientWidth);
     },
     []
-  ), 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));
+  ), et = y(
+    () => be(n, C),
+    [be, n]
+  ), dt = y(
+    () => be(r, T),
+    [be, r]
+  ), Ne = y(() => {
+    var A, B, L, G;
+    c.current && (C(c.current.clientWidth - (((A = _.current) == null ? void 0 : A.clientWidth) || 0)), T(c.current.clientWidth - (((B = h.current) == null ? void 0 : B.clientWidth) || 0)), g(((L = h.current) == null ? void 0 : L.clientWidth) || 0), P(((G = _.current) == null ? void 0 : G.clientWidth) || 0));
   }, []);
-  B(() => {
+  E(() => {
     if (!c.current)
       return;
-    const D = new ResizeObserver(Ne);
-    return D.observe(c.current), () => {
-      D.disconnect();
+    const A = new ResizeObserver(Ne);
+    return A.observe(c.current), () => {
+      A.disconnect();
     };
   }, [Ne]);
   const q = M(() => ({
@@ -1085,10 +1134,10 @@ const Zn = {
     },
     exited: {},
     unmounted: {}
-  }), [u]), Ae = M(() => ({
+  }), [u]), De = M(() => ({
     entering: {
-      transform: `translateX(${C}px)`,
-      marginLeft: `${-C}px`,
+      transform: `translateX(${f}px)`,
+      marginLeft: `${-f}px`,
       transitionProperty: "transform, margin-left",
       transitionDuration: `${ae}ms`,
       transitionTimingFunction: "linear"
@@ -1101,19 +1150,19 @@ const Zn = {
       transitionTimingFunction: "linear"
     },
     exiting: {
-      transform: `translateX(${C}px)`,
-      marginLeft: `${-C}px`,
+      transform: `translateX(${f}px)`,
+      marginLeft: `${-f}px`,
       transitionProperty: "transform, margin-left",
       transitionDuration: `${ae}ms`,
       transitionTimingFunction: "linear"
     },
     exited: {},
     unmounted: {}
-  }), [C]);
+  }), [f]);
   return /* @__PURE__ */ b(
-    A,
+    D,
     {
-      className: V.wrapper,
+      className: j.wrapper,
       style: { minWidth: `${i + s}px` },
       ref: c,
       width: "100%",
@@ -1123,28 +1172,28 @@ const Zn = {
       p: "0",
       children: [
         /* @__PURE__ */ a(
-          mt,
+          ft,
           {
             nodeRef: h,
             timeout: n ? 0 : ae,
             in: n,
             unmountOnExit: !0,
-            onEntering: Ye,
-            onExited: ct,
-            children: (D) => /* @__PURE__ */ a(
-              X,
+            onEntering: Ze,
+            onExited: dt,
+            children: (A) => /* @__PURE__ */ a(
+              V,
               {
                 ref: h,
-                className: y(V.panelContent, V.left),
-                style: q[D],
+                className: S(j.panelContent, j.left),
+                style: q[A],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
                 children: /* @__PURE__ */ a(
-                  Xe,
+                  Ye,
                   {
-                    className: V.resizable,
+                    className: j.resizable,
                     size: {
                       width: u,
                       height: "100%"
@@ -1153,9 +1202,9 @@ const Zn = {
                     enable: { right: (d == null ? void 0 : d.left) !== void 0 ? d.left : !0 },
                     minWidth: i,
                     maxWidth: m,
-                    handleClasses: { right: y(V.resizeHandle, V.left) },
+                    handleClasses: { right: S(j.resizeHandle, j.left) },
                     handleComponent: {
-                      right: /* @__PURE__ */ a(Je, { height: "14px", width: "14px" })
+                      right: /* @__PURE__ */ a(Qe, { height: "14px", width: "14px" })
                     },
                     children: o
                   }
@@ -1164,37 +1213,37 @@ const Zn = {
             )
           }
         ),
-        /* @__PURE__ */ a("div", { className: V.panelMainContent, children: e }),
+        /* @__PURE__ */ a("div", { className: j.panelMainContent, children: e }),
         /* @__PURE__ */ a(
-          mt,
+          ft,
           {
-            nodeRef: v,
+            nodeRef: _,
             timeout: r ? 0 : ae,
             in: r,
             unmountOnExit: !0,
             onEntering: de,
-            onExited: Ze,
-            children: (D) => /* @__PURE__ */ a(
-              X,
+            onExited: et,
+            children: (A) => /* @__PURE__ */ a(
+              V,
               {
-                ref: v,
-                className: y(V.panelContent, V.right),
-                style: Ae[D],
+                ref: _,
+                className: S(j.panelContent, j.right),
+                style: De[A],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
                 children: /* @__PURE__ */ a(
-                  Xe,
+                  Ye,
                   {
-                    className: V.resizable,
-                    size: { width: C, height: "100%" },
-                    onResizeStop: Be,
+                    className: j.resizable,
+                    size: { width: f, height: "100%" },
+                    onResizeStop: Le,
                     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" }) },
+                    maxWidth: $,
+                    handleClasses: { left: S(j.resizeHandle, j.right) },
+                    handleComponent: { left: /* @__PURE__ */ a(Qe, { height: "14px", width: "14px" }) },
                     children: l
                   }
                 )
@@ -1205,41 +1254,41 @@ const Zn = {
       ]
     }
   );
-}), 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
+}), Rr = "_multiPagePopover_1w3ey_1", Or = "_light_1w3ey_15", zr = "_dark_1w3ey_20", Er = "_pageTitle_1w3ey_28", Br = "_buttonContainer_1w3ey_33", Lr = "_optionsButtonContainer_1w3ey_38", Fr = "_optionsButton_1w3ey_38", we = {
+  multiPagePopover: Rr,
+  light: Or,
+  dark: zr,
+  pageTitle: Er,
+  buttonContainer: Br,
+  optionsButtonContainer: Lr,
+  optionsButton: Fr
 };
-function Mt(t, e, n, o = 0) {
+function Ot(t, e, n, o = 0) {
   if (!t.options)
-    return t.content || /* @__PURE__ */ a(Q, {});
+    return t.content || /* @__PURE__ */ a(X, {});
   const i = t.options.map((r, l) => /* @__PURE__ */ a(
     ke,
     {
-      className: y(we.optionsButton, r.buttonClassName),
+      className: S(we.optionsButton, r.buttonClassName),
       variant: "ghost",
       radius: "large",
       style: {
         width: n === "vertical" ? "100%" : "auto"
       },
       onClick: r.onClick || (() => e(
-        Mt(r.page || {}, e, n, o + 1)
+        Ot(r.page || {}, e, n, o + 1)
       )),
       children: r.label
     },
     `${r.value}-page-${o}-button-${l}`
   ));
-  return /* @__PURE__ */ b(Q, { children: [
+  return /* @__PURE__ */ b(X, { children: [
     t.title && /* @__PURE__ */ a("div", { className: we.pageTitle, children: t.title }),
     t.content,
     /* @__PURE__ */ a(
       "div",
       {
-        className: y(we.optionsButtonContainer, t.buttonsContainerClassName),
+        className: S(we.optionsButtonContainer, t.buttonsContainerClassName),
         style: {
           flexDirection: n === "vertical" ? "column" : "row"
         },
@@ -1248,14 +1297,14 @@ function Mt(t, e, n, o = 0) {
     )
   ] });
 }
-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]);
+const Ur = x(function({ page: e, className: n, direction: o = "vertical", color: i = "light", ...r }, l) {
+  const [s, d] = k(void 0), c = y(() => {
+    d(Ot(e, d, o, 0));
+  }, [o, e]), h = y((u) => s, [s]);
   return /* @__PURE__ */ a(
-    vr,
+    Pr,
     {
-      className: y(we.multiPagePopover, i === "light" ? we.light : we.dark, n),
+      className: S(we.multiPagePopover, i === "light" ? we.light : we.dark, n),
       ref: l,
       onOpenAutoFocus: c,
       onCloseAutoFocus: c,
@@ -1263,31 +1312,44 @@ const Rr = x(function({ page: e, className: n, direction: o = "vertical", color:
       children: (u) => h(u)
     }
   );
-}), 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(() => {
+}), Wr = U.memo(Ur), Hr = "_charCount_1lz28_1", jr = "_ghost_1lz28_5", $t = {
+  charCount: Hr,
+  ghost: jr
+}, Vr = x(function({
+  className: e,
+  showInputLength: n,
+  inputLengthTemplate: o,
+  value: i,
+  severity: r = "primary",
+  resize: l,
+  variant: s,
+  ...d
+}, c) {
+  const h = z(r), u = z("info"), g = n || n === void 0 && (d.maxLength !== void 0 || d.minLength !== void 0), m = i !== void 0 ? i.toString() : "", C = 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;
+      let _ = o.replace("{current}", m.length.toString());
+      return d.minLength !== void 0 && (_ = _.replace("{min}", d.minLength.toString())), d.maxLength !== void 0 && (_ = _.replace("{max}", d.maxLength.toString())), _;
     }
-    return g.length;
-  }, [o, s.maxLength, s.minLength, g.length]);
-  return /* @__PURE__ */ b(Q, { children: [
+    return m.length;
+  }, [o, d.maxLength, d.minLength, m.length]);
+  return /* @__PURE__ */ b(X, { children: [
     /* @__PURE__ */ a(
-      yn,
+      wn,
       {
-        className: y("overmap-textarea", e),
+        className: S("overmap-textarea", e, {
+          [$t.ghost]: s === "ghost"
+        }),
         style: { resize: l },
-        ref: d,
+        variant: s !== "ghost" ? s : void 0,
+        ref: c,
         value: i,
-        color: c,
-        ...s
+        color: h,
+        ...d
       }
     ),
-    u && /* @__PURE__ */ a(ze, { as: "p", className: Er.charCount, color: h, align: "right", children: m })
+    g && /* @__PURE__ */ a(ze, { as: "p", className: $t.charCount, color: u, align: "right", children: C })
   ] });
-}), Ai = w(Br), Lr = x(function({
+}), Oi = w(Vr), qr = x(function({
   // ToggleGroup Primitive Props
   loop: e,
   type: n,
@@ -1303,10 +1365,10 @@ const Rr = x(function({ page: e, className: n, direction: o = "vertical", color:
   ...u
 }, g) {
   return /* @__PURE__ */ a(
-    Dn,
+    Mn,
     {
       type: n,
-      className: y("overmap-toggle-group", c),
+      className: S("overmap-toggle-group", c),
       ref: g,
       value: i,
       onValueChange: r,
@@ -1316,33 +1378,33 @@ const Rr = x(function({ page: e, className: n, direction: o = "vertical", color:
       rovingFocus: o,
       defaultValue: l,
       asChild: !0,
-      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,
+      children: /* @__PURE__ */ a(It, { direction: h, ...u, children: d.map(({ children: m, ...C }) => /* @__PURE__ */ H(Rn, { asChild: !0, ...C, key: C.value }, /* @__PURE__ */ a(
+        te,
         {
-          className: y("overmap-toggle-group-button"),
-          "aria-label": f.value,
-          variant: f.value === i ? "solid" : "soft",
+          className: S("overmap-toggle-group-button"),
+          "aria-label": C.value,
+          variant: C.value === i ? "solid" : "soft",
           children: m
         }
       ))) })
     }
   );
-}), Di = w(Lr), Fr = {
+}), zi = w(qr), Gr = {
   default: "_default_xqvoc_1"
-}, Ur = w(
+}, Kr = w(
   x(({ className: t, minContentGap: e = "2", children: n, ...o }, i) => /* @__PURE__ */ a(
-    Mn,
+    On,
     {
-      className: y(t, "overmap-toolbar", Fr.default),
+      className: S(t, "overmap-toolbar", Gr.default),
       ref: i,
       asChild: !0,
       ...o,
       children: /* @__PURE__ */ a(J, { grow: "1", width: "100%", height: "max-content", align: "center", gap: e, wrap: "nowrap", children: n })
     }
   ))
-), Hr = w(
+), Jr = 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(
+), Xr = w(
   x(({ children: t, gap: e }, n) => /* @__PURE__ */ a(
     J,
     {
@@ -1356,145 +1418,121 @@ const Rr = x(function({ page: e, className: n, direction: o = "vertical", color:
       children: t
     }
   ))
-), 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 && l && l(), g(v);
+), Ei = {
+  Root: Kr,
+  LeftContent: Jr,
+  RightContent: Xr
+}, Qr = "_ToastViewport_1i6bp_1", Yr = "_actionButton_1i6bp_20", Zr = "_ToastRoot_1i6bp_24", ea = "_slideIn_1i6bp_1", ta = "_swipeOut_1i6bp_1", rt = {
+  ToastViewport: Qr,
+  actionButton: Yr,
+  ToastRoot: Zr,
+  slideIn: ea,
+  swipeOut: ta
+}, na = 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 = z(i), C = y(
+    (_) => {
+      !_ && l && l(), g(_);
     },
     [l]
   );
-  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 }) })
+  return /* @__PURE__ */ a(Me.Root, { asChild: !0, ref: h, ...c, open: u, type: s, onOpenChange: C, children: /* @__PURE__ */ a(je.Root, { className: rt.ToastRoot, variant: "surface", color: m, size: r, children: /* @__PURE__ */ b(D, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+    /* @__PURE__ */ b(D, { align: "center", gap: "3", children: [
+      /* @__PURE__ */ a(je.Icon, { children: o }),
+      /* @__PURE__ */ b(D, { direction: "column", gap: "2", children: [
+        /* @__PURE__ */ b(D, { direction: "column", gap: "0", children: [
+          /* @__PURE__ */ a(Me.Title, { asChild: !0, children: /* @__PURE__ */ a(je.Text, { size: "3", weight: "medium", children: e }) }),
+          /* @__PURE__ */ a(Me.Description, { asChild: !0, children: /* @__PURE__ */ a(je.Text, { children: n }) })
         ] }),
-        d && /* @__PURE__ */ a(Me.Action, { className: ot.actionButton, altText: d.altText, asChild: !0, children: d.content })
+        d && /* @__PURE__ */ a(Me.Action, { className: rt.actionButton, altText: d.altText, asChild: !0, children: d.content })
       ] })
     ] }),
-    /* @__PURE__ */ a(Me.Close, { asChild: !0, children: /* @__PURE__ */ a(ne, { "aria-label": "Close", variant: "ghost", severity: i, children: /* @__PURE__ */ a(yt, {}) }) })
+    /* @__PURE__ */ a(Me.Close, { asChild: !0, children: /* @__PURE__ */ a(te, { "aria-label": "Close", variant: "ghost", severity: i, children: /* @__PURE__ */ a(wt, {}) }) })
   ] }) }) });
-}), Xr = w(Jr), Rt = Pe({}), Mi = () => {
-  const t = Ee(Rt);
+}), oa = w(na), zt = Pe({}), Bi = () => {
+  const t = Ee(zt);
   if (!t)
     throw new Error("useToast must be used within a ToastProvider");
   return t;
-}, Qr = 240 / 60, _t = 5e3, Yr = (t) => {
-  if (t.duration && t.duration >= _t)
+}, ra = 240 / 60, St = 5e3, aa = (t) => {
+  if (t.duration && t.duration >= St)
     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;
+  return (St + n / ra) * e;
 };
-let Zr;
-const Ri = w(function({
+let ia;
+const Li = w(function({
   children: e,
   // Use this class to change where the viewport for the toasts should be
   className: n,
   hotkey: o,
   ...i
 }) {
-  const [r, l] = k([]), s = $((c, h, u) => {
+  const [r, l] = k([]), s = y((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);
+      const m = g.find((C) => C.id === c);
+      return m && h === 0 && clearTimeout(m.timeout), g.filter((C) => C.id !== c);
     }), u && u();
   }, []), d = M(() => {
     let c = 0;
-    const h = (v) => {
-      const C = Yr(v), P = c.toString();
+    const h = (f) => {
+      const P = aa(f), $ = 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, {
+      const T = setTimeout(() => s($, 1, f.onClose), P);
+      l((O) => [...O, { ...f, timeout: T, duration: P, id: $ }]);
+    }, u = (f) => h({ ...f, severity: "primary" }), g = (f) => h({ ...f, severity: "success" }), m = (f) => h({ ...f, severity: "danger" }), C = (f) => h({ ...f, severity: "info" }), _ = (f) => h({ ...f, severity: "warning" });
+    return ia = h, {
       showToast: h,
       showPrimary: u,
       showSuccess: g,
       showError: m,
-      showInfo: f
+      showInfo: C,
+      showWarning: _
     };
   }, [s]);
-  return B(() => () => {
+  return E(() => () => {
     for (const { timeout: c } of r)
       clearTimeout(c);
-  }, []), /* @__PURE__ */ a(Rt.Provider, { value: d, children: /* @__PURE__ */ b(Rn, { ...i, children: [
+  }, []), /* @__PURE__ */ a(zt.Provider, { value: d, children: /* @__PURE__ */ b(zn, { ...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))
+    /* @__PURE__ */ a(En, { className: S(n, rt.ToastViewport), hotkey: o }),
+    r.map(({ id: c, onClose: h, ...u }) => /* @__PURE__ */ a(oa, { ...u, onClose: () => s(c, 0, h) }, c))
   ] }) });
-}), ea = {
+}), sa = {
   default: "_default_1odpt_1"
-}, Oi = w(
+}, Fi = w(
   x(({ className: t, children: e, content: n, ...o }, i) => /* @__PURE__ */ a(
-    xn,
+    Pn,
     {
-      className: y("overmap-tooltip", t, ea.default),
+      className: S("overmap-tooltip", t, sa.default),
       ref: i,
-      content: /* @__PURE__ */ a(A, { align: "center", gap: "1", width: "max-content", height: "max-content", justify: "center", children: n }),
+      content: /* @__PURE__ */ a(D, { align: "center", gap: "1", width: "max-content", height: "max-content", justify: "center", children: n }),
       ...o,
       children: e
     }
   ))
-), ta = "_noWrap_1wpa5_1", na = {
-  noWrap: ta
-}, nt = w(
+), la = "_noWrap_1wpa5_1", ca = {
+  noWrap: la
+}, ot = w(
   x(({ className: t, noWrap: e, severity: n, as: o, ...i }, r) => {
-    const l = O(n);
+    const l = z(n);
     return /* @__PURE__ */ a(
       ze,
       {
         ref: r,
         as: o,
-        className: y(t, { [na.noWrap]: e }),
+        className: S(t, { [ca.noWrap]: e }),
         color: l,
         ...i
       }
     );
   })
 );
-const zi = w(
+const Ui = w(
   x((t, e) => {
     const { panelBackground: n = "solid", radius: o = "full", ...i } = t;
-    return /* @__PURE__ */ a(wn, { panelBackground: n, radius: o, ref: e, ...i });
+    return /* @__PURE__ */ a(kn, { panelBackground: n, radius: o, ref: e, ...i });
   })
-), oa = {
-  1: "max-content",
-  2: "max-content",
-  3: "max-content",
-  4: "100%"
-}, 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: d,
-      width: r === "horizontal" ? c : "max-content",
-      height: r === "vertical" ? c : "max-content",
-      direction: r === "vertical" ? "column" : "row",
-      align: "center",
-      gap: o,
-      children: [
-        /* @__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 })
-        ] })
-      ]
-    }
-  );
-}), Ei = w(ra);
+);
 function le() {
   return le = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
@@ -1505,18 +1543,18 @@ function le() {
     return t;
   }, le.apply(this, arguments);
 }
-function aa(t, e) {
+function da(t, e) {
   typeof t == "function" ? t(e) : t != null && (t.current = e);
 }
-function Ot(...t) {
+function Et(...t) {
   return (e) => t.forEach(
-    (n) => aa(n, e)
+    (n) => da(n, e)
   );
 }
-function zt(...t) {
-  return $(Ot(...t), t);
+function Bt(...t) {
+  return y(Et(...t), t);
 }
-function ia(t, e = []) {
+function ua(t, e = []) {
   let n = [];
   function o(r, l) {
     const s = /* @__PURE__ */ Pe(l), d = n.length;
@@ -1525,18 +1563,18 @@ function ia(t, e = []) {
       l
     ];
     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)
+      const { scope: g, children: m, ...C } = u, _ = (g == null ? void 0 : g[t][d]) || s, f = M(
+        () => C,
+        Object.values(C)
       );
-      return /* @__PURE__ */ j(v.Provider, {
-        value: C
+      return /* @__PURE__ */ H(_.Provider, {
+        value: f
       }, m);
     }
     function h(u, g) {
-      const m = (g == null ? void 0 : g[t][d]) || s, f = Ee(m);
-      if (f)
-        return f;
+      const m = (g == null ? void 0 : g[t][d]) || s, C = Ee(m);
+      if (C)
+        return C;
       if (l !== void 0)
         return l;
       throw new Error(`\`${u}\` must be used within \`${r}\``);
@@ -1566,10 +1604,10 @@ function ia(t, e = []) {
   };
   return i.scopeName = t, [
     o,
-    sa(i, ...e)
+    ha(i, ...e)
   ];
 }
-function sa(...t) {
+function ha(...t) {
   const e = t[0];
   if (t.length === 1)
     return e;
@@ -1600,15 +1638,15 @@ function sa(...t) {
   };
   return n.scopeName = e.scopeName, n;
 }
-function St(t, e, { checkForDefaultPrevented: n = !0 } = {}) {
+function yt(t, e, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(i) {
     if (t == null || t(i), n === !1 || !i.defaultPrevented)
       return e == null ? void 0 : e(i);
   };
 }
-function Et(t) {
+function Lt(t) {
   const e = W(t);
-  return B(() => {
+  return E(() => {
     e.current = t;
   }), M(
     () => (...n) => {
@@ -1618,12 +1656,12 @@ function Et(t) {
     []
   );
 }
-function la({ prop: t, defaultProp: e, onChange: n = () => {
+function pa({ prop: t, defaultProp: e, onChange: n = () => {
 } }) {
-  const [o, i] = ca({
+  const [o, i] = ma({
     defaultProp: e,
     onChange: n
-  }), r = t !== void 0, l = r ? t : o, s = Et(n), d = $((c) => {
+  }), r = t !== void 0, l = r ? t : o, s = Lt(n), d = y((c) => {
     if (r) {
       const u = typeof c == "function" ? c(t) : c;
       u !== t && s(u);
@@ -1640,9 +1678,9 @@ function la({ prop: t, defaultProp: e, onChange: n = () => {
     d
   ];
 }
-function ca({ defaultProp: t, onChange: e }) {
-  const n = k(t), [o] = n, i = W(o), r = Et(e);
-  return B(() => {
+function ma({ defaultProp: t, onChange: e }) {
+  const n = k(t), [o] = n, i = W(o), r = Lt(e);
+  return E(() => {
     i.current !== o && (r(o), i.current = o);
   }, [
     o,
@@ -1650,7 +1688,7 @@ function ca({ defaultProp: t, onChange: e }) {
     r
   ]), n;
 }
-function da(t) {
+function fa(t) {
   const e = W({
     value: t,
     previous: t
@@ -1659,11 +1697,11 @@ function da(t) {
     t
   ]);
 }
-const rt = globalThis != null && globalThis.document ? it : () => {
+const at = globalThis != null && globalThis.document ? st : () => {
 };
-function ua(t) {
+function ga(t) {
   const [e, n] = k(void 0);
-  return rt(() => {
+  return at(() => {
     if (t) {
       n({
         width: t.offsetWidth,
@@ -1693,23 +1731,23 @@ function ua(t) {
     t
   ]), e;
 }
-function ha(t, e) {
-  return kn((n, o) => {
+function Ca(t, e) {
+  return Nn((n, o) => {
     const i = e[n][o];
     return i ?? n;
   }, t);
 }
-const Bt = (t) => {
-  const { present: e, children: n } = t, o = pa(e), i = typeof n == "function" ? n({
+const Ft = (t) => {
+  const { present: e, children: n } = t, o = ba(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, {
+  }) : fe.only(n), r = Bt(o.ref, i.ref);
+  return typeof n == "function" || o.isPresent ? /* @__PURE__ */ Be(i, {
     ref: r
   }) : null;
 };
-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, {
+Ft.displayName = "Presence";
+function ba(t) {
+  const [e, n] = k(), o = W({}), i = W(t), r = W("none"), l = t ? "mounted" : "unmounted", [s, d] = Ca(l, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -1722,29 +1760,29 @@ function pa(t) {
       MOUNT: "mounted"
     }
   });
-  return B(() => {
-    const c = Ge(o.current);
+  return E(() => {
+    const c = Ke(o.current);
     r.current = s === "mounted" ? c : "none";
   }, [
     s
-  ]), rt(() => {
+  ]), at(() => {
     const c = o.current, h = i.current;
     if (h !== t) {
-      const g = r.current, m = Ge(c);
+      const g = r.current, m = Ke(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;
     }
   }, [
     t,
     d
-  ]), rt(() => {
+  ]), at(() => {
     if (e) {
       const c = (u) => {
-        const m = Ge(o.current).includes(u.animationName);
-        u.target === e && m && zn(
+        const m = Ke(o.current).includes(u.animationName);
+        u.target === e && m && Bn(
           () => d("ANIMATION_END")
         );
       }, h = (u) => {
-        u.target === e && (r.current = Ge(o.current));
+        u.target === e && (r.current = Ke(o.current));
       };
       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);
@@ -1759,40 +1797,40 @@ function pa(t) {
       "mounted",
       "unmountSuspended"
     ].includes(s),
-    ref: $((c) => {
+    ref: y((c) => {
       c && (o.current = getComputedStyle(c)), n(c);
     }, [])
   };
 }
-function Ge(t) {
+function Ke(t) {
   return (t == null ? void 0 : t.animationName) || "none";
 }
-const Lt = /* @__PURE__ */ x((t, e) => {
-  const { children: n, ...o } = t, i = me.toArray(n), r = i.find(fa);
+const Ut = /* @__PURE__ */ x((t, e) => {
+  const { children: n, ...o } = t, i = fe.toArray(n), r = i.find(_a);
   if (r) {
-    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, {
+    const l = r.props.children, s = i.map((d) => d === r ? fe.count(l) > 1 ? fe.only(null) : /* @__PURE__ */ Oe(l) ? l.props.children : null : d);
+    return /* @__PURE__ */ H(it, le({}, o, {
       ref: e
-    }), /* @__PURE__ */ Oe(l) ? /* @__PURE__ */ Qe(l, void 0, s) : null);
+    }), /* @__PURE__ */ Oe(l) ? /* @__PURE__ */ Be(l, void 0, s) : null);
   }
-  return /* @__PURE__ */ j(at, le({}, o, {
+  return /* @__PURE__ */ H(it, le({}, o, {
     ref: e
   }), n);
 });
-Lt.displayName = "Slot";
-const at = /* @__PURE__ */ x((t, e) => {
+Ut.displayName = "Slot";
+const it = /* @__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;
+  return /* @__PURE__ */ Oe(n) ? /* @__PURE__ */ Be(n, {
+    ...$a(o, n.props),
+    ref: e ? Et(e, n.ref) : n.ref
+  }) : fe.count(n) > 1 ? fe.only(null) : null;
 });
-at.displayName = "SlotClone";
-const ma = ({ children: t }) => /* @__PURE__ */ j(Tn, null, t);
-function fa(t) {
-  return /* @__PURE__ */ Oe(t) && t.type === ma;
+it.displayName = "SlotClone";
+const va = ({ children: t }) => /* @__PURE__ */ H(Dn, null, t);
+function _a(t) {
+  return /* @__PURE__ */ Oe(t) && t.type === va;
 }
-function ga(t, e) {
+function $a(t, e) {
   const n = {
     ...e
   };
@@ -1813,7 +1851,7 @@ function ga(t, e) {
     ...n
   };
 }
-const Ca = [
+const Sa = [
   "a",
   "button",
   "div",
@@ -1830,12 +1868,12 @@ const Ca = [
   "span",
   "svg",
   "ul"
-], Ft = Ca.reduce((t, e) => {
+], Wt = Sa.reduce((t, e) => {
   const n = /* @__PURE__ */ x((o, i) => {
-    const { asChild: r, ...l } = o, s = r ? Lt : e;
-    return B(() => {
+    const { asChild: r, ...l } = o, s = r ? Ut : e;
+    return E(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ j(s, le({}, l, {
+    }, []), /* @__PURE__ */ H(s, le({}, l, {
       ref: i
     }));
   });
@@ -1843,65 +1881,65 @@ const Ca = [
     ...t,
     [e]: n
   };
-}, {}), 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(
+}, {}), Ht = "Checkbox", [ya, Wi] = ua(Ht), [xa, wa] = ya(Ht), Pa = /* @__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 = Bt(
     e,
     (T) => g(T)
-  ), f = W(!1), v = u ? !!u.closest("form") : !0, [C = !1, P] = la({
+  ), C = W(!1), _ = u ? !!u.closest("form") : !0, [f = !1, P] = pa({
     prop: i,
     defaultProp: r,
     onChange: c
-  }), S = W(C);
-  return B(() => {
+  }), $ = W(f);
+  return E(() => {
     const T = u == null ? void 0 : u.form;
     if (T) {
-      const z = () => P(S.current);
-      return T.addEventListener("reset", z), () => T.removeEventListener("reset", z);
+      const O = () => P($.current);
+      return T.addEventListener("reset", O), () => T.removeEventListener("reset", O);
     }
   }, [
     u,
     P
-  ]), /* @__PURE__ */ j(va, {
+  ]), /* @__PURE__ */ H(xa, {
     scope: n,
-    state: C,
+    state: f,
     disabled: s
-  }, /* @__PURE__ */ j(Ft.button, le({
+  }, /* @__PURE__ */ H(Wt.button, le({
     type: "button",
     role: "checkbox",
-    "aria-checked": fe(C) ? "mixed" : C,
+    "aria-checked": ge(f) ? "mixed" : f,
     "aria-required": l,
-    "data-state": Ht(C),
+    "data-state": jt(f),
     "data-disabled": s ? "" : void 0,
     disabled: s,
     value: d
   }, h, {
     ref: m,
-    onKeyDown: St(t.onKeyDown, (T) => {
+    onKeyDown: yt(t.onKeyDown, (T) => {
       T.key === "Enter" && T.preventDefault();
     }),
-    onClick: St(t.onClick, (T) => {
+    onClick: yt(t.onClick, (T) => {
       P(
-        (z) => fe(z) ? !0 : !z
-      ), v && (f.current = T.isPropagationStopped(), f.current || T.stopPropagation());
+        (O) => ge(O) ? !0 : !O
+      ), _ && (C.current = T.isPropagationStopped(), C.current || T.stopPropagation());
     })
-  })), v && /* @__PURE__ */ j(xa, {
+  })), _ && /* @__PURE__ */ H(Na, {
     control: u,
-    bubbles: !f.current,
+    bubbles: !C.current,
     name: o,
     value: d,
-    checked: C,
+    checked: f,
     required: l,
     disabled: s,
     style: {
       transform: "translateX(-100%)"
     }
   }));
-}), $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),
+}), ka = "CheckboxIndicator", Ta = /* @__PURE__ */ x((t, e) => {
+  const { __scopeCheckbox: n, forceMount: o, ...i } = t, r = wa(ka, n);
+  return /* @__PURE__ */ H(Ft, {
+    present: o || ge(r.state) || r.state === !0
+  }, /* @__PURE__ */ H(Wt.span, le({
+    "data-state": jt(r.state),
     "data-disabled": r.disabled ? "" : void 0
   }, i, {
     ref: e,
@@ -1910,24 +1948,24 @@ const Ca = [
       ...t.style
     }
   })));
-}), xa = (t) => {
-  const { control: e, checked: n, bubbles: o = !0, ...i } = t, r = W(null), l = da(n), s = ua(e);
-  return B(() => {
+}), Na = (t) => {
+  const { control: e, checked: n, bubbles: o = !0, ...i } = t, r = W(null), l = fa(n), s = ga(e);
+  return E(() => {
     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
       });
-      d.indeterminate = fe(n), u.call(d, fe(n) ? !1 : n), d.dispatchEvent(g);
+      d.indeterminate = ge(n), u.call(d, ge(n) ? !1 : n), d.dispatchEvent(g);
     }
   }, [
     l,
     n,
     o
-  ]), /* @__PURE__ */ j("input", le({
+  ]), /* @__PURE__ */ H("input", le({
     type: "checkbox",
     "aria-hidden": !0,
-    defaultChecked: fe(n) ? !1 : n
+    defaultChecked: ge(n) ? !1 : n
   }, i, {
     tabIndex: -1,
     ref: r,
@@ -1941,25 +1979,25 @@ const Ca = [
     }
   }));
 };
-function fe(t) {
+function ge(t) {
   return t === "indeterminate";
 }
-function Ht(t) {
-  return fe(t) ? "indeterminate" : t ? "checked" : "unchecked";
+function jt(t) {
+  return ge(t) ? "indeterminate" : t ? "checked" : "unchecked";
 }
-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: [
+const Da = Pa, Aa = Ta, Ia = "_checkboxContainer_pb9za_5", Ma = "_checkbox_pb9za_5", Ra = "_checkboxIndicator_pb9za_27", Oa = "_checkboxLabel_pb9za_38", za = "_noTextHighlight_pb9za_42", Ea = "_checkboxHidden_pb9za_51", ye = {
+  checkboxContainer: Ia,
+  checkbox: Ma,
+  checkboxIndicator: Ra,
+  checkboxLabel: Oa,
+  noTextHighlight: za,
+  checkboxHidden: Ea
+}, Ba = x(function({ className: e, labelClassName: n, label: o, checked: i, onCheckedChange: r, ...l }, s) {
+  return /* @__PURE__ */ a(qo, { children: ({ isHovered: d, ...c }) => /* @__PURE__ */ b(D, { className: ye.checkboxContainer, ...c, children: [
     /* @__PURE__ */ a(
-      wa,
+      Da,
       {
-        className: y(
+        className: S(
           ye.checkbox,
           !d && !i && ye.checkboxHidden,
           e
@@ -1970,13 +2008,13 @@ const wa = Sa, Pa = ya, ka = "_checkboxContainer_pb9za_5", Ta = "_checkbox_pb9za
         },
         ref: s,
         ...l,
-        children: /* @__PURE__ */ a(Pa, { className: ye.checkboxIndicator, children: i === "indeterminate" ? /* @__PURE__ */ a(tn, { width: "13px" }) : /* @__PURE__ */ a($t, {}) })
+        children: /* @__PURE__ */ a(Aa, { className: ye.checkboxIndicator, children: i === "indeterminate" ? /* @__PURE__ */ a(on, { width: "13px" }) : /* @__PURE__ */ a(xt, {}) })
       }
     ),
     o && /* @__PURE__ */ a(
       "div",
       {
-        className: y(ye.checkboxLabel, n, ye.noTextHighlight),
+        className: S(ye.checkboxLabel, n, ye.noTextHighlight),
         onClick: () => {
           r && r(!i);
         },
@@ -1984,9 +2022,9 @@ const wa = Sa, Pa = ya, ka = "_checkboxContainer_pb9za_5", Ta = "_checkbox_pb9za
       }
     )
   ] }) });
-}), lt = w(Ma);
-lt.displayName = "Checkbox";
-const Ra = w(function({
+}), ct = w(Ba);
+ct.displayName = "Checkbox";
+const La = w(function({
   className: e,
   labelClassName: n,
   label: o,
@@ -1995,31 +2033,31 @@ const Ra = w(function({
   ...l
 }) {
   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
+    U.Children.toArray(r).every((m) => U.isValidElement(m) && m.props.checked) ? !0 : U.Children.toArray(r).some((m) => U.isValidElement(m) && m.props.checked) ? "indeterminate" : !1
   ), [c, h] = k(
-    H.Children.map(r, (m) => m.props.checked)
+    U.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);
+    const C = s === "indeterminate" || !m;
+    s === "indeterminate" && (m = !1), h(c.map((_) => !C)), i && i(m);
   };
-  B(() => {
-    const m = c.filter((f) => f).length;
+  E(() => {
+    const m = c.filter((C) => C).length;
     m === 0 ? d(!1) : m === r.length ? d(!0) : d("indeterminate");
   }, [r, c]);
-  const g = H.Children.map(
+  const g = U.Children.map(
     r,
-    (m, f) => H.cloneElement(m, {
+    (m, C) => U.cloneElement(m, {
       ...m.props,
-      checked: c[f],
-      onCheckedChange: (v) => {
-        const C = [...c];
-        C[f] = v, h(C), m.props.onCheckedChange && m.props.onCheckedChange(v);
+      checked: c[C],
+      onCheckedChange: (_) => {
+        const f = [...c];
+        f[C] = _, h(f), m.props.onCheckedChange && m.props.onCheckedChange(_);
       }
     })
   );
-  return /* @__PURE__ */ b(Q, { children: [
+  return /* @__PURE__ */ b(X, { children: [
     /* @__PURE__ */ a(
-      lt,
+      ct,
       {
         className: e,
         labelClassName: n,
@@ -2031,22 +2069,22 @@ const Ra = w(function({
     ),
     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) {
+}), Fa = "_tableContainer_5bdnq_1", Ua = "_headerContainer_5bdnq_14", Wa = "_tableTopContainer_5bdnq_18", Ha = "_searchContainer_5bdnq_22", ja = "_columnFilterSelect_5bdnq_32", Va = "_table_5bdnq_1", qa = "_tableHeaderCell_5bdnq_50", Ga = "_tableRow_5bdnq_56", Ka = "_tableCell_5bdnq_71", Ja = "_noDataTextContainer_5bdnq_78", Xa = "_tableBottomContainer_5bdnq_83", Qa = "_rowsPerPageContainer_5bdnq_92", Ya = "_rowsPerPageText_5bdnq_96", Za = "_paginationContainer_5bdnq_101", F = {
+  tableContainer: Fa,
+  headerContainer: Ua,
+  tableTopContainer: Wa,
+  searchContainer: Ha,
+  columnFilterSelect: ja,
+  table: Va,
+  tableHeaderCell: qa,
+  tableRow: Ga,
+  tableCell: Ka,
+  noDataTextContainer: Ja,
+  tableBottomContainer: Xa,
+  rowsPerPageContainer: Qa,
+  rowsPerPageText: Ya,
+  paginationContainer: Za
+}, ei = x(function(e, n) {
   const {
     columns: o,
     data: i,
@@ -2059,50 +2097,50 @@ const Ra = w(function({
     showSelect: u,
     showFilterButton: g,
     showContainer: m,
-    showRowsPerPage: f,
-    showPageNumber: v,
-    showPageNavigation: C,
+    showRowsPerPage: C,
+    showPageNumber: _,
+    showPageNavigation: f,
     showTopBar: P = !0,
-    showBottomBar: S = !0,
+    showBottomBar: $ = !0,
     children: T,
-    className: z,
+    className: O,
     columnClassName: oe,
-    rowClassName: Be,
-    cellClassName: ge
-  } = e, [de, Ye] = k(""), [Ce, Ze] = k([]);
+    rowClassName: Le,
+    cellClassName: Ce
+  } = e, [de, Ze] = k(""), [be, et] = k([]);
   if (!i.every(
-    (p) => Object.keys(p.columns).length === o.length && Object.values(o).every((_) => Object.keys(p.columns).includes(_.id.toString()))
+    (p) => Object.keys(p.columns).length === o.length && Object.values(o).every((v) => Object.keys(p.columns).includes(v.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.filter((p) => p.filter).map((p) => ({ [p.id]: [] })).reduce((p, v) => Object.assign(p, v), {}),
     [o]
-  ), [q, Ae] = k(Ne), [D, L] = k(d[0] ?? 10), F = M(
+  ), [q, De] = k(Ne), [A, B] = k(d[0] ?? 10), L = M(
     () => d.map((p) => ({
       value: p.toString(),
       itemContent: p.toString()
     })),
     [d]
-  ), G = i.some((p) => p.onClick), De = $(
+  ), G = i.some((p) => p.onClick), Ae = y(
     (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()) || "";
+  ), Fe = y((p, v) => {
+    var K, ue, _e, he;
+    const N = ((K = p.sortValue) == null ? void 0 : K.toString()) || ((ue = p.value) == null ? void 0 : ue.toString()) || "", I = ((_e = v.sortValue) == null ? void 0 : _e.toString()) || ((he = v.value) == null ? void 0 : he.toString()) || "";
     return N.toLowerCase().localeCompare(I.toLowerCase(), void 0, { numeric: !0 });
-  }, []), be = $(
-    (p, _) => {
+  }, []), ve = y(
+    (p, v) => {
       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()
+      return (ue = q[v.id]) == null ? void 0 : ue.some(
+        (_e) => N.toString().toLowerCase() === _e.toString().toLowerCase()
       );
     },
     [q]
-  ), Y = M(
+  ), Q = M(
     () => o.map((p) => ({
       ...p,
       sort: p.sort ? { sortKey: p.id.toString().toUpperCase() } : !1
@@ -2110,29 +2148,29 @@ const Ra = w(function({
     [o]
   ), re = o.some(
     (p) => {
-      var _;
-      return p.filter && p.id in q && ((_ = q[p.id]) == null ? void 0 : _.length) !== 0;
+      var v;
+      return p.filter && p.id in q && ((v = q[p.id]) == null ? void 0 : v.length) !== 0;
     }
-  ), Z = M(
+  ), Y = M(
     () => i.filter(
-      (p) => !de || o.some((_) => _.search && De(p.columns[_.id]))
+      (p) => !de || o.some((v) => v.search && Ae(p.columns[v.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((_) => {
+        o.every((v) => {
           var N;
-          return !_.filter || ((N = q[_.id]) == null ? void 0 : N.length) === 0 || be(p.columns[_.id], _);
+          return !v.filter || ((N = q[v.id]) == null ? void 0 : N.length) === 0 || ve(p.columns[v.id], v);
         })
       )
     ).map((p) => {
-      const _ = { ...p.columns, ...p }, { columns: N, ...I } = _;
+      const v = { ...p.columns, ...p }, { columns: N, ...I } = v;
       return I;
     }),
-    [be, q, o, i, re, de, De]
-  ), [ee, jt] = k(Math.ceil(Z.length / D)), et = $(
+    [ve, q, o, i, re, de, Ae]
+  ), [Z, qt] = k(Math.ceil(Y.length / A)), tt = y(
     (p) => p.filterValues ? p.filterValues : [...new Set(
       i.map(
         (N) => {
@@ -2145,29 +2183,29 @@ const Ra = w(function({
       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,
+  ), Gt = M(
+    () => (u ? "auto " : "") + Q.reduce((p, v) => p + `${v.width || "auto"} `, ""),
+    [Q, u]
+  ), Kt = y((p) => {
+    Ze(p.target.value);
+  }, []), Ue = { nodes: Y }, Jt = Kn(
+    Ue,
     {
       // 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);
+      onChange: (p, v) => {
+        et(v.ids);
       }
     },
     {
-      rowSelect: gt.MultiSelect,
-      buttonSelect: gt.MultiSelect,
-      clickType: Gn.ButtonClick,
+      rowSelect: Ct.MultiSelect,
+      buttonSelect: Ct.MultiSelect,
+      clickType: Jn.ButtonClick,
       isCarryForward: !1
     }
-  ), R = Xn(
-    Fe,
+  ), R = Yn(
+    Ue,
     {
       state: {
         page: 0,
@@ -2177,58 +2215,58 @@ const Ra = w(function({
     {
       isServer: !1
     }
-  ), Kt = jn(
-    Fe,
+  ), Xt = qn(
+    Ue,
     { onChange: () => null },
     {
       sortIcon: {
         margin: "10px",
         size: "15px",
-        iconDefault: /* @__PURE__ */ a(nn, { width: "20px" }),
-        iconUp: /* @__PURE__ */ a(on, {}),
-        iconDown: /* @__PURE__ */ a(rn, {})
+        iconDefault: /* @__PURE__ */ a(rn, { width: "20px" }),
+        iconUp: /* @__PURE__ */ a(an, {}),
+        iconDown: /* @__PURE__ */ a(sn, {})
       },
       sortFns: Object.assign(
         {},
-        ...Y.map((p) => ({
-          [p.id.toString().toUpperCase()]: (_) => _.sort((N, I) => Le(N[p.id], I[p.id]))
+        ...Q.map((p) => ({
+          [p.id.toString().toUpperCase()]: (v) => v.sort((N, I) => Fe(N[p.id], I[p.id]))
         }))
       )
     }
-  ), Jt = M(
+  ), Qt = M(
     () => ({
       options: o.filter((p) => p.filter).map((p) => ({
         label: p.label,
         value: p.id.toString(),
         page: {
           content: /* @__PURE__ */ a(
-            Ra,
+            La,
             {
               label: "Select all",
-              onCheckedChange: (_) => {
+              onCheckedChange: (v) => {
                 const N = JSON.parse(JSON.stringify(q));
-                _ === !0 ? N[p.id] = et(p).map(
+                v === !0 ? N[p.id] = tt(p).map(
                   (I) => I.value
-                ) : N[p.id] = [], Ae(N);
+                ) : N[p.id] = [], De(N);
               },
-              children: et(p).map((_, N) => {
+              children: tt(p).map((v, N) => {
                 var I, K;
                 return /* @__PURE__ */ a(
-                  lt,
+                  ct,
                   {
-                    label: _.label,
+                    label: v.label,
                     checked: (K = q[p.id]) == null ? void 0 : K.includes(
-                      ((I = _.value) == null ? void 0 : I.toString()) || ""
+                      ((I = v.value) == null ? void 0 : I.toString()) || ""
                     ),
                     onCheckedChange: (ue) => {
-                      Ae((ve) => {
-                        var ht;
-                        const he = { ...ve }, ut = he[p.id] || [];
+                      De((_e) => {
+                        var pt;
+                        const he = { ..._e }, ht = he[p.id] || [];
                         return ue ? he[p.id] = [
-                          ...ut,
-                          ((ht = _.value) == null ? void 0 : ht.toString()) || ""
-                        ] : he[p.id] = ut.filter(
-                          (Zt) => Zt !== _.value
+                          ...ht,
+                          ((pt = v.value) == null ? void 0 : pt.toString()) || ""
+                        ] : he[p.id] = ht.filter(
+                          (tn) => tn !== v.value
                         ), he;
                       });
                     }
@@ -2242,21 +2280,21 @@ const Ra = w(function({
         }
       }))
     }),
-    [q, o, et]
-  ), Xt = Y.map((p) => {
-    const _ = p.sort ? Vn : En;
+    [q, o, tt]
+  ), Yt = Q.map((p) => {
+    const v = p.sort ? Gn : Ln;
     return /* @__PURE__ */ a(
-      _,
+      v,
       {
-        className: y(U.tableHeaderCell, oe, p.className),
+        className: S(F.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({
+  }), ut = qe ? te : ke, Zt = M(() => ({ custom: !0 }), []), en = Vn({
     Table: `
-			 --data-table-library_grid-template-columns: ${Vt};
+			 --data-table-library_grid-template-columns: ${Gt};
 		`,
     Row: `
 			&:hover {
@@ -2273,33 +2311,33 @@ const Ra = w(function({
 			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);
+  return E(() => {
+    if (f) {
+      const p = Math.ceil(Y.length / A);
+      qt(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 })
+  }, [d, Y.length, A, R, f]), /* @__PURE__ */ b("div", { className: S({ [F.tableContainer]: m }), children: [
+    (!!l || !!s) && /* @__PURE__ */ b("div", { className: F.headerContainer, children: [
+      !!l && /* @__PURE__ */ a(ot, { weight: "bold", size: "7", children: l }),
+      !!s && /* @__PURE__ */ a(ot, { 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,
+    P && /* @__PURE__ */ b(D, { justify: "between", className: F.tableTopContainer, children: [
+      /* @__PURE__ */ b(D, { gap: "2", children: [
+        c && /* @__PURE__ */ a("div", { className: F.searchContainer, children: /* @__PURE__ */ a(
+          Sr,
           {
             value: de,
-            onChange: qt,
-            leftSlot: /* @__PURE__ */ a(an, {}),
+            onChange: Kt,
+            leftSlot: /* @__PURE__ */ a(ln, {}),
             placeholder: h || "Filter tasks..."
           }
         ) }),
         g && /* @__PURE__ */ a(
-          Or,
+          Wr,
           {
             color: r,
-            page: Jt,
-            trigger: /* @__PURE__ */ a(ne, { variant: "surface", "aria-label": "Filter columns", children: /* @__PURE__ */ a(sn, {}) }),
+            page: Qt,
+            trigger: /* @__PURE__ */ a(te, { variant: "surface", "aria-label": "Filter columns", children: /* @__PURE__ */ a(cn, {}) }),
             children: (p) => ""
           }
         ),
@@ -2309,135 +2347,135 @@ const Ra = w(function({
             variant: "surface",
             color: "crimson",
             onClick: () => {
-              Ae(Ne), R.fns.onSetPage(0);
+              De(Ne), R.fns.onSetPage(0);
             },
             children: [
-              /* @__PURE__ */ a(yt, {}),
+              /* @__PURE__ */ a(wt, {}),
               "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"
+      u && be.length !== 0 && /* @__PURE__ */ b(D, { gap: "2", children: [
+        /* @__PURE__ */ b(ut, { variant: "soft", "aria-label": "Edit rows", children: [
+          /* @__PURE__ */ a(dn, {}),
+          !qe && "Edit"
         ] }),
-        /* @__PURE__ */ b(dt, { color: "red", "aria-label": "Delete rows", children: [
-          /* @__PURE__ */ a(cn, {}),
-          !Ve && "Delete"
+        /* @__PURE__ */ b(ut, { color: "red", "aria-label": "Delete rows", children: [
+          /* @__PURE__ */ a(un, {}),
+          !qe && "Delete"
         ] })
       ] })
     ] }),
     T,
     /* @__PURE__ */ a(
-      Bn,
+      Fn,
       {
-        className: y(U.table, z),
-        data: Fe,
-        theme: Yt,
-        sort: Kt,
-        pagination: C && R,
-        select: Gt,
-        layout: Qt,
+        className: S(F.table, O),
+        data: Ue,
+        theme: en,
+        sort: Xt,
+        pagination: f && R,
+        select: Jt,
+        layout: Zt,
         ref: n,
-        children: (p) => /* @__PURE__ */ b(Q, { children: [
-          /* @__PURE__ */ a(Ln, { children: /* @__PURE__ */ b(Fn, { children: [
-            u && /* @__PURE__ */ a(Kn, { className: U.tableHeaderCell }),
-            ...Xt
+        children: (p) => /* @__PURE__ */ b(X, { children: [
+          /* @__PURE__ */ a(Un, { children: /* @__PURE__ */ b(Wn, { children: [
+            u && /* @__PURE__ */ a(Xn, { className: F.tableHeaderCell }),
+            ...Yt
           ] }) }),
-          /* @__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,
+          /* @__PURE__ */ b(Hn, { children: [
+            p.length === 0 && /* @__PURE__ */ a(Tn, { className: F.noDataTextContainer, children: /* @__PURE__ */ a(gt, { children: "There is no data" }) }),
+            p.map((v) => /* @__PURE__ */ b(
+              jn,
               {
-                item: _,
-                className: y(U.tableRow, Be, _.className),
-                onClick: _.onClick,
+                item: v,
+                className: S(F.tableRow, Le, v.className),
+                onClick: v.onClick,
                 children: [
-                  u && /* @__PURE__ */ a(Jn, { item: _ }, _.id),
+                  u && /* @__PURE__ */ a(Qn, { item: v }, v.id),
                   o.map((N, I) => /* @__PURE__ */ a(
-                    ft,
+                    gt,
                     {
-                      className: y(
-                        U.tableCell,
-                        ge,
-                        _[N.id].className
+                      className: S(
+                        F.tableCell,
+                        Ce,
+                        v[N.id].className
                       ),
-                      children: /* @__PURE__ */ a(nt, { children: _[N.id].label })
+                      children: /* @__PURE__ */ a(ot, { children: v[N.id].label })
                     },
                     I
                   ))
                 ]
               },
-              _.id
+              v.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__ */ b(D, { className: F.tableBottomContainer, wrap: "wrap", direction: qe ? "column" : "row", children: [
+      C && /* @__PURE__ */ b(D, { className: F.rowsPerPageContainer, children: [
+        /* @__PURE__ */ a("div", { className: F.rowsPerPageText, children: "Rows per page:" }),
         /* @__PURE__ */ a(
-          Wo,
+          Jo,
           {
-            items: F,
-            defaultValue: F[0].value.toString(),
+            items: L,
+            defaultValue: L[0].value.toString(),
             onValueChange: (p) => {
-              R.fns.onSetSize(Number(p)), L(Number(p));
+              R.fns.onSetSize(Number(p)), B(Number(p));
             },
-            placeholder: F[0].itemContent,
+            placeholder: L[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(D, { justify: "center", children: Z > 0 && `Page ${R.state.page + 1} of ${Z}` }),
+      f && /* @__PURE__ */ b(D, { className: F.paginationContainer, gap: "2", justify: "end", children: [
         /* @__PURE__ */ a(
-          ne,
+          te,
           {
             variant: "surface",
             onClick: () => R.fns.onSetPage(0),
-            disabled: R.state.page === 0 || ee === 0,
+            disabled: R.state.page === 0 || Z === 0,
             "aria-label": "Go to first page",
-            children: /* @__PURE__ */ a(dn, {})
+            children: /* @__PURE__ */ a(hn, {})
           }
         ),
         /* @__PURE__ */ a(
-          ne,
+          te,
           {
             variant: "surface",
-            disabled: R.state.page === 0 || ee === 0,
+            disabled: R.state.page === 0 || Z === 0,
             onClick: () => R.fns.onSetPage(R.state.page - 1),
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ a(un, {})
+            children: /* @__PURE__ */ a(pn, {})
           }
         ),
         /* @__PURE__ */ a(
-          ne,
+          te,
           {
             variant: "surface",
-            disabled: R.state.page + 1 === ee || ee === 0,
+            disabled: R.state.page + 1 === Z || Z === 0,
             onClick: () => R.fns.onSetPage(R.state.page + 1),
             "aria-label": "Next page",
-            children: /* @__PURE__ */ a(hn, {})
+            children: /* @__PURE__ */ a(mn, {})
           }
         ),
         /* @__PURE__ */ a(
-          ne,
+          te,
           {
             variant: "surface",
-            disabled: R.state.page + 1 === ee || ee === 0,
-            onClick: () => R.fns.onSetPage(ee - 1),
+            disabled: R.state.page + 1 === Z || Z === 0,
+            onClick: () => R.fns.onSetPage(Z - 1),
             "aria-label": "Go to last page",
-            children: /* @__PURE__ */ a(pn, {})
+            children: /* @__PURE__ */ a(fn, {})
           }
         )
       ] })
     ] })
   ] });
-}), Li = H.memo(Ja), Wt = [
+}), Hi = U.memo(ei), Vt = [
   ["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"],
@@ -2490,7 +2528,7 @@ const Ra = w(function({
   ["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) => [
+], ji = (t = !0, e = !0, n = !0) => [
   {
     id: "full_name",
     label: "Full Name",
@@ -2528,7 +2566,7 @@ const Ra = w(function({
     search: e,
     filter: n
   }
-], Ui = (t) => Wt.slice(0, t).map((e, n) => ({
+], Vi = (t) => Vt.slice(0, t).map((e, n) => ({
   id: `row-${n}`,
   columns: {
     full_name: {
@@ -2562,7 +2600,7 @@ const Ra = w(function({
       label: e[5]
     }
   }
-})), Hi = () => [
+})), qi = () => [
   {
     id: "full_name",
     label: "Full Name",
@@ -2627,10 +2665,10 @@ const Ra = w(function({
     id: "remove_user",
     label: ""
   }
-], Ke = (t) => {
+], Je = (t) => {
   const e = t.replace(/\D/g, "");
   return parseInt(e);
-}, Wi = (t) => Wt.slice(0, t).map((e, n) => ({
+}, Gi = (t) => Vt.slice(0, t).map((e, n) => ({
   id: `row-${n}`,
   onClick: () => alert(`Clicked row ${n + 1}`),
   columns: {
@@ -2659,7 +2697,7 @@ const Ra = w(function({
       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
+      filterValue: Je(e[4]) < 4e4 ? 1 : Je(e[4]) < 7e4 ? 2 : Je(e[4]) < 1e5 ? 3 : Je(e[4]) < 15e4 ? 4 : 5
     },
     country: {
       id: `country_${n}`,
@@ -2675,97 +2713,97 @@ const Ra = w(function({
       id: `remove_user_${n}`,
       value: -1,
       label: /* @__PURE__ */ a(
-        ne,
+        te,
         {
           onClick: () => alert(`This is user ${e[0]}`),
           radius: "large",
           "aria-label": "Identify user",
-          children: /* @__PURE__ */ a(mn, {})
+          children: /* @__PURE__ */ a(gn, {})
         }
       )
     }
   }
 }));
 export {
-  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,
+  Yi as AccessibleIcon,
+  qi as AdvancedTableColumns,
+  Gi as AdvancedTableRows,
+  No as AlertDialog,
+  Rt as AlertDialogContent,
+  wi as AlertDialogProvider,
+  Zi as AspectRatio,
+  es as Avatar,
+  _i as Badge,
+  ts as Blockquote,
+  ns as Box,
+  $i 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,
+  It as ButtonGroup,
+  yi as ButtonList,
+  os as Callout,
+  rs as Card,
+  ct as Checkbox,
+  as as Code,
+  is as Container,
+  ss as ContextMenu,
+  ji as DefaultTableColumns,
+  Vi as DefaultTableRows,
+  Ui as DefaultTheme,
+  xi as Dialog,
+  ki as DropdownMenu,
+  Ti as DropdownSelect,
+  ls 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
+  cs as Grid,
+  ds as Heading,
+  us as HoverCard,
+  qo as HoverUtility,
+  te as IconButton,
+  Mi as IconColorUtility,
+  Sr as Input,
+  hs as Inset,
+  ps as Kbd,
+  Ri as LeftAndRightPanels,
+  ms as Link,
+  Wr as MultiPagePopover,
+  Ni as MultiSelect,
+  Pr as Popover,
+  fs as Portal,
+  gs as Quote,
+  Cs as RadioGroup,
+  Kr as Root,
+  bs as ScrollArea,
+  vs as Section,
+  Jo as Select,
+  La as SelectAllCheckbox,
+  Bo as Separator,
+  Ai as Sidebar,
+  Ii as SlideOut,
+  _s as Slider,
+  $s as Slot,
+  Ss as Strong,
+  Di as Switch,
+  Hi as Table,
+  Vt as TableData,
+  ys as Tabs,
+  ot as Text,
+  Oi as TextArea,
+  xs as TextField,
+  ws as Theme,
+  oa as Toast,
+  zt as ToastContext,
+  Li as ToastProvider,
+  zi as ToggleGroup,
+  Ei as Toolbar,
+  Fi as Tooltip,
+  Ps as VisuallyHidden,
+  Si as divButtonProps,
+  ia as unsafeShowToast,
+  ks as updateThemeAppearanceClass,
+  Ao as useAlertDialog,
+  Pi as useDiscardAlertDialog,
+  z as useSeverityColor,
+  Ts as useThemeContext,
+  Bi as useToast,
+  vi as useViewportSize
 };
-//# sourceMappingURL=blocks.js.map