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

package/dist/blocks.js

@@ -1,397 +1,483 @@
 import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
-import { Cross1Icon as ee, InfoCircledIcon as oe, Cross2Icon as te } from "@radix-ui/react-icons";
+import { Cross1Icon as le, InfoCircledIcon as ae, Cross2Icon as ue } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext as ne, Badge as re, Button as ie, IconButton as V, Flex as T, Dialog as k, AlertDialog as b, Select as $, TextField as P, Text as G, Popover as R, TextArea as se, Callout as z, Theme as ce } from "@radix-ui/themes";
-import { AccessibleIcon as yo, AspectRatio as xo, Avatar as To, Blockquote as So, Box as bo, Callout as Do, Card as ko, Checkbox as Io, Code as Ao, Container as Bo, ContextMenu as No, DropdownMenu as $o, Em as Po, Flex as Ro, Grid as zo, Heading as Oo, HoverCard as Eo, Inset as Go, Kbd as Lo, Link as jo, Portal as Mo, Quote as Fo, RadioGroup as Vo, ScrollArea as Wo, Section as Ho, Separator as qo, Slider as Ko, Slot as Qo, Strong as Jo, Switch as Uo, Table as Xo, Tabs as Yo, TextField as Zo, Theme as et, Tooltip as ot, VisuallyHidden as tt, updateThemeAppearanceClass as nt, useThemeContext as rt } from "@radix-ui/themes";
-import { jsx as t, jsxs as g, Fragment as ae } from "react/jsx-runtime";
-import B, { useMemo as L, forwardRef as w, memo as v, createContext as j, useContext as W, useState as O, useCallback as x, createElement as H } from "react";
-import { Root as le, Item as ue } from "@radix-ui/react-toggle-group";
-import * as D from "@radix-ui/react-toast";
-function de(s) {
-  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+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) {
+  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var q = { exports: {} };
+var Y = { 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 s = {}.hasOwnProperty;
     function n() {
-      for (var e = [], r = 0; r < arguments.length; r++) {
-        var o = arguments[r];
-        if (o) {
-          var c = typeof o;
-          if (c === "string" || c === "number")
-            e.push(o);
-          else if (Array.isArray(o)) {
-            if (o.length) {
-              var a = n.apply(null, o);
-              a && e.push(a);
+      for (var t = [], r = 0; r < arguments.length; r++) {
+        var e = arguments[r];
+        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);
             }
-          } else if (c === "object") {
-            if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]")) {
-              e.push(o.toString());
+          } else if (l === "object") {
+            if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]")) {
+              t.push(e.toString());
               continue;
             }
-            for (var l in o)
-              i.call(o, l) && o[l] && e.push(l);
+            for (var a in e)
+              s.call(e, a) && e[a] && t.push(a);
           }
         }
       }
-      return e.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;
   })();
-})(q);
-var pe = q.exports;
-const _ = /* @__PURE__ */ de(pe);
-function N(s, i) {
-  return L(() => {
-    if (s !== void 0)
-      if (typeof s == "object") {
-        if (!("initial" in s))
+})(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))
           throw new Error("Expected initial property to be set in Responsive object");
-        return Object.fromEntries(Object.entries(s).map(([n, e]) => [n, i[e]]));
+        return Object.fromEntries(Object.entries(i).map(([n, t]) => [n, s[t]]));
       } else
-        return i[s];
-  }, [i, s]);
+        return s[i];
+  }, [s, i]);
 }
