@overmap-ai/blocks 0.0.4 → 0.0.5

package/dist/blocks.js

@@ -2,8 +2,8 @@ import "@radix-ui/themes/styles.css";
 export * from "@radix-ui/colors";
 import { Cross1Icon as Xe, DragHandleDots2Icon as ue, InfoCircledIcon as qe, Cross2Icon as Ue } from "@radix-ui/react-icons";
 export * from "@radix-ui/react-icons";
-import { useThemeContext as Ke, Badge as Qe, Button as Je, IconButton as $e, Flex as R, Box as M, Card as Ye, Inset as ne, Dialog as F, AlertDialog as W, DropdownMenu as O, Select as L, Checkbox as Ze, Switch as et, Portal as tt, TextField as oe, Text as de, Popover as re, TextArea as nt, Callout as ie, Theme as ot, Separator as xe } from "@radix-ui/themes";
-import { AccessibleIcon as no, AspectRatio as oo, Avatar as ro, Blockquote as io, Box as so, Callout as ao, Card as co, Checkbox as lo, Code as uo, Container as ho, ContextMenu as po, Em as mo, Flex as fo, Grid as go, Heading as Co, HoverCard as vo, Inset as _o, Kbd as wo, Link as yo, Portal as xo, Quote as So, RadioGroup as To, ScrollArea as Po, Section as Ro, Slider as bo, Slot as zo, Strong as $o, Table as Do, Tabs as Io, TextField as Oo, Theme as No, Tooltip as ko, VisuallyHidden as Eo, updateThemeAppearanceClass as Ao, useThemeContext as Lo } from "@radix-ui/themes";
+import { useThemeContext as Ke, Badge as Qe, Button as Je, IconButton as $e, Flex as P, Box as M, Card as Ye, Inset as ne, Dialog as F, AlertDialog as W, DropdownMenu as O, Select as L, Checkbox as Ze, Switch as et, Portal as tt, TextField as oe, Text as de, Popover as re, TextArea as nt, Callout as ie, Theme as ot, Separator as xe } from "@radix-ui/themes";
+import { AccessibleIcon as oo, AspectRatio as ro, Avatar as io, Blockquote as so, Box as ao, Callout as co, Card as lo, Checkbox as uo, Code as ho, Container as po, ContextMenu as mo, Em as fo, Flex as go, Grid as Co, Heading as vo, HoverCard as _o, Inset as wo, Kbd as yo, Link as xo, Portal as So, Quote as To, RadioGroup as Ro, ScrollArea as Po, Section as bo, Slider as zo, Slot as $o, Strong as Do, Table as Io, Tabs as Oo, TextField as No, Theme as ko, Tooltip as Ao, VisuallyHidden as Eo, updateThemeAppearanceClass as Lo, useThemeContext as Bo } from "@radix-ui/themes";
 import { jsx as e, jsxs as C, Fragment as K } from "react/jsx-runtime";
 import Q, { useMemo as G, forwardRef as y, memo as _, createContext as ge, useContext as Ce, Children as Se, useState as z, useCallback as x, createElement as De, useEffect as he, useRef as le, useLayoutEffect as rt } from "react";
 import * as se from "@radix-ui/react-dialog";
@@ -41,8 +41,8 @@ var Ie = { exports: {} };
               n.push(t.toString());
               continue;
             }
-            for (var u in t)
-              a.call(t, u) && t[u] && n.push(u);
+            for (var d in t)
+              a.call(t, d) && t[d] && n.push(d);
           }
         }
       }
@@ -84,7 +84,7 @@ const dt = {
       children: r
     }
   );
