@overmap-ai/blocks 1.0.2 → 1.0.5-fix-problems-magnus.0

package/dist/blocks.js

@@ -1,10 +1,10 @@
 export * from "@radix-ui/colors";
 import { Cross1Icon as nn, CheckIcon as St, DragHandleDots2Icon as Je, Cross2Icon as $t, DividerHorizontalIcon as on, CaretSortIcon as rn, ArrowUpIcon as sn, ArrowDownIcon as an, MagnifyingGlassIcon as cn, MixerHorizontalIcon as ln, Pencil1Icon as dn, TrashIcon as un, DoubleArrowLeftIcon as hn, ChevronLeftIcon as pn, ChevronRightIcon as fn, DoubleArrowRightIcon as mn } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext as gn, Badge as Cn, Flex as D, Box as G, Link as vn, Text as Re, Button as _n, IconButton as Pt, Card as bn, Inset as He, Dialog as xe, AlertDialog as fe, Separator as ft, DropdownMenu as ee, TextField as ie, Select as se, Checkbox as wn, Switch as yn, Portal as xn, Popover as je, TextArea as Sn, Callout as Fe, Tooltip as $n, Theme as Pn, TableRow as kn } from "@radix-ui/themes";
+import { useThemeContext as gn, Badge as Cn, Flex as D, Box as F, Link as vn, Text as Re, Button as _n, IconButton as Pt, Card as bn, Inset as He, Dialog as xe, AlertDialog as fe, Separator as ft, DropdownMenu as Z, TextField as ie, Select as se, Checkbox as wn, Switch as yn, Portal as xn, Popover as je, TextArea as Sn, Callout as Fe, Tooltip as $n, Theme as Pn, TableRow as kn } from "@radix-ui/themes";
 import { AccessibleIcon as Ks, AspectRatio as qs, Avatar as Xs, Blockquote as Js, Box as Qs, Callout as Ys, Card as Zs, Code as ea, Container as ta, ContextMenu as na, Em as oa, Grid as ra, Heading as ia, HoverCard as sa, Inset as aa, Kbd as ca, Link as la, Portal as da, Quote as ua, RadioGroup as ha, ScrollArea as pa, Section as fa, Slider as ma, Slot as ga, Strong as Ca, Tabs as va, TextField as _a, Theme as ba, VisuallyHidden as wa, updateThemeAppearanceClass as ya, useThemeContext as xa } from "@radix-ui/themes";
-import { jsx as i, jsxs as v, Fragment as J } from "react/jsx-runtime";
-import W, { useMemo as R, useState as k, useLayoutEffect as ct, useCallback as x, useEffect as M, Children as me, isValidElement as Oe, forwardRef as S, memo as $, createContext as Se, useContext as ze, cloneElement as Ae, createElement as F, useRef as H, useReducer as Nn, Fragment as Tn } from "react";
+import { jsx as i, jsxs as v, Fragment as ee } from "react/jsx-runtime";
+import W, { useMemo as R, useState as k, useLayoutEffect as ct, useCallback as x, useEffect as M, Children as me, isValidElement as Oe, forwardRef as S, memo as $, createContext as Se, useContext as ze, cloneElement as Ae, createElement as V, useRef as H, useReducer as Nn, Fragment as Tn } from "react";
 import { useMediaQuery as Te } from "react-responsive";
 import * as Ve from "@radix-ui/react-dialog";
 import { Resizable as Qe } from "re-resizable";
