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

package/dist/blocks.js

@@ -2,90 +2,90 @@ 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";
 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 { 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(i) {
-  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
+function xe(s) {
+  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
-var Y = { exports: {} };
+var ee = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(i) {
+(function(s) {
   (function() {
-    var s = {}.hasOwnProperty;
+    var i = {}.hasOwnProperty;
     function n() {
-      for (var t = [], r = 0; r < arguments.length; r++) {
+      for (var o = [], r = 0; r < arguments.length; r++) {
         var e = arguments[r];
         if (e) {
           var l = typeof e;
           if (l === "string" || l === "number")
-            t.push(e);
+            o.push(e);
           else if (Array.isArray(e)) {
             if (e.length) {
               var c = n.apply(null, e);
-              c && t.push(c);
+              c && o.push(c);
             }
           } else if (l === "object") {
             if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]")) {
-              t.push(e.toString());
+              o.push(e.toString());
               continue;
             }
             for (var a in e)
-              s.call(e, a) && e[a] && t.push(a);
+              i.call(e, a) && e[a] && o.push(a);
           }
         }
       }
-      return t.join(" ");
+      return o.join(" ");
     }
-    i.exports ? (n.default = n, i.exports = n) : window.classNames = n;
+    s.exports ? (n.default = n, s.exports = n) : window.classNames = n;
   })();
-})(Y);
-var Se = Y.exports;
-const S = /* @__PURE__ */ xe(Se);
-function B(i, s) {
-  return M(() => {
-    if (i !== void 0)
-      if (typeof i == "object") {
-        if (!("initial" in i))
+})(ee);
+var Se = ee.exports;
+const x = /* @__PURE__ */ xe(Se);
+function B(s, i) {
+  return V(() => {
+    if (s !== void 0)
+      if (typeof s == "object") {
+        if (!("initial" in s))
           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(s).map(([n, o]) => [n, i[o]]));
       } else
-        return s[i];
-  }, [s, i]);
+        return i[s];
+  }, [i, s]);
 }
 const Te = {
   success: "green",
   danger: "red",
   info: "gray"
-}, b = (i) => {
-  const s = de();
-  if (i)
-    return i === "primary" ? s.accentColor : Te[i];
-}, be = w(function({ className: s, severity: n = "primary", color: t, children: r, ...e }, l) {
+}, 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__ */ o(
+  return /* @__PURE__ */ t(
     pe,
     {
-      className: S("overmap-badge", s),
+      className: x("overmap-badge", i),
       ref: l,
-      color: t || c,
+      color: o || c,
       ...e,
       children: r
     }
   );
-}), 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 = {
+}), 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
+}, oe = {
   spin90Clockwise: N.hoverSpin90Clockwise,
   spin180Clockwise: N.hoverSpin180Clockwise,
   spin360Clockwise: N.hoverSpin360Clockwise
@@ -93,247 +93,254 @@ const Te = {
   small: "1",
   medium: "2",
   large: "3"
-}, ee = W({}), te = () => J(ee), Be = w(function(s, n) {
-  const t = te(), {
+}, te = K({}), ne = () => Y(te), $e = w(function(i, n) {
+  const o = ne(), {
     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]);
-  return /* @__PURE__ */ o(
+    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,
+    ...d
+  } = i, m = b(a), f = p.map((u) => oe[u]);
+  return /* @__PURE__ */ t(
     he,
     {
       ref: n,
-      type: "button",
-      className: S(r, p, {
-        [N.fluid]: e
+      type: e,
+      className: x(r, f, {
+        [N.fluid]: l
       }),
-      color: u,
-      size: B(l, E),
-      variant: d,
-      ...h
+      color: m,
+      size: B(c, E),
+      variant: h,
+      ...d
     }
   );
-}), K = R.memo(Be), $e = w(function(s, n) {
-  const t = te(), {
+}), Q = R.memo($e), Be = w(function(i, n) {
+  const o = ne(), {
     className: r,
     children: 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 == null ? void 0 : a.map((f) => Z[f])) || [];
-  return /* @__PURE__ */ o(
-    U,
+    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,
+    ...m
+  } = i, f = b(p), u = (h == null ? void 0 : h.map((g) => oe[g])) || [];
+  return /* @__PURE__ */ t(
+    X,
     {
-      className: S(r, p, N.default),
+      className: x(r, u, {
+        [N.fluid]: c
+      }),
       ref: n,
-      color: u,
-      size: B(l, E),
+      color: f,
+      size: B(a, E),
       variant: d,
-      type: "button",
-      ...h,
+      type: l,
+      ...m,
       children: e
     }
   );
-}), oe = R.memo($e), Ne = "_merged_f4366_1", Pe = {
+}), re = R.memo(Be), Ne = "_merged_f4366_1", Pe = {
   merged: Ne
 }, Re = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
 }, Ee = w(function({
-  className: s,
+  className: i,
   merged: n = !1,
-  children: t,
+  children: o,
   gap: r,
   direction: e = "row",
   severity: l,
-  size: c,
+  size: c = "medium",
   variant: a,
-  hoverEffects: d,
-  ...h
-}, u) {
-  const p = B(c, Re[e]), f = a === "ghost" ? p : "0";
-  return /* @__PURE__ */ o(
+  hoverEffects: p,
+  fluid: h,
+  ...d
+}, m) {
+  const f = B(c, Re[e]), u = a === "ghost" ? f : "0";
+  return /* @__PURE__ */ t(
     T,
     {
-      className: S("overmap-button-group", s, {
+      className: x("overmap-button-group", i, {
         [Pe.merged]: n
       }),
-      ref: u,
-      gap: n ? r ?? f : r ?? "2",
+      ref: m,
+      gap: n ? r ?? u : r ?? "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__ */ t(te.Provider, { value: { size: c, severity: l, variant: a, hoverEffects: p, fluid: h }, children: o })
     }
   );
-}), 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, {}) }) })
+}), 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, {}) }) })
       ] }),