-}), Nn = _(ht), pt = "_fluid_r73gr_1", mt = "_hoverSpin90Clockwise_r73gr_15", ft = "_hoverSpin180Clockwise_r73gr_25", gt = "_hoverSpin360Clockwise_r73gr_35", U = {
+}), kn = _(ht), pt = "_fluid_r73gr_1", mt = "_hoverSpin90Clockwise_r73gr_15", ft = "_hoverSpin180Clockwise_r73gr_25", gt = "_hoverSpin360Clockwise_r73gr_35", U = {
   fluid: pt,
   hoverSpin90Clockwise: mt,
   hoverSpin180Clockwise: ft,
@@ -103,11 +103,11 @@ const dt = {
     type: t = "button",
     fluid: c = n.fluid ?? !1,
     size: i = n.size ?? "medium",
-    severity: u = n.severity ?? "primary",
+    severity: d = n.severity ?? "primary",
     hoverEffects: l = n.hoverEffects ?? [],
     variant: h = n.variant,
     ...p
-  } = a, m = b(u), f = l.map((d) => Oe[d]);
+  } = a, m = b(d), f = l.map((u) => Oe[u]);
   return /* @__PURE__ */ e(
     Je,
     {
@@ -128,21 +128,21 @@ const dt = {
     children: t,
     type: c = "button",
     fluid: i = n.fluid ?? !1,
-    size: u = n.size ?? "medium",
+    size: d = n.size ?? "medium",
     severity: l = n.severity ?? "primary",
     hoverEffects: h = n.hoverEffects ?? [],
     variant: p = n.variant,
     ...m
-  } = a, f = b(l), d = (h == null ? void 0 : h.map((v) => Oe[v])) || [];
+  } = a, f = b(l), u = (h == null ? void 0 : h.map((v) => Oe[v])) || [];
   return /* @__PURE__ */ e(
     $e,
     {
-      className: S(r, d, {
+      className: S(r, u, {
         [U.fluid]: i
       }),
       ref: o,
       color: f,
-      size: B(u, X),
+      size: B(d, X),
       variant: p,
       type: c,
       ...m,
@@ -162,29 +162,29 @@ const dt = {
   direction: t = "row",
   severity: c,
   size: i = "medium",
-  variant: u,
+  variant: d,
   hoverEffects: l,
   fluid: h,
   ...p
 }, m) {
-  const f = B(i, yt[t]), d = u === "ghost" ? f : "0";
+  const f = B(i, yt[t]), u = d === "ghost" ? f : "0";
   return /* @__PURE__ */ e(
-    R,
+    P,
     {
       className: S("overmap-button-group", a, {
         [wt.merged]: o
       }),
       ref: m,
-      gap: o ? r ?? d : r ?? "2",
+      gap: o ? r ?? u : r ?? "2",
       direction: t,
       "data-direction": t,
       ...p,
-      children: /* @__PURE__ */ e(Ne.Provider, { value: { size: i, severity: c, variant: u, hoverEffects: l, fluid: h }, children: n })
+      children: /* @__PURE__ */ e(Ne.Provider, { value: { size: i, severity: c, variant: d, hoverEffects: l, fluid: h }, children: n })
     }
   );
-}), Ee = _(xt), St = _(
+}), Ae = _(xt), St = _(
   y((s, a) => {
-    const { children: o, border: n, before: r, after: t, size: c } = s, i = n ? "surface" : "ghost", u = B(c, X), h = /* @__PURE__ */ C(Ye, { ref: a, size: u, variant: i, children: [
+    const { children: o, border: n, before: r, after: t, size: c } = s, i = n ? "surface" : "ghost", d = B(c, X), h = /* @__PURE__ */ C(Ye, { ref: a, size: d, variant: i, children: [
       r,
       r && t ? /* @__PURE__ */ e(ne, { side: "x", pt: "current", pb: "current", children: o }) : r ? /* @__PURE__ */ e(ne, { side: "bottom", pt: "current", children: o }) : t ? /* @__PURE__ */ e(ne, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ e(ne, { children: o }),
       t
@@ -195,7 +195,7 @@ const dt = {
   y((s, a) => {
     const { children: o, variant: n = "outline", size: r, className: t, ...c } = s, i = Se.count(o);
     return /* @__PURE__ */ e(St, { ...c, border: n === "outline" || n === "surface", size: r, children: /* @__PURE__ */ e(
-      Ee,
+      Ae,
       {
         size: r,
         severity: "info",
@@ -205,26 +205,26 @@ const dt = {
         gap: "0",
         direction: "column",
         ref: a,
-        children: Se.map(o, (h, p) => /* @__PURE__ */ C(R, { direction: "column", children: [
+        children: Se.map(o, (h, p) => /* @__PURE__ */ C(P, { direction: "column", children: [
           h,
-          p < i - 1 && /* @__PURE__ */ e(Sn, { size: "4" })
+          p < i - 1 && /* @__PURE__ */ e(Tn, { size: "4" })
         ] }, p))
       }
     ) });
   })
-), Pt = _(
+), Rt = _(
   y((s, a) => {
     const { variant: o } = ve(), n = /* @__PURE__ */ e(fe, { ref: a, ...s, variant: o });
-    return o === "ghost" ? /* @__PURE__ */ e(R, { px: "2", py: "1", children: /* @__PURE__ */ e(M, { grow: "1", width: "100%", asChild: !0, children: n }) }) : n;
+    return o === "ghost" ? /* @__PURE__ */ e(P, { px: "2", py: "1", children: /* @__PURE__ */ e(M, { grow: "1", width: "100%", asChild: !0, children: n }) }) : n;
   })
-), kn = {
+), An = {
   Root: Tt,
-  Item: Pt
-}, Rt = _(function(a) {
+  Item: Rt
+}, Pt = _(function(a) {
   const { title: o, description: n, content: r, closeDialog: t } = a;
-  return /* @__PURE__ */ C(R, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ C(R, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ C(R, { justify: "between", children: [
+  return /* @__PURE__ */ C(P, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ C(P, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ C(P, { justify: "between", children: [
         /* @__PURE__ */ e(F.Title, { mb: "0", children: o }),
         /* @__PURE__ */ e(F.Close, { children: /* @__PURE__ */ e($e, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ e(Xe, {}) }) })
       ] }),
@@ -234,18 +234,18 @@ const dt = {
   ] });
 }), En = _(
   y((s, a) => {
-    const { children: o, content: n, title: r, description: t, onOpen: c, defaultOpen: i, onCloseInterrupt: u, ...l } = s, [h, p] = z(i ?? !1), m = x(
-      (d) => {
-        if (d && c)
+    const { children: o, content: n, title: r, description: t, onOpen: c, defaultOpen: i, onCloseInterrupt: d, ...l } = s, [h, p] = z(i ?? !1), m = x(
+      (u) => {
+        if (u && c)
           c();
-        else if (!d && u)
-          return u(() => p(!1));
-        p(d);
+        else if (!u && d)
+          return d(() => p(!1));
+        p(u);
       },
-      [c, u]
+      [c, d]
     ), f = x(
-      (d) => {
-        if (d != null && d.force)
+      (u) => {
+        if (u != null && u.force)
           return p(!1);
         m(!1);
       },
@@ -254,7 +254,7 @@ const dt = {
     return /* @__PURE__ */ C(F.Root, { open: h, onOpenChange: m, children: [
       /* @__PURE__ */ e(F.Trigger, { children: o }),
       /* @__PURE__ */ e(F.Content, { ref: a, ...l, children: /* @__PURE__ */ e(
-        Rt,
+        Pt,
         {
           closeDialog: f,
           content: n,
@@ -264,14 +264,14 @@ const dt = {
       ) })
     ] });
   })
-), Ae = (s) => /* @__PURE__ */ e(W.Title, { mb: "0", ...s }), bt = (s) => {
+), Ee = (s) => /* @__PURE__ */ e(W.Title, { mb: "0", ...s }), bt = (s) => {
   const { title: a, description: o, actionText: n = "Confirm", cancelText: r = "Cancel", onAction: t, onCancel: c, severity: i } = s;
-  return /* @__PURE__ */ C(R, { direction: "column", gap: "2", children: [
-    /* @__PURE__ */ C(R, { direction: "column", gap: "1", children: [
-      /* @__PURE__ */ e(Ae, { children: a }),
+  return /* @__PURE__ */ C(P, { direction: "column", gap: "2", children: [
+    /* @__PURE__ */ C(P, { direction: "column", gap: "1", children: [
+      /* @__PURE__ */ e(Ee, { children: a }),
       /* @__PURE__ */ e(W.Description, { children: o })
     ] }),
-    /* @__PURE__ */ C(R, { gap: "3", mt: "4", justify: "end", children: [
+    /* @__PURE__ */ C(P, { gap: "3", mt: "4", justify: "end", children: [
       /* @__PURE__ */ e(W.Cancel, { children: /* @__PURE__ */ e(fe, { variant: "soft", severity: "info", onClick: c, children: r }) }),
       /* @__PURE__ */ e(W.Action, { children: /* @__PURE__ */ e(fe, { variant: "solid", severity: i, onClick: t, children: n }) })
     ] })
@@ -279,7 +279,7 @@ const dt = {
 }, zt = _(function(a) {
   const { open: o, setOpen: n, children: r, ...t } = a, c = G(() => ({
     close: () => n(!1),
-    Title: Ae,
+    Title: Ee,
     Description: W.Description
   }), [n]);
   return /* @__PURE__ */ C(W.Root, { open: o, onOpenChange: n, children: [
@@ -290,7 +290,7 @@ const dt = {
   throw new Error("No AlertDialogProvider found");
 }), $t = {
   content: () => null
-}, An = _(function({ children: a }) {
+}, Ln = _(function({ children: a }) {
   const [o, n] = z(!1), [r, t] = z($t), c = x(
     (i) => {
       if (o)
@@ -300,7 +300,7 @@ const dt = {
     [o]
   );
   return /* @__PURE__ */ e(zt, { open: o, setOpen: n, ...r, children: /* @__PURE__ */ e(Le.Provider, { value: c, children: a }) });
-}), Ln = () => Ce(Le), Dt = _(function({
+}), Bn = () => Ce(Le), Dt = _(function({
   severity: a,
   itemContent: o,
   closeOnSelect: n = !0,
@@ -308,8 +308,8 @@ const dt = {
   ...t
 }) {
   const c = b(a), i = x(
-    (u) => {
-      n || u.preventDefault(), r && r(u);
+    (d) => {
+      n || d.preventDefault(), r && r(d);
     },
     [n, r]
   );
@@ -322,7 +322,7 @@ const dt = {
   trigger: t,
   label: c,
   severity: i = "info",
-  children: u,
+  children: d,
   ...l
 }) {
   const h = b(i);
@@ -330,7 +330,7 @@ const dt = {
     /* @__PURE__ */ e(O.Trigger, { children: t }),
     /* @__PURE__ */ C(O.Content, { color: h, ...l, children: [
       c && /* @__PURE__ */ e(O.Label, { children: c }),
-      u
+      d
     ] })
   ] });
 }), Ot = _(function({
@@ -356,14 +356,14 @@ const dt = {
     /* @__PURE__ */ e(O.SubTrigger, { children: r }),
     /* @__PURE__ */ e(O.SubContent, { ...c, children: t })
   ] });
-}), Bn = {
+}), Mn = {
   Root: It,
   ItemGroup: Ot,
   Item: Dt,
   SubMenu: Nt
-}, kt = "_fluid_7n1wr_1", Pe = {
+}, kt = "_fluid_7n1wr_1", Re = {
   fluid: kt
-}, Et = y(function({
+}, At = y(function({
   className: a,
   fluid: o,
   size: n = "medium",
@@ -371,18 +371,18 @@ const dt = {
   severity: t = "primary",
   itemSeverity: c = "info",
   placeholder: i = "Select",
-  side: u,
+  side: d,
   items: l = [],
   value: h,
   id: p,
   ...m
 }, f) {
-  const d = B(n, X), v = b(t), g = b(c);
-  return /* @__PURE__ */ De(L.Root, { size: d, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ e(
+  const u = B(n, X), v = b(t), g = b(c);
+  return /* @__PURE__ */ De(L.Root, { size: u, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ e(
     L.Trigger,
     {
       className: S(a, {
-        [Pe.fluid]: o
+        [Re.fluid]: o
       }),
       id: p,
       ref: f,
@@ -393,31 +393,31 @@ const dt = {
   ), /* @__PURE__ */ e(
     L.Content,
     {
-      side: u,
-      className: Pe.contentDefault,
+      side: d,
+      className: Re.contentDefault,
       position: "popper",
       variant: r !== "surface" ? "soft" : "solid",
       color: g,
-      children: l.map(({ itemContent: P, value: E, ...I }) => /* @__PURE__ */ e(L.Item, { className: "overmap-select-item", value: E, ...I, children: P }, E))
+      children: l.map(({ itemContent: R, value: A, ...I }) => /* @__PURE__ */ e(L.Item, { className: "overmap-select-item", value: A, ...I, children: R }, A))
     }
   ));
-}), Mn = Q.memo(Et), Re = _(
+}), Wn = Q.memo(At), Pe = _(
   y((s, a) => {
     const { checked: o, label: n, value: r, size: t = "2" } = s;
-    return /* @__PURE__ */ e(M, { asChild: !0, px: t, children: /* @__PURE__ */ e(L.Item, { value: r, ref: a, children: /* @__PURE__ */ C(R, { gap: t, align: "center", children: [
+    return /* @__PURE__ */ e(M, { asChild: !0, px: t, children: /* @__PURE__ */ e(L.Item, { value: r, ref: a, children: /* @__PURE__ */ C(P, { gap: t, align: "center", children: [
       /* @__PURE__ */ e(Ze, { checked: o }),
       n
     ] }) }) });
   })
-), ce = "__select_all__", Wn = _(
+), ce = "__select_all__", Gn = _(
   y((s, a) => {
-    const [o, n] = z(!1), { placeholder: r, value: t, onValueChange: c, options: i, disabled: u, id: l, radius: h, variant: p, name: m } = s, f = B(s.size, X), d = b(s.severity), v = G(() => new Map(i.map((w) => [w.value, w.label])), [i]), g = t.length > 4 ? (
+    const [o, n] = z(!1), { placeholder: r, value: t, onValueChange: c, options: i, disabled: d, id: l, radius: h, variant: p, name: m } = s, f = B(s.size, X), u = b(s.severity), v = G(() => new Map(i.map((w) => [w.value, w.label])), [i]), g = t.length > 4 ? (
       // to ensure the width of the select doesn't get too big
       `${t.length} options selected`
     ) : (
       // convert the values to labels
       t.map((w) => v.get(w)).join(", ")
-    ), P = x(() => n(!1), []), E = x((w) => {
+    ), R = x(() => n(!1), []), A = x((w) => {
       w && n(!0);
     }, []), I = x(
       (w) => {
@@ -434,9 +434,9 @@ const dt = {
       {
         open: o,
         value: "",
-        onOpenChange: E,
+        onOpenChange: A,
         onValueChange: I,
-        disabled: u,
+        disabled: d,
         size: f,
         name: m,
         autoComplete: "off",
@@ -448,7 +448,7 @@ const dt = {
               id: l,
               radius: h,
               variant: p,
-              color: d,
+              color: u,
               placeholder: t.length > 0 ? g : r,
               "data-placeholder": t.length > 0 ? void 0 : !0
             }
@@ -459,11 +459,11 @@ const dt = {
               color: "gray",
               variant: "soft",
               position: "popper",
-              onEscapeKeyDown: P,
-              onPointerDownOutside: P,
+              onEscapeKeyDown: R,
+              onPointerDownOutside: R,
               children: [
                 /* @__PURE__ */ e(
-                  Re,
+                  Pe,
                   {
                     value: ce,
                     label: "Select all",
@@ -472,7 +472,7 @@ const dt = {
                   }
                 ),
                 i.map((w) => /* @__PURE__ */ e(
-                  Re,
+                  Pe,
                   {
                     ...w,
                     checked: t.includes(w.value),
@@ -487,16 +487,16 @@ const dt = {
       }
     );
   })
-), At = {
+), Et = {
   default: "_default_u936h_1"
 }, Lt = y(function({ className: a, severity: o = "primary", icon: n, defaultChecked: r = !1, onCheckedChange: t, ...c }, i) {
-  const u = le(null), [l, h] = z(c.checked ? c.checked : r), [p, m] = z(), f = b(o);
+  const d = le(null), [l, h] = z(c.checked ? c.checked : r), [p, m] = z(), f = b(o);
   rt(() => {
-    var P;
-    const g = i || u;
-    "current" in g && g.current && m((P = g.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
+    var R;
+    const g = i || d;
+    "current" in g && g.current && m((R = g.current) == null ? void 0 : R.querySelector("span.rt-SwitchThumb"));
   }, [i]);
-  const d = x(
+  const u = x(
     (g) => {
       h(g), t && t(g);
     },
@@ -506,18 +506,18 @@ const dt = {
     /* @__PURE__ */ e(
       et,
       {
-        className: S("overmap-switch", a, At.default),
-        ref: i || u,
+        className: S("overmap-switch", a, Et.default),
+        ref: i || d,
         color: f,
         radius: "full",
         defaultChecked: r,
-        onCheckedChange: d,
+        onCheckedChange: u,
         ...c
       }
     ),
     /* @__PURE__ */ e(tt, { container: p, asChild: !0, children: n && "checked" in n ? v ? n.checked : n.unchecked : n })
   ] });
-}), Gn = _(Lt), Bt = "_sidebarContent_1onyo_1", Mt = "_right_1onyo_7", Wt = "_resizeHandle_1onyo_10", Gt = "_left_1onyo_13", Vt = "_overlay_1onyo_33", j = {
+}), Vn = _(Lt), Bt = "_sidebarContent_1onyo_1", Mt = "_right_1onyo_7", Wt = "_resizeHandle_1onyo_10", Gt = "_left_1onyo_13", Vt = "_overlay_1onyo_33", j = {
   sidebarContent: Bt,
   right: Mt,
   resizeHandle: Wt,
@@ -532,17 +532,17 @@ const dt = {
   overlay: c = !0,
   resizable: i = !0,
   // Props related to Resizable
-  minWidth: u = "300px",
+  minWidth: d = "300px",
   maxWidth: l = "500px",
   ...h
 }, p) {
-  const m = a === "right", f = a === "left", [d, v] = z();
+  const m = a === "right", f = a === "left", [u, v] = z();
   return he(() => {
-    const g = t ?? '[data-is-root-theme="true"]', P = document.querySelector(g);
-    if (P === void 0)
+    const g = t ?? '[data-is-root-theme="true"]', R = document.querySelector(g);
+    if (R === void 0)
       throw new Error(`Could not find a container element using the following selector ${g}`);
-    v(P);
-  }, [t]), /* @__PURE__ */ e(se.Root, { open: r, modal: o, children: /* @__PURE__ */ C(se.Portal, { container: d, children: [
+    v(R);
+  }, [t]), /* @__PURE__ */ e(se.Root, { open: r, modal: o, children: /* @__PURE__ */ C(se.Portal, { container: u, children: [
     c && /* @__PURE__ */ e(se.Overlay, { className: S(j.overlay) }),
     /* @__PURE__ */ e(
       se.Content,
@@ -557,7 +557,7 @@ const dt = {
         children: /* @__PURE__ */ e(M, { width: "auto", children: /* @__PURE__ */ e(
           me,
           {
-            minWidth: u,
+            minWidth: d,
             maxWidth: l,
             defaultSize: { width: "300px", height: "100%" },
             enable: { right: i && f, left: i && m },
@@ -572,7 +572,7 @@ const dt = {
       }
     )
   ] }) });
-}), Vn = _(jt), Ht = "_accommodateCharCount_sr18k_1", Ft = "_wrapper_sr18k_5", Xt = "_noLeftIcon_sr18k_13", qt = "_noRightIcon_sr18k_17", Ut = "_charCount_sr18k_21", H = {
+}), jn = _(jt), Ht = "_accommodateCharCount_sr18k_1", Ft = "_wrapper_sr18k_5", Xt = "_noLeftIcon_sr18k_13", qt = "_noRightIcon_sr18k_17", Ut = "_charCount_sr18k_21", H = {
   accommodateCharCount: Ht,
   wrapper: Ft,
   default: "_default_sr18k_9",
@@ -587,10 +587,10 @@ const dt = {
   showInputLength: t,
   value: c,
   variant: i,
-  severity: u = "primary",
+  severity: d = "primary",
   ...l
 }, h) {
-  const p = B(r, X), m = b(u), f = t || t === void 0 && l.maxLength !== void 0, d = c !== void 0 ? c.toString() : void 0;
+  const p = B(r, X), m = b(d), f = t || t === void 0 && l.maxLength !== void 0, u = c !== void 0 ? c.toString() : void 0;
   return /* @__PURE__ */ C(
     oe.Root,
     {
@@ -617,11 +617,11 @@ const dt = {
           }
         ),
         n && /* @__PURE__ */ e(oe.Slot, { children: n }),
-        f && /* @__PURE__ */ e(de, { 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__ */ e(de, { as: "p", className: H.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${u == null ? void 0 : u.length}/${l.maxLength}` : `${u == null ? void 0 : u.length}` })
       ]
     }
   );
-}), jn = Q.memo(Kt), Qt = "_wrapper_tmtz0_1", Jt = {
+}), Hn = Q.memo(Kt), Qt = "_wrapper_tmtz0_1", Jt = {
   wrapper: Qt
 }, Yt = y(function({ className: a, defaultOpen: o = !1, modal: n = !1, content: r, children: t, ...c }, i) {
   return /* @__PURE__ */ C(re.Root, { defaultOpen: o, modal: n, children: [
@@ -636,7 +636,7 @@ const dt = {
       }
     )
   ] });
-}), Hn = Q.memo(Yt), Zt = "_wrapper_1mz2e_1", en = "_panelContent_1mz2e_6", tn = "_left_1mz2e_14", nn = "_right_1mz2e_18", on = "_resizable_1mz2e_23", rn = "_resizeHandle_1mz2e_28", sn = "_panelMainContent_1mz2e_48", D = {
+}), Fn = Q.memo(Yt), Zt = "_wrapper_1mz2e_1", en = "_panelContent_1mz2e_6", tn = "_left_1mz2e_14", nn = "_right_1mz2e_18", on = "_resizable_1mz2e_23", rn = "_resizeHandle_1mz2e_28", sn = "_panelMainContent_1mz2e_48", D = {
   wrapper: Zt,
   panelContent: en,
   left: tn,
@@ -644,7 +644,7 @@ const dt = {
   resizable: on,
   resizeHandle: rn,
   panelMainContent: sn
-}, be = 200, A = 150, Fn = _(function({
+}, be = 200, E = 150, Xn = _(function({
   children: a,
   showLeft: o,
   leftPanel: n,
@@ -652,9 +652,9 @@ const dt = {
   showRight: t,
   rightPanel: c,
   rightMinWidth: i = be,
-  resizeable: u
+  resizeable: d
 }) {
-  const l = le(null), h = le(null), [p, m] = z(0), [f, d] = z(), v = le(null), [g, P] = z(0), [E, I] = z(), w = x(
+  const l = le(null), h = le(null), [p, m] = z(0), [f, u] = z(), v = le(null), [g, R] = z(0), [A, I] = z(), w = x(
     (T, $, N) => (k, we, ye, pe) => {
       if (!l.current)
         return;
@@ -666,7 +666,7 @@ const dt = {
     (T, $, N, k) => w(p, m, I)(T, $, N, k),
     [w, p]
   ), J = x(
-    (T, $, N, k) => w(g, P, d)(T, $, N, k),
+    (T, $, N, k) => w(g, R, u)(T, $, N, k),
     [w, g]
   ), V = x(
     (T, $, N, k, we, ye, pe, Z) => {
@@ -683,12 +683,12 @@ const dt = {
     () => V(
       g,
       i,
-      P,
+      R,
       I,
       p,
       o,
       m,
-      d
+      u
     ),
     [V, p, i, g, o]
   ), Ge = x(
@@ -696,10 +696,10 @@ const dt = {
       p,
       r,
       m,
-      d,
+      u,
       g,
       t,
-      P,
+      R,
       I
     ),
     [V, r, p, g, t]
@@ -709,14 +709,14 @@ const dt = {
     },
     []
   ), Ve = x(
-    () => Y(o, d),
+    () => Y(o, u),
     [Y, o]
   ), je = x(
     () => Y(t, I),
     [Y, t]
   ), _e = x(() => {
     var T, $, N, k;
-    l.current && (d(l.current.clientWidth - (((T = v.current) == null ? void 0 : T.clientWidth) || 0)), I(l.current.clientWidth - ((($ = h.current) == null ? void 0 : $.clientWidth) || 0)), m(((N = h.current) == null ? void 0 : N.clientWidth) || 0), P(((k = v.current) == null ? void 0 : k.clientWidth) || 0));
+    l.current && (u(l.current.clientWidth - (((T = v.current) == null ? void 0 : T.clientWidth) || 0)), I(l.current.clientWidth - ((($ = h.current) == null ? void 0 : $.clientWidth) || 0)), m(((N = h.current) == null ? void 0 : N.clientWidth) || 0), R(((k = v.current) == null ? void 0 : k.clientWidth) || 0));
   }, []);
   he(() => {
     if (!l.current)
@@ -731,21 +731,21 @@ const dt = {
       transform: `translateX(-${p}px)`,
       marginRight: `-${p}px`,
       transitionProperty: "transform, margin-right",
-      transitionDuration: `${A}ms`,
+      transitionDuration: `${E}ms`,
       transitionTimingFunction: "linear"
     },
     entered: {
       transform: "translateX(0)",
       marginRight: 0,
       transitionProperty: "transform, margin-right",
-      transitionDuration: `${A}ms`,
+      transitionDuration: `${E}ms`,
       transitionTimingFunction: "linear"
     },
     exiting: {
       transform: `translateX(-${p}px)`,
       marginRight: `-${p}px`,
       transitionProperty: "transform, margin-right",
-      transitionDuration: `${A}ms`,
+      transitionDuration: `${E}ms`,
       transitionTimingFunction: "linear"
     },
     exited: {},
@@ -755,28 +755,28 @@ const dt = {
       transform: `translateX(${g}px)`,
       marginLeft: `${-g}px`,
       transitionProperty: "transform, margin-left",
-      transitionDuration: `${A}ms`,
+      transitionDuration: `${E}ms`,
       transitionTimingFunction: "linear"
     },
     entered: {
       transform: "translateX(0)",
       marginLeft: 0,
       transitionProperty: "transform, margin-left",
-      transitionDuration: `${A}ms`,
+      transitionDuration: `${E}ms`,
       transitionTimingFunction: "linear"
     },
     exiting: {
       transform: `translateX(${g}px)`,
       marginLeft: `${-g}px`,
       transitionProperty: "transform, margin-left",
-      transitionDuration: `${A}ms`,
+      transitionDuration: `${E}ms`,
       transitionTimingFunction: "linear"
     },
     exited: {},
     unmounted: {}
   }), [g]);
   return /* @__PURE__ */ C(
-    R,
+    P,
     {
       className: D.wrapper,
       style: { minWidth: `${r + i}px` },
@@ -791,7 +791,7 @@ const dt = {
           Te,
           {
             nodeRef: h,
-            timeout: o ? 0 : A,
+            timeout: o ? 0 : E,
             in: o,
             unmountOnExit: !0,
             onEntering: Ge,
@@ -815,7 +815,7 @@ const dt = {
                       height: "100%"
                     },
                     onResizeStop: q,
-                    enable: { right: (u == null ? void 0 : u.left) !== void 0 ? u.left : !0 },
+                    enable: { right: (d == null ? void 0 : d.left) !== void 0 ? d.left : !0 },
                     minWidth: r,
                     maxWidth: f,
                     handleClasses: { right: S(D.resizeHandle, D.left) },
@@ -834,7 +834,7 @@ const dt = {
           Te,
           {
             nodeRef: v,
-            timeout: t ? 0 : A,
+            timeout: t ? 0 : E,
             in: t,
             unmountOnExit: !0,
             onEntering: We,
@@ -855,9 +855,9 @@ const dt = {
                     className: D.resizable,
                     size: { width: g, height: "100%" },
                     onResizeStop: J,
-                    enable: { left: (u == null ? void 0 : u.right) !== void 0 ? u.right : !0 },
+                    enable: { left: (d == null ? void 0 : d.right) !== void 0 ? d.right : !0 },
                     minWidth: i,
-                    maxWidth: E,
+                    maxWidth: A,
                     handleClasses: { left: S(D.resizeHandle, D.right) },
                     handleComponent: { left: /* @__PURE__ */ e(ue, { height: "14px", width: "14px" }) },
                     children: c
@@ -872,11 +872,11 @@ const dt = {
   );
 }), an = "_charCount_17uut_1", cn = {
   charCount: an
-}, ln = y(function({ className: a, showInputLength: o, inputLengthTemplate: n, value: r, severity: t = "primary", resize: c, ...i }, u) {
+}, ln = y(function({ className: a, showInputLength: o, inputLengthTemplate: n, value: r, severity: t = "primary", resize: c, ...i }, d) {
   const l = b(t), h = b("info"), p = o || o === void 0 && (i.maxLength !== void 0 || i.minLength !== void 0), m = r !== void 0 ? r.toString() : "", f = G(() => {
     if (n) {
-      let d = n.replace("{current}", m.length.toString());
-      return i.minLength !== void 0 && (d = d.replace("{min}", i.minLength.toString())), i.maxLength !== void 0 && (d = d.replace("{max}", i.maxLength.toString())), d;
+      let u = n.replace("{current}", m.length.toString());
+      return i.minLength !== void 0 && (u = u.replace("{min}", i.minLength.toString())), i.maxLength !== void 0 && (u = u.replace("{max}", i.maxLength.toString())), u;
     }
     return m.length;
   }, [n, i.maxLength, i.minLength, m.length]);
@@ -886,7 +886,7 @@ const dt = {
       {
         className: S("overmap-textarea", a),
         style: { resize: c },
-        ref: u,
+        ref: d,
         value: r,
         color: l,
         ...i
@@ -894,7 +894,7 @@ const dt = {
     ),
     p && /* @__PURE__ */ e(de, { as: "p", className: cn.charCount, color: h, align: "right", children: f })
   ] });
-}), Xn = _(ln), un = y(function({
+}), qn = _(ln), un = y(function({
   // ToggleGroup Primitive Props
   loop: a,
   type: o,
@@ -903,7 +903,7 @@ const dt = {
   onValueChange: t,
   defaultValue: c,
   disabled: i,
-  items: u,
+  items: d,
   // ButtonGroup Props
   className: l,
   direction: h = "row",
@@ -923,40 +923,40 @@ const dt = {
       rovingFocus: n,
       defaultValue: c,
       asChild: !0,
-      children: /* @__PURE__ */ e(Ee, { direction: h, ...p, children: u.map(({ children: f, ...d }) => /* @__PURE__ */ De(st, { asChild: !0, ...d, key: d.value }, /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(Ae, { direction: h, ...p, children: d.map(({ children: f, ...u }) => /* @__PURE__ */ De(st, { asChild: !0, ...u, key: u.value }, /* @__PURE__ */ e(
         ke,
         {
           className: S("overmap-toggle-group-button"),
-          "aria-label": d.value,
-          variant: d.value === r ? "solid" : "soft",
+          "aria-label": u.value,
+          variant: u.value === r ? "solid" : "soft",
           children: f
         }
       ))) })
     }
   );
-}), qn = _(un), dn = "_ToastViewport_t8tlv_1", hn = "_ToastRoot_t8tlv_20", pn = "_slideIn_t8tlv_1", mn = "_swipeOut_t8tlv_1", Be = {
+}), Un = _(un), dn = "_ToastViewport_t8tlv_1", hn = "_ToastRoot_t8tlv_20", pn = "_slideIn_t8tlv_1", mn = "_swipeOut_t8tlv_1", Be = {
   ToastViewport: dn,
   ToastRoot: hn,
   slideIn: pn,
   swipeOut: mn
-}, fn = y(function({ title: a, description: o, icon: n, severity: r = "primary", size: t, onClose: c, sensitivity: i, ...u }, l) {
+}, fn = y(function({ title: a, description: o, icon: n, severity: r = "primary", size: t, onClose: c, sensitivity: i, ...d }, l) {
   const [h, p] = z(!0), m = b(r), f = x(
-    (d) => {
-      !d && c && c(), p(d);
+    (u) => {
+      !u && c && c(), p(u);
     },
     [c]
   );
-  return /* @__PURE__ */ e(ae.Root, { asChild: !0, ref: l, ...u, open: h, type: i, onOpenChange: f, children: /* @__PURE__ */ e(ie.Root, { className: Be.ToastRoot, variant: "surface", color: m, size: t, children: /* @__PURE__ */ C(R, { width: "100%", align: "center", gap: "4", justify: "between", children: [
-    /* @__PURE__ */ C(R, { align: "center", gap: "4", children: [
+  return /* @__PURE__ */ e(ae.Root, { asChild: !0, ref: l, ...d, open: h, type: i, onOpenChange: f, children: /* @__PURE__ */ e(ie.Root, { className: Be.ToastRoot, variant: "surface", color: m, size: t, children: /* @__PURE__ */ C(P, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+    /* @__PURE__ */ C(P, { align: "center", gap: "4", children: [
       /* @__PURE__ */ e(ie.Icon, { children: n || /* @__PURE__ */ e(qe, {}) }),
-      /* @__PURE__ */ C(R, { direction: "column", gap: "0", children: [
+      /* @__PURE__ */ C(P, { direction: "column", gap: "0", children: [
         /* @__PURE__ */ e(ae.Title, { asChild: !0, children: /* @__PURE__ */ e(ie.Text, { weight: "medium", children: a }) }),
         /* @__PURE__ */ e(ae.Description, { asChild: !0, children: /* @__PURE__ */ e(ie.Text, { weight: "light", children: o }) })
       ] })
     ] }),
     /* @__PURE__ */ e(ae.Close, { asChild: !0, children: /* @__PURE__ */ e(ke, { "aria-label": "Close", variant: "ghost", size: "small", severity: r, children: /* @__PURE__ */ e(Ue, {}) }) })
   ] }) }) });
-}), gn = _(fn), Me = ge({}), Un = () => {
+}), gn = _(fn), Me = ge({}), Kn = () => {
   const s = Ce(Me);
   if (!s)
     throw new Error("useToast must be used within a ToastProvider");
@@ -966,7 +966,9 @@ const dt = {
     return s.duration;
   const a = s.severity === "danger" ? 1.5 : 1, o = s.description.split(" ").length + s.title.split(" ").length;
   return (ze + o / Cn) * a;
-}, Kn = _(function({
+};
+let _n;
+const Qn = _(function({
   children: a,
   // Use this class to change where the viewport for the toasts should be
   className: o,
@@ -975,36 +977,36 @@ const dt = {
 }) {
   const [t, c] = z([]), i = x((l, h, p) => {
     c((m) => {
-      const f = m.find((d) => d.id === l);
-      return f && h === 0 && clearTimeout(f.timeout), m.filter((d) => d.id !== l);
+      const f = m.find((u) => u.id === l);
+      return f && h === 0 && clearTimeout(f.timeout), m.filter((u) => u.id !== l);
     }), p && p();
-  }, []), u = G(() => {
+  }, []), d = G(() => {
     let l = 0;
     const h = (v) => {
-      const g = vn(v), P = l.toString();
+      const g = vn(v), R = l.toString();
       l += 1;
-      const E = setTimeout(() => i(P, 1, v.onClose), g);
-      c((I) => [...I, { ...v, timeout: E, duration: g, id: P }]);
-    };
-    return {
+      const A = setTimeout(() => i(R, 1, v.onClose), g);
+      c((I) => [...I, { ...v, timeout: A, duration: g, id: R }]);
+    }, p = (v) => h({ ...v, severity: "primary" }), m = (v) => h({ ...v, severity: "success" }), f = (v) => h({ ...v, severity: "danger" }), u = (v) => h({ ...v, severity: "info" });
+    return _n = h, {
       showToast: h,
-      showPrimary: (v) => h({ ...v, severity: "primary" }),
-      showSuccess: (v) => h({ ...v, severity: "success" }),
-      showError: (v) => h({ ...v, severity: "danger" }),
-      showInfo: (v) => h({ ...v, severity: "info" })
+      showPrimary: p,
+      showSuccess: m,
+      showError: f,
+      showInfo: u
     };
   }, [i]);
   return he(() => () => {
     for (const { timeout: l } of t)
       clearTimeout(l);
-  }, []), /* @__PURE__ */ e(Me.Provider, { value: u, children: /* @__PURE__ */ C(at, { ...r, children: [
+  }, []), /* @__PURE__ */ e(Me.Provider, { value: d, children: /* @__PURE__ */ C(at, { ...r, children: [
     a,
     /* @__PURE__ */ e(ct, { className: S(o, Be.ToastViewport), hotkey: n }),
     t.map(({ id: l, onClose: h, ...p }) => /* @__PURE__ */ e(gn, { ...p, onClose: () => i(l, 0, h) }, l))
   ] }) });
-}), _n = "_noWrap_1wpa5_1", wn = {
-  noWrap: _n
-}, Qn = _(
+}), wn = "_noWrap_1wpa5_1", yn = {
+  noWrap: wn
+}, Jn = _(
   y(({ className: s, noWrap: a, severity: o, as: n, ...r }, t) => {
     const c = b(o);
     return /* @__PURE__ */ e(
@@ -1012,24 +1014,24 @@ const dt = {
       {
         ref: t,
         as: n,
-        className: S(s, { [wn.noWrap]: a }),
+        className: S(s, { [yn.noWrap]: a }),
         color: c,
         ...r
       }
     );
   })
 );
-const Jn = _(
+const Yn = _(
   y((s, a) => {
     const { panelBackground: o = "solid", radius: n = "full", ...r } = s;
     return /* @__PURE__ */ e(ot, { panelBackground: o, radius: n, ref: a, ...r });
   })
-), yn = {
+), xn = {
   1: "max-content",
   2: "max-content",
   3: "max-content",
   4: "100%"
-}, xn = y(function({
+}, Sn = y(function({
   severity: a = "info",
   weight: o = "light",
   gap: n = "1",
@@ -1038,12 +1040,12 @@ const Jn = _(
   size: c,
   ...i
 }) {
-  const u = B(c, yn), l = b(a);
+  const d = B(c, xn), l = b(a);
   return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ C(
-    R,
+    P,
     {
-      width: t === "horizontal" ? u : "max-content",
-      height: t === "vertical" ? u : "max-content",
+      width: t === "horizontal" ? d : "max-content",
+      height: t === "vertical" ? d : "max-content",
       direction: t === "vertical" ? "column" : "row",
       align: "center",
       gap: n,
@@ -1056,70 +1058,71 @@ const Jn = _(
       ]
     }
   ) });
-}), Sn = _(xn);
+}), Tn = _(Sn);
 export {
-  no as AccessibleIcon,
+  oo as AccessibleIcon,
   zt as AlertDialog,
   Le as AlertDialogContent,
-  An as AlertDialogProvider,
-  oo as AspectRatio,
-  ro as Avatar,
-  Nn as Badge,
-  io as Blockquote,
-  so as Box,
+  Ln as AlertDialogProvider,
+  ro as AspectRatio,
+  io as Avatar,
+  kn as Badge,
+  so as Blockquote,
+  ao as Box,
   fe as Button,
-  Ee as ButtonGroup,
-  kn as ButtonList,
-  ao as Callout,
-  co as Card,
-  lo as Checkbox,
-  uo as Code,
-  ho as Container,
-  po as ContextMenu,
-  Jn as DefaultTheme,
+  Ae as ButtonGroup,
+  An as ButtonList,
+  co as Callout,
+  lo as Card,
+  uo as Checkbox,
+  ho as Code,
+  po as Container,
+  mo as ContextMenu,
+  Yn as DefaultTheme,
   En as Dialog,
-  Bn as DropdownMenu,
-  mo as Em,
-  fo as Flex,
-  go as Grid,
-  Co as Heading,
-  vo as HoverCard,
+  Mn as DropdownMenu,
+  fo as Em,
+  go as Flex,
+  Co as Grid,
+  vo as Heading,
+  _o as HoverCard,
   ke as IconButton,
-  jn as Input,
-  _o as Inset,
-  wo as Kbd,
-  Fn as LeftAndRightPanels,
-  yo as Link,
-  Wn as MultiSelect,
-  Hn as Popover,
-  xo as Portal,
-  So as Quote,
-  To as RadioGroup,
+  Hn as Input,
+  wo as Inset,
+  yo as Kbd,
+  Xn as LeftAndRightPanels,
+  xo as Link,
+  Gn as MultiSelect,
+  Fn as Popover,
+  So as Portal,
+  To as Quote,
+  Ro as RadioGroup,
   Po as ScrollArea,
-  Ro as Section,
-  Mn as Select,
-  Sn as Separator,
-  Vn as Sidebar,
-  bo as Slider,
-  zo as Slot,
-  $o as Strong,
-  Gn as Switch,
-  Do as Table,
-  Io as Tabs,
-  Qn as Text,
-  Xn as TextArea,
-  Oo as TextField,
-  No as Theme,
+  bo as Section,
+  Wn as Select,
+  Tn as Separator,
+  jn as Sidebar,
+  zo as Slider,
+  $o as Slot,
+  Do as Strong,
+  Vn as Switch,
+  Io as Table,
+  Oo as Tabs,
+  Jn as Text,
+  qn as TextArea,
+  No as TextField,
+  ko as Theme,
   gn as Toast,
   Me as ToastContext,
-  Kn as ToastProvider,
-  qn as ToggleGroup,
-  ko as Tooltip,
+  Qn as ToastProvider,
+  Un as ToggleGroup,
+  Ao as Tooltip,
   Eo as VisuallyHidden,
-  Ao as updateThemeAppearanceClass,
-  Ln as useAlertDialog,
+  _n as unsafeShowToast,
+  Lo as updateThemeAppearanceClass,
+  Bn as useAlertDialog,
   b as useSeverityColor,
-  Lo as useThemeContext,
-  Un as useToast
+  Bo as useThemeContext,
+  Kn as useToast
 };
 //# sourceMappingURL=blocks.js.map