-const he = {
+const Te = {
   success: "green",
   danger: "red",
   info: "gray"
-}, S = (s) => {
-  const i = ne();
-  if (s)
-    return s === "primary" ? i.accentColor : he[s];
-}, me = w(function({ className: i, severity: n = "primary", color: e, children: r, ...o }, c) {
-  const a = S(n);
-  return /* @__PURE__ */ t(
-    re,
+}, 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) {
+  const c = b(n);
+  return /* @__PURE__ */ o(
+    pe,
     {
-      className: _("overmap-badge", i),
-      ref: c,
-      color: e || a,
-      ...o,
+      className: S("overmap-badge", s),
+      ref: l,
+      color: t || c,
+      ...e,
       children: r
     }
   );
-}), ro = v(me), fe = "_fluid_r73gr_1", ge = "_hoverSpin90Clockwise_r73gr_15", Ce = "_hoverSpin180Clockwise_r73gr_25", ve = "_hoverSpin360Clockwise_r73gr_35", A = {
-  fluid: fe,
-  hoverSpin90Clockwise: ge,
-  hoverSpin180Clockwise: Ce,
-  hoverSpin360Clockwise: ve
-}, K = {
-  spin90Clockwise: A.hoverSpin90Clockwise,
-  spin180Clockwise: A.hoverSpin180Clockwise,
-  spin360Clockwise: A.hoverSpin360Clockwise
+}), 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 = {
   small: "1",
   medium: "2",
   large: "3"
-}, Q = j({}), J = () => W(Q), _e = w(function(i, n) {
-  const e = J(), {
+}, ee = W({}), te = () => J(ee), Be = w(function(s, n) {
+  const t = te(), {
     className: r,
-    fluid: o,
-    size: c = e.size ?? "medium",
-    severity: a = e.severity ?? "primary",
-    hoverEffects: l = e.hoverEffects ?? [],
-    variant: d = e.variant,
+    fluid: e,
+    size: l = t.size ?? "medium",
+    severity: c = t.severity ?? "primary",
+    hoverEffects: a = t.hoverEffects ?? [],
+    variant: d = t.variant,
     ...h
-  } = i, u = S(a), p = l.map((C) => K[C]);
-  return /* @__PURE__ */ t(
-    ie,
+  } = s, u = b(c), p = a.map((f) => Z[f]);
+  return /* @__PURE__ */ o(
+    he,
     {
       ref: n,
       type: "button",
-      className: _(r, p, {
-        [A.fluid]: o
+      className: S(r, p, {
+        [N.fluid]: e
       }),
       color: u,
-      size: N(c, E),
+      size: B(l, E),
       variant: d,
       ...h
     }
   );
-}), M = B.memo(_e), we = w(function(i, n) {
-  const e = J(), {
+}), K = R.memo(Be), $e = w(function(s, n) {
+  const t = te(), {
     className: r,
-    children: o,
-    size: c = e.size ?? "medium",
-    severity: a = e.severity ?? "primary",
-    hoverEffects: l = e.hoverEffects ?? [],
-    variant: d = e.variant,
+    children: e,
+    size: l = t.size ?? "medium",
+    severity: c = t.severity ?? "primary",
+    hoverEffects: a = t.hoverEffects ?? [],
+    variant: d = t.variant,
     ...h
-  } = i, u = S(a), p = (l == null ? void 0 : l.map((C) => K[C])) || [];
-  return /* @__PURE__ */ t(
-    V,
+  } = s, u = b(c), p = (a == null ? void 0 : a.map((f) => Z[f])) || [];
+  return /* @__PURE__ */ o(
+    U,
     {
-      className: _(r, p, A.default),
+      className: S(r, p, N.default),
       ref: n,
       color: u,
-      size: N(c, E),
+      size: B(l, E),
       variant: d,
       type: "button",
       ...h,
-      children: o
+      children: e
     }
   );
-}), U = B.memo(we), ye = "_merged_f4366_1", xe = {
-  merged: ye
-}, Te = {
+}), oe = R.memo($e), Ne = "_merged_f4366_1", Pe = {
+  merged: Ne
+}, Re = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
-}, Se = w(function({
-  className: i,
+}, Ee = w(function({
+  className: s,
   merged: n = !1,
-  children: e,
+  children: t,
   gap: r,
-  direction: o = "row",
-  severity: c,
-  size: a,
-  variant: l,
+  direction: e = "row",
+  severity: l,
+  size: c,
+  variant: a,
   hoverEffects: d,
   ...h
 }, u) {
-  const p = N(a, Te[o]), C = l === "ghost" ? p : "0";
-  return /* @__PURE__ */ t(
+  const p = B(c, Re[e]), f = a === "ghost" ? p : "0";
+  return /* @__PURE__ */ o(
     T,
     {
-      className: _("overmap-button-group", i, {
-        [xe.merged]: n
+      className: S("overmap-button-group", s, {
+        [Pe.merged]: n
       }),
       ref: u,
-      gap: n ? r ?? C : r ?? "2",
-      direction: o,
-      "data-direction": o,
+      gap: n ? r ?? f : r ?? "2",
+      direction: e,
+      "data-direction": e,
       ...h,
-      children: /* @__PURE__ */ t(Q.Provider, { value: { size: a, severity: c, variant: l, hoverEffects: d }, children: e })
+      children: /* @__PURE__ */ o(ee.Provider, { value: { size: c, severity: l, variant: a, hoverEffects: d }, children: t })
     }
   );
-}), be = v(Se), De = v(function(i) {
-  const { title: n, description: e, content: r, closeDialog: o } = i;
+}), 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__ */ t(k.Title, { mb: "0", children: n }),
-        /* @__PURE__ */ t(k.Close, { children: /* @__PURE__ */ t(V, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ t(ee, {}) }) })
+        /* @__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, {}) }) })
       ] }),
-      /* @__PURE__ */ t(k.Description, { children: e })
+      /* @__PURE__ */ o(I.Description, { children: t })
     ] }),
-    r(o)
+    r(e)
   ] });
-}), io = v(function(i) {
-  const { children: n, size: e, onOpen: r, onCloseInterrupt: o, ...c } = i, [a, l] = O(!1), d = x(
+}), 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 && o)
-        return o(() => l(!1));
-      l(u);
+      else if (!u && e)
+        return e(() => a(!1));
+      a(u);
     },