-      /* @__PURE__ */ o(I.Description, { children: t })
+      /* @__PURE__ */ t($.Description, { children: o })
     ] }),
     r(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)
+}), vo = _(function(i) {
+  const { children: n, size: o, onOpen: r, onCloseInterrupt: e, ...l } = i, [c, a] = P(!1), p = y(
+    (d) => {
+      if (d && r)
         r();
-      else if (!u && e)
+      else if (!d && e)
         return e(() => a(!1));
-      a(u);
+      a(d);
     },
     [r, e]
   ), h = y(
-    (u) => {
-      if (u != null && u.force)
+    (d) => {
+      if (d != null && d.force)
         return a(!1);
-      d(!1);
+      p(!1);
     },
-    [d]
+    [p]
   );
-  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($.Root, { open: c, onOpenChange: p, children: [
+    /* @__PURE__ */ t($.Content, { size: o, children: /* @__PURE__ */ t(Oe, { closeDialog: h, ...l }) }),
+    n($.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 })
+}), 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 })
     ] }),
-    /* @__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(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 }) })
     ] })
   ] });
-}, je = _(function(s) {
-  const { open: n, setOpen: t, children: r, ...e } = s, l = M(() => ({
-    close: () => t(!1),
-    Title: ne,
-    Description: k.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 }) }),
+}, 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
   ] });
-}), re = W(() => {
+}), ie = K(() => {
   throw new Error("No AlertDialogProvider found");
 }), Ge = {
   content: () => null
-}, Ct = _(function({ children: s }) {
-  const [n, t] = P(!1), [r, e] = P(Ge), l = y(
+}, _o = _(function({ children: i }) {
+  const [n, o] = P(!1), [r, e] = P(Ge), l = y(
     (c) => {
       if (n)
         throw new Error("AlertDialog is already open");
-      e(c), t(!0);
+      e(c), o(!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 = {
+  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: s,
+  className: i,
   fluid: n,
-  size: t = "medium",
+  size: o = "medium",
   variant: r = "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: c = "Select",
+  side: a,
+  items: p = [],
+  value: h,
+  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,
     {
-      className: S(s, {
+      className: x(i, {
         [Ve.fluid]: n
       }),
-      id: h,
-      ref: p,
+      id: d,
+      ref: f,
       variant: r,
-      placeholder: l,
-      color: m
+      placeholder: c,
+      color: g
     }
-  ), /* @__PURE__ */ o(
-    D.Content,
+  ), /* @__PURE__ */ t(
+    k.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))
+      color: S,
+      children: p.map(({ itemContent: z, value: O, ...F }) => /* @__PURE__ */ t(k.Item, { className: "overmap-select-item", value: O, ...F, children: z }, O))
     }
   ));
