@overmap-ai/blocks 0.0.7-alpha.2 → 0.0.7

package/dist/blocks.js

@@ -1,18 +1,18 @@
 import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
-import { Cross1Icon as Fe, DragHandleDots2Icon as ae, InfoCircledIcon as Xe, Cross2Icon as Ue } from "@radix-ui/react-icons";
+import { Cross1Icon as Fe, DragHandleDots2Icon as ae, Cross2Icon as Xe } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext as qe, Badge as Ke, Button as Qe, IconButton as De, Flex as b, Box as M, Card as Ye, Inset as ee, Dialog as V, AlertDialog as W, DropdownMenu as O, Select as E, Checkbox as Je, Switch as Ze, Portal as et, TextField as te, Text as ce, Popover as ne, TextArea as tt, Callout as oe, Theme as nt, Separator as xe } from "@radix-ui/themes";
-import { AccessibleIcon as lo, AspectRatio as uo, Avatar as ho, Blockquote as po, Box as mo, Callout as fo, Card as go, Checkbox as Co, Code as vo, Container as _o, ContextMenu as yo, Em as wo, Flex as xo, Grid as To, Heading as So, HoverCard as Po, Inset as Ro, Kbd as bo, Link as Do, Portal as $o, Quote as zo, RadioGroup as Io, ScrollArea as Oo, Section as ko, Slider as No, Slot as Ao, Strong as Eo, Table as Bo, Tabs as Lo, TextField as Mo, Theme as Wo, Tooltip as jo, VisuallyHidden as Go, updateThemeAppearanceClass as Ho, useThemeContext as Vo } from "@radix-ui/themes";
+import { useThemeContext as Ue, Badge as qe, Button as Ke, IconButton as De, Flex as R, Box as M, Card as Qe, Inset as ee, Dialog as j, AlertDialog as W, DropdownMenu as O, Select as E, Checkbox as Ye, Switch as Je, Portal as Ze, TextField as te, Text as ce, Popover as ne, TextArea as et, Callout as oe, Theme as tt, Separator as xe } from "@radix-ui/themes";
+import { AccessibleIcon as co, AspectRatio as lo, Avatar as uo, Blockquote as ho, Box as po, Callout as mo, Card as fo, Checkbox as go, Code as Co, Container as vo, ContextMenu as _o, Em as yo, Flex as wo, Grid as xo, Heading as To, HoverCard as So, Inset as Po, Kbd as bo, Link as Ro, Portal as Do, Quote as $o, RadioGroup as zo, ScrollArea as Io, Section as Oo, Slider as ko, Slot as No, Strong as Ao, Table as Eo, Tabs as Bo, TextField as Lo, Theme as Mo, Tooltip as Wo, VisuallyHidden as Go, updateThemeAppearanceClass as Ho, useThemeContext as Vo } from "@radix-ui/themes";
 import { jsx as n, jsxs as v, Fragment as le } from "react/jsx-runtime";
-import q, { useMemo as j, forwardRef as T, memo as _, createContext as ge, useContext as Ce, useState as D, useCallback as w, createElement as $e, useEffect as ue, useRef as se, useLayoutEffect as ot } from "react";
+import q, { useMemo as G, forwardRef as T, memo as _, createContext as ge, useContext as Ce, useState as D, useCallback as w, createElement as $e, useEffect as ue, useRef as se, useLayoutEffect as nt } from "react";
 import * as re from "@radix-ui/react-dialog";
 import { Resizable as pe } from "re-resizable";
 import { Transition as Te } from "react-transition-group";
-import { Root as rt, Item as it } from "@radix-ui/react-toggle-group";
+import { Root as ot, Item as rt } from "@radix-ui/react-toggle-group";
 import * as X from "@radix-ui/react-toast";
-import { ToastProvider as st, ToastViewport as at } from "@radix-ui/react-toast";
-function ct(r) {
+import { ToastProvider as it, ToastViewport as st } from "@radix-ui/react-toast";
+function at(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
 var ze = { exports: {} };
@@ -51,10 +51,10 @@ var ze = { exports: {} };
     r.exports ? (o.default = o, r.exports = o) : window.classNames = o;
   })();
 })(ze);
