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

package/dist/blocks.js

@@ -1,370 +1,370 @@
 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 X, Flex as T, Dialog as $, AlertDialog as D, Select as k, Box as me, Checkbox as fe, TextField as L, Text as H, Popover as j, TextArea as ge, Callout as G, Theme as Ce } from "@radix-ui/themes";
-import { AccessibleIcon as Ro, AspectRatio as Eo, Avatar as zo, Blockquote as Oo, Box as Lo, Callout as jo, Card as Go, Checkbox as Mo, Code as Vo, Container as Fo, ContextMenu as Wo, DropdownMenu as Ho, Em as Ko, Flex as qo, Grid as Qo, Heading as Uo, HoverCard as Jo, Inset as Xo, Kbd as Yo, Link as Zo, Portal as et, Quote as ot, RadioGroup as tt, ScrollArea as nt, Section as rt, Separator as st, Slider as it, Slot as ct, Strong as lt, Switch as at, Table as ut, Tabs as dt, TextField as pt, Theme as ht, Tooltip as mt, VisuallyHidden as ft, updateThemeAppearanceClass as gt, useThemeContext as Ct } from "@radix-ui/themes";
-import { jsx as t, jsxs as C, Fragment as ve } from "react/jsx-runtime";
-import R, { useMemo as V, forwardRef as w, memo as _, createContext as K, useContext as Y, useState as P, useCallback as y, createElement as Z, 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(s) {
-  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+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 ee = { exports: {} };
+var te = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(s) {
+(function(i) {
   (function() {
-    var i = {}.hasOwnProperty;
+    var c = {}.hasOwnProperty;
     function n() {
-      for (var o = [], 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")
-            o.push(e);
+            t.push(e);
           else if (Array.isArray(e)) {
             if (e.length) {
-              var c = n.apply(null, e);
-              c && o.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]")) {
-              o.push(e.toString());
+              t.push(e.toString());
               continue;
             }
             for (var a in e)
-              i.call(e, a) && e[a] && o.push(a);
+              c.call(e, a) && e[a] && t.push(a);
           }
         }
       }
-      return o.join(" ");
+      return t.join(" ");
     }
-    s.exports ? (n.default = n, s.exports = n) : window.classNames = n;
+    i.exports ? (n.default = n, i.exports = n) : window.classNames = n;
   })();
-})(ee);
-var Se = ee.exports;
-const x = /* @__PURE__ */ xe(Se);
-function B(s, i) {
+})(te);
+var De = te.exports;
+const x = /* @__PURE__ */ be(De);
+function N(i, c) {
   return V(() => {
-    if (s !== void 0)
-      if (typeof s == "object") {
-        if (!("initial" in s))
+    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(s).map(([n, o]) => [n, i[o]]));
+        return Object.fromEntries(Object.entries(i).map(([n, t]) => [n, c[t]]));
       } else
-        return i[s];
-  }, [i, s]);
+        return c[i];
+  }, [c, i]);
 }