-    [r, o]
-  ), h = x(
+    [r, e]
+  ), h = y(
     (u) => {
       if (u != null && u.force)
-        return l(!1);
+        return a(!1);
       d(!1);
     },
     [d]
   );
-  return /* @__PURE__ */ g(k.Root, { open: a, onOpenChange: d, children: [
-    /* @__PURE__ */ t(k.Content, { size: e, children: /* @__PURE__ */ t(De, { closeDialog: h, ...c }) }),
-    n(k.Trigger)
+  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)
   ] });
-}), X = (s) => /* @__PURE__ */ t(b.Title, { mb: "0", ...s }), ke = (s) => {
-  const { title: i, description: n, actionText: e = "Confirm", cancelText: r = "Cancel", onAction: o, onCancel: c, severity: a } = s;
+}), 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__ */ t(X, { children: i }),
-      /* @__PURE__ */ t(b.Description, { children: n })
+      /* @__PURE__ */ o(ne, { children: s }),
+      /* @__PURE__ */ o(k.Description, { children: n })
     ] }),
     /* @__PURE__ */ g(T, { gap: "3", mt: "4", justify: "end", children: [
-      /* @__PURE__ */ t(b.Cancel, { children: /* @__PURE__ */ t(M, { variant: "soft", severity: "info", onClick: c, children: r }) }),
-      /* @__PURE__ */ t(b.Action, { children: /* @__PURE__ */ t(M, { variant: "solid", severity: a, onClick: o, children: e }) })
+      /* @__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 }) })
     ] })
   ] });
-}, Ie = v(function(i) {
-  const { open: n, setOpen: e, children: r, ...o } = i, c = L(() => ({
-    close: () => e(!1),
-    Title: X,
-    Description: b.Description
-  }), [e]);
-  return /* @__PURE__ */ g(b.Root, { open: n, onOpenChange: e, children: [
-    /* @__PURE__ */ t(b.Content, { children: "content" in o ? o.content(c) : /* @__PURE__ */ t(ke, { ...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 }) }),
     r
   ] });
-}), Y = j(() => {
+}), re = W(() => {
   throw new Error("No AlertDialogProvider found");
-}), Ae = {
+}), Ge = {
   content: () => null
-}, so = v(function({ children: i }) {
-  const [n, e] = O(!1), [r, o] = O(Ae), c = x(
-    (a) => {
+}, Ct = _(function({ children: s }) {
+  const [n, t] = P(!1), [r, e] = P(Ge), l = y(
+    (c) => {
       if (n)
         throw new Error("AlertDialog is already open");
-      o(a), e(!0);
+      e(c), t(!0);
     },
     [n]
   );
-  return /* @__PURE__ */ t(Ie, { open: n, setOpen: e, ...r, children: /* @__PURE__ */ t(Y.Provider, { value: c, children: i }) });
-}), co = () => W(Y), Be = "_fluid_7n1wr_1", Ne = {
-  fluid: Be
-}, $e = w(function({
-  className: i,
+  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,
   fluid: n,
-  size: e = "medium",
+  size: t = "medium",
   variant: r = "surface",
-  severity: o = "primary",
-  placeholder: c = "Select",
-  side: a,
-  items: l = [],
+  severity: e = "primary",
+  placeholder: l = "Select",
+  side: c,
+  items: a = [],
   value: d,
   id: h,
   ...u
 }, p) {
-  const C = N(e, E), m = S(o);
-  return /* @__PURE__ */ H($.Root, { size: C, ...u, key: d === void 0 ? 1 : 0, value: d }, /* @__PURE__ */ t(
-    $.Trigger,
+  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,
     {
-      className: _(i, {
-        [Ne.fluid]: n
+      className: S(s, {
+        [Ve.fluid]: n
       }),
       id: h,
       ref: p,
       variant: r,
-      placeholder: c,
+      placeholder: l,
       color: m
     }
-  ), /* @__PURE__ */ t(
-    $.Content,
+  ), /* @__PURE__ */ o(
+    D.Content,
     {
-      side: a,
+      side: c,
       position: "popper",
       variant: r !== "surface" ? "soft" : "solid",
       color: m,
-      children: l.map(({ label: f, value: y, ...Z }) => /* @__PURE__ */ t($.Item, { value: y, ...Z, children: f }, y))
+      children: a.map(({ label: C, value: x, ...z }) => /* @__PURE__ */ o(D.Item, { value: x, ...z, children: C }, x))
     }
   ));
-}), ao = B.memo($e), Pe = "_accommodateCharCount_fni4k_1", Re = "_noLeftIcon_fni4k_9", ze = "_noRightIcon_fni4k_13", Oe = "_charCount_fni4k_17", I = {
-  accommodateCharCount: Pe,
+}), _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
+    ] }) }) });
+  })
+), 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 ? (
+      // 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);
+      },
+      [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,
+      {
+        open: n,
+        value: "",
+        onOpenChange: ie,
+        onValueChange: se,
+        disabled: a,
+        size: f,
+        name: p,
+        autoComplete: "off",
+        children: [
+          /* @__PURE__ */ o(
+            D.Trigger,
+            {
+              ref: s,
+              id: d,
+              radius: h,
+              variant: u,
+              color: m,
+              placeholder: e.length > 0 ? x : r,
+              "data-placeholder": e.length > 0 ? void 0 : !0
+            }
+          ),
+          /* @__PURE__ */ g(
+            D.Content,
+            {
+              color: "gray",
+              variant: "soft",
+              position: "popper",
+              onEscapeKeyDown: z,
+              onPointerDownOutside: z,
+              children: [
+                /* @__PURE__ */ o(
+                  q,
+                  {
+                    value: G,
+                    label: "Select all",
+                    checked: e.length === c.length,
+                    size: f
+                  }
+                ),
+                c.map((v) => /* @__PURE__ */ o(
+                  q,
+                  {
+                    ...v,
+                    checked: e.includes(v.value),
+                    size: f
+                  },
+                  v.value
+                ))
+              ]
+            }
+          )
+        ]
+      }
+    );
+  })
+), We = "_accommodateCharCount_fni4k_1", He = "_noLeftIcon_fni4k_9", Ke = "_noRightIcon_fni4k_13", qe = "_charCount_fni4k_17", $ = {
+  accommodateCharCount: We,
   default: "_default_fni4k_5",
-  noLeftIcon: Re,
-  noRightIcon: ze,
-  charCount: Oe
-}, Ee = w(function({
-  className: i,
+  noLeftIcon: He,
+  noRightIcon: Ke,
+  charCount: qe
+}, Qe = w(function({
+  className: s,
   leftIcon: n,
-  rightIcon: e,
+  rightIcon: t,
   size: r = "medium",
-  showInputLength: o,
-  value: c,
-  variant: a,
-  severity: l = "primary",
+  showInputLength: e,
+  value: l,
+  variant: c,
+  severity: a = "primary",
   ...d
 }, h) {
-  const u = N(r, E), p = S(l), C = o || o === void 0 && d.maxLength !== void 0, m = c !== void 0 ? c.toString() : void 0;
+  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(
-    P.Root,
+    O.Root,
     {
-      className: _({
-        [I.accommodateCharCount]: C
+      className: S({
+        [$.accommodateCharCount]: f
       }),
       size: u,
-      variant: a,
+      variant: c,
       color: p,
       children: [
-        /* @__PURE__ */ t(P.Slot, { children: n }),
-        /* @__PURE__ */ t(
-          P.Input,
+        /* @__PURE__ */ o(O.Slot, { children: n }),
+        /* @__PURE__ */ o(
+          O.Input,
           {
-            className: _(I.default, i, {
-              [I.noLeftIcon]: !n,
-              [I.noRightIcon]: !e
+            className: S($.default, s, {
+              [$.noLeftIcon]: !n,
+              [$.noRightIcon]: !t
             }),
             ref: h,
             size: u,
-            variant: a,
+            variant: c,
             color: p,
             ...d
           }
         ),
-        /* @__PURE__ */ t(P.Slot, { children: e }),
-        C && /* @__PURE__ */ t(G, { as: "p", className: I.charCount, size: "1", color: "gray", children: d.maxLength !== void 0 ? `${m == null ? void 0 : m.length}/${d.maxLength}` : `${m == null ? void 0 : m.length}` })
+        /* @__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}` })
       ]
     }
   );
-}), lo = B.memo(Ee), Ge = w(function({ defaultOpen: i = !1, modal: n = !1, content: e, children: r, ...o }, c) {
-  return /* @__PURE__ */ g(R.Root, { defaultOpen: i, modal: n, children: [
-    /* @__PURE__ */ t(R.Trigger, { children: r }),
-    /* @__PURE__ */ t(R.Content, { ref: c, ...o, children: e(R.Close) })
+}), 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) })
   ] });
-}), uo = B.memo(Ge), Le = "_charCount_17uut_1", je = {
-  charCount: Le
-}, Me = w(function({ className: i, showInputLength: n, inputLengthTemplate: e, value: r, severity: o = "primary", resize: c, ...a }, l) {
-  const d = S(o), h = S("info"), u = n || n === void 0 && (a.maxLength !== void 0 || a.minLength !== void 0), p = r !== void 0 ? r.toString() : "", C = L(() => {
-    if (e) {
-      let m = e.replace("{current}", p.length.toString());
-      return a.minLength !== void 0 && (m = m.replace("{min}", a.minLength.toString())), a.maxLength !== void 0 && (m = m.replace("{max}", a.maxLength.toString())), m;
+}), 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;
     }
     return p.length;
-  }, [e, a.maxLength, a.minLength, p.length]);
-  return /* @__PURE__ */ g(ae, { children: [
-    /* @__PURE__ */ t(
-      se,
+  }, [t, c.maxLength, c.minLength, p.length]);
+  return /* @__PURE__ */ g(ve, { children: [
+    /* @__PURE__ */ o(
+      ge,
       {
-        className: _("overmap-textarea", i),
-        style: { resize: c },
-        ref: l,
+        className: S("overmap-textarea", s),
+        style: { resize: l },
+        ref: a,
         value: r,
         color: d,
-        ...a
+        ...c
       }
     ),
-    u && /* @__PURE__ */ t(G, { as: "p", className: je.charCount, color: h, align: "right", children: C })
+    u && /* @__PURE__ */ o(F, { as: "p", className: Xe.charCount, color: h, align: "right", children: f })
   ] });
-}), po = v(Me), Fe = w(function({
-  className: i,
+}), St = _(Ye), Ze = w(function({
+  className: s,
   items: n,
-  orientation: e = "horizontal",
+  orientation: t = "horizontal",
   merged: r = !0,
-  value: o,
-  severity: c,
-  gap: a,
-  size: l,
+  value: e,
+  severity: l,
+  gap: c,
+  size: a,
   ...d
 }, h) {
-  return /* @__PURE__ */ t(
-    le,
+  return /* @__PURE__ */ o(
+    we,
     {
-      className: _("overmap-toggle-group", i),
+      className: S("overmap-toggle-group", s),
       ref: h,
-      value: o,
-      orientation: e,
+      value: e,
+      orientation: t,
       ...d,
-      children: /* @__PURE__ */ t(
-        be,
+      children: /* @__PURE__ */ o(
+        ze,
         {
           width: "min-content",
           height: "min-content",
           merged: r,
-          direction: e === "vertical" ? "column" : "row",
-          gap: a,
-          children: n.map(({ children: u, ...p }) => /* @__PURE__ */ H(ue, { asChild: !0, ...p, key: p.value }, /* @__PURE__ */ t(
-            U,
+          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: _("overmap-toggle-group-button"),
+              className: S("overmap-toggle-group-button"),
               "aria-label": p.value,
-              severity: c,
-              variant: p.value === o ? "solid" : "soft",
-              size: l,
+              severity: l,
+              variant: p.value === e ? "solid" : "soft",
+              size: a,
               children: u
             }
           )))
@@ -399,182 +485,183 @@ const he = {
       )
     }
   );
-}), ho = v(Fe), Ve = "_wrapper_o13vb_1", We = "_slideRight_o13vb_1", F = {
-  wrapper: Ve,
-  slideRight: We
-}, He = w(function({ title: i, description: n, icon: e, severity: r = "primary", size: o, onClose: c, ...a }, l) {
-  const d = S(r), h = x(
+}), 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 && c && c();
+      !u && l && l();
     },
-    [c]
+    [l]
   );
-  return /* @__PURE__ */ t(D.Root, { asChild: !0, ref: l, ...a, onOpenChange: h, children: /* @__PURE__ */ t(
-    z.Root,
+  return /* @__PURE__ */ o(A.Root, { asChild: !0, ref: a, ...c, onOpenChange: h, children: /* @__PURE__ */ o(
+    j.Root,
     {
-      className: _("overmap-toast", F.wrapper),
+      className: S("overmap-toast", Q.wrapper),
       variant: "surface",
       color: d,
-      size: o,
+      size: e,
       children: /* @__PURE__ */ g(T, { width: "100%", align: "center", gap: "4", justify: "between", children: [
         /* @__PURE__ */ g(T, { align: "center", gap: "4", children: [
-          /* @__PURE__ */ t(z.Icon, { children: e || /* @__PURE__ */ t(oe, {}) }),
+          /* @__PURE__ */ o(j.Icon, { children: t || /* @__PURE__ */ o(ae, {}) }),
           /* @__PURE__ */ g(T, { direction: "column", gap: "0", children: [
-            /* @__PURE__ */ t(D.Title, { asChild: !0, children: /* @__PURE__ */ t(z.Text, { weight: "bold", children: i }) }),
-            /* @__PURE__ */ t(D.Description, { asChild: !0, children: /* @__PURE__ */ t(z.Text, { weight: "light", children: n }) })
+            /* @__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 }) })
           ] })
         ] }),
-        /* @__PURE__ */ t(D.Close, { asChild: !0, children: /* @__PURE__ */ t(
-          U,
+        /* @__PURE__ */ o(A.Close, { asChild: !0, children: /* @__PURE__ */ o(
+          oe,
           {
-            className: F.closeButton,
+            className: Q.closeButton,
             "aria-label": "Close",
             variant: "ghost",
             size: "small",
             severity: r,
-            children: /* @__PURE__ */ t(te, {})
+            children: /* @__PURE__ */ o(ue, {})
           }
         ) })
       ] })
     }
   ) });
-}), qe = v(function({
-  children: i,
+}), nt = _(function({
+  children: s,
   ...n
 }) {
-  return /* @__PURE__ */ t(D.Provider, { swipeDirection: "right", swipeThreshold: 75, ...n, children: i });
-}), Ke = v(He), Qe = D.Viewport, Je = j({}), mo = v(function({
-  children: i,
+  return /* @__PURE__ */ o(A.Provider, { swipeDirection: "right", swipeThreshold: 75, ...n, children: s });
+}), rt = _(ot), it = A.Viewport, st = W({}), bt = _(function({
+  children: s,
   // Use this class to change where the viewport for the toasts should be
   viewportClass: n,
-  hotkey: e,
+  hotkey: t,
   // Default duration value for all Toasts
   duration: r = 1e4,
-  ...o
+  ...e
 }) {
-  const [c, a] = O([]), l = x((f) => {
-    a((y) => [...y, f]);
-  }, []), d = x(
-    (f) => {
-      l({ severity: "primary", ...f });
+  const [l, c] = P([]), a = y((C) => {
+    c((x) => [...x, C]);
+  }, []), d = y(
+    (C) => {
+      a({ severity: "primary", ...C });
     },
-    [l]
-  ), h = x(
-    (f) => {
-      l({ severity: "success", ...f });
+    [a]
+  ), h = y(
+    (C) => {
+      a({ severity: "success", ...C });
     },
-    [l]
-  ), u = x(
-    (f) => {
-      l({ severity: "danger", ...f });
+    [a]
+  ), u = y(
+    (C) => {
+      a({ severity: "danger", ...C });
     },
-    [l]
-  ), p = x(
-    (f) => {
-      l({ severity: "info", ...f });
+    [a]
+  ), p = y(
+    (C) => {
+      a({ severity: "info", ...C });
     },
-    [l]
-  ), C = x(
-    (f) => {
-      const y = [...c];
-      y.splice(f, 1), a(() => y);
+    [a]
+  ), f = y(
+    (C) => {
+      const x = [...l];
+      x.splice(C, 1), c(() => x);
     },
-    [c]
+    [l]
   ), m = {
-    showToast: l,
+    showToast: a,
     showPrimary: d,
     showSuccess: h,
     showError: u,
     showInfo: p
   };
-  return /* @__PURE__ */ t(Je.Provider, { value: m, children: /* @__PURE__ */ g(qe, { duration: r, ...o, children: [
-    /* @__PURE__ */ t(Qe, { className: n, hotkey: e }),
-    c.map((f, y) => /* @__PURE__ */ t(Ke, { ...f, onClose: () => C(y) }, y)),
-    i
+  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
   ] }) });
-}), Ue = "_noWrap_1wpa5_1", Xe = {
-  noWrap: Ue
-}, fo = v(
-  w(({ className: s, noWrap: i, severity: n, as: e, ...r }, o) => {
-    const c = S(n);
-    return /* @__PURE__ */ t(
-      G,
+}), ct = "_noWrap_1wpa5_1", lt = {
+  noWrap: ct
+}, Dt = _(
+  w(({ className: i, noWrap: s, severity: n, as: t, ...r }, e) => {
+    const l = b(n);
+    return /* @__PURE__ */ o(
+      F,
       {
-        ref: o,
-        as: e,
-        className: _(s, { [Xe.noWrap]: i }),
-        color: c,
+        ref: e,
+        as: t,
+        className: S(i, { [lt.noWrap]: s }),
+        color: l,
         ...r
       }
     );
   })
 );
-const go = v(
-  w((s, i) => {
-    const { panelBackground: n = "solid", radius: e = "full", ...r } = s;
-    return /* @__PURE__ */ t(ce, { panelBackground: n, radius: e, ref: i, ...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 });
   })
 );
 export {
-  yo as AccessibleIcon,
-  Ie as AlertDialog,
-  Y as AlertDialogContent,
-  so as AlertDialogProvider,
-  xo as AspectRatio,
-  To as Avatar,
-  ro as Badge,
-  So as Blockquote,
-  bo as Box,
-  M as Button,
-  be as ButtonGroup,
-  Do as Callout,
-  ko as Card,
-  Io as Checkbox,
-  Ao as Code,
-  Bo as Container,
-  No as ContextMenu,
-  go as DefaultTheme,
-  io as Dialog,
-  $o as DropdownMenu,
-  Po as Em,
-  Ro as Flex,
-  zo as Grid,
-  Oo as Heading,
-  Eo as HoverCard,
-  U as IconButton,
-  lo as Input,
-  Go as Inset,
-  Lo as Kbd,
-  jo as Link,
-  uo as Popover,
-  Mo as Portal,
-  Fo as Quote,
-  Vo as RadioGroup,
-  Wo as ScrollArea,
-  Ho as Section,
-  ao as Select,
-  qo as Separator,
-  Ko as Slider,
-  Qo as Slot,
-  Jo as Strong,
-  Uo as Switch,
-  Xo as Table,
-  Yo as Tabs,
-  fo as Text,
-  po as TextArea,
-  Zo as TextField,
-  et as Theme,
-  Ke as Toast,
-  Je as ToastContext,
-  mo as ToastContextProvider,
-  qe as ToastProvider,
-  Qe as ToastViewport,
-  ho as ToggleGroup,
-  ot as Tooltip,
-  tt as VisuallyHidden,
-  nt as updateThemeAppearanceClass,
-  co as useAlertDialog,
-  S as useSeverityColor,
-  rt as useThemeContext
+  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
 };
 //# sourceMappingURL=blocks.js.map