@overmap-ai/blocks 0.0.1-alpha.46 → 0.0.1-alpha.49

package/dist/blocks.js

@@ -1,17 +1,17 @@
 import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
-import { Cross1Icon as le, InfoCircledIcon as ae, Cross2Icon as ue } from "@radix-ui/react-icons";
+import { Cross1Icon as ae, InfoCircledIcon as ue, Cross2Icon as de } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext as de, Badge as pe, Button as he, IconButton as U, Flex as T, Dialog as I, AlertDialog as k, Select as D, Box as me, Checkbox as fe, TextField as O, Text as F, Popover as L, TextArea as ge, Callout as j, Theme as Ce } from "@radix-ui/themes";
-import { AccessibleIcon as Nt, AspectRatio as Pt, Avatar as Rt, Blockquote as Et, Box as zt, Callout as Ot, Card as Lt, Checkbox as jt, Code as Gt, Container as Mt, ContextMenu as Vt, DropdownMenu as Ft, Em as Wt, Flex as Ht, Grid as Kt, Heading as qt, HoverCard as Qt, Inset as Ut, Kbd as Jt, Link as Xt, Portal as Yt, Quote as Zt, RadioGroup as eo, ScrollArea as to, Section as oo, Separator as no, Slider as ro, Slot as io, Strong as so, Switch as co, Table as lo, Tabs as ao, TextField as uo, Theme as po, Tooltip as ho, VisuallyHidden as mo, updateThemeAppearanceClass as fo, useThemeContext as go } from "@radix-ui/themes";
-import { jsx as o, jsxs as g, Fragment as ve } from "react/jsx-runtime";
-import R, { useMemo as M, forwardRef as w, memo as _, createContext as W, useContext as J, useState as P, useCallback as y, createElement as X, useEffect as _e } from "react";
-import { Root as we, Item as ye } from "@radix-ui/react-toggle-group";
-import * as A from "@radix-ui/react-toast";
-function xe(i) {
+import { useThemeContext as he, Badge as pe, Button as me, IconButton as X, Flex as k, Dialog as B, AlertDialog as I, Select as b, Box as fe, Checkbox as ge, Switch as Ce, Portal as ve, TextField as O, Text as H, Popover as j, TextArea as _e, Callout as G, Theme as we } from "@radix-ui/themes";
+import { AccessibleIcon as jt, AspectRatio as Gt, Avatar as Mt, Blockquote as Vt, Box as Ft, Callout as Wt, Card as Ht, Checkbox as qt, Code as Kt, Container as Qt, ContextMenu as Ut, DropdownMenu as Jt, Em as Xt, Flex as Yt, Grid as Zt, Heading as eo, HoverCard as to, Inset as oo, Kbd as no, Link as ro, Portal as so, Quote as co, RadioGroup as io, ScrollArea as lo, Section as ao, Separator as uo, Slider as ho, Slot as po, Strong as mo, Switch as fo, Table as go, Tabs as Co, TextField as vo, Theme as _o, Tooltip as wo, VisuallyHidden as yo, updateThemeAppearanceClass as So, useThemeContext as xo } from "@radix-ui/themes";
+import { jsx as o, jsxs as C, Fragment as Y } from "react/jsx-runtime";
+import E, { useMemo as V, forwardRef as y, memo as w, createContext as q, useContext as Z, useState as A, useCallback as S, createElement as ee, useEffect as ye, useRef as Se, useLayoutEffect as xe } from "react";
+import { Root as Te, Item as ke } from "@radix-ui/react-toggle-group";
+import * as R from "@radix-ui/react-toast";
+function be(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var Y = { exports: {} };
+var te = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -19,18 +19,18 @@ var Y = { exports: {} };
 */
 (function(i) {
   (function() {
-    var s = {}.hasOwnProperty;
+    var c = {}.hasOwnProperty;
     function n() {
-      for (var t = [], r = 0; r < arguments.length; r++) {
-        var e = arguments[r];
+      for (var t = [], s = 0; s < arguments.length; s++) {
+        var e = arguments[s];
         if (e) {
           var l = typeof e;
           if (l === "string" || l === "number")
             t.push(e);
           else if (Array.isArray(e)) {
             if (e.length) {
-              var c = n.apply(null, e);
-              c && t.push(c);
+              var r = n.apply(null, e);
+              r && t.push(r);
             }
           } else if (l === "object") {
             if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]")) {
@@ -38,7 +38,7 @@ var Y = { exports: {} };
               continue;
             }
             for (var a in e)
-              s.call(e, a) && e[a] && t.push(a);
+              c.call(e, a) && e[a] && t.push(a);
           }
         }
       }
@@ -46,318 +46,325 @@ var Y = { exports: {} };
     }
     i.exports ? (n.default = n, i.exports = n) : window.classNames = n;
   })();
-})(Y);
-var Se = Y.exports;
-const S = /* @__PURE__ */ xe(Se);
-function B(i, s) {
-  return M(() => {
+})(te);
+var De = te.exports;
+const x = /* @__PURE__ */ be(De);
+function N(i, c) {
+  return V(() => {
     if (i !== void 0)
       if (typeof i == "object") {
         if (!("initial" in i))
           throw new Error("Expected initial property to be set in Responsive object");
-        return Object.fromEntries(Object.entries(i).map(([n, t]) => [n, s[t]]));
+        return Object.fromEntries(Object.entries(i).map(([n, t]) => [n, c[t]]));
       } else
-        return s[i];
-  }, [s, i]);
+        return c[i];
+  }, [c, i]);
 }