-const Te = {
+const Ie = {
   success: "green",
   danger: "red",
   info: "gray"
-}, b = (s) => {
-  const i = de();
-  if (s)
-    return s === "primary" ? i.accentColor : Te[s];
-}, be = w(function({ className: i, severity: n = "primary", color: o, children: r, ...e }, l) {
-  const c = b(n);
-  return /* @__PURE__ */ t(
+}, T = (i) => {
+  const c = he();
+  if (i)
+    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: x("overmap-badge", i),
+      className: x("overmap-badge", c),
       ref: l,
-      color: o || c,
+      color: t || r,
       ...e,
-      children: r
+      children: s
     }
   );
-}), Co = _(be), ke = "_fluid_r73gr_1", De = "_hoverSpin90Clockwise_r73gr_15", Ie = "_hoverSpin180Clockwise_r73gr_25", Ae = "_hoverSpin360Clockwise_r73gr_35", N = {
-  fluid: ke,
-  hoverSpin90Clockwise: De,
-  hoverSpin180Clockwise: Ie,
-  hoverSpin360Clockwise: Ae
+}), 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: N.hoverSpin90Clockwise,
-  spin180Clockwise: N.hoverSpin180Clockwise,
-  spin360Clockwise: N.hoverSpin360Clockwise
-}, E = {
+  spin90Clockwise: P.hoverSpin90Clockwise,
+  spin180Clockwise: P.hoverSpin180Clockwise,
+  spin360Clockwise: P.hoverSpin360Clockwise
+}, z = {
   small: "1",
   medium: "2",
   large: "3"
-}, te = K({}), ne = () => Y(te), $e = w(function(i, n) {
-  const o = ne(), {
-    className: r,
+}, ne = q({}), re = () => Z(ne), Pe = y(function(c, n) {
+  const t = re(), {
+    className: s,
     type: e = "button",
-    fluid: l = o.fluid ?? !1,
-    size: c = o.size ?? "medium",
-    severity: a = o.severity ?? "primary",
-    hoverEffects: p = o.hoverEffects ?? [],
-    variant: h = o.variant,
+    fluid: l = t.fluid ?? !1,
+    size: r = t.size ?? "medium",
+    severity: a = t.severity ?? "primary",
+    hoverEffects: h = t.hoverEffects ?? [],
+    variant: p = t.variant,
     ...d
-  } = i, m = b(a), f = p.map((u) => oe[u]);
-  return /* @__PURE__ */ t(
-    he,
+  } = c, m = T(a), f = h.map((u) => oe[u]);
+  return /* @__PURE__ */ o(
+    me,
     {
       ref: n,
       type: e,
-      className: x(r, f, {
-        [N.fluid]: l
+      className: x(s, f, {
+        [P.fluid]: l
       }),
       color: m,
-      size: B(c, E),
-      variant: h,
+      size: N(r, z),
+      variant: p,
       ...d
     }
   );
-}), Q = R.memo($e), Be = w(function(i, n) {
-  const o = ne(), {
-    className: r,
+}), Q = E.memo(Pe), Ee = y(function(c, n) {
+  const t = re(), {
+    className: s,
     children: e,
     type: l = "button",
-    fluid: c = o.fluid ?? !1,
-    size: a = o.size ?? "medium",
-    severity: p = o.severity ?? "primary",
-    hoverEffects: h = o.hoverEffects ?? [],
-    variant: d = o.variant,
+    fluid: r = t.fluid ?? !1,
+    size: a = t.size ?? "medium",
+    severity: h = t.severity ?? "primary",
+    hoverEffects: p = t.hoverEffects ?? [],
+    variant: d = t.variant,
     ...m
-  } = i, f = b(p), u = (h == null ? void 0 : h.map((g) => oe[g])) || [];
-  return /* @__PURE__ */ t(
+  } = c, f = T(h), u = (p == null ? void 0 : p.map((g) => oe[g])) || [];
+  return /* @__PURE__ */ o(
     X,
     {
-      className: x(r, u, {
-        [N.fluid]: c
+      className: x(s, u, {
+        [P.fluid]: r
       }),
       ref: n,
       color: f,
-      size: B(a, E),
+      size: N(a, z),
       variant: d,
       type: l,
       ...m,
       children: e
     }
   );
-}), re = R.memo(Be), 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: i,
+}, je = y(function({
+  className: c,
   merged: n = !1,
-  children: o,
-  gap: r,
+  children: t,
+  gap: s,
   direction: e = "row",
   severity: l,
-  size: c = "medium",
+  size: r = "medium",
   variant: a,
-  hoverEffects: p,
-  fluid: h,
+  hoverEffects: h,
+  fluid: p,
   ...d
 }, m) {
-  const f = B(c, Re[e]), u = a === "ghost" ? f : "0";
-  return /* @__PURE__ */ t(
-    T,
+  const f = N(r, Oe[e]), u = a === "ghost" ? f : "0";
+  return /* @__PURE__ */ o(
+    k,
     {
-      className: x("overmap-button-group", i, {
-        [Pe.merged]: n
+      className: x("overmap-button-group", c, {
+        [Le.merged]: n
       }),
       ref: m,
-      gap: n ? r ?? u : r ?? "2",
+      gap: n ? s ?? u : s ?? "2",
       direction: e,
       "data-direction": e,
       ...d,
-      children: /* @__PURE__ */ t(te.Provider, { value: { size: c, severity: l, variant: a, hoverEffects: p, fluid: h }, children: o })
+      children: /* @__PURE__ */ o(ne.Provider, { value: { size: r, severity: l, variant: a, hoverEffects: h, fluid: p }, children: t })
     }
   );
-}), ze = _(Ee), Oe = _(function(i) {
-  const { title: n, description: o, content: r, closeDialog: e } = i;
-  return /* @__PURE__ */ C(T, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ C(T, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ C(T, { justify: "between", children: [
-        /* @__PURE__ */ t($.Title, { mb: "0", children: n }),
-        /* @__PURE__ */ t($.Close, { children: /* @__PURE__ */ t(X, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ t(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__ */ t($.Description, { children: o })
+      /* @__PURE__ */ o(B.Description, { children: t })
     ] }),
-    r(e)
+    s(e)
   ] });
-}), vo = _(function(i) {
-  const { children: n, size: o, onOpen: r, onCloseInterrupt: e, ...l } = i, [c, a] = P(!1), p = y(
+}), xt = w(function(c) {
+  const { children: n, size: t, onOpen: s, onCloseInterrupt: e, ...l } = c, [r, a] = A(!1), h = S(
     (d) => {
-      if (d && r)
-        r();
+      if (d && s)
+        s();
       else if (!d && e)
         return e(() => a(!1));
       a(d);
     },
-    [r, e]
-  ), h = y(
+    [s, e]
+  ), p = S(
     (d) => {
       if (d != null && d.force)
         return a(!1);
-      p(!1);
+      h(!1);
     },
-    [p]
+    [h]
   );
-  return /* @__PURE__ */ C($.Root, { open: c, onOpenChange: p, children: [
-    /* @__PURE__ */ t($.Content, { size: o, children: /* @__PURE__ */ t(Oe, { closeDialog: h, ...l }) }),
-    n($.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)
   ] });
-}), se = (s) => /* @__PURE__ */ t(D.Title, { mb: "0", ...s }), Le = (s) => {
-  const { title: i, description: n, actionText: o = "Confirm", cancelText: r = "Cancel", onAction: e, onCancel: l, severity: c } = s;
-  return /* @__PURE__ */ C(T, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ C(T, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ t(se, { children: i }),
-      /* @__PURE__ */ t(D.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__ */ C(T, { gap: "3", mt: "4", justify: "end", children: [
-      /* @__PURE__ */ t(D.Cancel, { children: /* @__PURE__ */ t(Q, { variant: "soft", severity: "info", onClick: l, children: r }) }),
-      /* @__PURE__ */ t(D.Action, { children: /* @__PURE__ */ t(Q, { variant: "solid", severity: c, onClick: e, children: o }) })
+    /* @__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(i) {
-  const { open: n, setOpen: o, children: r, ...e } = i, l = V(() => ({
-    close: () => o(!1),
-    Title: se,
-    Description: D.Description
-  }), [o]);
-  return /* @__PURE__ */ C(D.Root, { open: n, onOpenChange: o, children: [
-    /* @__PURE__ */ t(D.Content, { children: "content" in e ? e.content(l) : /* @__PURE__ */ t(Le, { ...e }) }),
-    r
+}, Fe = w(function(c) {
+  const { open: n, setOpen: t, children: s, ...e } = c, l = V(() => ({
+    close: () => t(!1),
+    Title: ce,
+    Description: I.Description
+  }), [t]);
+  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
   ] });
-}), ie = K(() => {
+}), ie = q(() => {
   throw new Error("No AlertDialogProvider found");
-}), Ge = {
+}), We = {
   content: () => null
-}, _o = _(function({ children: i }) {
-  const [n, o] = 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), o(!0);
+      e(r), t(!0);
     },
     [n]
   );
-  return /* @__PURE__ */ t(je, { open: n, setOpen: o, ...r, children: /* @__PURE__ */ t(ie.Provider, { value: l, children: i }) });
-}), wo = () => Y(ie), Me = "_fluid_7n1wr_1", Ve = {
-  fluid: Me
-}, Fe = w(function({
-  className: i,
+  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: o = "medium",
-  variant: r = "surface",
+  size: t = "medium",
+  variant: s = "surface",
   severity: e = "primary",
   itemSeverity: l = "info",
-  placeholder: c = "Select",
+  placeholder: r = "Select",
   side: a,
-  items: p = [],
-  value: h,
+  items: h = [],
+  value: p,
   id: d,
   ...m
 }, f) {
-  const u = B(o, E), g = b(e), S = b(l);
-  return /* @__PURE__ */ Z(k.Root, { size: u, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ t(
-    k.Trigger,
+  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: x(i, {
-        [Ve.fluid]: n
+      className: x(c, {
+        [qe.fluid]: n
       }),
       id: d,
       ref: f,
-      variant: r,
-      placeholder: c,
+      variant: s,
+      placeholder: r,
       color: g
     }
-  ), /* @__PURE__ */ t(
-    k.Content,
+  ), /* @__PURE__ */ o(
+    b.Content,
     {
       side: a,
       position: "popper",
-      variant: r !== "surface" ? "soft" : "solid",
-      color: S,
-      children: p.map(({ itemContent: z, value: O, ...F }) => /* @__PURE__ */ t(k.Item, { className: "overmap-select-item", value: O, ...F, children: z }, O))
+      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))
     }
   ));
-}), yo = R.memo(Fe), U = _(
-  w((s, i) => {
-    const { checked: n, label: o, value: r, size: e = "2" } = s;
-    return /* @__PURE__ */ t(me, { asChild: !0, px: e, children: /* @__PURE__ */ t(k.Item, { value: r, ref: i, children: /* @__PURE__ */ C(T, { gap: e, align: "center", children: [
-      /* @__PURE__ */ t(fe, { checked: n }),
-      o
+}), 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
     ] }) }) });
   })
-), M = "__select_all__", xo = _(
-  w((s, i) => {
-    const [n, o] = P(!1), { placeholder: r, value: e, onValueChange: l, options: c, disabled: a, id: p, radius: h, variant: d, name: m } = s, f = B(s.size, E), u = b(s.severity), g = V(() => new Map(c.map((v) => [v.value, v.label])), [c]), S = 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) => g.get(v)).join(", ")
-    ), z = y(() => o(!1), []), O = y((v) => {
-      v && o(!0);
-    }, []), F = y(
-      (v) => {
+      e.map((_) => g.get(_)).join(", ")
+    ), D = S(() => t(!1), []), L = S((_) => {
+      _ && t(!0);
+    }, []), F = S(
+      (_) => {
         let W;
-        v === M ? W = e.length === c.length ? [] : c.map((ce) => ce.value) : W = e.includes(v) ? e.filter((q) => q !== v) : [...e, v], l(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 === M))
+    return ye(() => {
+      if (r.some(({ value: _ }) => _ === M))
         throw new Error(`Cannot have an option with the value "${M}"`);
-    }, [c]), /* @__PURE__ */ C(
-      k.Root,
+    }, [r]), /* @__PURE__ */ C(
+      b.Root,
       {
         open: n,
         value: "",
-        onOpenChange: O,
+        onOpenChange: L,
         onValueChange: F,
         disabled: a,
         size: f,
         name: m,
         autoComplete: "off",
         children: [
-          /* @__PURE__ */ t(
-            k.Trigger,
+          /* @__PURE__ */ o(
+            b.Trigger,
             {
-              ref: i,
-              id: p,
-              radius: h,
+              ref: c,
+              id: h,
+              radius: p,
               variant: d,
               color: u,
-              placeholder: e.length > 0 ? S : r,
+              placeholder: e.length > 0 ? v : s,
               "data-placeholder": e.length > 0 ? void 0 : !0
             }
           ),
           /* @__PURE__ */ C(
-            k.Content,
+            b.Content,
             {
               color: "gray",
               variant: "soft",
               position: "popper",
-              onEscapeKeyDown: z,
-              onPointerDownOutside: z,
+              onEscapeKeyDown: D,
+              onPointerDownOutside: D,
               children: [
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ o(
                   U,
                   {
                     value: M,
                     label: "Select all",
-                    checked: e.length === c.length,
+                    checked: e.length === r.length,
                     size: f
                   }
                 ),
-                c.map((v) => /* @__PURE__ */ t(
+                r.map((_) => /* @__PURE__ */ o(
                   U,
                   {
-                    ...v,
-                    checked: e.includes(v.value),
+                    ..._,
+                    checked: e.includes(_.value),
                     size: f
                   },
-                  v.value
+                  _.value
                 ))
               ]
             }
@@ -373,301 +373,333 @@ const Te = {
       }
     );
   })
-), We = "_accommodateCharCount_sr18k_1", He = "_wrapper_sr18k_5", Ke = "_noLeftIcon_sr18k_13", qe = "_noRightIcon_sr18k_17", Qe = "_charCount_sr18k_21", I = {
-  accommodateCharCount: We,
-  wrapper: He,
+), 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: Ke,
-  noRightIcon: qe,
-  charCount: Qe
-}, Ue = w(function({
-  className: i,
+  noLeftIcon: Ye,
+  noRightIcon: Ze,
+  charCount: et
+}, tt = y(function({
+  className: c,
   leftSlot: n,
-  rightSlot: o,
-  size: r = "medium",
+  rightSlot: t,
+  size: s = "medium",
   showInputLength: e,
   value: l,
-  variant: c,
+  variant: r,
   severity: a = "primary",
-  ...p
-}, h) {
-  const d = B(r, E), m = b(a), f = e || e === void 0 && p.maxLength !== void 0, u = l !== void 0 ? l.toString() : void 0;
+  ...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(
-    L.Root,
+    O.Root,
     {
-      className: x(I.wrapper, {
-        [I.accommodateCharCount]: f
+      className: x($.wrapper, {
+        [$.accommodateCharCount]: f
       }),
       size: d,
-      variant: c,
+      variant: r,
       color: m,
       children: [
-        n && /* @__PURE__ */ t(L.Slot, { children: n }),
-        /* @__PURE__ */ t(
-          L.Input,
+        n && /* @__PURE__ */ o(O.Slot, { children: n }),
+        /* @__PURE__ */ o(
+          O.Input,
           {
-            className: x(I.default, i, {
-              [I.noLeftIcon]: !n,
-              [I.noRightIcon]: !o
+            className: x($.default, c, {
+              [$.noLeftIcon]: !n,
+              [$.noRightIcon]: !t
             }),
-            ref: h,
+            ref: p,
             size: d,
-            variant: c,
+            variant: r,
             color: m,
-            ...p
+            ...h
           }
         ),
-        o && /* @__PURE__ */ t(L.Slot, { children: o }),
-        f && /* @__PURE__ */ t(H, { as: "p", className: I.charCount, size: "1", color: "gray", children: p.maxLength !== void 0 ? `${u == null ? void 0 : u.length}/${p.maxLength}` : `${u == null ? void 0 : u.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}` })
       ]
     }
   );
-}), So = R.memo(Ue), Je = w(function({ defaultOpen: i = !1, modal: n = !1, content: o, children: r, ...e }, l) {
-  return /* @__PURE__ */ C(j.Root, { defaultOpen: i, modal: n, children: [
-    /* @__PURE__ */ t(j.Trigger, { children: r }),
-    /* @__PURE__ */ t(j.Content, { ref: l, ...e, children: o(j.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) })
   ] });
-}), To = R.memo(Je), Xe = "_charCount_17uut_1", Ye = {
-  charCount: Xe
-}, Ze = w(function({ className: i, showInputLength: n, inputLengthTemplate: o, value: r, severity: e = "primary", resize: l, ...c }, a) {
-  const p = b(e), h = b("info"), d = n || n === void 0 && (c.maxLength !== void 0 || c.minLength !== void 0), m = r !== void 0 ? r.toString() : "", f = V(() => {
-    if (o) {
-      let u = o.replace("{current}", m.length.toString());
-      return c.minLength !== void 0 && (u = u.replace("{min}", c.minLength.toString())), c.maxLength !== void 0 && (u = u.replace("{max}", c.maxLength.toString())), u;
+}), 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 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 m.length;
-  }, [o, c.maxLength, c.minLength, m.length]);
-  return /* @__PURE__ */ C(ve, { children: [
-    /* @__PURE__ */ t(
-      ge,
+  }, [t, r.maxLength, r.minLength, m.length]);
+  return /* @__PURE__ */ C(Y, { children: [
+    /* @__PURE__ */ o(
+      _e,
       {
-        className: x("overmap-textarea", i),
+        className: x("overmap-textarea", c),
         style: { resize: l },
         ref: a,
-        value: r,
-        color: p,
-        ...c
+        value: s,
+        color: h,
+        ...r
       }
     ),
-    d && /* @__PURE__ */ t(H, { as: "p", className: Ye.charCount, color: h, align: "right", children: f })
+    d && /* @__PURE__ */ o(H, { as: "p", className: rt.charCount, color: p, align: "right", children: f })
   ] });
-}), bo = _(Ze), eo = w(function({
+}), $t = w(st), ct = y(function({
   // ToggleGroup Primitive Props
-  loop: i,
+  loop: c,
   type: n,
-  rovingFocus: o,
-  value: r,
+  rovingFocus: t,
+  value: s,
   onValueChange: e,
   defaultValue: l,
-  disabled: c,
+  disabled: r,
   items: a,
   // ButtonGroup Props
-  className: p,
-  direction: h = "row",
+  className: h,
+  direction: p = "row",
   ...d
 }, m) {
-  return /* @__PURE__ */ t(
-    we,
+  return /* @__PURE__ */ o(
+    Te,
     {
       type: n,
-      className: x("overmap-toggle-group", p),
+      className: x("overmap-toggle-group", h),
       ref: m,
-      value: r,
+      value: s,
       onValueChange: e,
-      disabled: c,
-      orientation: h === "column" ? "vertical" : "horizontal",
-      loop: i,
-      rovingFocus: o,
+      disabled: r,
+      orientation: p === "column" ? "vertical" : "horizontal",
+      loop: c,
+      rovingFocus: t,
       defaultValue: l,
       asChild: !0,
-      children: /* @__PURE__ */ t(ze, { direction: h, ...d, children: a.map(({ children: f, ...u }) => /* @__PURE__ */ Z(ye, { asChild: !0, ...u, key: u.value }, /* @__PURE__ */ t(
-        re,
+      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,
         {
           className: x("overmap-toggle-group-button"),
           "aria-label": u.value,
-          variant: u.value === r ? "solid" : "soft",
+          variant: u.value === s ? "solid" : "soft",
           children: f
         }
       ))) })
     }
   );
-}), ko = _(eo), oo = "_wrapper_o13vb_1", to = "_slideRight_o13vb_1", J = {
-  wrapper: oo,
-  slideRight: to
-}, no = w(function({ title: i, description: n, icon: o, severity: r = "primary", size: e, onClose: l, ...c }, a) {
-  const p = b(r), h = y(
+}), 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__ */ t(A.Root, { asChild: !0, ref: a, ...c, onOpenChange: h, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ o(R.Root, { asChild: !0, ref: a, ...r, onOpenChange: p, children: /* @__PURE__ */ o(
     G.Root,
     {
       className: x("overmap-toast", J.wrapper),
       variant: "surface",
-      color: p,
+      color: h,
       size: e,
-      children: /* @__PURE__ */ C(T, { width: "100%", align: "center", gap: "4", justify: "between", children: [
-        /* @__PURE__ */ C(T, { align: "center", gap: "4", children: [
-          /* @__PURE__ */ t(G.Icon, { children: o || /* @__PURE__ */ t(ae, {}) }),
-          /* @__PURE__ */ C(T, { direction: "column", gap: "0", children: [
-            /* @__PURE__ */ t(A.Title, { asChild: !0, children: /* @__PURE__ */ t(G.Text, { weight: "bold", children: i }) }),
-            /* @__PURE__ */ t(A.Description, { asChild: !0, children: /* @__PURE__ */ t(G.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__ */ t(A.Close, { asChild: !0, children: /* @__PURE__ */ t(
-          re,
+        /* @__PURE__ */ o(R.Close, { asChild: !0, children: /* @__PURE__ */ o(
+          se,
           {
             className: J.closeButton,
             "aria-label": "Close",
             variant: "ghost",
             size: "small",
-            severity: r,
-            children: /* @__PURE__ */ t(ue, {})
+            severity: s,
+            children: /* @__PURE__ */ o(de, {})
           }
         ) })
       ] })
     }
   ) });
-}), ro = _(function({
-  children: i,
+}), ut = w(function({
+  children: c,
   ...n
 }) {
-  return /* @__PURE__ */ t(A.Provider, { swipeDirection: "right", swipeThreshold: 75, ...n, children: i });
-}), so = _(no), io = A.Viewport, co = K({}), Do = _(function({
-  children: i,
+  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: o,
+  hotkey: t,
   // Default duration value for all Toasts
-  duration: r = 1e4,
+  duration: s = 1e4,
   ...e
 }) {
-  const [l, c] = P([]), a = y((g) => {
-    c((S) => [...S, g]);
-  }, []), p = y(
+  const [l, r] = A([]), a = S((g) => {
+    r((v) => [...v, g]);
+  }, []), h = S(
     (g) => {
       a({ severity: "primary", ...g });
     },
     [a]
-  ), h = y(
+  ), p = S(
     (g) => {
       a({ severity: "success", ...g });
     },
     [a]
-  ), d = y(
+  ), d = S(
     (g) => {
       a({ severity: "danger", ...g });
     },
     [a]
-  ), m = y(
+  ), m = S(
     (g) => {
       a({ severity: "info", ...g });
     },
     [a]
-  ), f = y(
+  ), f = S(
     (g) => {
-      const S = [...l];
-      S.splice(g, 1), c(() => S);
+      const v = [...l];
+      v.splice(g, 1), r(() => v);
     },
     [l]
   ), u = {
     showToast: a,
-    showPrimary: p,
-    showSuccess: h,
+    showPrimary: h,
+    showSuccess: p,
     showError: d,
     showInfo: m
   };
-  return /* @__PURE__ */ t(co.Provider, { value: u, children: /* @__PURE__ */ C(ro, { duration: r, ...e, children: [
-    /* @__PURE__ */ t(io, { className: n, hotkey: o }),
-    l.map((g, S) => /* @__PURE__ */ t(so, { ...g, onClose: () => f(S) }, S)),
-    i
+  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
   ] }) });
-}), lo = "_noWrap_1wpa5_1", ao = {
-  noWrap: lo
-}, Io = _(
-  w(({ className: s, noWrap: i, severity: n, as: o, ...r }, e) => {
-    const l = b(n);
-    return /* @__PURE__ */ t(
+}), 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(
       H,
       {
         ref: e,
-        as: o,
-        className: x(s, { [ao.noWrap]: i }),
+        as: t,
+        className: x(i, { [ft.noWrap]: c }),
         color: l,
-        ...r
+        ...s
       }
     );
   })
 );
-const Ao = _(
-  w((s, i) => {
-    const { panelBackground: n = "solid", radius: o = "full", ...r } = s;
-    return /* @__PURE__ */ t(Ce, { panelBackground: n, radius: o, ref: i, ...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 {
-  Ro as AccessibleIcon,
-  je as AlertDialog,
+  jt as AccessibleIcon,
+  Fe as AlertDialog,
   ie as AlertDialogContent,
-  _o as AlertDialogProvider,
-  Eo as AspectRatio,
-  zo as Avatar,
-  Co as Badge,
-  Oo as Blockquote,
-  Lo as Box,
+  Tt as AlertDialogProvider,
+  Gt as AspectRatio,
+  Mt as Avatar,
+  St as Badge,
+  Vt as Blockquote,
+  Ft as Box,
   Q as Button,
-  ze as ButtonGroup,
-  jo as Callout,
-  Go as Card,
-  Mo as Checkbox,
-  Vo as Code,
-  Fo as Container,
-  Wo as ContextMenu,
-  Ao as DefaultTheme,
-  vo as Dialog,
-  Ho as DropdownMenu,
-  Ko as Em,
-  qo as Flex,
-  Qo as Grid,
-  Uo as Heading,
-  Jo as HoverCard,
-  re as IconButton,
-  So as Input,
-  Xo as Inset,
-  Yo as Kbd,
-  Zo as Link,
-  xo as MultiSelect,
-  To as Popover,
-  et as Portal,
-  ot as Quote,
-  tt as RadioGroup,
-  nt as ScrollArea,
-  rt as Section,
-  yo as Select,
-  st as Separator,
-  it as Slider,
-  ct as Slot,
-  lt as Strong,
-  at as Switch,
-  ut as Table,
-  dt as Tabs,
-  Io as Text,
-  bo as TextArea,
-  pt as TextField,
-  ht as Theme,
-  so as Toast,
-  co as ToastContext,
-  Do as ToastContextProvider,
-  ro as ToastProvider,
-  io as ToastViewport,
-  ko as ToggleGroup,
-  mt as Tooltip,
-  ft as VisuallyHidden,
-  gt as updateThemeAppearanceClass,
-  wo as useAlertDialog,
-  b as useSeverityColor,
-  Ct as useThemeContext
+  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