-var lt = ze.exports;
-const x = /* @__PURE__ */ ct(lt);
+var ct = ze.exports;
+const x = /* @__PURE__ */ at(ct);
 function B(r, s) {
-  return j(() => {
+  return G(() => {
     if (r !== void 0)
       if (typeof r == "object") {
         if (!("initial" in r))
@@ -64,18 +64,18 @@ function B(r, s) {
         return s[r];
   }, [s, r]);
 }
-const ut = {
+const lt = {
   success: "green",
   danger: "red",
   info: "gray"
-}, R = (r) => {
-  const s = qe();
+}, b = (r) => {
+  const s = Ue();
   if (r)
-    return r === "primary" ? s.accentColor : ut[r];
-}, dt = T(function({ className: s, severity: o = "primary", color: t, children: i, ...e }, c) {
-  const a = R(o);
+    return r === "primary" ? s.accentColor : lt[r];
+}, ut = T(function({ className: s, severity: o = "primary", color: t, children: i, ...e }, c) {
+  const a = b(o);
   return /* @__PURE__ */ n(
-    Ke,
+    qe,
     {
       className: x("overmap-badge", s),
       ref: c,
@@ -84,26 +84,26 @@ const ut = {
       children: i
     }
   );
-}), Bn = _(dt), ht = "_fluid_r73gr_1", pt = "_hoverSpin90Clockwise_r73gr_15", mt = "_hoverSpin180Clockwise_r73gr_25", ft = "_hoverSpin360Clockwise_r73gr_35", U = {
-  fluid: ht,
-  hoverSpin90Clockwise: pt,
-  hoverSpin180Clockwise: mt,
-  hoverSpin360Clockwise: ft
+}), En = _(ut), dt = "_fluid_r73gr_1", ht = "_hoverSpin90Clockwise_r73gr_15", pt = "_hoverSpin180Clockwise_r73gr_25", mt = "_hoverSpin360Clockwise_r73gr_35", U = {
+  fluid: dt,
+  hoverSpin90Clockwise: ht,
+  hoverSpin180Clockwise: pt,
+  hoverSpin360Clockwise: mt
 }, Ie = {
   spin90Clockwise: U.hoverSpin90Clockwise,
   spin180Clockwise: U.hoverSpin180Clockwise,
   spin360Clockwise: U.hoverSpin360Clockwise
-}, gt = (r) => {
+}, ft = (r) => {
   (r.key === "Enter" || r.key === " ") && r.currentTarget.click();
-}, Ln = {
+}, Bn = {
   role: "button",
   tabIndex: 0,
-  onKeyDown: gt
+  onKeyDown: ft
 }, F = {
   small: "1",
   medium: "2",
   large: "3"
-}, Oe = ge({}), ve = () => Ce(Oe), Ct = T(function(s, o) {
+}, Oe = ge({}), ve = () => Ce(Oe), gt = T(function(s, o) {
   const t = ve(), {
     className: i,
     type: e = "button",
@@ -113,9 +113,9 @@ const ut = {
     hoverEffects: l = t.hoverEffects ?? [],
     variant: h = t.variant,
     ...p
-  } = s, m = R(u), f = l.map((d) => Ie[d]);
+  } = s, m = b(u), f = l.map((d) => Ie[d]);
   return /* @__PURE__ */ n(
-    Qe,
+    Ke,
     {
       ref: o,
       type: e,
@@ -128,7 +128,7 @@ const ut = {
       ...p
     }
   );
-}), me = q.memo(Ct), vt = T(function(s, o) {
+}), me = q.memo(gt), Ct = T(function(s, o) {
   const t = ve(), {
     className: i,
     children: e,
@@ -139,7 +139,7 @@ const ut = {
     hoverEffects: h = t.hoverEffects ?? [],
     variant: p = t.variant,
     ...m
-  } = s, f = R(l), d = (h == null ? void 0 : h.map((g) => Ie[g])) || [];
+  } = s, f = b(l), d = (h == null ? void 0 : h.map((g) => Ie[g])) || [];
   return /* @__PURE__ */ n(
     De,
     {
@@ -155,12 +155,12 @@ const ut = {
       children: e
     }
   );
-}), ke = q.memo(vt), _t = "_merged_wdgxo_1", yt = {
-  merged: _t
-}, wt = {
+}), ke = q.memo(Ct), vt = "_merged_wdgxo_1", _t = {
+  merged: vt
+}, yt = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
-}, xt = T(function({
+}, wt = T(function({
   className: s,
   merged: o = !1,
   children: t,
@@ -173,12 +173,12 @@ const ut = {
   fluid: h,
   ...p
 }, m) {
-  const f = B(a, wt[e]), d = u === "ghost" ? f : "0";
+  const f = B(a, yt[e]), d = u === "ghost" ? f : "0";
   return /* @__PURE__ */ n(
-    b,
+    R,
     {
       className: x("overmap-button-group", s, {
-        [yt.merged]: o
+        [_t.merged]: o
       }),
       ref: m,
       gap: o ? i ?? d : i ?? "2",
@@ -188,27 +188,27 @@ const ut = {
       children: /* @__PURE__ */ n(Oe.Provider, { value: { size: a, severity: c, variant: u, hoverEffects: l, fluid: h }, children: t })
     }
   );
-}), Ne = _(xt), Tt = "_separators_1f7v1_1", St = {
-  separators: Tt
-}, Pt = _(
+}), Ne = _(wt), xt = "_separators_1f7v1_1", Tt = {
+  separators: xt
+}, St = _(
   T((r, s) => {
-    const { children: o, border: t, before: i, after: e, size: c } = r, a = t ? "surface" : "ghost", u = B(c, F), h = /* @__PURE__ */ v(Ye, { ref: s, size: u, variant: a, children: [
+    const { children: o, border: t, before: i, after: e, size: c } = r, a = t ? "surface" : "ghost", u = B(c, F), h = /* @__PURE__ */ v(Qe, { ref: s, size: u, variant: a, children: [
       i,
       i && e ? /* @__PURE__ */ n(ee, { side: "x", pt: "current", pb: "current", children: o }) : i ? /* @__PURE__ */ n(ee, { side: "bottom", pt: "current", children: o }) : e ? /* @__PURE__ */ n(ee, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ n(ee, { children: o }),
       e
     ] });
     return a === "ghost" ? /* @__PURE__ */ n(M, { p: "3", children: h }) : h;
   })
-), Rt = _(
+), Pt = _(
   T((r, s) => {
     const { children: o, variant: t = "outline", size: i, className: e, ...c } = r;
-    return /* @__PURE__ */ n(Pt, { ...c, border: t === "outline" || t === "surface", size: i, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ n(St, { ...c, border: t === "outline" || t === "surface", size: i, children: /* @__PURE__ */ n(
       Ne,
       {
         size: i,
         severity: "info",
         variant: t === "outline" ? "ghost" : t === "surface" ? "soft" : t,
-        className: x(e, St.separators),
+        className: x(e, Tt.separators),
         merged: !0,
         gap: "0",
         direction: "column",
@@ -222,22 +222,22 @@ const ut = {
     const { variant: o } = ve(), t = /* @__PURE__ */ n(me, { ref: s, ...r, radius: "large", variant: o });
     return o === "ghost" ? /* @__PURE__ */ n(M, { asChild: !0, my: "1", mx: "2", children: t }) : t;
   })
-), Mn = {
-  Root: Rt,
+), Ln = {
+  Root: Pt,
   Item: bt
-}, Dt = _(function(s) {
+}, Rt = _(function(s) {
   const { title: o, description: t, content: i, closeDialog: e } = s;
-  return /* @__PURE__ */ v(b, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ v(b, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ v(b, { justify: "between", children: [
-        /* @__PURE__ */ n(V.Title, { mb: "0", children: o }),
-        /* @__PURE__ */ n(V.Close, { children: /* @__PURE__ */ n(De, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ n(Fe, {}) }) })
+  return /* @__PURE__ */ v(R, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ v(R, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ v(R, { justify: "between", children: [
+        /* @__PURE__ */ n(j.Title, { mb: "0", children: o }),
+        /* @__PURE__ */ n(j.Close, { children: /* @__PURE__ */ n(De, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ n(Fe, {}) }) })
       ] }),
-      t && /* @__PURE__ */ n(V.Description, { children: t })
+      t && /* @__PURE__ */ n(j.Description, { children: t })
     ] }),
     i(e)
   ] });
-}), Wn = _(
+}), Mn = _(
   T((r, s) => {
     const { children: o, content: t, title: i, description: e, onOpen: c, defaultOpen: a, onCloseInterrupt: u, ...l } = r, [h, p] = D(a ?? !1), m = w(
       (d) => {
@@ -256,10 +256,10 @@ const ut = {
       },
       [m]
     );
-    return /* @__PURE__ */ v(V.Root, { open: h, onOpenChange: m, children: [
-      /* @__PURE__ */ n(V.Trigger, { children: o }),
-      /* @__PURE__ */ n(V.Content, { ref: s, ...l, children: /* @__PURE__ */ n(
-        Dt,
+    return /* @__PURE__ */ v(j.Root, { open: h, onOpenChange: m, children: [
+      /* @__PURE__ */ n(j.Trigger, { children: o }),
+      /* @__PURE__ */ n(j.Content, { ref: s, ...l, children: /* @__PURE__ */ n(
+        Rt,
         {
           closeDialog: f,
           content: t,
@@ -269,34 +269,34 @@ const ut = {
       ) })
     ] });
   })
-), Ae = (r) => /* @__PURE__ */ n(W.Title, { mb: "0", ...r }), $t = (r) => {
+), Ae = (r) => /* @__PURE__ */ n(W.Title, { mb: "0", ...r }), Dt = (r) => {
   const { title: s, description: o, actionText: t = "Confirm", cancelText: i = "Cancel", onAction: e, onCancel: c, severity: a } = r;
-  return /* @__PURE__ */ v(b, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ v(b, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ v(R, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ v(R, { direction: "column", gap: "1", children: [
       /* @__PURE__ */ n(Ae, { children: s }),
       /* @__PURE__ */ n(W.Description, { children: o })
     ] }),
-    /* @__PURE__ */ v(b, { gap: "3", mt: "4", justify: "end", children: [
+    /* @__PURE__ */ v(R, { gap: "3", mt: "4", justify: "end", children: [
       /* @__PURE__ */ n(W.Cancel, { children: /* @__PURE__ */ n(me, { variant: "soft", severity: "info", onClick: c, children: i }) }),
       /* @__PURE__ */ n(W.Action, { children: /* @__PURE__ */ n(me, { variant: "solid", severity: a, onClick: e, children: t }) })
     ] })
   ] });
-}, zt = _(function(s) {
-  const { open: o, setOpen: t, children: i, ...e } = s, c = j(() => ({
+}, $t = _(function(s) {
+  const { open: o, setOpen: t, children: i, ...e } = s, c = G(() => ({
     close: () => t(!1),
     Title: Ae,
     Description: W.Description
   }), [t]);
   return /* @__PURE__ */ v(W.Root, { open: o, onOpenChange: t, children: [
-    /* @__PURE__ */ n(W.Content, { children: "content" in e ? e.content(c) : /* @__PURE__ */ n($t, { ...e }) }),
+    /* @__PURE__ */ n(W.Content, { children: "content" in e ? e.content(c) : /* @__PURE__ */ n(Dt, { ...e }) }),
     i
   ] });
 }), Ee = ge(() => {
   throw new Error("No AlertDialogProvider found");
-}), It = {
+}), zt = {
   content: () => null
-}, jn = _(function({ children: s }) {
-  const [o, t] = D(!1), [i, e] = D(It), c = w(
+}, Wn = _(function({ children: s }) {
+  const [o, t] = D(!1), [i, e] = D(zt), c = w(
     (a) => {
       if (o)
         throw new Error("AlertDialog is already open");
@@ -304,9 +304,9 @@ const ut = {
     },
     [o]
   );
-  return /* @__PURE__ */ n(zt, { open: o, setOpen: t, ...i, children: /* @__PURE__ */ n(Ee.Provider, { value: c, children: s }) });
-}), Ot = () => Ce(Ee), Gn = () => {
-  const r = Ot();
+  return /* @__PURE__ */ n($t, { open: o, setOpen: t, ...i, children: /* @__PURE__ */ n(Ee.Provider, { value: c, children: s }) });
+}), It = () => Ce(Ee), Gn = () => {
+  const r = It();
   return w(
     (s) => r({
       title: "Discard changes?",
@@ -318,21 +318,21 @@ const ut = {
     }),
     [r]
   );
-}, kt = _(function({
+}, Ot = _(function({
   severity: s,
   itemContent: o,
   closeOnSelect: t = !0,
   onSelect: i,
   ...e
 }) {
-  const c = R(s), a = w(
+  const c = b(s), a = w(
     (u) => {
       t || u.preventDefault(), i && i(u);
     },
     [t, i]
   );
   return /* @__PURE__ */ n(O.Item, { onSelect: a, color: c, ...e, children: o });
-}), Nt = _(function({
+}), kt = _(function({
   defaultOpen: s,
   open: o,
   onOpenChange: t,
@@ -343,7 +343,7 @@ const ut = {
   children: u,
   ...l
 }) {
-  const h = R(a);
+  const h = b(a);
   return /* @__PURE__ */ v(O.Root, { defaultOpen: s, open: o, onOpenChange: t, modal: i, children: [
     /* @__PURE__ */ n(O.Trigger, { children: e }),
     /* @__PURE__ */ v(O.Content, { color: h, ...l, children: [
@@ -351,7 +351,7 @@ const ut = {
       u
     ] })
   ] });
-}), At = _(function({
+}), Nt = _(function({
   separatorBelow: s = !1,
   separatorAbove: o = !1,
   children: t,
@@ -362,7 +362,7 @@ const ut = {
     /* @__PURE__ */ n(O.Group, { ...i, children: t }),
     s && /* @__PURE__ */ n(O.Separator, {})
   ] });
-}), Et = _(function({
+}), At = _(function({
   defaultOpen: s,
   open: o,
   onOpenChange: t,
@@ -375,10 +375,10 @@ const ut = {
     /* @__PURE__ */ n(O.SubContent, { ...c, children: e })
   ] });
 }), Hn = {
-  Root: Nt,
-  ItemGroup: At,
-  Item: kt,
-  SubMenu: Et
+  Root: kt,
+  ItemGroup: Nt,
+  Item: Ot,
+  SubMenu: At
 }, Vn = _(function({ children: s }) {
   const [o, t] = D(!1), i = w(() => {
     t(!0);
@@ -390,9 +390,9 @@ const ut = {
     onPointerEnter: i,
     onPointerLeave: e
   });
-}), Bt = "_fluid_7n1wr_1", Se = {
-  fluid: Bt
-}, Lt = T(function({
+}), Et = "_fluid_7n1wr_1", Se = {
+  fluid: Et
+}, Bt = T(function({
   className: s,
   fluid: o,
   size: t = "medium",
@@ -406,7 +406,7 @@ const ut = {
   id: p,
   ...m
 }, f) {
-  const d = B(t, F), g = R(e), C = R(c);
+  const d = B(t, F), g = b(e), C = b(c);
   return /* @__PURE__ */ $e(E.Root, { size: d, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ n(
     E.Trigger,
     {
@@ -430,17 +430,17 @@ const ut = {
       children: l.map(({ itemContent: P, value: y, ...$ }) => /* @__PURE__ */ n(E.Item, { className: "overmap-select-item", value: y, ...$, children: P }, y))
     }
   ));
-}), Fn = q.memo(Lt), Pe = _(
+}), jn = q.memo(Bt), Pe = _(
   T((r, s) => {
     const { checked: o, label: t, value: i, size: e = "2" } = r;
-    return /* @__PURE__ */ n(M, { asChild: !0, px: e, children: /* @__PURE__ */ n(E.Item, { value: i, ref: s, children: /* @__PURE__ */ v(b, { gap: e, align: "center", children: [
-      /* @__PURE__ */ n(Je, { checked: o }),
+    return /* @__PURE__ */ n(M, { asChild: !0, px: e, children: /* @__PURE__ */ n(E.Item, { value: i, ref: s, children: /* @__PURE__ */ v(R, { gap: e, align: "center", children: [
+      /* @__PURE__ */ n(Ye, { checked: o }),
       t
     ] }) }) });
   })
-), ie = "__select_all__", Xn = _(
+), ie = "__select_all__", Fn = _(
   T((r, s) => {
-    const [o, t] = D(!1), { placeholder: i, value: e, onValueChange: c, options: a, disabled: u, name: l, ...h } = r, p = B(r.size, F), m = R(r.severity), f = j(() => new Map(a.map((y) => [y.value, y.label])), [a]), d = e.length > 4 ? (
+    const [o, t] = D(!1), { placeholder: i, value: e, onValueChange: c, options: a, disabled: u, name: l, ...h } = r, p = B(r.size, F), m = b(r.severity), f = G(() => new Map(a.map((y) => [y.value, y.label])), [a]), d = e.length > 4 ? (
       // to ensure the width of the select doesn't get too big
       `${e.length} options selected`
     ) : (
@@ -514,11 +514,11 @@ const ut = {
       }
     );
   })
-), Mt = {
+), Lt = {
   default: "_default_u936h_1"
-}, Wt = T(function({ className: s, severity: o = "primary", icon: t, defaultChecked: i = !1, onCheckedChange: e, ...c }, a) {
-  const u = se(null), [l, h] = D(c.checked ? c.checked : i), [p, m] = D(), f = R(o);
-  ot(() => {
+}, Mt = T(function({ className: s, severity: o = "primary", icon: t, defaultChecked: i = !1, onCheckedChange: e, ...c }, a) {
+  const u = se(null), [l, h] = D(c.checked ? c.checked : i), [p, m] = D(), f = b(o);
+  nt(() => {
     var P;
     const C = a || u;
     "current" in C && C.current && m((P = C.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
@@ -531,9 +531,9 @@ const ut = {
   ), g = c.checked ? c.checked : l;
   return /* @__PURE__ */ v(le, { children: [
     /* @__PURE__ */ n(
-      Ze,
+      Je,
       {
-        className: x("overmap-switch", s, Mt.default),
+        className: x("overmap-switch", s, Lt.default),
         ref: a || u,
         color: f,
         radius: "full",
@@ -542,15 +542,15 @@ const ut = {
         ...c
       }
     ),
-    /* @__PURE__ */ n(et, { container: p, asChild: !0, children: t && "checked" in t ? g ? t.checked : t.unchecked : t })
+    /* @__PURE__ */ n(Ze, { container: p, asChild: !0, children: t && "checked" in t ? g ? t.checked : t.unchecked : t })
   ] });
-}), Un = _(Wt), jt = "_sidebarContent_1onyo_1", Gt = "_right_1onyo_7", Ht = "_resizeHandle_1onyo_10", Vt = "_left_1onyo_13", Ft = "_overlay_1onyo_33", G = {
-  sidebarContent: jt,
+}), Xn = _(Mt), Wt = "_sidebarContent_1onyo_1", Gt = "_right_1onyo_7", Ht = "_resizeHandle_1onyo_10", Vt = "_left_1onyo_13", jt = "_overlay_1onyo_33", H = {
+  sidebarContent: Wt,
   right: Gt,
   resizeHandle: Ht,
   left: Vt,
-  overlay: Ft
-}, Xt = T(function({
+  overlay: jt
+}, Ft = T(function({
   side: s = "left",
   modal: o = !0,
   children: t,
@@ -570,13 +570,13 @@ const ut = {
       throw new Error(`Could not find a container element using the following selector ${C}`);
     g(P);
   }, [e]), /* @__PURE__ */ n(re.Root, { open: i, modal: o, children: /* @__PURE__ */ v(re.Portal, { container: d, children: [
-    c && /* @__PURE__ */ n(re.Overlay, { className: x(G.overlay) }),
+    c && /* @__PURE__ */ n(re.Overlay, { className: x(H.overlay) }),
     /* @__PURE__ */ n(
       re.Content,
       {
-        className: x("overmap-sidebar", "rt-DialogContent", G.sidebarContent, {
-          [G.left]: f,
-          [G.right]: m
+        className: x("overmap-sidebar", "rt-DialogContent", H.sidebarContent, {
+          [H.left]: f,
+          [H.right]: m
         }),
         ref: p,
         asChild: !0,
@@ -588,7 +588,7 @@ const ut = {
             maxWidth: l,
             defaultSize: { width: "300px", height: "100%" },
             enable: { right: a && f, left: a && m },
-            handleClasses: { left: G.resizeHandle, right: G.resizeHandle },
+            handleClasses: { left: H.resizeHandle, right: H.resizeHandle },
             handleComponent: {
               right: /* @__PURE__ */ n(ae, {}),
               left: /* @__PURE__ */ n(ae, {})
@@ -599,14 +599,14 @@ const ut = {
       }
     )
   ] }) });
-}), qn = _(Xt), Ut = "_accommodateCharCount_sr18k_1", qt = "_wrapper_sr18k_5", Kt = "_noLeftIcon_sr18k_13", Qt = "_noRightIcon_sr18k_17", Yt = "_charCount_sr18k_21", H = {
-  accommodateCharCount: Ut,
-  wrapper: qt,
+}), Un = _(Ft), Xt = "_accommodateCharCount_sr18k_1", Ut = "_wrapper_sr18k_5", qt = "_noLeftIcon_sr18k_13", Kt = "_noRightIcon_sr18k_17", Qt = "_charCount_sr18k_21", V = {
+  accommodateCharCount: Xt,
+  wrapper: Ut,
   default: "_default_sr18k_9",
-  noLeftIcon: Kt,
-  noRightIcon: Qt,
-  charCount: Yt
-}, Jt = T(function({
+  noLeftIcon: qt,
+  noRightIcon: Kt,
+  charCount: Qt
+}, Yt = T(function({
   className: s,
   leftSlot: o,
   rightSlot: t,
@@ -617,12 +617,12 @@ const ut = {
   severity: u = "primary",
   ...l
 }, h) {
-  const p = B(i, F), m = R(u), f = e || e === void 0 && l.maxLength !== void 0, d = c !== void 0 ? c.toString() : void 0;
+  const p = B(i, F), m = b(u), f = e || e === void 0 && l.maxLength !== void 0, d = c !== void 0 ? c.toString() : void 0;
   return /* @__PURE__ */ v(
     te.Root,
     {
-      className: x(H.wrapper, {
-        [H.accommodateCharCount]: f
+      className: x(V.wrapper, {
+        [V.accommodateCharCount]: f
       }),
       size: p,
       variant: a,
@@ -632,9 +632,9 @@ const ut = {
         /* @__PURE__ */ n(
           te.Input,
           {
-            className: x(H.default, s, {
-              [H.noLeftIcon]: !o,
-              [H.noRightIcon]: !t
+            className: x(V.default, s, {
+              [V.noLeftIcon]: !o,
+              [V.noRightIcon]: !t
             }),
             ref: h,
             size: p,
@@ -644,41 +644,41 @@ const ut = {
           }
         ),
         t && /* @__PURE__ */ n(te.Slot, { children: t }),
-        f && /* @__PURE__ */ n(ce, { as: "p", className: H.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${d == null ? void 0 : d.length}/${l.maxLength}` : `${d == null ? void 0 : d.length}` })
+        f && /* @__PURE__ */ n(ce, { as: "p", className: V.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${d == null ? void 0 : d.length}/${l.maxLength}` : `${d == null ? void 0 : d.length}` })
       ]
     }
   );
-}), Kn = q.memo(Jt), Zt = "_wrapper_tmtz0_1", en = {
-  wrapper: Zt
-}, tn = T(function({ className: s, defaultOpen: o = !1, modal: t = !1, content: i, children: e, ...c }, a) {
+}), qn = q.memo(Yt), Jt = "_wrapper_tmtz0_1", Zt = {
+  wrapper: Jt
+}, en = T(function({ className: s, defaultOpen: o = !1, modal: t = !1, content: i, children: e, ...c }, a) {
   return /* @__PURE__ */ v(ne.Root, { defaultOpen: o, modal: t, children: [
     /* @__PURE__ */ n(ne.Trigger, { children: e }),
     /* @__PURE__ */ n(
       ne.Content,
       {
         ref: a,
-        className: x("overmap-popover", s, en.wrapper),
+        className: x("overmap-popover", s, Zt.wrapper),
         ...c,
         children: i(ne.Close)
       }
     )
   ] });
-}), Qn = q.memo(tn), nn = "_wrapper_1mz2e_1", on = "_panelContent_1mz2e_6", rn = "_left_1mz2e_14", sn = "_right_1mz2e_18", an = "_resizable_1mz2e_23", cn = "_resizeHandle_1mz2e_28", ln = "_panelMainContent_1mz2e_48", I = {
-  wrapper: nn,
-  panelContent: on,
-  left: rn,
-  right: sn,
-  resizable: an,
-  resizeHandle: cn,
-  panelMainContent: ln
-}, Re = 200, A = 150, Yn = _(function({
+}), Kn = q.memo(en), tn = "_wrapper_1mz2e_1", nn = "_panelContent_1mz2e_6", on = "_left_1mz2e_14", rn = "_right_1mz2e_18", sn = "_resizable_1mz2e_23", an = "_resizeHandle_1mz2e_28", cn = "_panelMainContent_1mz2e_48", I = {
+  wrapper: tn,
+  panelContent: nn,
+  left: on,
+  right: rn,
+  resizable: sn,
+  resizeHandle: an,
+  panelMainContent: cn
+}, be = 200, A = 150, Qn = _(function({
   children: s,
   showLeft: o,
   leftPanel: t,
-  leftMinWidth: i = Re,
+  leftMinWidth: i = be,
   showRight: e,
   rightPanel: c,
-  rightMinWidth: a = Re,
+  rightMinWidth: a = be,
   resizeable: u
 }) {
   const l = se(null), h = se(null), [p, m] = D(0), [f, d] = D(), g = se(null), [C, P] = D(0), [y, $] = D(), L = w(
@@ -735,10 +735,10 @@ const ut = {
       l.current && S && z(l.current.clientWidth);
     },
     []
-  ), je = w(
+  ), Ge = w(
     () => Q(o, d),
     [Q, o]
-  ), Ge = w(
+  ), He = w(
     () => Q(e, $),
     [Q, e]
   ), _e = w(() => {
@@ -753,7 +753,7 @@ const ut = {
       S.disconnect();
     };
   }, [_e]);
-  const He = j(() => ({
+  const Ve = G(() => ({
     entering: {
       transform: `translateX(-${p}px)`,
       marginRight: `-${p}px`,
@@ -777,7 +777,7 @@ const ut = {
     },
     exited: {},
     unmounted: {}
-  }), [p]), Ve = j(() => ({
+  }), [p]), je = G(() => ({
     entering: {
       transform: `translateX(${C}px)`,
       marginLeft: `${-C}px`,
@@ -803,7 +803,7 @@ const ut = {
     unmounted: {}
   }), [C]);
   return /* @__PURE__ */ v(
-    b,
+    R,
     {
       className: I.wrapper,
       style: { minWidth: `${i + a}px` },
@@ -822,13 +822,13 @@ const ut = {
             in: o,
             unmountOnExit: !0,
             onEntering: We,
-            onExited: Ge,
+            onExited: He,
             children: (S) => /* @__PURE__ */ n(
               M,
               {
                 ref: h,
                 className: x(I.panelContent, I.left),
-                style: He[S],
+                style: Ve[S],
                 width: "auto",
                 height: "100%",
                 m: "0",
@@ -865,13 +865,13 @@ const ut = {
             in: e,
             unmountOnExit: !0,
             onEntering: Me,
-            onExited: je,
+            onExited: Ge,
             children: (S) => /* @__PURE__ */ n(
               M,
               {
                 ref: g,
                 className: x(I.panelContent, I.right),
-                style: Ve[S],
+                style: je[S],
                 width: "auto",
                 height: "100%",
                 m: "0",
@@ -897,10 +897,10 @@ const ut = {
       ]
     }
   );
-}), un = "_charCount_17uut_1", dn = {
-  charCount: un
-}, hn = T(function({ className: s, showInputLength: o, inputLengthTemplate: t, value: i, severity: e = "primary", resize: c, ...a }, u) {
-  const l = R(e), h = R("info"), p = o || o === void 0 && (a.maxLength !== void 0 || a.minLength !== void 0), m = i !== void 0 ? i.toString() : "", f = j(() => {
+}), ln = "_charCount_17uut_1", un = {
+  charCount: ln
+}, dn = T(function({ className: s, showInputLength: o, inputLengthTemplate: t, value: i, severity: e = "primary", resize: c, ...a }, u) {
+  const l = b(e), h = b("info"), p = o || o === void 0 && (a.maxLength !== void 0 || a.minLength !== void 0), m = i !== void 0 ? i.toString() : "", f = G(() => {
     if (t) {
       let d = t.replace("{current}", m.length.toString());
       return a.minLength !== void 0 && (d = d.replace("{min}", a.minLength.toString())), a.maxLength !== void 0 && (d = d.replace("{max}", a.maxLength.toString())), d;
@@ -909,7 +909,7 @@ const ut = {
   }, [t, a.maxLength, a.minLength, m.length]);
   return /* @__PURE__ */ v(le, { children: [
     /* @__PURE__ */ n(
-      tt,
+      et,
       {
         className: x("overmap-textarea", s),
         style: { resize: c },
@@ -919,9 +919,9 @@ const ut = {
         ...a
       }
     ),
-    p && /* @__PURE__ */ n(ce, { as: "p", className: dn.charCount, color: h, align: "right", children: f })
+    p && /* @__PURE__ */ n(ce, { as: "p", className: un.charCount, color: h, align: "right", children: f })
   ] });
-}), Jn = _(hn), pn = T(function({
+}), Yn = _(dn), hn = T(function({
   // ToggleGroup Primitive Props
   loop: s,
   type: o,
@@ -937,7 +937,7 @@ const ut = {
   ...p
 }, m) {
   return /* @__PURE__ */ n(
-    rt,
+    ot,
     {
       type: o,
       className: x("overmap-toggle-group", l),
@@ -950,7 +950,7 @@ const ut = {
       rovingFocus: t,
       defaultValue: c,
       asChild: !0,
-      children: /* @__PURE__ */ n(Ne, { direction: h, ...p, children: u.map(({ children: f, ...d }) => /* @__PURE__ */ $e(it, { asChild: !0, ...d, key: d.value }, /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n(Ne, { direction: h, ...p, children: u.map(({ children: f, ...d }) => /* @__PURE__ */ $e(rt, { asChild: !0, ...d, key: d.value }, /* @__PURE__ */ n(
         ke,
         {
           className: x("overmap-toggle-group-button"),
@@ -961,45 +961,45 @@ const ut = {
       ))) })
     }
   );
-}), Zn = _(pn), mn = "_ToastViewport_1joop_1", fn = "_actionButton_1joop_20", gn = "_ToastRoot_1joop_24", Cn = "_slideIn_1joop_1", vn = "_swipeOut_1joop_1", fe = {
-  ToastViewport: mn,
-  actionButton: fn,
-  ToastRoot: gn,
-  slideIn: Cn,
-  swipeOut: vn
-}, _n = T(function({ title: s, description: o, icon: t, severity: i = "primary", size: e, onClose: c, sensitivity: a, action: u, ...l }, h) {
-  const [p, m] = D(!0), f = R(i), d = w(
+}), Jn = _(hn), pn = "_ToastViewport_1i6bp_1", mn = "_actionButton_1i6bp_20", fn = "_ToastRoot_1i6bp_24", gn = "_slideIn_1i6bp_1", Cn = "_swipeOut_1i6bp_1", fe = {
+  ToastViewport: pn,
+  actionButton: mn,
+  ToastRoot: fn,
+  slideIn: gn,
+  swipeOut: Cn
+}, vn = T(function({ title: s, description: o, icon: t, severity: i = "primary", size: e, onClose: c, sensitivity: a, action: u, ...l }, h) {
+  const [p, m] = D(!0), f = b(i), d = w(
     (g) => {
       !g && c && c(), m(g);
     },
     [c]
   );
-  return /* @__PURE__ */ n(X.Root, { asChild: !0, ref: h, ...l, open: p, type: a, onOpenChange: d, children: /* @__PURE__ */ n(oe.Root, { className: fe.ToastRoot, variant: "surface", color: f, size: e, children: /* @__PURE__ */ v(b, { width: "100%", align: "center", gap: "4", justify: "between", children: [
-    /* @__PURE__ */ v(b, { align: "center", gap: "3", children: [
-      /* @__PURE__ */ n(oe.Icon, { children: t || /* @__PURE__ */ n(Xe, {}) }),
-      /* @__PURE__ */ v(b, { direction: "column", gap: "1", children: [
-        /* @__PURE__ */ v(b, { direction: "column", gap: "0", children: [
-          /* @__PURE__ */ n(X.Title, { asChild: !0, children: /* @__PURE__ */ n(oe.Text, { weight: "medium", children: s }) }),
-          /* @__PURE__ */ n(X.Description, { asChild: !0, children: /* @__PURE__ */ n(oe.Text, { weight: "light", children: o }) })
+  return /* @__PURE__ */ n(X.Root, { asChild: !0, ref: h, ...l, open: p, type: a, onOpenChange: d, children: /* @__PURE__ */ n(oe.Root, { className: fe.ToastRoot, variant: "surface", color: f, size: e, children: /* @__PURE__ */ v(R, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+    /* @__PURE__ */ v(R, { align: "center", gap: "3", children: [
+      /* @__PURE__ */ n(oe.Icon, { children: t }),
+      /* @__PURE__ */ v(R, { direction: "column", gap: "2", children: [
+        /* @__PURE__ */ v(R, { direction: "column", gap: "0", children: [
+          /* @__PURE__ */ n(X.Title, { asChild: !0, children: /* @__PURE__ */ n(oe.Text, { size: "3", weight: "medium", children: s }) }),
+          /* @__PURE__ */ n(X.Description, { asChild: !0, children: /* @__PURE__ */ n(oe.Text, { children: o }) })
         ] }),
         u && /* @__PURE__ */ n(X.Action, { className: fe.actionButton, altText: u.altText, asChild: !0, children: u.content })
       ] })
     ] }),
-    /* @__PURE__ */ n(X.Close, { asChild: !0, children: /* @__PURE__ */ n(ke, { "aria-label": "Close", variant: "ghost", size: "small", severity: i, children: /* @__PURE__ */ n(Ue, {}) }) })
+    /* @__PURE__ */ n(X.Close, { asChild: !0, children: /* @__PURE__ */ n(ke, { "aria-label": "Close", variant: "ghost", severity: i, children: /* @__PURE__ */ n(Xe, {}) }) })
   ] }) }) });
-}), yn = _(_n), Be = ge({}), eo = () => {
+}), _n = _(vn), Be = ge({}), Zn = () => {
   const r = Ce(Be);
   if (!r)
     throw new Error("useToast must be used within a ToastProvider");
   return r;
-}, wn = 240 / 60, be = 5e3, xn = (r) => {
-  if (r.duration && r.duration >= be)
+}, yn = 240 / 60, Re = 5e3, wn = (r) => {
+  if (r.duration && r.duration >= Re)
     return r.duration;
   const s = r.severity === "danger" ? 1.5 : 1, o = r.description.split(" ").length + r.title.split(" ").length;
-  return (be + o / wn) * s;
+  return (Re + o / yn) * s;
 };
-let Tn;
-const to = _(function({
+let xn;
+const eo = _(function({
   children: s,
   // Use this class to change where the viewport for the toasts should be
   className: o,
@@ -1011,15 +1011,15 @@ const to = _(function({
       const f = m.find((d) => d.id === l);
       return f && h === 0 && clearTimeout(f.timeout), m.filter((d) => d.id !== l);
     }), p && p();
-  }, []), u = j(() => {
+  }, []), u = G(() => {
     let l = 0;
     const h = (g) => {
-      const C = xn(g), P = l.toString();
+      const C = wn(g), P = l.toString();
       l += 1;
       const y = setTimeout(() => a(P, 1, g.onClose), C);
       c(($) => [...$, { ...g, timeout: y, duration: C, id: P }]);
     }, p = (g) => h({ ...g, severity: "primary" }), m = (g) => h({ ...g, severity: "success" }), f = (g) => h({ ...g, severity: "danger" }), d = (g) => h({ ...g, severity: "info" });
-    return Tn = h, {
+    return xn = h, {
       showToast: h,
       showPrimary: p,
       showSuccess: m,
@@ -1030,42 +1030,42 @@ const to = _(function({
   return ue(() => () => {
     for (const { timeout: l } of e)
       clearTimeout(l);
-  }, []), /* @__PURE__ */ n(Be.Provider, { value: u, children: /* @__PURE__ */ v(st, { ...i, children: [
+  }, []), /* @__PURE__ */ n(Be.Provider, { value: u, children: /* @__PURE__ */ v(it, { ...i, children: [
     s,
-    /* @__PURE__ */ n(at, { className: x(o, fe.ToastViewport), hotkey: t }),
-    e.map(({ id: l, onClose: h, ...p }) => /* @__PURE__ */ n(yn, { ...p, onClose: () => a(l, 0, h) }, l))
+    /* @__PURE__ */ n(st, { className: x(o, fe.ToastViewport), hotkey: t }),
+    e.map(({ id: l, onClose: h, ...p }) => /* @__PURE__ */ n(_n, { ...p, onClose: () => a(l, 0, h) }, l))
   ] }) });
-}), Sn = "_noWrap_1wpa5_1", Pn = {
-  noWrap: Sn
-}, no = _(
+}), Tn = "_noWrap_1wpa5_1", Sn = {
+  noWrap: Tn
+}, to = _(
   T(({ className: r, noWrap: s, severity: o, as: t, ...i }, e) => {
-    const c = R(o);
+    const c = b(o);
     return /* @__PURE__ */ n(
       ce,
       {
         ref: e,
         as: t,
-        className: x(r, { [Pn.noWrap]: s }),
+        className: x(r, { [Sn.noWrap]: s }),
         color: c,
         ...i
       }
     );
   })
 );
-const oo = _(
+const no = _(
   T((r, s) => {
     const { panelBackground: o = "solid", radius: t = "full", ...i } = r;
-    return /* @__PURE__ */ n(nt, { panelBackground: o, radius: t, ref: s, ...i });
+    return /* @__PURE__ */ n(tt, { panelBackground: o, radius: t, ref: s, ...i });
   })
-), Rn = {
+), Pn = {
   1: "max-content",
   2: "max-content",
   3: "max-content",
   4: "100%"
 }, bn = T(function({ severity: s = "info", weight: o = "light", gap: t = "1", text: i, orientation: e = "horizontal", size: c, ...a }, u) {
-  const l = B(c, Rn), h = R(s);
+  const l = B(c, Pn), h = b(s);
   return /* @__PURE__ */ v(
-    b,
+    R,
     {
       ref: u,
       width: e === "horizontal" ? l : "max-content",
@@ -1082,74 +1082,74 @@ const oo = _(
       ]
     }
   );
-}), ro = _(bn);
+}), oo = _(bn);
 export {
-  lo as AccessibleIcon,
-  zt as AlertDialog,
+  co as AccessibleIcon,
+  $t as AlertDialog,
   Ee as AlertDialogContent,
-  jn as AlertDialogProvider,
-  uo as AspectRatio,
-  ho as Avatar,
-  Bn as Badge,
-  po as Blockquote,
-  mo as Box,
+  Wn as AlertDialogProvider,
+  lo as AspectRatio,
+  uo as Avatar,
+  En as Badge,
+  ho as Blockquote,
+  po as Box,
   me as Button,
   Ne as ButtonGroup,
-  Mn as ButtonList,
-  fo as Callout,
-  go as Card,
-  Co as Checkbox,
-  vo as Code,
-  _o as Container,
-  yo as ContextMenu,
-  oo as DefaultTheme,
-  Wn as Dialog,
+  Ln as ButtonList,
+  mo as Callout,
+  fo as Card,
+  go as Checkbox,
+  Co as Code,
+  vo as Container,
+  _o as ContextMenu,
+  no as DefaultTheme,
+  Mn as Dialog,
   Hn as DropdownMenu,
-  wo as Em,
-  xo as Flex,
-  To as Grid,
-  So as Heading,
-  Po as HoverCard,
+  yo as Em,
+  wo as Flex,
+  xo as Grid,
+  To as Heading,
+  So as HoverCard,
   Vn as HoverUtility,
   ke as IconButton,
-  Kn as Input,
-  Ro as Inset,
+  qn as Input,
+  Po as Inset,
   bo as Kbd,
-  Yn as LeftAndRightPanels,
-  Do as Link,
-  Xn as MultiSelect,
-  Qn as Popover,
-  $o as Portal,
-  zo as Quote,
-  Io as RadioGroup,
-  Oo as ScrollArea,
-  ko as Section,
-  Fn as Select,
-  ro as Separator,
-  qn as Sidebar,
-  No as Slider,
-  Ao as Slot,
-  Eo as Strong,
-  Un as Switch,
-  Bo as Table,
-  Lo as Tabs,
-  no as Text,
-  Jn as TextArea,
-  Mo as TextField,
-  Wo as Theme,
-  yn as Toast,
+  Qn as LeftAndRightPanels,
+  Ro as Link,
+  Fn as MultiSelect,
+  Kn as Popover,
+  Do as Portal,
+  $o as Quote,
+  zo as RadioGroup,
+  Io as ScrollArea,
+  Oo as Section,
+  jn as Select,
+  oo as Separator,
+  Un as Sidebar,
+  ko as Slider,
+  No as Slot,
+  Ao as Strong,
+  Xn as Switch,
+  Eo as Table,
+  Bo as Tabs,
+  to as Text,
+  Yn as TextArea,
+  Lo as TextField,
+  Mo as Theme,
+  _n as Toast,
   Be as ToastContext,
-  to as ToastProvider,
-  Zn as ToggleGroup,
-  jo as Tooltip,
+  eo as ToastProvider,
+  Jn as ToggleGroup,
+  Wo as Tooltip,
   Go as VisuallyHidden,
-  Ln as divButtonProps,
-  Tn as unsafeShowToast,
+  Bn as divButtonProps,
+  xn as unsafeShowToast,
   Ho as updateThemeAppearanceClass,
-  Ot as useAlertDialog,
+  It as useAlertDialog,
   Gn as useDiscardAlertDialog,
-  R as useSeverityColor,
+  b as useSeverityColor,
   Vo as useThemeContext,
-  eo as useToast
+  Zn as useToast
 };
 //# sourceMappingURL=blocks.js.map