-const Te = {
+const Ie = {
   success: "green",
   danger: "red",
   info: "gray"
-}, b = (i) => {
-  const s = de();
+}, T = (i) => {
+  const c = he();
   if (i)
-    return i === "primary" ? s.accentColor : Te[i];
-}, be = w(function({ className: s, severity: n = "primary", color: t, children: r, ...e }, l) {
-  const c = b(n);
+    return i === "primary" ? c.accentColor : Ie[i];
+}, Ae = y(function({ className: c, severity: n = "primary", color: t, children: s, ...e }, l) {
+  const r = T(n);
   return /* @__PURE__ */ o(
     pe,
     {
-      className: S("overmap-badge", s),
+      className: x("overmap-badge", c),
       ref: l,
-      color: t || c,
+      color: t || r,
       ...e,
-      children: r
+      children: s
     }
   );
-}), ft = _(be), De = "_fluid_r73gr_1", ke = "_hoverSpin90Clockwise_r73gr_15", Ae = "_hoverSpin180Clockwise_r73gr_25", Ie = "_hoverSpin360Clockwise_r73gr_35", N = {
-  fluid: De,
-  hoverSpin90Clockwise: ke,
-  hoverSpin180Clockwise: Ae,
-  hoverSpin360Clockwise: Ie
-}, Z = {
-  spin90Clockwise: N.hoverSpin90Clockwise,
-  spin180Clockwise: N.hoverSpin180Clockwise,
-  spin360Clockwise: N.hoverSpin360Clockwise
-}, E = {
+}), St = w(Ae), $e = "_fluid_r73gr_1", Re = "_hoverSpin90Clockwise_r73gr_15", Be = "_hoverSpin180Clockwise_r73gr_25", Ne = "_hoverSpin360Clockwise_r73gr_35", P = {
+  fluid: $e,
+  hoverSpin90Clockwise: Re,
+  hoverSpin180Clockwise: Be,
+  hoverSpin360Clockwise: Ne
+}, oe = {
+  spin90Clockwise: P.hoverSpin90Clockwise,
+  spin180Clockwise: P.hoverSpin180Clockwise,
+  spin360Clockwise: P.hoverSpin360Clockwise
+}, z = {
   small: "1",
   medium: "2",
   large: "3"
-}, ee = W({}), te = () => J(ee), Be = w(function(s, n) {
-  const t = te(), {
-    className: r,
-    fluid: e,
-    size: l = t.size ?? "medium",
-    severity: c = t.severity ?? "primary",
-    hoverEffects: a = t.hoverEffects ?? [],
-    variant: d = t.variant,
-    ...h
-  } = s, u = b(c), p = a.map((f) => Z[f]);
+}, ne = q({}), re = () => Z(ne), Pe = y(function(c, n) {
+  const t = re(), {
+    className: s,
+    type: e = "button",
+    fluid: l = t.fluid ?? !1,
+    size: r = t.size ?? "medium",
+    severity: a = t.severity ?? "primary",
+    hoverEffects: h = t.hoverEffects ?? [],
+    variant: p = t.variant,
+    ...d
+  } = c, m = T(a), f = h.map((u) => oe[u]);
   return /* @__PURE__ */ o(
-    he,
+    me,
     {
       ref: n,
-      type: "button",
-      className: S(r, p, {
-        [N.fluid]: e
+      type: e,
+      className: x(s, f, {
+        [P.fluid]: l
       }),
-      color: u,
-      size: B(l, E),
-      variant: d,
-      ...h
+      color: m,
+      size: N(r, z),
+      variant: p,
+      ...d
     }
   );
-}), K = R.memo(Be), $e = w(function(s, n) {
-  const t = te(), {
-    className: r,
+}), Q = E.memo(Pe), Ee = y(function(c, n) {
+  const t = re(), {
+    className: s,
     children: e,
-    size: l = t.size ?? "medium",
-    severity: c = t.severity ?? "primary",
-    hoverEffects: a = t.hoverEffects ?? [],
+    type: l = "button",
+    fluid: r = t.fluid ?? !1,
+    size: a = t.size ?? "medium",
+    severity: h = t.severity ?? "primary",
+    hoverEffects: p = t.hoverEffects ?? [],
     variant: d = t.variant,
-    ...h
-  } = s, u = b(c), p = (a == null ? void 0 : a.map((f) => Z[f])) || [];
+    ...m
+  } = c, f = T(h), u = (p == null ? void 0 : p.map((g) => oe[g])) || [];
   return /* @__PURE__ */ o(
-    U,
+    X,
     {
-      className: S(r, p, N.default),
+      className: x(s, u, {
+        [P.fluid]: r
+      }),
       ref: n,
-      color: u,
-      size: B(l, E),
+      color: f,
+      size: N(a, z),
       variant: d,
-      type: "button",
-      ...h,
+      type: l,
+      ...m,
       children: e
     }
   );
-}), oe = R.memo($e), Ne = "_merged_f4366_1", Pe = {
-  merged: Ne
-}, Re = {
+}), se = E.memo(Ee), ze = "_merged_f4366_1", Le = {
+  merged: ze
+}, Oe = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
-}, Ee = w(function({
-  className: s,
+}, je = y(function({
+  className: c,
   merged: n = !1,
   children: t,
-  gap: r,
+  gap: s,
   direction: e = "row",
   severity: l,
-  size: c,
+  size: r = "medium",
   variant: a,
-  hoverEffects: d,
-  ...h
-}, u) {
-  const p = B(c, Re[e]), f = a === "ghost" ? p : "0";
+  hoverEffects: h,
+  fluid: p,
+  ...d
+}, m) {
+  const f = N(r, Oe[e]), u = a === "ghost" ? f : "0";
   return /* @__PURE__ */ o(
-    T,
+    k,
     {
-      className: S("overmap-button-group", s, {
-        [Pe.merged]: n
+      className: x("overmap-button-group", c, {
+        [Le.merged]: n
       }),
-      ref: u,
-      gap: n ? r ?? f : r ?? "2",
+      ref: m,
+      gap: n ? s ?? u : s ?? "2",
       direction: e,
       "data-direction": e,
-      ...h,
-      children: /* @__PURE__ */ o(ee.Provider, { value: { size: c, severity: l, variant: a, hoverEffects: d }, children: t })
+      ...d,
+      children: /* @__PURE__ */ o(ne.Provider, { value: { size: r, severity: l, variant: a, hoverEffects: h, fluid: p }, children: t })
     }
   );
-}), ze = _(Ee), Oe = _(function(s) {
-  const { title: n, description: t, content: r, closeDialog: e } = s;
-  return /* @__PURE__ */ g(T, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ g(T, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ g(T, { justify: "between", children: [
-        /* @__PURE__ */ o(I.Title, { mb: "0", children: n }),
-        /* @__PURE__ */ o(I.Close, { children: /* @__PURE__ */ o(U, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ o(le, {}) }) })
+}), Ge = w(je), Me = w(function(c) {
+  const { title: n, description: t, content: s, closeDialog: e } = c;
+  return /* @__PURE__ */ C(k, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ C(k, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ C(k, { justify: "between", children: [
+        /* @__PURE__ */ o(B.Title, { mb: "0", children: n }),
+        /* @__PURE__ */ o(B.Close, { children: /* @__PURE__ */ o(X, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ o(ae, {}) }) })
       ] }),
-      /* @__PURE__ */ o(I.Description, { children: t })
+      /* @__PURE__ */ o(B.Description, { children: t })
     ] }),
-    r(e)
+    s(e)
   ] });
-}), gt = _(function(s) {
-  const { children: n, size: t, onOpen: r, onCloseInterrupt: e, ...l } = s, [c, a] = P(!1), d = y(
-    (u) => {
-      if (u && r)
-        r();
-      else if (!u && e)
+}), xt = w(function(c) {
+  const { children: n, size: t, onOpen: s, onCloseInterrupt: e, ...l } = c, [r, a] = A(!1), h = S(
+    (d) => {
+      if (d && s)
+        s();
+      else if (!d && e)
         return e(() => a(!1));
-      a(u);
+      a(d);
     },
-    [r, e]
-  ), h = y(
-    (u) => {
-      if (u != null && u.force)
+    [s, e]
+  ), p = S(
+    (d) => {
+      if (d != null && d.force)
         return a(!1);
-      d(!1);
+      h(!1);
     },
-    [d]
+    [h]
   );
-  return /* @__PURE__ */ g(I.Root, { open: c, onOpenChange: d, children: [
-    /* @__PURE__ */ o(I.Content, { size: t, children: /* @__PURE__ */ o(Oe, { closeDialog: h, ...l }) }),
-    n(I.Trigger)
+  return /* @__PURE__ */ C(B.Root, { open: r, onOpenChange: h, children: [
+    /* @__PURE__ */ o(B.Content, { size: t, children: /* @__PURE__ */ o(Me, { closeDialog: p, ...l }) }),
+    n(B.Trigger)
   ] });
-}), ne = (i) => /* @__PURE__ */ o(k.Title, { mb: "0", ...i }), Le = (i) => {
-  const { title: s, description: n, actionText: t = "Confirm", cancelText: r = "Cancel", onAction: e, onCancel: l, severity: c } = i;
-  return /* @__PURE__ */ g(T, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ g(T, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ o(ne, { children: s }),
-      /* @__PURE__ */ o(k.Description, { children: n })
+}), ce = (i) => /* @__PURE__ */ o(I.Title, { mb: "0", ...i }), Ve = (i) => {
+  const { title: c, description: n, actionText: t = "Confirm", cancelText: s = "Cancel", onAction: e, onCancel: l, severity: r } = i;
+  return /* @__PURE__ */ C(k, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ C(k, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ o(ce, { children: c }),
+      /* @__PURE__ */ o(I.Description, { children: n })
     ] }),
-    /* @__PURE__ */ g(T, { gap: "3", mt: "4", justify: "end", children: [
-      /* @__PURE__ */ o(k.Cancel, { children: /* @__PURE__ */ o(K, { variant: "soft", severity: "info", onClick: l, children: r }) }),
-      /* @__PURE__ */ o(k.Action, { children: /* @__PURE__ */ o(K, { variant: "solid", severity: c, onClick: e, children: t }) })
+    /* @__PURE__ */ C(k, { gap: "3", mt: "4", justify: "end", children: [
+      /* @__PURE__ */ o(I.Cancel, { children: /* @__PURE__ */ o(Q, { variant: "soft", severity: "info", onClick: l, children: s }) }),
+      /* @__PURE__ */ o(I.Action, { children: /* @__PURE__ */ o(Q, { variant: "solid", severity: r, onClick: e, children: t }) })
     ] })
   ] });
-}, je = _(function(s) {
-  const { open: n, setOpen: t, children: r, ...e } = s, l = M(() => ({
+}, Fe = w(function(c) {
+  const { open: n, setOpen: t, children: s, ...e } = c, l = V(() => ({
     close: () => t(!1),
-    Title: ne,
-    Description: k.Description
+    Title: ce,
+    Description: I.Description
   }), [t]);
-  return /* @__PURE__ */ g(k.Root, { open: n, onOpenChange: t, children: [
-    /* @__PURE__ */ o(k.Content, { children: "content" in e ? e.content(l) : /* @__PURE__ */ o(Le, { ...e }) }),
-    r
+  return /* @__PURE__ */ C(I.Root, { open: n, onOpenChange: t, children: [
+    /* @__PURE__ */ o(I.Content, { children: "content" in e ? e.content(l) : /* @__PURE__ */ o(Ve, { ...e }) }),
+    s
   ] });
-}), re = W(() => {
+}), ie = q(() => {
   throw new Error("No AlertDialogProvider found");
-}), Ge = {
+}), We = {
   content: () => null
-}, Ct = _(function({ children: s }) {
-  const [n, t] = P(!1), [r, e] = P(Ge), l = y(
-    (c) => {
+}, Tt = w(function({ children: c }) {
+  const [n, t] = A(!1), [s, e] = A(We), l = S(
+    (r) => {
       if (n)
         throw new Error("AlertDialog is already open");
-      e(c), t(!0);
+      e(r), t(!0);
     },
     [n]
   );
-  return /* @__PURE__ */ o(je, { open: n, setOpen: t, ...r, children: /* @__PURE__ */ o(re.Provider, { value: l, children: s }) });
-}), vt = () => J(re), Me = "_fluid_7n1wr_1", Ve = {
-  fluid: Me
-}, Fe = w(function({
-  className: s,
+  return /* @__PURE__ */ o(Fe, { open: n, setOpen: t, ...s, children: /* @__PURE__ */ o(ie.Provider, { value: l, children: c }) });
+}), kt = () => Z(ie), He = "_fluid_7n1wr_1", qe = {
+  fluid: He
+}, Ke = y(function({
+  className: c,
   fluid: n,
   size: t = "medium",
-  variant: r = "surface",
+  variant: s = "surface",
   severity: e = "primary",
-  placeholder: l = "Select",
-  side: c,
-  items: a = [],
-  value: d,
-  id: h,
-  ...u
-}, p) {
-  const f = B(t, E), m = b(e);
-  return /* @__PURE__ */ X(D.Root, { size: f, ...u, key: d === void 0 ? 1 : 0, value: d }, /* @__PURE__ */ o(
-    D.Trigger,
+  itemSeverity: l = "info",
+  placeholder: r = "Select",
+  side: a,
+  items: h = [],
+  value: p,
+  id: d,
+  ...m
+}, f) {
+  const u = N(t, z), g = T(e), v = T(l);
+  return /* @__PURE__ */ ee(b.Root, { size: u, ...m, key: p === void 0 ? 1 : 0, value: p }, /* @__PURE__ */ o(
+    b.Trigger,
     {
-      className: S(s, {
-        [Ve.fluid]: n
+      className: x(c, {
+        [qe.fluid]: n
       }),
-      id: h,
-      ref: p,
-      variant: r,
-      placeholder: l,
-      color: m
+      id: d,
+      ref: f,
+      variant: s,
+      placeholder: r,
+      color: g
     }
   ), /* @__PURE__ */ o(
-    D.Content,
+    b.Content,
     {
-      side: c,
+      side: a,
       position: "popper",
-      variant: r !== "surface" ? "soft" : "solid",
-      color: m,
-      children: a.map(({ label: C, value: x, ...z }) => /* @__PURE__ */ o(D.Item, { value: x, ...z, children: C }, x))
+      variant: s !== "surface" ? "soft" : "solid",
+      color: v,
+      children: h.map(({ itemContent: D, value: L, ...F }) => /* @__PURE__ */ o(b.Item, { className: "overmap-select-item", value: L, ...F, children: D }, L))
     }
   ));
-}), _t = R.memo(Fe), q = _(
-  w((i, s) => {
-    const { checked: n, label: t, value: r, size: e = "2" } = i;
-    return /* @__PURE__ */ o(me, { asChild: !0, px: e, children: /* @__PURE__ */ o(D.Item, { value: r, ref: s, children: /* @__PURE__ */ g(T, { gap: e, align: "center", children: [
-      /* @__PURE__ */ o(fe, { checked: n }),
+}), bt = E.memo(Ke), U = w(
+  y((i, c) => {
+    const { checked: n, label: t, value: s, size: e = "2" } = i;
+    return /* @__PURE__ */ o(fe, { asChild: !0, px: e, children: /* @__PURE__ */ o(b.Item, { value: s, ref: c, children: /* @__PURE__ */ C(k, { gap: e, align: "center", children: [
+      /* @__PURE__ */ o(ge, { checked: n }),
       t
     ] }) }) });
   })
-), G = "__select_all__", wt = _(
-  w((i, s) => {
-    const [n, t] = P(!1), { placeholder: r, value: e, onValueChange: l, options: c, disabled: a, id: d, radius: h, variant: u, name: p } = i, f = B(i.size, E), m = b(i.severity), C = M(() => new Map(c.map((v) => [v.value, v.label])), [c]), x = e.length > 4 ? (
+), M = "__select_all__", Dt = w(
+  y((i, c) => {
+    const [n, t] = A(!1), { placeholder: s, value: e, onValueChange: l, options: r, disabled: a, id: h, radius: p, variant: d, name: m } = i, f = N(i.size, z), u = T(i.severity), g = V(() => new Map(r.map((_) => [_.value, _.label])), [r]), v = e.length > 4 ? (
       // to ensure the width of the select doesn't get too big
       `${e.length} options selected`
     ) : (
       // convert the values to labels
-      e.map((v) => C.get(v)).join(", ")
-    ), z = y(() => t(!1), []), ie = y((v) => {
-      v && t(!0);
-    }, []), se = y(
-      (v) => {
-        let V;
-        v === G ? V = e.length === c.length ? [] : c.map((ce) => ce.value) : V = e.includes(v) ? e.filter((H) => H !== v) : [...e, v], l(V);
+      e.map((_) => g.get(_)).join(", ")
+    ), D = S(() => t(!1), []), L = S((_) => {
+      _ && t(!0);
+    }, []), F = S(
+      (_) => {
+        let W;
+        _ === M ? W = e.length === r.length ? [] : r.map((le) => le.value) : W = e.includes(_) ? e.filter((K) => K !== _) : [...e, _], l(W);
       },
-      [l, c, e]
+      [l, r, e]
     );
-    return _e(() => {
-      if (c.some(({ value: v }) => v === G))
-        throw new Error(`Cannot have an option with the value "${G}"`);
-    }, [c]), /* @__PURE__ */ g(
-      D.Root,
+    return ye(() => {
+      if (r.some(({ value: _ }) => _ === M))
+        throw new Error(`Cannot have an option with the value "${M}"`);
+    }, [r]), /* @__PURE__ */ C(
+      b.Root,
       {
         open: n,
         value: "",
-        onOpenChange: ie,
-        onValueChange: se,
+        onOpenChange: L,
+        onValueChange: F,
         disabled: a,
         size: f,
-        name: p,
+        name: m,
         autoComplete: "off",
         children: [
           /* @__PURE__ */ o(
-            D.Trigger,
+            b.Trigger,
             {
-              ref: s,
-              id: d,
-              radius: h,
-              variant: u,
-              color: m,
-              placeholder: e.length > 0 ? x : r,
+              ref: c,
+              id: h,
+              radius: p,
+              variant: d,
+              color: u,
+              placeholder: e.length > 0 ? v : s,
               "data-placeholder": e.length > 0 ? void 0 : !0
             }
           ),
-          /* @__PURE__ */ g(
-            D.Content,
+          /* @__PURE__ */ C(
+            b.Content,
             {
               color: "gray",
               variant: "soft",
               position: "popper",
-              onEscapeKeyDown: z,
-              onPointerDownOutside: z,
+              onEscapeKeyDown: D,
+              onPointerDownOutside: D,
               children: [
                 /* @__PURE__ */ o(
-                  q,
+                  U,
                   {
-                    value: G,
+                    value: M,
                     label: "Select all",
-                    checked: e.length === c.length,
+                    checked: e.length === r.length,
                     size: f
                   }
                 ),
-                c.map((v) => /* @__PURE__ */ o(
-                  q,
+                r.map((_) => /* @__PURE__ */ o(
+                  U,
                   {
-                    ...v,
-                    checked: e.includes(v.value),
+                    ..._,
+                    checked: e.includes(_.value),
                     size: f
                   },
-                  v.value
+                  _.value
                 ))
               ]
             }
@@ -366,302 +373,333 @@ const Te = {
       }
     );
   })
-), We = "_accommodateCharCount_fni4k_1", He = "_noLeftIcon_fni4k_9", Ke = "_noRightIcon_fni4k_13", qe = "_charCount_fni4k_17", $ = {
-  accommodateCharCount: We,
-  default: "_default_fni4k_5",
-  noLeftIcon: He,
-  noRightIcon: Ke,
-  charCount: qe
-}, Qe = w(function({
-  className: s,
-  leftIcon: n,
-  rightIcon: t,
-  size: r = "medium",
+), Qe = {
+  default: "_default_u936h_1"
+}, Ue = y(function({ className: c, severity: n = "primary", icon: t, defaultChecked: s = !1, onCheckedChange: e, ...l }, r) {
+  const a = Se(null), [h, p] = A(l.checked ? l.checked : s), [d, m] = A(), f = T(n);
+  xe(() => {
+    var D;
+    const v = r || a;
+    "current" in v && v.current && m((D = v.current) == null ? void 0 : D.querySelector("span.rt-SwitchThumb"));
+  }, [r]);
+  const u = S(
+    (v) => {
+      p(v), e && e(v);
+    },
+    [e]
+  ), g = l.checked ? l.checked : h;
+  return /* @__PURE__ */ C(Y, { children: [
+    /* @__PURE__ */ o(
+      Ce,
+      {
+        className: x("overmap-switch", c, Qe.default),
+        ref: r || a,
+        color: f,
+        radius: "full",
+        defaultChecked: s,
+        onCheckedChange: u,
+        ...l
+      }
+    ),
+    /* @__PURE__ */ o(ve, { container: d, asChild: !0, children: t && "checked" in t ? g ? t.checked : t.unchecked : t })
+  ] });
+});
+w(Ue);
+const Je = "_accommodateCharCount_sr18k_1", Xe = "_wrapper_sr18k_5", Ye = "_noLeftIcon_sr18k_13", Ze = "_noRightIcon_sr18k_17", et = "_charCount_sr18k_21", $ = {
+  accommodateCharCount: Je,
+  wrapper: Xe,
+  default: "_default_sr18k_9",
+  noLeftIcon: Ye,
+  noRightIcon: Ze,
+  charCount: et
+}, tt = y(function({
+  className: c,
+  leftSlot: n,
+  rightSlot: t,
+  size: s = "medium",
   showInputLength: e,
   value: l,
-  variant: c,
+  variant: r,
   severity: a = "primary",
-  ...d
-}, h) {
-  const u = B(r, E), p = b(a), f = e || e === void 0 && d.maxLength !== void 0, m = l !== void 0 ? l.toString() : void 0;
-  return /* @__PURE__ */ g(
+  ...h
+}, p) {
+  const d = N(s, z), m = T(a), f = e || e === void 0 && h.maxLength !== void 0, u = l !== void 0 ? l.toString() : void 0;
+  return /* @__PURE__ */ C(
     O.Root,
     {
-      className: S({
+      className: x($.wrapper, {
         [$.accommodateCharCount]: f
       }),
-      size: u,
-      variant: c,
-      color: p,
+      size: d,
+      variant: r,
+      color: m,
       children: [
-        /* @__PURE__ */ o(O.Slot, { children: n }),
+        n && /* @__PURE__ */ o(O.Slot, { children: n }),
         /* @__PURE__ */ o(
           O.Input,
           {
-            className: S($.default, s, {
+            className: x($.default, c, {
               [$.noLeftIcon]: !n,
               [$.noRightIcon]: !t
             }),
-            ref: h,
-            size: u,
-            variant: c,
-            color: p,
-            ...d
+            ref: p,
+            size: d,
+            variant: r,
+            color: m,
+            ...h
           }
         ),
-        /* @__PURE__ */ o(O.Slot, { children: t }),
-        f && /* @__PURE__ */ o(F, { as: "p", className: $.charCount, size: "1", color: "gray", children: d.maxLength !== void 0 ? `${m == null ? void 0 : m.length}/${d.maxLength}` : `${m == null ? void 0 : m.length}` })
+        t && /* @__PURE__ */ o(O.Slot, { children: t }),
+        f && /* @__PURE__ */ o(H, { as: "p", className: $.charCount, size: "1", color: "gray", children: h.maxLength !== void 0 ? `${u == null ? void 0 : u.length}/${h.maxLength}` : `${u == null ? void 0 : u.length}` })
       ]
     }
   );
-}), yt = R.memo(Qe), Ue = w(function({ defaultOpen: s = !1, modal: n = !1, content: t, children: r, ...e }, l) {
-  return /* @__PURE__ */ g(L.Root, { defaultOpen: s, modal: n, children: [
-    /* @__PURE__ */ o(L.Trigger, { children: r }),
-    /* @__PURE__ */ o(L.Content, { ref: l, ...e, children: t(L.Close) })
+}), It = E.memo(tt), ot = y(function({ defaultOpen: c = !1, modal: n = !1, content: t, children: s, ...e }, l) {
+  return /* @__PURE__ */ C(j.Root, { defaultOpen: c, modal: n, children: [
+    /* @__PURE__ */ o(j.Trigger, { children: s }),
+    /* @__PURE__ */ o(j.Content, { ref: l, ...e, children: t(j.Close) })
   ] });
-}), xt = R.memo(Ue), Je = "_charCount_17uut_1", Xe = {
-  charCount: Je
-}, Ye = w(function({ className: s, showInputLength: n, inputLengthTemplate: t, value: r, severity: e = "primary", resize: l, ...c }, a) {
-  const d = b(e), h = b("info"), u = n || n === void 0 && (c.maxLength !== void 0 || c.minLength !== void 0), p = r !== void 0 ? r.toString() : "", f = M(() => {
+}), At = E.memo(ot), nt = "_charCount_17uut_1", rt = {
+  charCount: nt
+}, st = y(function({ className: c, showInputLength: n, inputLengthTemplate: t, value: s, severity: e = "primary", resize: l, ...r }, a) {
+  const h = T(e), p = T("info"), d = n || n === void 0 && (r.maxLength !== void 0 || r.minLength !== void 0), m = s !== void 0 ? s.toString() : "", f = V(() => {
     if (t) {
-      let m = t.replace("{current}", p.length.toString());
-      return c.minLength !== void 0 && (m = m.replace("{min}", c.minLength.toString())), c.maxLength !== void 0 && (m = m.replace("{max}", c.maxLength.toString())), m;
+      let u = t.replace("{current}", m.length.toString());
+      return r.minLength !== void 0 && (u = u.replace("{min}", r.minLength.toString())), r.maxLength !== void 0 && (u = u.replace("{max}", r.maxLength.toString())), u;
     }
-    return p.length;
-  }, [t, c.maxLength, c.minLength, p.length]);
-  return /* @__PURE__ */ g(ve, { children: [
+    return m.length;
+  }, [t, r.maxLength, r.minLength, m.length]);
+  return /* @__PURE__ */ C(Y, { children: [
     /* @__PURE__ */ o(
-      ge,
+      _e,
       {
-        className: S("overmap-textarea", s),
+        className: x("overmap-textarea", c),
         style: { resize: l },
         ref: a,
-        value: r,
-        color: d,
-        ...c
+        value: s,
+        color: h,
+        ...r
       }
     ),
-    u && /* @__PURE__ */ o(F, { as: "p", className: Xe.charCount, color: h, align: "right", children: f })
+    d && /* @__PURE__ */ o(H, { as: "p", className: rt.charCount, color: p, align: "right", children: f })
   ] });
-}), St = _(Ye), Ze = w(function({
-  className: s,
-  items: n,
-  orientation: t = "horizontal",
-  merged: r = !0,
-  value: e,
-  severity: l,
-  gap: c,
-  size: a,
+}), $t = w(st), ct = y(function({
+  // ToggleGroup Primitive Props
+  loop: c,
+  type: n,
+  rovingFocus: t,
+  value: s,
+  onValueChange: e,
+  defaultValue: l,
+  disabled: r,
+  items: a,
+  // ButtonGroup Props
+  className: h,
+  direction: p = "row",
   ...d
-}, h) {
+}, m) {
   return /* @__PURE__ */ o(
-    we,
+    Te,
     {
-      className: S("overmap-toggle-group", s),
-      ref: h,
-      value: e,
-      orientation: t,
-      ...d,
-      children: /* @__PURE__ */ o(
-        ze,
+      type: n,
+      className: x("overmap-toggle-group", h),
+      ref: m,
+      value: s,
+      onValueChange: e,
+      disabled: r,
+      orientation: p === "column" ? "vertical" : "horizontal",
+      loop: c,
+      rovingFocus: t,
+      defaultValue: l,
+      asChild: !0,
+      children: /* @__PURE__ */ o(Ge, { direction: p, ...d, children: a.map(({ children: f, ...u }) => /* @__PURE__ */ ee(ke, { asChild: !0, ...u, key: u.value }, /* @__PURE__ */ o(
+        se,
         {
-          width: "min-content",
-          height: "min-content",
-          merged: r,
-          direction: t === "vertical" ? "column" : "row",
-          gap: c,
-          children: n.map(({ children: u, ...p }) => /* @__PURE__ */ X(ye, { asChild: !0, ...p, key: p.value }, /* @__PURE__ */ o(
-            oe,
-            {
-              className: S("overmap-toggle-group-button"),
-              "aria-label": p.value,
-              severity: l,
-              variant: p.value === e ? "solid" : "soft",
-              size: a,
-              children: u
-            }
-          )))
+          className: x("overmap-toggle-group-button"),
+          "aria-label": u.value,
+          variant: u.value === s ? "solid" : "soft",
+          children: f
         }
-      )
+      ))) })
     }
   );
-}), Tt = _(Ze), et = "_wrapper_o13vb_1", tt = "_slideRight_o13vb_1", Q = {
-  wrapper: et,
-  slideRight: tt
-}, ot = w(function({ title: s, description: n, icon: t, severity: r = "primary", size: e, onClose: l, ...c }, a) {
-  const d = b(r), h = y(
-    (u) => {
-      !u && l && l();
+}), Rt = w(ct), it = "_wrapper_o13vb_1", lt = "_slideRight_o13vb_1", J = {
+  wrapper: it,
+  slideRight: lt
+}, at = y(function({ title: c, description: n, icon: t, severity: s = "primary", size: e, onClose: l, ...r }, a) {
+  const h = T(s), p = S(
+    (d) => {
+      !d && l && l();
     },
     [l]
   );
-  return /* @__PURE__ */ o(A.Root, { asChild: !0, ref: a, ...c, onOpenChange: h, children: /* @__PURE__ */ o(
-    j.Root,
+  return /* @__PURE__ */ o(R.Root, { asChild: !0, ref: a, ...r, onOpenChange: p, children: /* @__PURE__ */ o(
+    G.Root,
     {
-      className: S("overmap-toast", Q.wrapper),
+      className: x("overmap-toast", J.wrapper),
       variant: "surface",
-      color: d,
+      color: h,
       size: e,
-      children: /* @__PURE__ */ g(T, { width: "100%", align: "center", gap: "4", justify: "between", children: [
-        /* @__PURE__ */ g(T, { align: "center", gap: "4", children: [
-          /* @__PURE__ */ o(j.Icon, { children: t || /* @__PURE__ */ o(ae, {}) }),
-          /* @__PURE__ */ g(T, { direction: "column", gap: "0", children: [
-            /* @__PURE__ */ o(A.Title, { asChild: !0, children: /* @__PURE__ */ o(j.Text, { weight: "bold", children: s }) }),
-            /* @__PURE__ */ o(A.Description, { asChild: !0, children: /* @__PURE__ */ o(j.Text, { weight: "light", children: n }) })
+      children: /* @__PURE__ */ C(k, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+        /* @__PURE__ */ C(k, { align: "center", gap: "4", children: [
+          /* @__PURE__ */ o(G.Icon, { children: t || /* @__PURE__ */ o(ue, {}) }),
+          /* @__PURE__ */ C(k, { direction: "column", gap: "0", children: [
+            /* @__PURE__ */ o(R.Title, { asChild: !0, children: /* @__PURE__ */ o(G.Text, { weight: "bold", children: c }) }),
+            /* @__PURE__ */ o(R.Description, { asChild: !0, children: /* @__PURE__ */ o(G.Text, { weight: "light", children: n }) })
           ] })
         ] }),
-        /* @__PURE__ */ o(A.Close, { asChild: !0, children: /* @__PURE__ */ o(
-          oe,
+        /* @__PURE__ */ o(R.Close, { asChild: !0, children: /* @__PURE__ */ o(
+          se,
           {
-            className: Q.closeButton,
+            className: J.closeButton,
             "aria-label": "Close",
             variant: "ghost",
             size: "small",
-            severity: r,
-            children: /* @__PURE__ */ o(ue, {})
+            severity: s,
+            children: /* @__PURE__ */ o(de, {})
           }
         ) })
       ] })
     }
   ) });
-}), nt = _(function({
-  children: s,
+}), ut = w(function({
+  children: c,
   ...n
 }) {
-  return /* @__PURE__ */ o(A.Provider, { swipeDirection: "right", swipeThreshold: 75, ...n, children: s });
-}), rt = _(ot), it = A.Viewport, st = W({}), bt = _(function({
-  children: s,
+  return /* @__PURE__ */ o(R.Provider, { swipeDirection: "right", swipeThreshold: 75, ...n, children: c });
+}), dt = w(at), ht = R.Viewport, pt = q({}), Bt = w(function({
+  children: c,
   // Use this class to change where the viewport for the toasts should be
   viewportClass: n,
   hotkey: t,
   // Default duration value for all Toasts
-  duration: r = 1e4,
+  duration: s = 1e4,
   ...e
 }) {
-  const [l, c] = P([]), a = y((C) => {
-    c((x) => [...x, C]);
-  }, []), d = y(
-    (C) => {
-      a({ severity: "primary", ...C });
+  const [l, r] = A([]), a = S((g) => {
+    r((v) => [...v, g]);
+  }, []), h = S(
+    (g) => {
+      a({ severity: "primary", ...g });
     },
     [a]
-  ), h = y(
-    (C) => {
-      a({ severity: "success", ...C });
+  ), p = S(
+    (g) => {
+      a({ severity: "success", ...g });
     },
     [a]
-  ), u = y(
-    (C) => {
-      a({ severity: "danger", ...C });
+  ), d = S(
+    (g) => {
+      a({ severity: "danger", ...g });
     },
     [a]
-  ), p = y(
-    (C) => {
-      a({ severity: "info", ...C });
+  ), m = S(
+    (g) => {
+      a({ severity: "info", ...g });
     },
     [a]
-  ), f = y(
-    (C) => {
-      const x = [...l];
-      x.splice(C, 1), c(() => x);
+  ), f = S(
+    (g) => {
+      const v = [...l];
+      v.splice(g, 1), r(() => v);
     },
     [l]
-  ), m = {
+  ), u = {
     showToast: a,
-    showPrimary: d,
-    showSuccess: h,
-    showError: u,
-    showInfo: p
+    showPrimary: h,
+    showSuccess: p,
+    showError: d,
+    showInfo: m
   };
-  return /* @__PURE__ */ o(st.Provider, { value: m, children: /* @__PURE__ */ g(nt, { duration: r, ...e, children: [
-    /* @__PURE__ */ o(it, { className: n, hotkey: t }),
-    l.map((C, x) => /* @__PURE__ */ o(rt, { ...C, onClose: () => f(x) }, x)),
-    s
+  return /* @__PURE__ */ o(pt.Provider, { value: u, children: /* @__PURE__ */ C(ut, { duration: s, ...e, children: [
+    /* @__PURE__ */ o(ht, { className: n, hotkey: t }),
+    l.map((g, v) => /* @__PURE__ */ o(dt, { ...g, onClose: () => f(v) }, v)),
+    c
   ] }) });
-}), ct = "_noWrap_1wpa5_1", lt = {
-  noWrap: ct
-}, Dt = _(
-  w(({ className: i, noWrap: s, severity: n, as: t, ...r }, e) => {
-    const l = b(n);
+}), mt = "_noWrap_1wpa5_1", ft = {
+  noWrap: mt
+}, Nt = w(
+  y(({ className: i, noWrap: c, severity: n, as: t, ...s }, e) => {
+    const l = T(n);
     return /* @__PURE__ */ o(
-      F,
+      H,
       {
         ref: e,
         as: t,
-        className: S(i, { [lt.noWrap]: s }),
+        className: x(i, { [ft.noWrap]: c }),
         color: l,
-        ...r
+        ...s
       }
     );
   })
 );
-const kt = _(
-  w((i, s) => {
-    const { panelBackground: n = "solid", radius: t = "full", ...r } = i;
-    return /* @__PURE__ */ o(Ce, { panelBackground: n, radius: t, ref: s, ...r });
+const Pt = w(
+  y((i, c) => {
+    const { panelBackground: n = "solid", radius: t = "full", ...s } = i;
+    return /* @__PURE__ */ o(we, { panelBackground: n, radius: t, ref: c, ...s });
   })
 );
 export {
-  Nt as AccessibleIcon,
-  je as AlertDialog,
-  re as AlertDialogContent,
-  Ct as AlertDialogProvider,
-  Pt as AspectRatio,
-  Rt as Avatar,
-  ft as Badge,
-  Et as Blockquote,
-  zt as Box,
-  K as Button,
-  ze as ButtonGroup,
-  Ot as Callout,
-  Lt as Card,
-  jt as Checkbox,
-  Gt as Code,
-  Mt as Container,
-  Vt as ContextMenu,
-  kt as DefaultTheme,
-  gt as Dialog,
-  Ft as DropdownMenu,
-  Wt as Em,
-  Ht as Flex,
-  Kt as Grid,
-  qt as Heading,
-  Qt as HoverCard,
-  oe as IconButton,
-  yt as Input,
-  Ut as Inset,
-  Jt as Kbd,
-  Xt as Link,
-  wt as MultiSelect,
-  xt as Popover,
-  Yt as Portal,
-  Zt as Quote,
-  eo as RadioGroup,
-  to as ScrollArea,
-  oo as Section,
-  _t as Select,
-  no as Separator,
-  ro as Slider,
-  io as Slot,
-  so as Strong,
-  co as Switch,
-  lo as Table,
-  ao as Tabs,
-  Dt as Text,
-  St as TextArea,
-  uo as TextField,
-  po as Theme,
-  rt as Toast,
-  st as ToastContext,
-  bt as ToastContextProvider,
-  nt as ToastProvider,
-  it as ToastViewport,
-  Tt as ToggleGroup,
-  ho as Tooltip,
-  mo as VisuallyHidden,
-  fo as updateThemeAppearanceClass,
-  vt as useAlertDialog,
-  b as useSeverityColor,
-  go as useThemeContext
+  jt as AccessibleIcon,
+  Fe as AlertDialog,
+  ie as AlertDialogContent,
+  Tt as AlertDialogProvider,
+  Gt as AspectRatio,
+  Mt as Avatar,
+  St as Badge,
+  Vt as Blockquote,
+  Ft as Box,
+  Q as Button,
+  Ge as ButtonGroup,
+  Wt as Callout,
+  Ht as Card,
+  qt as Checkbox,
+  Kt as Code,
+  Qt as Container,
+  Ut as ContextMenu,
+  Pt as DefaultTheme,
+  xt as Dialog,
+  Jt as DropdownMenu,
+  Xt as Em,
+  Yt as Flex,
+  Zt as Grid,
+  eo as Heading,
+  to as HoverCard,
+  se as IconButton,
+  It as Input,
+  oo as Inset,
+  no as Kbd,
+  ro as Link,
+  Dt as MultiSelect,
+  At as Popover,
+  so as Portal,
+  co as Quote,
+  io as RadioGroup,
+  lo as ScrollArea,
+  ao as Section,
+  bt as Select,
+  uo as Separator,
+  ho as Slider,
+  po as Slot,
+  mo as Strong,
+  fo as Switch,
+  go as Table,
+  Co as Tabs,
+  Nt as Text,
+  $t as TextArea,
+  vo as TextField,
+  _o as Theme,
+  dt as Toast,
+  pt as ToastContext,
+  Bt as ToastContextProvider,
+  ut as ToastProvider,
+  ht as ToastViewport,
+  Rt as ToggleGroup,
+  wo as Tooltip,
+  yo as VisuallyHidden,
+  So as updateThemeAppearanceClass,
+  kt as useAlertDialog,
+  T as useSeverityColor,
+  xo as useThemeContext
 };
 //# sourceMappingURL=blocks.js.map