@@ -90,16 +90,16 @@ const eo = {
 }, Nt = (e, o, n) => {
   const [t, s] = k([]), [r, c] = k(!0), a = x(
     (h) => {
-      const { repeat: u, key: g } = h;
-      c(!0), !(u || t.includes(g)) && s((f) => [...f, g]);
+      const { repeat: u, key: C } = h;
+      c(!0), !(u || t.includes(C)) && s((f) => [...f, C]);
     },
     [t]
   ), d = x(
     (h) => {
       const { key: u } = h;
-      c(!1), t.includes(u) && s((g) => {
-        const f = [...g];
-        return f.splice(g.indexOf(u), 1), f;
+      c(!1), t.includes(u) && s((C) => {
+        const f = [...C];
+        return f.splice(C.indexOf(u), 1), f;
       });
     },
     [t]
@@ -153,7 +153,7 @@ const eo = {
 ), Tt = Se({}), so = () => ze(Tt), ao = $(
   S(({ className: e, children: o, ...n }, t) => {
     const { size: s, severity: r } = so(), c = E(r);
-    return /* @__PURE__ */ i(G, { className: y("overmap-breadcrumb-item", e), height: "max-content", width: "max-content", children: /* @__PURE__ */ i(vn, { ref: t, size: s, color: c, ...n, children: /* @__PURE__ */ i(X, { height: "100%", width: "100%", align: "center", gap: "1", children: o }) }) });
+    return /* @__PURE__ */ i(F, { className: y("overmap-breadcrumb-item", e), height: "max-content", width: "max-content", children: /* @__PURE__ */ i(vn, { ref: t, size: s, color: c, ...n, children: /* @__PURE__ */ i(X, { height: "100%", width: "100%", align: "center", gap: "1", children: o }) }) });
   })
 ), co = $(
   S(
@@ -169,7 +169,7 @@ const eo = {
           height: "max-content",
           width: "max-content",
           ...c,
-          children: l.map((h, u) => /* @__PURE__ */ v(J, { children: [
+          children: l.map((h, u) => /* @__PURE__ */ v(ee, { children: [
             Ae(h, { key: u }),
             l.length - 1 !== u && /* @__PURE__ */ i(Re, { color: d, children: /* @__PURE__ */ i(X, { height: "100%", width: "100%", align: "center", children: n }) })
           ] }))
@@ -219,9 +219,9 @@ const vo = S(function(o, n) {
       },
       disabled: !1
     },
-    loading: g,
+    loading: C,
     children: f,
-    disabled: C,
+    disabled: g,
     ...b
   } = o, m = E(d), P = l.map((w) => Dt[w]);
   return Nt(u.keys, u.disabled || u.keys.length === 0, u.action), /* @__PURE__ */ i(
@@ -235,9 +235,9 @@ const vo = S(function(o, n) {
       color: m,
       size: ce(a, Pe),
       variant: h,
-      disabled: g || C,
+      disabled: C || g,
       ...b,
-      children: g ? /* @__PURE__ */ i(Ot, {}) : f
+      children: C ? /* @__PURE__ */ i(Ot, {}) : f
     }
   );
 }), $e = W.memo(vo), _o = S(function(o, n) {
@@ -250,22 +250,22 @@ const vo = S(function(o, n) {
     severity: l = t.severity ?? "primary",
     hoverEffects: h = t.hoverEffects ?? [],
     variant: u = t.variant,
-    shortcut: g = {
+    shortcut: C = {
       keys: [],
       action: () => {
       },
       disabled: !1
     },
     ...f
-  } = o, C = E(l), b = (h == null ? void 0 : h.map((m) => Dt[m])) || [];
-  return Nt(g.keys, g.disabled || g.keys.length === 0, g.action), /* @__PURE__ */ i(
+  } = o, g = E(l), b = (h == null ? void 0 : h.map((m) => Dt[m])) || [];
+  return Nt(C.keys, C.disabled || C.keys.length === 0, C.action), /* @__PURE__ */ i(
     Pt,
     {
       className: y(s, b, {
         [Ie.fluid]: a
       }),
       ref: n,
-      color: C,
+      color: g,
       size: ce(d, Pe),
       variant: u,
       type: c,
@@ -290,16 +290,16 @@ const vo = S(function(o, n) {
   hoverEffects: l,
   fluid: h,
   ...u
-}, g) {
-  const f = ce(a, yo[r]), C = d === "ghost" ? f : "0";
+}, C) {
+  const f = ce(a, yo[r]), g = d === "ghost" ? f : "0";
   return /* @__PURE__ */ i(
     D,
     {
       className: y("overmap-button-group", o, {
         [wo.merged]: n
       }),
-      ref: g,
-      gap: n ? s ?? C : s ?? "2",
+      ref: C,
+      gap: n ? s ?? g : s ?? "2",
       direction: r,
       "data-direction": r,
       ...u,
@@ -315,7 +315,7 @@ const vo = S(function(o, n) {
       s && r ? /* @__PURE__ */ i(He, { side: "x", pt: "current", pb: "current", children: n }) : s ? /* @__PURE__ */ i(He, { side: "bottom", pt: "current", children: n }) : r ? /* @__PURE__ */ i(He, { side: "top", pb: "current", children: n }) : /* @__PURE__ */ i(He, { children: n }),
       r
     ] });
-    return a === "ghost" ? /* @__PURE__ */ i(G, { p: "3", children: h }) : h;
+    return a === "ghost" ? /* @__PURE__ */ i(F, { p: "3", children: h }) : h;
   })
 ), ko = $(
   S((e, o) => {
@@ -338,7 +338,7 @@ const vo = S(function(o, n) {
 ), No = $(
   S((e, o) => {
     const { variant: n } = lt(), t = /* @__PURE__ */ i($e, { ref: o, ...e, radius: "large", variant: n });
-    return n === "ghost" ? /* @__PURE__ */ i(G, { asChild: !0, my: "1", mx: "2", children: t }) : t;
+    return n === "ghost" ? /* @__PURE__ */ i(F, { asChild: !0, my: "1", mx: "2", children: t }) : t;
   })
 ), ys = {
   Root: ko,
@@ -368,8 +368,8 @@ const vo = S(function(o, n) {
       onCloseInterrupt: l,
       open: h,
       onOpenChange: u,
-      ...g
-    } = e, [f, C] = k(d ?? !1), b = h ?? f;
+      ...C
+    } = e, [f, g] = k(d ?? !1), b = h ?? f;
     if ((l || c) && u)
       throw new Error("Neither the `onCloseInterrupt` nor `onOpen` props can be used with `onOpenChange`.");
     if (h !== void 0 && u === void 0)
@@ -387,24 +387,24 @@ const vo = S(function(o, n) {
         else {
           if (!w && l)
             return l(() => {
-              C(!1), a && a();
+              g(!1), a && a();
             });
           !w && a && a();
         }
-        C(w);
+        g(w);
       },
       [u, c, a, l]
     ), P = x(
       (w) => {
         if (w != null && w.force)
-          return C(!1);
+          return g(!1);
         m(!1);
       },
       [m]
     );
     return /* @__PURE__ */ v(xe.Root, { open: b, onOpenChange: m, children: [
       /* @__PURE__ */ i(xe.Trigger, { children: n }),
-      /* @__PURE__ */ i(xe.Content, { ref: o, ...g, children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i(xe.Content, { ref: o, ...C, children: /* @__PURE__ */ i(
         To,
         {
           closeDialog: P,
@@ -487,7 +487,7 @@ const vo = S(function(o, n) {
       gap: t,
       children: [
         /* @__PURE__ */ i(ft, { size: c, orientation: r, color: h, ...a }),
-        s && /* @__PURE__ */ v(J, { children: [
+        s && /* @__PURE__ */ v(ee, { children: [
           /* @__PURE__ */ i(Re, { as: "span", size: "1", weight: n, color: h, children: s }),
           /* @__PURE__ */ i(ft, { size: c, orientation: r, color: h, ...a })
         ] })
@@ -506,7 +506,7 @@ const vo = S(function(o, n) {
     },
     [t, n]
   );
-  return /* @__PURE__ */ i(ee.Item, { className: qe.DropdownMenuItem, textValue: "", onSelect: r, ...s, children: /* @__PURE__ */ i(D, { align: "center", gap: "1", children: o }) });
+  return /* @__PURE__ */ i(Z.Item, { className: qe.DropdownMenuItem, textValue: "", onSelect: r, ...s, children: /* @__PURE__ */ i(D, { align: "center", gap: "1", children: o }) });
 }), Ps = $(
   S(
     ({
@@ -519,16 +519,17 @@ const vo = S(function(o, n) {
       modal: c = !1,
       closeOnSelect: a = !0,
       ...d
-    }) => {
-      const l = E(r);
-      return /* @__PURE__ */ v(ee.Root, { modal: c, children: [
-        /* @__PURE__ */ i(ee.Trigger, { disabled: s, children: o }),
+    }, l) => {
+      const h = E(r);
+      return /* @__PURE__ */ v(Z.Root, { modal: c, children: [
+        /* @__PURE__ */ i(Z.Trigger, { disabled: s, children: o }),
         /* @__PURE__ */ i(
-          ee.Content,
+          Z.Content,
           {
             className: y("overmap-dropdown", e),
-            color: l,
+            color: h,
             variant: "soft",
+            ref: l,
             ...d,
             children: /* @__PURE__ */ v(
               D,
@@ -538,18 +539,18 @@ const vo = S(function(o, n) {
                 height: "max-content",
                 width: "max-content",
                 children: [
-                  !!t && /* @__PURE__ */ i(ee.Label, { children: t }),
-                  n.map(({ closeOnSelect: h, separator: u, ...g }, f) => /* @__PURE__ */ v(J, { children: [
-                    /* @__PURE__ */ i(G, { className: qe.DropdownMenuItemWrapper, children: /* @__PURE__ */ i(
+                  !!t && /* @__PURE__ */ i(Z.Label, { children: t }),
+                  n.map(({ closeOnSelect: u, separator: C, ...f }, g) => /* @__PURE__ */ v(F, { children: [
+                    /* @__PURE__ */ i(F, { className: qe.DropdownMenuItemWrapper, children: /* @__PURE__ */ i(
                       Ho,
                       {
-                        closeOnSelect: h ?? a,
-                        ...g
+                        closeOnSelect: u ?? a,
+                        ...f
                       },
-                      f
+                      g
                     ) }),
-                    !!u && /* @__PURE__ */ i(G, { className: qe.DropdownMenuSeparatorWrapper, children: /* @__PURE__ */ i(Wo, { size: "4" }) })
-                  ] }))
+                    !!C && /* @__PURE__ */ i(F, { className: qe.DropdownMenuSeparatorWrapper, children: /* @__PURE__ */ i(Wo, { size: "4" }) })
+                  ] }, g))
                 ]
               }
             )
@@ -579,12 +580,12 @@ const vo = S(function(o, n) {
       icons: l,
       severity: h = "info"
     }, u) => {
-      const g = E(h), f = x(
+      const C = E(h), f = x(
         (m) => (P) => {
           s(t !== m ? m : void 0), d || P.preventDefault();
         },
         [t, d, s]
-      ), C = x(
+      ), g = x(
         (m) => {
           a && a(m.target.value);
         },
@@ -597,10 +598,10 @@ const vo = S(function(o, n) {
         },
         [a]
       );
-      return /* @__PURE__ */ v(ee.Root, { onOpenChange: b, children: [
-        /* @__PURE__ */ i(ee.Trigger, { disabled: n, children: e }),
-        /* @__PURE__ */ i(ee.Content, { ref: u, variant: "soft", color: g, className: be.Test, children: /* @__PURE__ */ v(X, { className: be.DropdownSelect, direction: "column", children: [
-          c !== void 0 && !!a && /* @__PURE__ */ i(G, { px: "1", className: y({ [be.BorderBottom]: o.length !== 0 }), children: /* @__PURE__ */ v(
+      return /* @__PURE__ */ v(Z.Root, { onOpenChange: b, children: [
+        /* @__PURE__ */ i(Z.Trigger, { disabled: n, children: e }),
+        /* @__PURE__ */ i(Z.Content, { ref: u, variant: "soft", color: C, className: be.Test, children: /* @__PURE__ */ v(X, { className: be.DropdownSelect, direction: "column", children: [
+          c !== void 0 && !!a && /* @__PURE__ */ i(F, { px: "1", className: y({ [be.BorderBottom]: o.length !== 0 }), children: /* @__PURE__ */ v(
             ie.Root,
             {
               className: be.DropdownSelectInputWrapper,
@@ -614,22 +615,22 @@ const vo = S(function(o, n) {
                     className: be.DropdownSelectInput,
                     value: c,
                     placeholder: r,
-                    onChange: C
+                    onChange: g
                   }
                 ),
                 !!l && !!l.rightInputIcon && /* @__PURE__ */ i(ie.Slot, { children: l.rightInputIcon })
               ]
             }
           ) }),
-          /* @__PURE__ */ i(G, { p: o.length !== 0 ? "1" : "0", children: /* @__PURE__ */ i(X, { direction: "column", children: o.map(({ content: m, value: P }, w) => /* @__PURE__ */ i(
-            ee.Item,
+          /* @__PURE__ */ i(F, { p: o.length !== 0 ? "1" : "0", children: /* @__PURE__ */ i(X, { direction: "column", children: o.map(({ content: m, value: P }, w) => /* @__PURE__ */ i(
+            Z.Item,
             {
               className: be.DropdownSelectItem,
               onSelect: f(P),
               textValue: "",
               asChild: !0,
               children: /* @__PURE__ */ v(X, { align: "center", height: "max-content", width: "100%", gap: "5", children: [
-                /* @__PURE__ */ i(G, { grow: "1", children: m }),
+                /* @__PURE__ */ i(F, { grow: "1", children: m }),
                 /* @__PURE__ */ i(
                   X,
                   {
@@ -673,10 +674,10 @@ const vo = S(function(o, n) {
   items: l = [],
   value: h,
   id: u,
-  ...g
+  ...C
 }, f) {
-  const C = ce(t, Pe), b = E(r), m = E(c);
-  return /* @__PURE__ */ F(se.Root, { size: C, ...g, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ i(
+  const g = ce(t, Pe), b = E(r), m = E(c);
+  return /* @__PURE__ */ V(se.Root, { size: g, ...C, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ i(
     se.Trigger,
     {
       className: y(o, {
@@ -702,14 +703,14 @@ const vo = S(function(o, n) {
 }), Qo = W.memo(Jo), _t = $(
   S((e, o) => {
     const { checked: n, label: t, value: s, size: r = "2" } = e;
-    return /* @__PURE__ */ i(G, { asChild: !0, px: r, children: /* @__PURE__ */ i(se.Item, { value: s, ref: o, children: /* @__PURE__ */ v(D, { gap: r, align: "center", children: [
+    return /* @__PURE__ */ i(F, { asChild: !0, px: r, children: /* @__PURE__ */ i(se.Item, { value: s, ref: o, children: /* @__PURE__ */ v(D, { gap: r, align: "center", children: [
       /* @__PURE__ */ i(wn, { checked: n }),
       t
     ] }) }) });
   })
 ), Ge = "__select_all__", Ns = $(
   S((e, o) => {
-    const [n, t] = k(!1), { placeholder: s, value: r, onValueChange: c, options: a, disabled: d, name: l, ...h } = e, u = ce(e.size, Pe), g = E(e.severity), f = R(() => new Map(a.map((w) => [w.value, w.label])), [a]), C = r.length > 4 ? (
+    const [n, t] = k(!1), { placeholder: s, value: r, onValueChange: c, options: a, disabled: d, name: l, ...h } = e, u = ce(e.size, Pe), C = E(e.severity), f = R(() => new Map(a.map((w) => [w.value, w.label])), [a]), g = r.length > 4 ? (
       // to ensure the width of the select doesn't get too big
       `${r.length} options selected`
     ) : (
@@ -743,8 +744,8 @@ const vo = S(function(o, n) {
             se.Trigger,
             {
               ref: o,
-              color: g,
-              placeholder: r.length > 0 ? C : s,
+              color: C,
+              placeholder: r.length > 0 ? g : s,
               "data-placeholder": r.length > 0 ? void 0 : !0,
               ...h
             }
@@ -786,19 +787,19 @@ const vo = S(function(o, n) {
 ), Yo = {
   default: "_default_u936h_1"
 }, Zo = S(function({ className: o, severity: n = "primary", icon: t, defaultChecked: s = !1, onCheckedChange: r, ...c }, a) {
-  const d = H(null), [l, h] = k(c.checked ? c.checked : s), [u, g] = k(), f = E(n);
+  const d = H(null), [l, h] = k(c.checked ? c.checked : s), [u, C] = k(), f = E(n);
   ct(() => {
     var P;
     const m = a || d;
-    "current" in m && m.current && g((P = m.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
+    "current" in m && m.current && C((P = m.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
   }, [a]);
-  const C = x(
+  const g = x(
     (m) => {
       h(m), r && r(m);
     },
     [r]
   ), b = c.checked ? c.checked : l;
-  return /* @__PURE__ */ v(J, { children: [
+  return /* @__PURE__ */ v(ee, { children: [
     /* @__PURE__ */ i(
       yn,
       {
@@ -807,7 +808,7 @@ const vo = S(function(o, n) {
         color: f,
         radius: "full",
         defaultChecked: s,
-        onCheckedChange: C,
+        onCheckedChange: g,
         ...c
       }
     ),
@@ -832,31 +833,31 @@ const vo = S(function(o, n) {
   maxWidth: l = "500px",
   ...h
 }, u) {
-  const g = o === "right", f = o === "left", [C, b] = k();
+  const C = o === "right", f = o === "left", [g, b] = k();
   return M(() => {
     const m = r ?? '[data-is-root-theme="true"]', P = document.querySelector(m);
     if (P === void 0)
       throw new Error(`Could not find a container element using the following selector ${m}`);
     b(P);
-  }, [r]), /* @__PURE__ */ i(Ve.Root, { open: s, modal: n, children: /* @__PURE__ */ v(Ve.Portal, { container: C, children: [
+  }, [r]), /* @__PURE__ */ i(Ve.Root, { open: s, modal: n, children: /* @__PURE__ */ v(Ve.Portal, { container: g, children: [
     c && /* @__PURE__ */ i(Ve.Overlay, { className: y(we.overlay) }),
     /* @__PURE__ */ i(
       Ve.Content,
       {
         className: y("overmap-sidebar", "rt-DialogContent", we.sidebarContent, {
           [we.left]: f,
-          [we.right]: g
+          [we.right]: C
         }),
         ref: u,
         asChild: !0,
         ...h,
-        children: /* @__PURE__ */ i(G, { width: "auto", children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ i(F, { width: "auto", children: /* @__PURE__ */ i(
           Qe,
           {
             minWidth: d,
             maxWidth: l,
             defaultSize: ir,
-            enable: { right: a && f, left: a && g },
+            enable: { right: a && f, left: a && C },
             handleClasses: { left: we.resizeHandle, right: we.resizeHandle },
             handleComponent: {
               right: /* @__PURE__ */ i(Je, {}),
@@ -868,7 +869,7 @@ const vo = S(function(o, n) {
       }
     )
   ] }) });
-}), Ds = $(sr), ar = "_outerContent_1iy9c_1", cr = "_enter_1iy9c_4", lr = "_right_1iy9c_4", dr = "_left_1iy9c_8", ur = "_enterActive_1iy9c_12", hr = "_exitActive_1iy9c_22", pr = "_exitDone_1iy9c_32", fr = "_resizable_1iy9c_41", mr = "_slideOutOverlay_1iy9c_47", Z = {
+}), Ds = $(sr), ar = "_outerContent_1iy9c_1", cr = "_enter_1iy9c_4", lr = "_right_1iy9c_4", dr = "_left_1iy9c_8", ur = "_enterActive_1iy9c_12", hr = "_exitActive_1iy9c_22", pr = "_exitDone_1iy9c_32", fr = "_resizable_1iy9c_41", mr = "_slideOutOverlay_1iy9c_47", Y = {
   outerContent: ar,
   enter: cr,
   right: lr,
@@ -890,9 +891,9 @@ const vo = S(function(o, n) {
   modal: l = !1,
   resizeHandle: h,
   position: u = "absolute",
-  ...g
+  ...C
 }) {
-  const f = H(null), [C, b] = k(r), m = t === "left", P = t === "right", w = x(
+  const f = H(null), [g, b] = k(r), m = t === "left", P = t === "right", w = x(
     (N, A, te, Ee) => {
       b(te.clientWidth), f.current && (f.current.style.width = `${te.clientWidth}px`);
     },
@@ -903,25 +904,25 @@ const vo = S(function(o, n) {
     {
       in: n,
       classNames: {
-        enter: Z.enter,
-        enterActive: Z.enterActive,
-        exitActive: Z.exitActive,
-        exitDone: Z.exitDone
+        enter: Y.enter,
+        enterActive: Y.enterActive,
+        exitActive: Y.exitActive,
+        exitDone: Y.exitDone
       },
       timeout: gr,
       nodeRef: f,
       unmountOnExit: !0,
       mountOnEnter: !0,
-      children: /* @__PURE__ */ v(J, { children: [
-        d && /* @__PURE__ */ i("div", { className: y("overamp-slide-out-overlay", Z.slideOutOverlay) }),
-        /* @__PURE__ */ i(Dn, { disableOutsidePointerEvents: l, asChild: !0, ...g, children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ v(ee, { children: [
+        d && /* @__PURE__ */ i("div", { className: y("overamp-slide-out-overlay", Y.slideOutOverlay) }),
+        /* @__PURE__ */ i(Dn, { disableOutsidePointerEvents: l, asChild: !0, ...C, children: /* @__PURE__ */ i(
           D,
           {
-            className: y("overmap-slide-out", o, Z.outerContent, {
-              [Z.left]: m,
-              [Z.right]: P
+            className: y("overmap-slide-out", o, Y.outerContent, {
+              [Y.left]: m,
+              [Y.right]: P
             }),
-            style: { "--slide-out-width": `${C}px` },
+            style: { "--slide-out-width": `${g}px` },
             height: "100%",
             width: "auto",
             position: u,
@@ -933,8 +934,8 @@ const vo = S(function(o, n) {
             children: /* @__PURE__ */ i(
               Qe,
               {
-                className: Z.resizable,
-                defaultSize: { width: C, height: "100%" },
+                className: Y.resizable,
+                defaultSize: { width: g, height: "100%" },
                 onResize: w,
                 enable: { right: a && m, left: a && P },
                 handleComponent: { left: h, right: h },
@@ -967,7 +968,7 @@ const vo = S(function(o, n) {
   severity: d = "primary",
   ...l
 }, h) {
-  const u = ce(s, Pe), g = E(d), f = r || r === void 0 && l.maxLength !== void 0, C = c !== void 0 ? c.toString() : void 0;
+  const u = ce(s, Pe), C = E(d), f = r || r === void 0 && l.maxLength !== void 0, g = c !== void 0 ? c.toString() : void 0;
   return /* @__PURE__ */ v(
     ie.Root,
     {
@@ -977,7 +978,7 @@ const vo = S(function(o, n) {
       }),
       size: u,
       variant: a !== "ghost" ? a : void 0,
-      color: g,
+      color: C,
       children: [
         n && /* @__PURE__ */ i(ie.Slot, { children: n }),
         /* @__PURE__ */ i(
@@ -991,12 +992,12 @@ const vo = S(function(o, n) {
             value: c,
             size: u,
             variant: a !== "ghost" ? a : void 0,
-            color: g,
+            color: C,
             ...l
           }
         ),
         t && /* @__PURE__ */ i(ie.Slot, { children: t }),
-        f && /* @__PURE__ */ i(Re, { as: "p", className: pe.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${C == null ? void 0 : C.length}/${l.maxLength}` : `${C == null ? void 0 : C.length}` })
+        f && /* @__PURE__ */ i(Re, { as: "p", className: pe.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${g == null ? void 0 : g.length}/${l.maxLength}` : `${g == null ? void 0 : g.length}` })
       ]
     }
   );
@@ -1030,7 +1031,7 @@ const vo = S(function(o, n) {
       }
     )
   ] });
-}), Nr = W.memo(kr), Tr = "_wrapper_1ssf2_1", Dr = "_panelContent_1ssf2_6", Ir = "_left_1ssf2_14", Or = "_right_1ssf2_18", Rr = "_resizable_1ssf2_23", zr = "_resizeHandle_1ssf2_28", Ar = "_panelMainContent_1ssf2_48", U = {
+}), Nr = W.memo(kr), Tr = "_wrapper_1ssf2_1", Dr = "_panelContent_1ssf2_6", Ir = "_left_1ssf2_14", Or = "_right_1ssf2_18", Rr = "_resizable_1ssf2_23", zr = "_resizeHandle_1ssf2_28", Ar = "_panelMainContent_1ssf2_48", G = {
   wrapper: Tr,
   panelContent: Dr,
   left: Ir,
@@ -1048,27 +1049,27 @@ const vo = S(function(o, n) {
   rightMinWidth: a = bt,
   resizeable: d
 }) {
-  const l = H(null), h = H(null), [u, g] = k(0), [f, C] = k(), b = H(null), [m, P] = k(0), [w, N] = k(), A = x(
-    (I, B, V) => (j, Me, ke, Ne) => {
+  const l = H(null), h = H(null), [u, C] = k(0), [f, g] = k(), b = H(null), [m, P] = k(0), [w, N] = k(), A = x(
+    (I, B, U) => (j, Me, ke, Ne) => {
       if (!l.current)
         return;
       const de = I + Ne.width;
-      V(l.current.clientWidth - de), B(() => de);
+      U(l.current.clientWidth - de), B(() => de);
     },
     []
   ), te = x(
-    (I, B, V, j) => A(u, g, N)(I, B, V, j),
+    (I, B, U, j) => A(u, C, N)(I, B, U, j),
     [A, u]
   ), Ee = x(
-    (I, B, V, j) => A(m, P, C)(I, B, V, j),
+    (I, B, U, j) => A(m, P, g)(I, B, U, j),
     [A, m]
   ), Ce = x(
-    (I, B, V, j, Me, ke, Ne, de) => {
+    (I, B, U, j, Me, ke, Ne, de) => {
       if (!l.current)
         return;
-      let Q = I;
-      if (Q === 0 && (Q = B, V(Q)), ke) {
-        const ne = l.current.clientWidth - Q;
+      let J = I;
+      if (J === 0 && (J = B, U(J)), ke) {
+        const ne = l.current.clientWidth - J;
         de(ne), Me > ne && (Ne(ne), j(l.current.clientWidth - ne));
       }
     },
@@ -1081,16 +1082,16 @@ const vo = S(function(o, n) {
       N,
       u,
       n,
-      g,
-      C
+      C,
+      g
     ),
     [Ce, u, a, m, n]
   ), le = x(
     () => Ce(
       u,
       s,
-      g,
       C,
+      g,
       m,
       r,
       P,
@@ -1103,14 +1104,14 @@ const vo = S(function(o, n) {
     },
     []
   ), Ze = x(
-    () => ve(n, C),
+    () => ve(n, g),
     [ve, n]
   ), et = x(
     () => ve(r, N),
     [ve, r]
   ), tt = x(() => {
-    var I, B, V, j;
-    l.current && (C(l.current.clientWidth - (((I = b.current) == null ? void 0 : I.clientWidth) || 0)), N(l.current.clientWidth - (((B = h.current) == null ? void 0 : B.clientWidth) || 0)), g(((V = h.current) == null ? void 0 : V.clientWidth) || 0), P(((j = b.current) == null ? void 0 : j.clientWidth) || 0));
+    var I, B, U, j;
+    l.current && (g(l.current.clientWidth - (((I = b.current) == null ? void 0 : I.clientWidth) || 0)), N(l.current.clientWidth - (((B = h.current) == null ? void 0 : B.clientWidth) || 0)), C(((U = h.current) == null ? void 0 : U.clientWidth) || 0), P(((j = b.current) == null ? void 0 : j.clientWidth) || 0));
   }, []);
   M(() => {
     if (!l.current)
@@ -1172,7 +1173,7 @@ const vo = S(function(o, n) {
   return /* @__PURE__ */ v(
     D,
     {
-      className: U.wrapper,
+      className: G.wrapper,
       style: { minWidth: `${s + a}px` },
       ref: l,
       width: "100%",
@@ -1191,10 +1192,10 @@ const vo = S(function(o, n) {
             onEntering: le,
             onExited: et,
             children: (I) => /* @__PURE__ */ i(
-              G,
+              F,
               {
                 ref: h,
-                className: y(U.panelContent, U.left),
+                className: y(G.panelContent, G.left),
                 style: Be[I],
                 width: "auto",
                 height: "100%",
@@ -1203,7 +1204,7 @@ const vo = S(function(o, n) {
                 children: /* @__PURE__ */ i(
                   Qe,
                   {
-                    className: U.resizable,
+                    className: G.resizable,
                     size: {
                       width: u,
                       height: "100%"
@@ -1212,7 +1213,7 @@ const vo = S(function(o, n) {
                     enable: { right: (d == null ? void 0 : d.left) !== void 0 ? d.left : !0 },
                     minWidth: s,
                     maxWidth: f,
-                    handleClasses: { right: y(U.resizeHandle, U.left) },
+                    handleClasses: { right: y(G.resizeHandle, G.left) },
                     handleComponent: {
                       right: /* @__PURE__ */ i(Je, { height: "14px", width: "14px" })
                     },
@@ -1223,7 +1224,7 @@ const vo = S(function(o, n) {
             )
           }
         ),
-        /* @__PURE__ */ i("div", { className: U.panelMainContent, children: o }),
+        /* @__PURE__ */ i("div", { className: G.panelMainContent, children: o }),
         /* @__PURE__ */ i(
           mt,
           {
@@ -1234,10 +1235,10 @@ const vo = S(function(o, n) {
             onEntering: Ye,
             onExited: Ze,
             children: (I) => /* @__PURE__ */ i(
-              G,
+              F,
               {
                 ref: b,
-                className: y(U.panelContent, U.right),
+                className: y(G.panelContent, G.right),
                 style: K[I],
                 width: "auto",
                 height: "100%",
@@ -1246,13 +1247,13 @@ const vo = S(function(o, n) {
                 children: /* @__PURE__ */ i(
                   Qe,
                   {
-                    className: U.resizable,
+                    className: G.resizable,
                     size: { width: m, height: "100%" },
                     onResizeStop: Ee,
                     enable: { left: (d == null ? void 0 : d.right) !== void 0 ? d.right : !0 },
                     minWidth: a,
                     maxWidth: w,
-                    handleClasses: { left: y(U.resizeHandle, U.right) },
+                    handleClasses: { left: y(G.resizeHandle, G.right) },
                     handleComponent: { left: /* @__PURE__ */ i(Je, { height: "14px", width: "14px" }) },
                     children: c
                   }
@@ -1273,7 +1274,7 @@ const vo = S(function(o, n) {
 };
 function Et(e, o, n, t = 0) {
   if (!e.options)
-    return e.content || /* @__PURE__ */ i(J, {});
+    return e.content || /* @__PURE__ */ i(ee, {});
   const s = e.options.map((r, c) => /* @__PURE__ */ i(
     $e,
     {
@@ -1292,7 +1293,7 @@ function Et(e, o, n, t = 0) {
     },
     `${r.value}-page-${t}-button-${c}`
   ));
-  return /* @__PURE__ */ v(J, { children: [
+  return /* @__PURE__ */ v(ee, { children: [
     e.title && /* @__PURE__ */ i("div", { className: Xe.pageTitle, children: e.title }),
     e.content,
     /* @__PURE__ */ i(
@@ -1335,14 +1336,14 @@ const Hr = S(function({ page: o, className: n, direction: t = "vertical", ...s }
   variant: a,
   ...d
 }, l) {
-  const h = E(r), u = E("info"), g = n || n === void 0 && (d.maxLength !== void 0 || d.minLength !== void 0), f = s !== void 0 ? s.toString() : "", C = R(() => {
+  const h = E(r), u = E("info"), C = n || n === void 0 && (d.maxLength !== void 0 || d.minLength !== void 0), f = s !== void 0 ? s.toString() : "", g = R(() => {
     if (t) {
       let b = t.replace("{current}", f.length.toString());
       return d.minLength !== void 0 && (b = b.replace("{min}", d.minLength.toString())), d.maxLength !== void 0 && (b = b.replace("{max}", d.maxLength.toString())), b;
     }
     return f.length;
   }, [t, d.maxLength, d.minLength, f.length]);
-  return /* @__PURE__ */ v(J, { children: [
+  return /* @__PURE__ */ v(ee, { children: [
     /* @__PURE__ */ i(
       Sn,
       {
@@ -1357,7 +1358,7 @@ const Hr = S(function({ page: o, className: n, direction: t = "vertical", ...s }
         ...d
       }
     ),
-    g && /* @__PURE__ */ i(Re, { as: "p", className: wt.charCount, color: u, align: "right", children: C })
+    C && /* @__PURE__ */ i(Re, { as: "p", className: wt.charCount, color: u, align: "right", children: g })
   ] });
 }), zs = $(Ur), Gr = S(function({
   // ToggleGroup Primitive Props
@@ -1373,13 +1374,13 @@ const Hr = S(function({ page: o, className: n, direction: t = "vertical", ...s }
   className: l,
   direction: h = "row",
   ...u
-}, g) {
+}, C) {
   return /* @__PURE__ */ i(
     On,
     {
       type: n,
       className: y("overmap-toggle-group", l),
-      ref: g,
+      ref: C,
       value: s,
       onValueChange: r,
       disabled: a,
@@ -1388,12 +1389,12 @@ const Hr = S(function({ page: o, className: n, direction: t = "vertical", ...s }
       rovingFocus: t,
       defaultValue: c,
       asChild: !0,
-      children: /* @__PURE__ */ i(Rt, { direction: h, ...u, children: d.map(({ children: f, ...C }) => /* @__PURE__ */ F(Rn, { asChild: !0, ...C, key: C.value }, /* @__PURE__ */ i(
+      children: /* @__PURE__ */ i(Rt, { direction: h, ...u, children: d.map(({ children: f, ...g }) => /* @__PURE__ */ V(Rn, { asChild: !0, ...g, key: g.value }, /* @__PURE__ */ i(
         re,
         {
           className: y("overmap-toggle-group-button"),
-          "aria-label": C.value,
-          variant: C.value === s ? "solid" : "soft",
+          "aria-label": g.value,
+          variant: g.value === s ? "solid" : "soft",
           children: f
         }
       ))) })
@@ -1439,13 +1440,13 @@ const Hr = S(function({ page: o, className: n, direction: t = "vertical", ...s }
   slideIn: ei,
   swipeOut: ti
 }, ni = S(function({ title: o, description: n, icon: t, severity: s = "primary", size: r, onClose: c, sensitivity: a, action: d, ...l }, h) {
-  const [u, g] = k(!0), f = E(s), C = x(
+  const [u, C] = k(!0), f = E(s), g = x(
     (b) => {
-      !b && c && c(), g(b);
+      !b && c && c(), C(b);
     },
     [c]
   );
-  return /* @__PURE__ */ i(De.Root, { asChild: !0, ref: h, ...l, open: u, type: a, onOpenChange: C, children: /* @__PURE__ */ i(Fe.Root, { className: it.ToastRoot, variant: "surface", color: f, size: r, children: /* @__PURE__ */ v(D, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+  return /* @__PURE__ */ i(De.Root, { asChild: !0, ref: h, ...l, open: u, type: a, onOpenChange: g, children: /* @__PURE__ */ i(Fe.Root, { className: it.ToastRoot, variant: "surface", color: f, size: r, children: /* @__PURE__ */ v(D, { width: "100%", align: "center", gap: "4", justify: "between", children: [
     /* @__PURE__ */ v(D, { align: "center", gap: "3", children: [
       /* @__PURE__ */ i(Fe.Icon, { children: t }),
       /* @__PURE__ */ v(D, { direction: "column", gap: "2", children: [
@@ -1478,9 +1479,9 @@ const Ms = $(function({
   ...s
 }) {
   const [r, c] = k([]), a = x((l, h, u) => {
-    c((g) => {
-      const f = g.find((C) => C.id === l);
-      return f && h === 0 && clearTimeout(f.timeout), g.filter((C) => C.id !== l);
+    c((C) => {
+      const f = C.find((g) => g.id === l);
+      return f && h === 0 && clearTimeout(f.timeout), C.filter((g) => g.id !== l);
     }), u && u();
   }, []), d = R(() => {
     let l = 0;
@@ -1489,13 +1490,13 @@ const Ms = $(function({
       l += 1;
       const N = setTimeout(() => a(w, 1, m.onClose), P);
       c((A) => [...A, { ...m, timeout: N, duration: P, id: w }]);
-    }, u = (m) => h({ ...m, severity: "primary" }), g = (m) => h({ ...m, severity: "success" }), f = (m) => h({ ...m, severity: "danger" }), C = (m) => h({ ...m, severity: "info" }), b = (m) => h({ ...m, severity: "warning" });
+    }, u = (m) => h({ ...m, severity: "primary" }), C = (m) => h({ ...m, severity: "success" }), f = (m) => h({ ...m, severity: "danger" }), g = (m) => h({ ...m, severity: "info" }), b = (m) => h({ ...m, severity: "warning" });
     return si = h, {
       showToast: h,
       showPrimary: u,
-      showSuccess: g,
+      showSuccess: C,
       showError: f,
-      showInfo: C,
+      showInfo: g,
       showWarning: b
     };
   }, [a]);
@@ -1573,18 +1574,18 @@ function ui(e, o = []) {
       c
     ];
     function l(u) {
-      const { scope: g, children: f, ...C } = u, b = (g == null ? void 0 : g[e][d]) || a, m = R(
-        () => C,
-        Object.values(C)
+      const { scope: C, children: f, ...g } = u, b = (C == null ? void 0 : C[e][d]) || a, m = R(
+        () => g,
+        Object.values(g)
       );
-      return /* @__PURE__ */ F(b.Provider, {
+      return /* @__PURE__ */ V(b.Provider, {
         value: m
       }, f);
     }
-    function h(u, g) {
-      const f = (g == null ? void 0 : g[e][d]) || a, C = ze(f);
-      if (C)
-        return C;
+    function h(u, C) {
+      const f = (C == null ? void 0 : C[e][d]) || a, g = ze(f);
+      if (g)
+        return g;
       if (c !== void 0)
         return c;
       throw new Error(`\`${u}\` must be used within \`${r}\``);
@@ -1778,8 +1779,8 @@ function vi(e) {
   ]), st(() => {
     const l = t.current, h = s.current;
     if (h !== e) {
-      const g = r.current, f = Ke(l);
-      e ? d("MOUNT") : f === "none" || (l == null ? void 0 : l.display) === "none" ? d("UNMOUNT") : d(h && g !== f ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
+      const C = r.current, f = Ke(l);
+      e ? d("MOUNT") : f === "none" || (l == null ? void 0 : l.display) === "none" ? d("UNMOUNT") : d(h && C !== f ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
     }
   }, [
     e,
@@ -1819,11 +1820,11 @@ const jt = /* @__PURE__ */ S((e, o) => {
   const { children: n, ...t } = e, s = me.toArray(n), r = s.find(bi);
   if (r) {
     const c = r.props.children, a = s.map((d) => d === r ? me.count(c) > 1 ? me.only(null) : /* @__PURE__ */ Oe(c) ? c.props.children : null : d);
-    return /* @__PURE__ */ F(at, ae({}, t, {
+    return /* @__PURE__ */ V(at, ae({}, t, {
       ref: o
     }), /* @__PURE__ */ Oe(c) ? /* @__PURE__ */ Ae(c, void 0, a) : null);
   }
-  return /* @__PURE__ */ F(at, ae({}, t, {
+  return /* @__PURE__ */ V(at, ae({}, t, {
     ref: o
   }), n);
 });
@@ -1836,7 +1837,7 @@ const at = /* @__PURE__ */ S((e, o) => {
   }) : me.count(n) > 1 ? me.only(null) : null;
 });
 at.displayName = "SlotClone";
-const _i = ({ children: e }) => /* @__PURE__ */ F(Tn, null, e);
+const _i = ({ children: e }) => /* @__PURE__ */ V(Tn, null, e);
 function bi(e) {
   return /* @__PURE__ */ Oe(e) && e.type === _i;
 }
@@ -1883,7 +1884,7 @@ const yi = [
     const { asChild: r, ...c } = t, a = r ? jt : o;
     return M(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ F(a, ae({}, c, {
+    }, []), /* @__PURE__ */ V(a, ae({}, c, {
       ref: s
     }));
   });
@@ -1892,10 +1893,10 @@ const yi = [
     [o]: n
   };
 }, {}), Vt = "Checkbox", [xi, Hs] = ui(Vt), [Si, $i] = xi(Vt), Pi = /* @__PURE__ */ S((e, o) => {
-  const { __scopeCheckbox: n, name: t, checked: s, defaultChecked: r, required: c, disabled: a, value: d = "on", onCheckedChange: l, ...h } = e, [u, g] = k(null), f = Lt(
+  const { __scopeCheckbox: n, name: t, checked: s, defaultChecked: r, required: c, disabled: a, value: d = "on", onCheckedChange: l, ...h } = e, [u, C] = k(null), f = Lt(
     o,
-    (N) => g(N)
-  ), C = H(!1), b = u ? !!u.closest("form") : !0, [m = !1, P] = pi({
+    (N) => C(N)
+  ), g = H(!1), b = u ? !!u.closest("form") : !0, [m = !1, P] = pi({
     prop: s,
     defaultProp: r,
     onChange: l
@@ -1909,11 +1910,11 @@ const yi = [
   }, [
     u,
     P
-  ]), /* @__PURE__ */ F(Si, {
+  ]), /* @__PURE__ */ V(Si, {
     scope: n,
     state: m,
     disabled: a
-  }, /* @__PURE__ */ F(Ft.button, ae({
+  }, /* @__PURE__ */ V(Ft.button, ae({
     type: "button",
     role: "checkbox",
     "aria-checked": ge(m) ? "mixed" : m,
@@ -1930,11 +1931,11 @@ const yi = [
     onClick: xt(e.onClick, (N) => {
       P(
         (A) => ge(A) ? !0 : !A
-      ), b && (C.current = N.isPropagationStopped(), C.current || N.stopPropagation());
+      ), b && (g.current = N.isPropagationStopped(), g.current || N.stopPropagation());
     })
-  })), b && /* @__PURE__ */ F(Ti, {
+  })), b && /* @__PURE__ */ V(Ti, {
     control: u,
-    bubbles: !C.current,
+    bubbles: !g.current,
     name: t,
     value: d,
     checked: m,
@@ -1946,9 +1947,9 @@ const yi = [
   }));
 }), ki = "CheckboxIndicator", Ni = /* @__PURE__ */ S((e, o) => {
   const { __scopeCheckbox: n, forceMount: t, ...s } = e, r = $i(ki, n);
-  return /* @__PURE__ */ F(Ht, {
+  return /* @__PURE__ */ V(Ht, {
     present: t || ge(r.state) || r.state === !0
-  }, /* @__PURE__ */ F(Ft.span, ae({
+  }, /* @__PURE__ */ V(Ft.span, ae({
     "data-state": Ut(r.state),
     "data-disabled": r.disabled ? "" : void 0
   }, s, {
@@ -1963,16 +1964,16 @@ const yi = [
   return M(() => {
     const d = r.current, l = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(l, "checked").set;
     if (c !== n && u) {
-      const g = new Event("click", {
+      const C = new Event("click", {
         bubbles: t
       });
-      d.indeterminate = ge(n), u.call(d, ge(n) ? !1 : n), d.dispatchEvent(g);
+      d.indeterminate = ge(n), u.call(d, ge(n) ? !1 : n), d.dispatchEvent(C);
     }
   }, [
     c,
     n,
     t
-  ]), /* @__PURE__ */ F("input", ae({
+  ]), /* @__PURE__ */ V("input", ae({
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: ge(n) ? !1 : n
@@ -2047,25 +2048,25 @@ const Li = $(function({
   ), [l, h] = k(
     W.Children.map(r, (f) => f.props.checked)
   ), u = (f) => {
-    const C = a === "indeterminate" || !f;
-    a === "indeterminate" && (f = !1), h(l.map((b) => !C)), s && s(f);
+    const g = a === "indeterminate" || !f;
+    a === "indeterminate" && (f = !1), h(l.map((b) => !g)), s && s(f);
   };
   M(() => {
-    const f = l.filter((C) => C).length;
+    const f = l.filter((g) => g).length;
     f === 0 ? d(!1) : f === r.length ? d(!0) : d("indeterminate");
   }, [r, l]);
-  const g = W.Children.map(
+  const C = W.Children.map(
     r,
-    (f, C) => W.cloneElement(f, {
+    (f, g) => W.cloneElement(f, {
       ...f.props,
-      checked: l[C],
+      checked: l[g],
       onCheckedChange: (b) => {
         const m = [...l];
-        m[C] = b, h(m), f.props.onCheckedChange && f.props.onCheckedChange(b);
+        m[g] = b, h(m), f.props.onCheckedChange && f.props.onCheckedChange(b);
       }
     })
   );
-  return /* @__PURE__ */ v(J, { children: [
+  return /* @__PURE__ */ v(ee, { children: [
     /* @__PURE__ */ i(
       dt,
       {
@@ -2077,7 +2078,7 @@ const Li = $(function({
         ...c
       }
     ),
-    g
+    C
   ] });
 }), Wi = "_tableContainer_go3yk_1", Hi = "_headerContainer_go3yk_14", ji = "_tableTopContainer_go3yk_18", Fi = "_searchContainer_go3yk_22", Vi = "_columnFilterSelect_go3yk_32", Ui = "_table_go3yk_1", Gi = "_tableHeaderCell_go3yk_50", Ki = "_tableRow_go3yk_56", qi = "_tableCell_go3yk_71", Xi = "_noDataTextContainer_go3yk_78", Ji = "_tableBottomContainer_go3yk_84", Qi = "_rowsPerPageContainer_go3yk_88", Yi = "_rowsPerPageText_go3yk_98", L = {
   tableContainer: Wi,
@@ -2104,9 +2105,9 @@ const Li = $(function({
     showSearchBar: l,
     searchBarPlaceholder: h,
     showSelect: u,
-    showFilterButton: g,
+    showFilterButton: C,
     showContainer: f,
-    showRowsPerPage: C,
+    showRowsPerPage: g,
     showPageNumber: b,
     showPageNavigation: m,
     showTopBar: P = !0,
@@ -2125,7 +2126,7 @@ const Li = $(function({
   const Be = R(
     () => t.filter((p) => p.filter).map((p) => ({ [p.id]: [] })).reduce((p, _) => Object.assign(p, _), {}),
     [t]
-  ), [K, I] = k(Be), [B, V] = k(d[0] ?? 10), j = R(
+  ), [K, I] = k(Be), [B, U] = k(d[0] ?? 10), j = R(
     () => d.map((p) => ({
       value: p.toString(),
       itemContent: p.toString()
@@ -2150,7 +2151,7 @@ const Li = $(function({
       );
     },
     [K]
-  ), Q = R(
+  ), J = R(
     () => t.map((p) => ({
       ...p,
       sort: p.sort ? { sortKey: p.id.toString().toUpperCase() } : !1
@@ -2180,7 +2181,7 @@ const Li = $(function({
       return O;
     }),
     [de, K, t, s, ne, le, ke]
-  ), [Y, Gt] = k(Math.ceil(Le.length / B)), nt = x(
+  ), [Q, Gt] = k(Math.ceil(Le.length / B)), nt = x(
     (p) => p.filterValues ? p.filterValues : [...new Set(
       s.map(
         (T) => {
@@ -2194,8 +2195,8 @@ const Li = $(function({
     })),
     [s]
   ), Kt = R(
-    () => (u ? "auto " : "") + Q.reduce((p, _) => p + `${_.width || "auto"} `, ""),
-    [Q, u]
+    () => (u ? "auto " : "") + J.reduce((p, _) => p + `${_.width || "auto"} `, ""),
+    [J, u]
   ), qt = x((p) => {
     ve(p.target.value);
   }, []), We = { nodes: Le }, Xt = Kn(
@@ -2238,7 +2239,7 @@ const Li = $(function({
       },
       sortFns: Object.assign(
         {},
-        ...Q.map((p) => ({
+        ...J.map((p) => ({
           [p.id.toString().toUpperCase()]: (_) => _.sort((T, O) => Ne(T[p.id], O[p.id]))
         }))
       )
@@ -2291,7 +2292,7 @@ const Li = $(function({
       }))
     }),
     [K, t, nt]
-  ), Yt = Q.map((p) => {
+  ), Yt = J.map((p) => {
     const _ = p.sort ? Gn : Mn;
     return /* @__PURE__ */ i(
       _,
@@ -2342,7 +2343,7 @@ const Li = $(function({
             placeholder: h || "Filter tasks..."
           }
         ) }),
-        g && /* @__PURE__ */ i(
+        C && /* @__PURE__ */ i(
           jr,
           {
             color: r,
@@ -2351,7 +2352,7 @@ const Li = $(function({
             children: (p) => ""
           }
         ),
-        g && ne && /* @__PURE__ */ v(
+        C && ne && /* @__PURE__ */ v(
           $e,
           {
             variant: "surface",
@@ -2389,7 +2390,7 @@ const Li = $(function({
         select: Xt,
         layout: Zt,
         ref: n,
-        children: (p) => /* @__PURE__ */ v(J, { children: [
+        children: (p) => /* @__PURE__ */ v(ee, { children: [
           /* @__PURE__ */ i(Wn, { children: /* @__PURE__ */ v(Hn, { children: [
             u && /* @__PURE__ */ i(Xn, { className: L.tableHeaderCell }),
             ...Yt
@@ -2425,7 +2426,7 @@ const Li = $(function({
       }
     ),
     w && /* @__PURE__ */ v(D, { className: L.tableBottomContainer, wrap: "wrap", direction: Ue ? "column" : "row", children: [
-      C && /* @__PURE__ */ v(D, { className: L.rowsPerPageContainer, children: [
+      g && /* @__PURE__ */ v(D, { className: L.rowsPerPageContainer, children: [
         /* @__PURE__ */ i("div", { className: L.rowsPerPageText, children: "Rows per page:" }),
         /* @__PURE__ */ i(
           Qo,
@@ -2433,21 +2434,21 @@ const Li = $(function({
             items: j,
             defaultValue: j[0].value.toString(),
             onValueChange: (p) => {
-              z.fns.onSetSize(Number(p)), V(Number(p));
+              z.fns.onSetSize(Number(p)), U(Number(p));
             },
             placeholder: j[0].itemContent,
             "aria-label": "Select number of rows per page"
           }
         )
       ] }),
-      b && /* @__PURE__ */ i(D, { justify: "center", children: Y > 0 && `Page ${z.state.page + 1} of ${Y}` }),
+      b && /* @__PURE__ */ i(D, { justify: "center", children: Q > 0 && `Page ${z.state.page + 1} of ${Q}` }),
       m && /* @__PURE__ */ v(D, { className: L.rowsPerPageContainer, gap: "2", justify: "end", children: [
         /* @__PURE__ */ i(
           re,
           {
             variant: "surface",
             onClick: () => z.fns.onSetPage(0),
-            disabled: z.state.page === 0 || Y === 0,
+            disabled: z.state.page === 0 || Q === 0,
             "aria-label": "Go to first page",
             children: /* @__PURE__ */ i(hn, {})
           }
@@ -2456,7 +2457,7 @@ const Li = $(function({
           re,
           {
             variant: "surface",
-            disabled: z.state.page === 0 || Y === 0,
+            disabled: z.state.page === 0 || Q === 0,
             onClick: () => z.fns.onSetPage(z.state.page - 1),
             "aria-label": "Previous page",
             children: /* @__PURE__ */ i(pn, {})
@@ -2466,7 +2467,7 @@ const Li = $(function({
           re,
           {
             variant: "surface",
-            disabled: z.state.page + 1 === Y || Y === 0,
+            disabled: z.state.page + 1 === Q || Q === 0,
             onClick: () => z.fns.onSetPage(z.state.page + 1),
             "aria-label": "Next page",
             children: /* @__PURE__ */ i(fn, {})
@@ -2476,8 +2477,8 @@ const Li = $(function({
           re,
           {
             variant: "surface",
-            disabled: z.state.page + 1 === Y || Y === 0,
-            onClick: () => z.fns.onSetPage(Y - 1),
+            disabled: z.state.page + 1 === Q || Q === 0,
+            onClick: () => z.fns.onSetPage(Q - 1),
             "aria-label": "Go to last page",
             children: /* @__PURE__ */ i(mn, {})
           }