-}), _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 }),
-      t
+}), 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
     ] }) }) });
   })
-), 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__", 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 ? (
       // 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(
+      e.map((v) => g.get(v)).join(", ")
+    ), z = y(() => o(!1), []), O = y((v) => {
+      v && o(!0);
+    }, []), F = 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);
+        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);
       },
       [l, c, 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,
+      if (c.some(({ value: v }) => v === M))
+        throw new Error(`Cannot have an option with the value "${M}"`);
+    }, [c]), /* @__PURE__ */ C(
+      k.Root,
       {
         open: n,
         value: "",
-        onOpenChange: ie,
-        onValueChange: se,
+        onOpenChange: O,
+        onValueChange: F,
         disabled: a,
         size: f,
-        name: p,
+        name: m,
         autoComplete: "off",
         children: [
-          /* @__PURE__ */ o(
-            D.Trigger,
+          /* @__PURE__ */ t(
+            k.Trigger,
             {
-              ref: s,
-              id: d,
+              ref: i,
+              id: p,
               radius: h,
-              variant: u,
-              color: m,
-              placeholder: e.length > 0 ? x : r,
+              variant: d,
+              color: u,
+              placeholder: e.length > 0 ? S : r,
               "data-placeholder": e.length > 0 ? void 0 : !0
             }
           ),
-          /* @__PURE__ */ g(
-            D.Content,
+          /* @__PURE__ */ C(
+            k.Content,
             {
               color: "gray",
               variant: "soft",
@@ -341,17 +348,17 @@ const Te = {
               onEscapeKeyDown: z,
               onPointerDownOutside: z,
               children: [
-                /* @__PURE__ */ o(
-                  q,
+                /* @__PURE__ */ t(
+                  U,
                   {
-                    value: G,
+                    value: M,
                     label: "Select all",
                     checked: e.length === c.length,
                     size: f
                   }
                 ),
-                c.map((v) => /* @__PURE__ */ o(
-                  q,
+                c.map((v) => /* @__PURE__ */ t(
+                  U,
                   {
                     ...v,
                     checked: e.includes(v.value),
@@ -366,302 +373,301 @@ const Te = {
       }
     );
   })
-), We = "_accommodateCharCount_fni4k_1", He = "_noLeftIcon_fni4k_9", Ke = "_noRightIcon_fni4k_13", qe = "_charCount_fni4k_17", $ = {
+), We = "_accommodateCharCount_sr18k_1", He = "_wrapper_sr18k_5", Ke = "_noLeftIcon_sr18k_13", qe = "_noRightIcon_sr18k_17", Qe = "_charCount_sr18k_21", I = {
   accommodateCharCount: We,
-  default: "_default_fni4k_5",
-  noLeftIcon: He,
-  noRightIcon: Ke,
-  charCount: qe
-}, Qe = w(function({
-  className: s,
-  leftIcon: n,
-  rightIcon: t,
+  wrapper: He,
+  default: "_default_sr18k_9",
+  noLeftIcon: Ke,
+  noRightIcon: qe,
+  charCount: Qe
+}, Ue = w(function({
+  className: i,
+  leftSlot: n,
+  rightSlot: o,
   size: r = "medium",
   showInputLength: e,
   value: l,
   variant: c,
   severity: a = "primary",
-  ...d
+  ...p
 }, 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(
-    O.Root,
+  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;
+  return /* @__PURE__ */ C(
+    L.Root,
     {
-      className: S({
-        [$.accommodateCharCount]: f
+      className: x(I.wrapper, {
+        [I.accommodateCharCount]: f
       }),
-      size: u,
+      size: d,
       variant: c,
-      color: p,
+      color: m,
       children: [
-        /* @__PURE__ */ o(O.Slot, { children: n }),
-        /* @__PURE__ */ o(
-          O.Input,
+        n && /* @__PURE__ */ t(L.Slot, { children: n }),
+        /* @__PURE__ */ t(
+          L.Input,
           {
-            className: S($.default, s, {
-              [$.noLeftIcon]: !n,
-              [$.noRightIcon]: !t
+            className: x(I.default, i, {
+              [I.noLeftIcon]: !n,
+              [I.noRightIcon]: !o
             }),
             ref: h,
-            size: u,
+            size: d,
             variant: c,
-            color: p,
-            ...d
+            color: m,
+            ...p
           }
         ),
-        /* @__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}` })
+        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}` })
       ]
     }
   );
-}), 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) })
+}), 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) })
   ] });
-}), 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(() => {
-    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;
+}), 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;
     }
-    return p.length;
-  }, [t, c.maxLength, c.minLength, p.length]);
-  return /* @__PURE__ */ g(ve, { children: [
-    /* @__PURE__ */ o(
+    return m.length;
+  }, [o, c.maxLength, c.minLength, m.length]);
+  return /* @__PURE__ */ C(ve, { children: [
+    /* @__PURE__ */ t(
       ge,
       {
-        className: S("overmap-textarea", s),
+        className: x("overmap-textarea", i),
         style: { resize: l },
         ref: a,
         value: r,
-        color: d,
+        color: p,
         ...c
       }
     ),
-    u && /* @__PURE__ */ o(F, { as: "p", className: Xe.charCount, color: h, align: "right", children: f })
+    d && /* @__PURE__ */ t(H, { as: "p", className: Ye.charCount, color: h, 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,
+}), bo = _(Ze), eo = w(function({
+  // ToggleGroup Primitive Props
+  loop: i,
+  type: n,
+  rovingFocus: o,
+  value: r,
+  onValueChange: e,
+  defaultValue: l,
+  disabled: c,
+  items: a,
+  // ButtonGroup Props
+  className: p,
+  direction: h = "row",
   ...d
-}, h) {
-  return /* @__PURE__ */ o(
+}, m) {
+  return /* @__PURE__ */ t(
     we,
     {
-      className: S("overmap-toggle-group", s),
-      ref: h,
-      value: e,
-      orientation: t,
-      ...d,
-      children: /* @__PURE__ */ o(
-        ze,
+      type: n,
+      className: x("overmap-toggle-group", p),
+      ref: m,
+      value: r,
+      onValueChange: e,
+      disabled: c,
+      orientation: h === "column" ? "vertical" : "horizontal",
+      loop: i,
+      rovingFocus: o,
+      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,
         {
-          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 === r ? "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();
+}), 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(
+    (d) => {
+      !d && l && l();
     },
     [l]
   );
-  return /* @__PURE__ */ o(A.Root, { asChild: !0, ref: a, ...c, onOpenChange: h, children: /* @__PURE__ */ o(
-    j.Root,
+  return /* @__PURE__ */ t(A.Root, { asChild: !0, ref: a, ...c, onOpenChange: h, children: /* @__PURE__ */ t(
+    G.Root,
     {
-      className: S("overmap-toast", Q.wrapper),
+      className: x("overmap-toast", J.wrapper),
       variant: "surface",
-      color: d,
+      color: p,
       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(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 }) })
           ] })
         ] }),
-        /* @__PURE__ */ o(A.Close, { asChild: !0, children: /* @__PURE__ */ o(
-          oe,
+        /* @__PURE__ */ t(A.Close, { asChild: !0, children: /* @__PURE__ */ t(
+          re,
           {
-            className: Q.closeButton,
+            className: J.closeButton,
             "aria-label": "Close",
             variant: "ghost",
             size: "small",
             severity: r,
-            children: /* @__PURE__ */ o(ue, {})
+            children: /* @__PURE__ */ t(ue, {})
           }
         ) })
       ] })
     }
   ) });
-}), nt = _(function({
-  children: s,
+}), ro = _(function({
+  children: i,
   ...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__ */ t(A.Provider, { swipeDirection: "right", swipeThreshold: 75, ...n, children: i });
+}), so = _(no), io = A.Viewport, co = K({}), Do = _(function({
+  children: i,
   // Use this class to change where the viewport for the toasts should be
   viewportClass: n,
-  hotkey: t,
+  hotkey: o,
   // Default duration value for all Toasts
   duration: r = 1e4,
   ...e
 }) {
-  const [l, c] = P([]), a = y((C) => {
-    c((x) => [...x, C]);
-  }, []), d = y(
-    (C) => {
-      a({ severity: "primary", ...C });
+  const [l, c] = P([]), a = y((g) => {
+    c((S) => [...S, g]);
+  }, []), p = y(
+    (g) => {
+      a({ severity: "primary", ...g });
     },
     [a]
   ), h = y(
-    (C) => {
-      a({ severity: "success", ...C });
+    (g) => {
+      a({ severity: "success", ...g });
     },
     [a]
-  ), u = y(
-    (C) => {
-      a({ severity: "danger", ...C });
+  ), d = y(
+    (g) => {
+      a({ severity: "danger", ...g });
     },
     [a]
-  ), p = y(
-    (C) => {
-      a({ severity: "info", ...C });
+  ), m = y(
+    (g) => {
+      a({ severity: "info", ...g });
     },
     [a]
   ), f = y(
-    (C) => {
-      const x = [...l];
-      x.splice(C, 1), c(() => x);
+    (g) => {
+      const S = [...l];
+      S.splice(g, 1), c(() => S);
     },
     [l]
-  ), m = {
+  ), u = {
     showToast: a,
-    showPrimary: d,
+    showPrimary: p,
     showSuccess: h,
-    showError: u,
-    showInfo: 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__ */ 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
   ] }) });
-}), ct = "_noWrap_1wpa5_1", lt = {
-  noWrap: ct
-}, Dt = _(
-  w(({ className: i, noWrap: s, severity: n, as: t, ...r }, e) => {
+}), 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__ */ o(
-      F,
+    return /* @__PURE__ */ t(
+      H,
       {
         ref: e,
-        as: t,
-        className: S(i, { [lt.noWrap]: s }),
+        as: o,
+        className: x(s, { [ao.noWrap]: i }),
         color: l,
         ...r
       }
     );
   })
 );
-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 Ao = _(
+  w((s, i) => {
+    const { panelBackground: n = "solid", radius: o = "full", ...r } = s;
+    return /* @__PURE__ */ t(Ce, { panelBackground: n, radius: o, ref: i, ...r });
   })
 );
 export {
-  Nt as AccessibleIcon,
+  Ro 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,
+  ie as AlertDialogContent,
+  _o as AlertDialogProvider,
+  Eo as AspectRatio,
+  zo as Avatar,
+  Co as Badge,
+  Oo as Blockquote,
+  Lo as Box,
+  Q 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,
+  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,
-  go as useThemeContext
+  Ct as useThemeContext
 };
 //# sourceMappingURL=blocks.js.map