@overmap-ai/blocks 0.0.2 → 0.0.3

package/dist/blocks.js

@@ -4,8 +4,8 @@ import { Cross1Icon as Xe, DragHandleDots2Icon as ue, InfoCircledIcon as qe, Cro
 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 { jsx as t, jsxs as C, Fragment as K } from "react/jsx-runtime";
-import Q, { useMemo as G, forwardRef as S, memo as _, createContext as ge, useContext as Ce, Children as Se, useState as z, useCallback as y, createElement as De, useEffect as he, useRef as le, useLayoutEffect as rt } from "react";
+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";
 import { Resizable as me } from "re-resizable";
 import { Transition as Te } from "react-transition-group";
@@ -26,23 +26,23 @@ var Ie = { exports: {} };
     var a = {}.hasOwnProperty;
     function o() {
       for (var n = [], r = 0; r < arguments.length; r++) {
-        var e = arguments[r];
-        if (e) {
-          var c = typeof e;
+        var t = arguments[r];
+        if (t) {
+          var c = typeof t;
           if (c === "string" || c === "number")
-            n.push(e);
-          else if (Array.isArray(e)) {
-            if (e.length) {
-              var i = o.apply(null, e);
+            n.push(t);
+          else if (Array.isArray(t)) {
+            if (t.length) {
+              var i = o.apply(null, t);
               i && n.push(i);
             }
           } else if (c === "object") {
-            if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]")) {
-              n.push(e.toString());
+            if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) {
+              n.push(t.toString());
               continue;
             }
-            for (var u in e)
-              a.call(e, u) && e[u] && n.push(u);
+            for (var u in t)
+              a.call(t, u) && t[u] && n.push(u);
           }
         }
       }
@@ -52,7 +52,7 @@ var Ie = { exports: {} };
   })();
 })(Ie);
 var ut = Ie.exports;
-const x = /* @__PURE__ */ lt(ut);
+const S = /* @__PURE__ */ lt(ut);
 function B(s, a) {
   return G(() => {
     if (s !== void 0)
@@ -72,15 +72,15 @@ const dt = {
   const a = Ke();
   if (s)
     return s === "primary" ? a.accentColor : dt[s];
-}, ht = S(function({ className: a, severity: o = "primary", color: n, children: r, ...e }, c) {
+}, ht = y(function({ className: a, severity: o = "primary", color: n, children: r, ...t }, c) {
   const i = b(o);
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     Qe,
     {
-      className: x("overmap-badge", a),
+      className: S("overmap-badge", a),
       ref: c,
       color: n || i,
-      ...e,
+      ...t,
       children: r
     }
   );
@@ -97,56 +97,56 @@ const dt = {
   small: "1",
   medium: "2",
   large: "3"
-}, Ne = ge({}), ve = () => Ce(Ne), Ct = S(function(a, o) {
+}, Ne = ge({}), ve = () => Ce(Ne), Ct = y(function(a, o) {
   const n = ve(), {
     className: r,
-    type: e = "button",
+    type: t = "button",
     fluid: c = n.fluid ?? !1,
     size: i = n.size ?? "medium",
     severity: u = n.severity ?? "primary",
     hoverEffects: l = n.hoverEffects ?? [],
     variant: h = n.variant,
-    ...d
-  } = a, m = b(u), f = l.map((p) => Oe[p]);
-  return /* @__PURE__ */ t(
+    ...p
+  } = a, m = b(u), f = l.map((d) => Oe[d]);
+  return /* @__PURE__ */ e(
     Je,
     {
       ref: o,
-      type: e,
-      className: x(r, f, {
+      type: t,
+      className: S(r, f, {
         [U.fluid]: c
       }),
       color: m,
       size: B(i, X),
       variant: h,
-      ...d
+      ...p
     }
   );
-}), fe = Q.memo(Ct), vt = S(function(a, o) {
+}), fe = Q.memo(Ct), vt = y(function(a, o) {
   const n = ve(), {
     className: r,
-    children: e,
+    children: t,
     type: c = "button",
     fluid: i = n.fluid ?? !1,
     size: u = n.size ?? "medium",
     severity: l = n.severity ?? "primary",
     hoverEffects: h = n.hoverEffects ?? [],
-    variant: d = n.variant,
+    variant: p = n.variant,
     ...m
-  } = a, f = b(l), p = (h == null ? void 0 : h.map((v) => Oe[v])) || [];
-  return /* @__PURE__ */ t(
+  } = a, f = b(l), d = (h == null ? void 0 : h.map((v) => Oe[v])) || [];
+  return /* @__PURE__ */ e(
     $e,
     {
-      className: x(r, p, {
+      className: S(r, d, {
         [U.fluid]: i
       }),
       ref: o,
       color: f,
       size: B(u, X),
-      variant: d,
+      variant: p,
       type: c,
       ...m,
-      children: e
+      children: t
     }
   );
 }), ke = Q.memo(vt), _t = "_merged_2fzhq_1", wt = {
@@ -154,126 +154,136 @@ const dt = {
 }, yt = {
   row: { small: "4", medium: "4", large: "5" },
   column: { small: "2", medium: "3", large: "4" }
-}, xt = S(function({
+}, xt = y(function({
   className: a,
   merged: o = !1,
   children: n,
   gap: r,
-  direction: e = "row",
+  direction: t = "row",
   severity: c,
   size: i = "medium",
   variant: u,
   hoverEffects: l,
   fluid: h,
-  ...d
+  ...p
 }, m) {
-  const f = B(i, yt[e]), p = u === "ghost" ? f : "0";
-  return /* @__PURE__ */ t(
+  const f = B(i, yt[t]), d = u === "ghost" ? f : "0";
+  return /* @__PURE__ */ e(
     R,
     {
-      className: x("overmap-button-group", a, {
+      className: S("overmap-button-group", a, {
         [wt.merged]: o
       }),
       ref: m,
-      gap: o ? r ?? p : r ?? "2",
-      direction: e,
-      "data-direction": e,
-      ...d,
-      children: /* @__PURE__ */ t(Ne.Provider, { value: { size: i, severity: c, variant: u, hoverEffects: l, fluid: h }, children: n })
+      gap: o ? r ?? d : 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 })
     }
   );
 }), Ee = _(xt), St = _(
-  S((s, a) => {
-    const { children: o, border: n, before: r, after: e, size: c } = s, i = n ? "surface" : "ghost", u = B(c, X), h = /* @__PURE__ */ C(Ye, { ref: a, size: u, variant: i, children: [
+  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: [
       r,
-      r && e ? /* @__PURE__ */ t(ne, { side: "x", pt: "current", pb: "current", children: o }) : r ? /* @__PURE__ */ t(ne, { side: "bottom", pt: "current", children: o }) : e ? /* @__PURE__ */ t(ne, { side: "top", pb: "current", children: o }) : /* @__PURE__ */ t(ne, { children: o }),
-      e
+      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
     ] });
-    return i === "ghost" ? /* @__PURE__ */ t(M, { p: "3", children: h }) : h;
+    return i === "ghost" ? /* @__PURE__ */ e(M, { p: "3", children: h }) : h;
   })
 ), Tt = _(
-  S((s, a) => {
-    const { children: o, variant: n = "outline", size: r, className: e, ...c } = s, i = Se.count(o);
-    return /* @__PURE__ */ t(St, { ...c, border: n === "outline" || n === "surface", size: r, children: /* @__PURE__ */ t(
+  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,
       {
         size: r,
         severity: "info",
         variant: n === "outline" ? "ghost" : n === "surface" ? "soft" : n,
-        className: e,
+        className: t,
         merged: !0,
         gap: "0",
         direction: "column",
         ref: a,
-        children: Se.map(o, (h, d) => /* @__PURE__ */ C(R, { direction: "column", children: [
+        children: Se.map(o, (h, p) => /* @__PURE__ */ C(R, { direction: "column", children: [
           h,
-          d < i - 1 && /* @__PURE__ */ t(Sn, { size: "4" })
-        ] }, d))
+          p < i - 1 && /* @__PURE__ */ e(Sn, { size: "4" })
+        ] }, p))
       }
     ) });
   })
 ), Pt = _(
-  S((s, a) => {
-    const { variant: o } = ve(), n = /* @__PURE__ */ t(fe, { ref: a, ...s, variant: o });
-    return o === "ghost" ? /* @__PURE__ */ t(R, { px: "2", py: "1", children: /* @__PURE__ */ t(M, { grow: "1", width: "100%", asChild: !0, children: n }) }) : n;
+  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;
   })
 ), kn = {
   Root: Tt,
   Item: Pt
 }, Rt = _(function(a) {
-  const { title: o, description: n, content: r, closeDialog: e } = 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: [
-        /* @__PURE__ */ t(F.Title, { mb: "0", children: o }),
-        /* @__PURE__ */ t(F.Close, { children: /* @__PURE__ */ t($e, { color: "gray", variant: "ghost", "aria-label": "Close", children: /* @__PURE__ */ t(Xe, {}) }) })
+        /* @__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, {}) }) })
       ] }),
-      /* @__PURE__ */ t(F.Description, { children: n })
+      n && /* @__PURE__ */ e(F.Description, { children: n })
     ] }),
-    r(e)
+    r(t)
   ] });
-}), En = _(function(a) {
-  const { children: o, size: n, onOpen: r, onCloseInterrupt: e, ...c } = a, [i, u] = z(!1), l = y(
-    (d) => {
-      if (d && r)
-        r();
-      else if (!d && e)
-        return e(() => u(!1));
-      u(d);
-    },
-    [r, e]
-  ), h = y(
-    (d) => {
-      if (d != null && d.force)
-        return u(!1);
-      l(!1);
-    },
-    [l]
-  );
-  return /* @__PURE__ */ C(F.Root, { open: i, onOpenChange: l, children: [
-    /* @__PURE__ */ t(F.Content, { size: n, children: /* @__PURE__ */ t(Rt, { closeDialog: h, ...c }) }),
-    o(F.Trigger)
-  ] });
-}), Ae = (s) => /* @__PURE__ */ t(W.Title, { mb: "0", ...s }), bt = (s) => {
-  const { title: a, description: o, actionText: n = "Confirm", cancelText: r = "Cancel", onAction: e, onCancel: c, severity: i } = s;
+}), 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)
+          c();
+        else if (!d && u)
+          return u(() => p(!1));
+        p(d);
+      },
+      [c, u]
+    ), f = x(
+      (d) => {
+        if (d != null && d.force)
+          return p(!1);
+        m(!1);
+      },
+      [m]
+    );
+    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,
+        {
+          closeDialog: f,
+          content: n,
+          title: r,
+          description: t
+        }
+      ) })
+    ] });
+  })
+), Ae = (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__ */ t(Ae, { children: a }),
-      /* @__PURE__ */ t(W.Description, { children: o })
+      /* @__PURE__ */ e(Ae, { children: a }),
+      /* @__PURE__ */ e(W.Description, { children: o })
     ] }),
     /* @__PURE__ */ C(R, { gap: "3", mt: "4", justify: "end", children: [
-      /* @__PURE__ */ t(W.Cancel, { children: /* @__PURE__ */ t(fe, { variant: "soft", severity: "info", onClick: c, children: r }) }),
-      /* @__PURE__ */ t(W.Action, { children: /* @__PURE__ */ t(fe, { variant: "solid", severity: i, onClick: e, children: n }) })
+      /* @__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 }) })
     ] })
   ] });
 }, zt = _(function(a) {
-  const { open: o, setOpen: n, children: r, ...e } = a, c = G(() => ({
+  const { open: o, setOpen: n, children: r, ...t } = a, c = G(() => ({
     close: () => n(!1),
     Title: Ae,
     Description: W.Description
   }), [n]);
   return /* @__PURE__ */ C(W.Root, { open: o, onOpenChange: n, children: [
-    /* @__PURE__ */ t(W.Content, { children: "content" in e ? e.content(c) : /* @__PURE__ */ t(bt, { ...e }) }),
+    /* @__PURE__ */ e(W.Content, { children: "content" in t ? t.content(c) : /* @__PURE__ */ e(bt, { ...t }) }),
     r
   ] });
 }), Le = ge(() => {
@@ -281,35 +291,35 @@ const dt = {
 }), $t = {
   content: () => null
 }, An = _(function({ children: a }) {
-  const [o, n] = z(!1), [r, e] = z($t), c = y(
+  const [o, n] = z(!1), [r, t] = z($t), c = x(
     (i) => {
       if (o)
         throw new Error("AlertDialog is already open");
-      e(i), n(!0);
+      t(i), n(!0);
     },
     [o]
   );
-  return /* @__PURE__ */ t(zt, { open: o, setOpen: n, ...r, children: /* @__PURE__ */ t(Le.Provider, { value: c, children: a }) });
+  return /* @__PURE__ */ e(zt, { open: o, setOpen: n, ...r, children: /* @__PURE__ */ e(Le.Provider, { value: c, children: a }) });
 }), Ln = () => Ce(Le), Dt = _(function({
   severity: a,
   itemContent: o,
   closeOnSelect: n = !0,
   onSelect: r,
-  ...e
+  ...t
 }) {
-  const c = b(a), i = y(
+  const c = b(a), i = x(
     (u) => {
       n || u.preventDefault(), r && r(u);
     },
     [n, r]
   );
-  return /* @__PURE__ */ t(O.Item, { onSelect: i, color: c, ...e, children: o });
+  return /* @__PURE__ */ e(O.Item, { onSelect: i, color: c, ...t, children: o });
 }), It = _(function({
   defaultOpen: a,
   open: o,
   onOpenChange: n,
   modal: r,
-  trigger: e,
+  trigger: t,
   label: c,
   severity: i = "info",
   children: u,
@@ -317,9 +327,9 @@ const dt = {
 }) {
   const h = b(i);
   return /* @__PURE__ */ C(O.Root, { defaultOpen: a, open: o, onOpenChange: n, modal: r, children: [
-    /* @__PURE__ */ t(O.Trigger, { children: e }),
+    /* @__PURE__ */ e(O.Trigger, { children: t }),
     /* @__PURE__ */ C(O.Content, { color: h, ...l, children: [
-      c && /* @__PURE__ */ t(O.Label, { children: c }),
+      c && /* @__PURE__ */ e(O.Label, { children: c }),
       u
     ] })
   ] });
@@ -330,21 +340,21 @@ const dt = {
   ...r
 }) {
   return /* @__PURE__ */ C(K, { children: [
-    o && /* @__PURE__ */ t(O.Separator, {}),
-    /* @__PURE__ */ t(O.Group, { ...r, children: n }),
-    a && /* @__PURE__ */ t(O.Separator, {})
+    o && /* @__PURE__ */ e(O.Separator, {}),
+    /* @__PURE__ */ e(O.Group, { ...r, children: n }),
+    a && /* @__PURE__ */ e(O.Separator, {})
   ] });
 }), Nt = _(function({
   defaultOpen: a,
   open: o,
   onOpenChange: n,
   trigger: r,
-  children: e,
+  children: t,
   ...c
 }) {
   return /* @__PURE__ */ C(O.Sub, { defaultOpen: a, open: o, onOpenChange: n, children: [
-    /* @__PURE__ */ t(O.SubTrigger, { children: r }),
-    /* @__PURE__ */ t(O.SubContent, { ...c, children: e })
+    /* @__PURE__ */ e(O.SubTrigger, { children: r }),
+    /* @__PURE__ */ e(O.SubContent, { ...c, children: t })
   ] });
 }), Bn = {
   Root: It,
@@ -353,34 +363,34 @@ const dt = {
   SubMenu: Nt
 }, kt = "_fluid_7n1wr_1", Pe = {
   fluid: kt
-}, Et = S(function({
+}, Et = y(function({
   className: a,
   fluid: o,
   size: n = "medium",
   variant: r = "surface",
-  severity: e = "primary",
+  severity: t = "primary",
   itemSeverity: c = "info",
   placeholder: i = "Select",
   side: u,
   items: l = [],
   value: h,
-  id: d,
+  id: p,
   ...m
 }, f) {
-  const p = B(n, X), v = b(e), g = b(c);
-  return /* @__PURE__ */ De(L.Root, { size: p, ...m, key: h === void 0 ? 1 : 0, value: h }, /* @__PURE__ */ t(
+  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(
     L.Trigger,
     {
-      className: x(a, {
+      className: S(a, {
         [Pe.fluid]: o
       }),
-      id: d,
+      id: p,
       ref: f,
       variant: r,
       placeholder: i,
       color: v
     }
-  ), /* @__PURE__ */ t(
+  ), /* @__PURE__ */ e(
     L.Content,
     {
       side: u,
@@ -388,33 +398,33 @@ const dt = {
       position: "popper",
       variant: r !== "surface" ? "soft" : "solid",
       color: g,
-      children: l.map(({ itemContent: P, value: E, ...I }) => /* @__PURE__ */ t(L.Item, { className: "overmap-select-item", value: E, ...I, children: P }, E))
+      children: l.map(({ itemContent: P, value: E, ...I }) => /* @__PURE__ */ e(L.Item, { className: "overmap-select-item", value: E, ...I, children: P }, E))
     }
   ));
 }), Mn = Q.memo(Et), Re = _(
-  S((s, a) => {
-    const { checked: o, label: n, value: r, size: e = "2" } = s;
-    return /* @__PURE__ */ t(M, { asChild: !0, px: e, children: /* @__PURE__ */ t(L.Item, { value: r, ref: a, children: /* @__PURE__ */ C(R, { gap: e, align: "center", children: [
-      /* @__PURE__ */ t(Ze, { checked: o }),
+  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: [
+      /* @__PURE__ */ e(Ze, { checked: o }),
       n
     ] }) }) });
   })
 ), ce = "__select_all__", Wn = _(
-  S((s, a) => {
-    const [o, n] = z(!1), { placeholder: r, value: e, onValueChange: c, options: i, disabled: u, id: l, radius: h, variant: d, name: m } = s, f = B(s.size, X), p = b(s.severity), v = G(() => new Map(i.map((w) => [w.value, w.label])), [i]), g = e.length > 4 ? (
+  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 ? (
       // to ensure the width of the select doesn't get too big
-      `${e.length} options selected`
+      `${t.length} options selected`
     ) : (
       // convert the values to labels
-      e.map((w) => v.get(w)).join(", ")
-    ), P = y(() => n(!1), []), E = y((w) => {
+      t.map((w) => v.get(w)).join(", ")
+    ), P = x(() => n(!1), []), E = x((w) => {
       w && n(!0);
-    }, []), I = y(
+    }, []), I = x(
       (w) => {
         let q;
-        w === ce ? q = e.length === i.length ? [] : i.map((V) => V.value) : q = e.includes(w) ? e.filter((J) => J !== w) : [...e, w], c(q);
+        w === ce ? q = t.length === i.length ? [] : i.map((V) => V.value) : q = t.includes(w) ? t.filter((J) => J !== w) : [...t, w], c(q);
       },
-      [c, i, e]
+      [c, i, t]
     );
     return he(() => {
       if (i.some(({ value: w }) => w === ce))
@@ -431,16 +441,16 @@ const dt = {
         name: m,
         autoComplete: "off",
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             L.Trigger,
             {
               ref: a,
               id: l,
               radius: h,
-              variant: d,
-              color: p,
-              placeholder: e.length > 0 ? g : r,
-              "data-placeholder": e.length > 0 ? void 0 : !0
+              variant: p,
+              color: d,
+              placeholder: t.length > 0 ? g : r,
+              "data-placeholder": t.length > 0 ? void 0 : !0
             }
           ),
           /* @__PURE__ */ C(
@@ -452,20 +462,20 @@ const dt = {
               onEscapeKeyDown: P,
               onPointerDownOutside: P,
               children: [
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ e(
                   Re,
                   {
                     value: ce,
                     label: "Select all",
-                    checked: e.length === i.length,
+                    checked: t.length === i.length,
                     size: f
                   }
                 ),
-                i.map((w) => /* @__PURE__ */ t(
+                i.map((w) => /* @__PURE__ */ e(
                   Re,
                   {
                     ...w,
-                    checked: e.includes(w.value),
+                    checked: t.includes(w.value),
                     size: f
                   },
                   w.value
@@ -479,33 +489,33 @@ const dt = {
   })
 ), At = {
   default: "_default_u936h_1"
-}, Lt = S(function({ className: a, severity: o = "primary", icon: n, defaultChecked: r = !1, onCheckedChange: e, ...c }, i) {
-  const u = le(null), [l, h] = z(c.checked ? c.checked : r), [d, m] = z(), f = b(o);
+}, 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);
   rt(() => {
     var P;
     const g = i || u;
     "current" in g && g.current && m((P = g.current) == null ? void 0 : P.querySelector("span.rt-SwitchThumb"));
   }, [i]);
-  const p = y(
+  const d = x(
     (g) => {
-      h(g), e && e(g);
+      h(g), t && t(g);
     },
-    [e]
+    [t]
   ), v = c.checked ? c.checked : l;
   return /* @__PURE__ */ C(K, { children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       et,
       {
-        className: x("overmap-switch", a, At.default),
+        className: S("overmap-switch", a, At.default),
         ref: i || u,
         color: f,
         radius: "full",
         defaultChecked: r,
-        onCheckedChange: p,
+        onCheckedChange: d,
         ...c
       }
     ),
-    /* @__PURE__ */ t(tt, { container: d, asChild: !0, children: n && "checked" in n ? v ? n.checked : n.unchecked : n })
+    /* @__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 = {
   sidebarContent: Bt,
@@ -513,38 +523,38 @@ const dt = {
   resizeHandle: Wt,
   left: Gt,
   overlay: Vt
-}, jt = S(function({
+}, jt = y(function({
   side: a = "left",
   modal: o = !0,
   children: n,
   open: r,
-  containerSelector: e,
+  containerSelector: t,
   overlay: c = !0,
   resizable: i = !0,
   // Props related to Resizable
   minWidth: u = "300px",
   maxWidth: l = "500px",
   ...h
-}, d) {
-  const m = a === "right", f = a === "left", [p, v] = z();
+}, p) {
+  const m = a === "right", f = a === "left", [d, v] = z();
   return he(() => {
-    const g = e ?? '[data-is-root-theme="true"]', P = document.querySelector(g);
+    const g = t ?? '[data-is-root-theme="true"]', P = document.querySelector(g);
     if (P === void 0)
       throw new Error(`Could not find a container element using the following selector ${g}`);
     v(P);
-  }, [e]), /* @__PURE__ */ t(se.Root, { open: r, modal: o, children: /* @__PURE__ */ C(se.Portal, { container: p, children: [
-    c && /* @__PURE__ */ t(se.Overlay, { className: x(j.overlay) }),
-    /* @__PURE__ */ t(
+  }, [t]), /* @__PURE__ */ e(se.Root, { open: r, modal: o, children: /* @__PURE__ */ C(se.Portal, { container: d, children: [
+    c && /* @__PURE__ */ e(se.Overlay, { className: S(j.overlay) }),
+    /* @__PURE__ */ e(
       se.Content,
       {
-        className: x("overmap-sidebar", "rt-DialogContent", j.sidebarContent, {
+        className: S("overmap-sidebar", "rt-DialogContent", j.sidebarContent, {
           [j.left]: f,
           [j.right]: m
         }),
-        ref: d,
+        ref: p,
         asChild: !0,
         ...h,
-        children: /* @__PURE__ */ t(M, { width: "auto", children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ e(M, { width: "auto", children: /* @__PURE__ */ e(
           me,
           {
             minWidth: u,
@@ -553,8 +563,8 @@ const dt = {
             enable: { right: i && f, left: i && m },
             handleClasses: { left: j.resizeHandle, right: j.resizeHandle },
             handleComponent: {
-              right: /* @__PURE__ */ t(ue, {}),
-              left: /* @__PURE__ */ t(ue, {})
+              right: /* @__PURE__ */ e(ue, {}),
+              left: /* @__PURE__ */ e(ue, {})
             },
             children: n
           }
@@ -569,58 +579,58 @@ const dt = {
   noLeftIcon: Xt,
   noRightIcon: qt,
   charCount: Ut
-}, Kt = S(function({
+}, Kt = y(function({
   className: a,
   leftSlot: o,
   rightSlot: n,
   size: r = "medium",
-  showInputLength: e,
+  showInputLength: t,
   value: c,
   variant: i,
   severity: u = "primary",
   ...l
 }, h) {
-  const d = B(r, X), m = b(u), f = e || e === void 0 && l.maxLength !== void 0, p = c !== void 0 ? c.toString() : void 0;
+  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;
   return /* @__PURE__ */ C(
     oe.Root,
     {
-      className: x(H.wrapper, {
+      className: S(H.wrapper, {
         [H.accommodateCharCount]: f
       }),
-      size: d,
+      size: p,
       variant: i,
       color: m,
       children: [
-        o && /* @__PURE__ */ t(oe.Slot, { children: o }),
-        /* @__PURE__ */ t(
+        o && /* @__PURE__ */ e(oe.Slot, { children: o }),
+        /* @__PURE__ */ e(
           oe.Input,
           {
-            className: x(H.default, a, {
+            className: S(H.default, a, {
               [H.noLeftIcon]: !o,
               [H.noRightIcon]: !n
             }),
             ref: h,
-            size: d,
+            size: p,
             variant: i,
             color: m,
             ...l
           }
         ),
-        n && /* @__PURE__ */ t(oe.Slot, { children: n }),
-        f && /* @__PURE__ */ t(de, { as: "p", className: H.charCount, size: "1", color: "gray", children: l.maxLength !== void 0 ? `${p == null ? void 0 : p.length}/${l.maxLength}` : `${p == null ? void 0 : p.length}` })
+        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}` })
       ]
     }
   );
 }), jn = Q.memo(Kt), Qt = "_wrapper_tmtz0_1", Jt = {
   wrapper: Qt
-}, Yt = S(function({ className: a, defaultOpen: o = !1, modal: n = !1, content: r, children: e, ...c }, i) {
+}, 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: [
-    /* @__PURE__ */ t(re.Trigger, { children: e }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(re.Trigger, { children: t }),
+    /* @__PURE__ */ e(
       re.Content,
       {
         ref: i,
-        className: x("overmap-popover", a, Jt.wrapper),
+        className: S("overmap-popover", a, Jt.wrapper),
         ...c,
         children: r(re.Close)
       }
@@ -639,12 +649,12 @@ const dt = {
   showLeft: o,
   leftPanel: n,
   leftMinWidth: r = be,
-  showRight: e,
+  showRight: t,
   rightPanel: c,
   rightMinWidth: i = be,
   resizeable: u
 }) {
-  const l = le(null), h = le(null), [d, m] = z(0), [f, p] = z(), v = le(null), [g, P] = z(0), [E, I] = z(), w = y(
+  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(
     (T, $, N) => (k, we, ye, pe) => {
       if (!l.current)
         return;
@@ -652,13 +662,13 @@ const dt = {
       N(l.current.clientWidth - Z), $(() => Z);
     },
     []
-  ), q = y(
-    (T, $, N, k) => w(d, m, I)(T, $, N, k),
-    [w, d]
-  ), J = y(
-    (T, $, N, k) => w(g, P, p)(T, $, N, k),
+  ), q = x(
+    (T, $, N, k) => w(p, m, I)(T, $, N, k),
+    [w, p]
+  ), J = x(
+    (T, $, N, k) => w(g, P, d)(T, $, N, k),
     [w, g]
-  ), V = y(
+  ), V = x(
     (T, $, N, k, we, ye, pe, Z) => {
       if (!l.current)
         return;
@@ -669,44 +679,44 @@ const dt = {
       }
     },
     []
-  ), We = y(
+  ), We = x(
     () => V(
       g,
       i,
       P,
       I,
-      d,
+      p,
       o,
       m,
-      p
+      d
     ),
-    [V, d, i, g, o]
-  ), Ge = y(
+    [V, p, i, g, o]
+  ), Ge = x(
     () => V(
-      d,
+      p,
       r,
       m,
-      p,
+      d,
       g,
-      e,
+      t,
       P,
       I
     ),
-    [V, r, d, g, e]
-  ), Y = y(
+    [V, r, p, g, t]
+  ), Y = x(
     (T, $) => {
       l.current && T && $(l.current.clientWidth);
     },
     []
-  ), Ve = y(
-    () => Y(o, p),
+  ), Ve = x(
+    () => Y(o, d),
     [Y, o]
-  ), je = y(
-    () => Y(e, I),
-    [Y, e]
-  ), _e = y(() => {
+  ), je = x(
+    () => Y(t, I),
+    [Y, t]
+  ), _e = x(() => {
     var T, $, N, k;
-    l.current && (p(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 && (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));
   }, []);
   he(() => {
     if (!l.current)
@@ -718,8 +728,8 @@ const dt = {
   }, [_e]);
   const He = G(() => ({
     entering: {
-      transform: `translateX(-${d}px)`,
-      marginRight: `-${d}px`,
+      transform: `translateX(-${p}px)`,
+      marginRight: `-${p}px`,
       transitionProperty: "transform, margin-right",
       transitionDuration: `${A}ms`,
       transitionTimingFunction: "linear"
@@ -732,15 +742,15 @@ const dt = {
       transitionTimingFunction: "linear"
     },
     exiting: {
-      transform: `translateX(-${d}px)`,
-      marginRight: `-${d}px`,
+      transform: `translateX(-${p}px)`,
+      marginRight: `-${p}px`,
       transitionProperty: "transform, margin-right",
       transitionDuration: `${A}ms`,
       transitionTimingFunction: "linear"
     },
     exited: {},
     unmounted: {}
-  }), [d]), Fe = G(() => ({
+  }), [p]), Fe = G(() => ({
     entering: {
       transform: `translateX(${g}px)`,
       marginLeft: `${-g}px`,
@@ -777,7 +787,7 @@ const dt = {
       m: "0",
       p: "0",
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           Te,
           {
             nodeRef: h,
@@ -786,31 +796,31 @@ const dt = {
             unmountOnExit: !0,
             onEntering: Ge,
             onExited: je,
-            children: (T) => /* @__PURE__ */ t(
+            children: (T) => /* @__PURE__ */ e(
               M,
               {
                 ref: h,
-                className: x(D.panelContent, D.left),
+                className: S(D.panelContent, D.left),
                 style: He[T],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ e(
                   me,
                   {
                     className: D.resizable,
                     size: {
-                      width: d,
+                      width: p,
                       height: "100%"
                     },
                     onResizeStop: q,
                     enable: { right: (u == null ? void 0 : u.left) !== void 0 ? u.left : !0 },
                     minWidth: r,
                     maxWidth: f,
-                    handleClasses: { right: x(D.resizeHandle, D.left) },
+                    handleClasses: { right: S(D.resizeHandle, D.left) },
                     handleComponent: {
-                      right: /* @__PURE__ */ t(ue, { height: "14px", width: "14px" })
+                      right: /* @__PURE__ */ e(ue, { height: "14px", width: "14px" })
                     },
                     children: n
                   }
@@ -819,27 +829,27 @@ const dt = {
             )
           }
         ),
-        /* @__PURE__ */ t(M, { className: D.panelMainContent, width: "max-content", children: a }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(M, { className: D.panelMainContent, width: "max-content", children: a }),
+        /* @__PURE__ */ e(
           Te,
           {
             nodeRef: v,
-            timeout: e ? 0 : A,
-            in: e,
+            timeout: t ? 0 : A,
+            in: t,
             unmountOnExit: !0,
             onEntering: We,
             onExited: Ve,
-            children: (T) => /* @__PURE__ */ t(
+            children: (T) => /* @__PURE__ */ e(
               M,
               {
                 ref: v,
-                className: x(D.panelContent, D.right),
+                className: S(D.panelContent, D.right),
                 style: Fe[T],
                 width: "auto",
                 height: "100%",
                 m: "0",
                 p: "0",
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ e(
                   me,
                   {
                     className: D.resizable,
@@ -848,8 +858,8 @@ const dt = {
                     enable: { left: (u == null ? void 0 : u.right) !== void 0 ? u.right : !0 },
                     minWidth: i,
                     maxWidth: E,
-                    handleClasses: { left: x(D.resizeHandle, D.right) },
-                    handleComponent: { left: /* @__PURE__ */ t(ue, { height: "14px", width: "14px" }) },
+                    handleClasses: { left: S(D.resizeHandle, D.right) },
+                    handleComponent: { left: /* @__PURE__ */ e(ue, { height: "14px", width: "14px" }) },
                     children: c
                   }
                 )
@@ -862,19 +872,19 @@ const dt = {
   );
 }), an = "_charCount_17uut_1", cn = {
   charCount: an
-}, ln = S(function({ className: a, showInputLength: o, inputLengthTemplate: n, value: r, severity: e = "primary", resize: c, ...i }, u) {
-  const l = b(e), h = b("info"), d = o || o === void 0 && (i.maxLength !== void 0 || i.minLength !== void 0), m = r !== void 0 ? r.toString() : "", f = G(() => {
+}, ln = y(function({ className: a, showInputLength: o, inputLengthTemplate: n, value: r, severity: t = "primary", resize: c, ...i }, u) {
+  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 p = n.replace("{current}", m.length.toString());
-      return i.minLength !== void 0 && (p = p.replace("{min}", i.minLength.toString())), i.maxLength !== void 0 && (p = p.replace("{max}", i.maxLength.toString())), p;
+      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;
     }
     return m.length;
   }, [n, i.maxLength, i.minLength, m.length]);
   return /* @__PURE__ */ C(K, { children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       nt,
       {
-        className: x("overmap-textarea", a),
+        className: S("overmap-textarea", a),
         style: { resize: c },
         ref: u,
         value: r,
@@ -882,43 +892,43 @@ const dt = {
         ...i
       }
     ),
-    d && /* @__PURE__ */ t(de, { as: "p", className: cn.charCount, color: h, align: "right", children: f })
+    p && /* @__PURE__ */ e(de, { as: "p", className: cn.charCount, color: h, align: "right", children: f })
   ] });
-}), Xn = _(ln), un = S(function({
+}), Xn = _(ln), un = y(function({
   // ToggleGroup Primitive Props
   loop: a,
   type: o,
   rovingFocus: n,
   value: r,
-  onValueChange: e,
+  onValueChange: t,
   defaultValue: c,
   disabled: i,
   items: u,
   // ButtonGroup Props
   className: l,
   direction: h = "row",
-  ...d
+  ...p
 }, m) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     it,
     {
       type: o,
-      className: x("overmap-toggle-group", l),
+      className: S("overmap-toggle-group", l),
       ref: m,
       value: r,
-      onValueChange: e,
+      onValueChange: t,
       disabled: i,
       orientation: h === "column" ? "vertical" : "horizontal",
       loop: a,
       rovingFocus: n,
       defaultValue: c,
       asChild: !0,
-      children: /* @__PURE__ */ t(Ee, { direction: h, ...d, children: u.map(({ children: f, ...p }) => /* @__PURE__ */ De(st, { asChild: !0, ...p, key: p.value }, /* @__PURE__ */ t(
+      children: /* @__PURE__ */ e(Ee, { direction: h, ...p, children: u.map(({ children: f, ...d }) => /* @__PURE__ */ De(st, { asChild: !0, ...d, key: d.value }, /* @__PURE__ */ e(
         ke,
         {
-          className: x("overmap-toggle-group-button"),
-          "aria-label": p.value,
-          variant: p.value === r ? "solid" : "soft",
+          className: S("overmap-toggle-group-button"),
+          "aria-label": d.value,
+          variant: d.value === r ? "solid" : "soft",
           children: f
         }
       ))) })
@@ -929,22 +939,22 @@ const dt = {
   ToastRoot: hn,
   slideIn: pn,
   swipeOut: mn
-}, fn = S(function({ title: a, description: o, icon: n, severity: r = "primary", size: e, onClose: c, sensitivity: i, ...u }, l) {
-  const [h, d] = z(!0), m = b(r), f = y(
-    (p) => {
-      !p && c && c(), d(p);
+}, fn = y(function({ title: a, description: o, icon: n, severity: r = "primary", size: t, onClose: c, sensitivity: i, ...u }, l) {
+  const [h, p] = z(!0), m = b(r), f = x(
+    (d) => {
+      !d && c && c(), p(d);
     },
     [c]
   );
-  return /* @__PURE__ */ t(ae.Root, { asChild: !0, ref: l, ...u, open: h, type: i, onOpenChange: f, children: /* @__PURE__ */ t(ie.Root, { className: Be.ToastRoot, variant: "surface", color: m, size: e, children: /* @__PURE__ */ C(R, { width: "100%", align: "center", gap: "4", justify: "between", children: [
+  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: [
-      /* @__PURE__ */ t(ie.Icon, { children: n || /* @__PURE__ */ t(qe, {}) }),
+      /* @__PURE__ */ e(ie.Icon, { children: n || /* @__PURE__ */ e(qe, {}) }),
       /* @__PURE__ */ C(R, { direction: "column", gap: "0", children: [
-        /* @__PURE__ */ t(ae.Title, { asChild: !0, children: /* @__PURE__ */ t(ie.Text, { weight: "medium", children: a }) }),
-        /* @__PURE__ */ t(ae.Description, { asChild: !0, children: /* @__PURE__ */ t(ie.Text, { weight: "light", children: o }) })
+        /* @__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__ */ t(ae.Close, { asChild: !0, children: /* @__PURE__ */ t(ke, { "aria-label": "Close", variant: "ghost", size: "small", severity: r, children: /* @__PURE__ */ t(Ue, {}) }) })
+    /* @__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 = () => {
   const s = Ce(Me);
@@ -963,11 +973,11 @@ const dt = {
   hotkey: n,
   ...r
 }) {
-  const [e, c] = z([]), i = y((l, h, d) => {
+  const [t, c] = z([]), i = x((l, h, p) => {
     c((m) => {
-      const f = m.find((p) => p.id === l);
-      return f && h === 0 && clearTimeout(f.timeout), m.filter((p) => p.id !== l);
-    }), d && d();
+      const f = m.find((d) => d.id === l);
+      return f && h === 0 && clearTimeout(f.timeout), m.filter((d) => d.id !== l);
+    }), p && p();
   }, []), u = G(() => {
     let l = 0;
     const h = (v) => {
@@ -985,24 +995,24 @@ const dt = {
     };
   }, [i]);
   return he(() => () => {
-    for (const { timeout: l } of e)
+    for (const { timeout: l } of t)
       clearTimeout(l);
-  }, []), /* @__PURE__ */ t(Me.Provider, { value: u, children: /* @__PURE__ */ C(at, { ...r, children: [
+  }, []), /* @__PURE__ */ e(Me.Provider, { value: u, children: /* @__PURE__ */ C(at, { ...r, children: [
     a,
-    /* @__PURE__ */ t(ct, { className: x(o, Be.ToastViewport), hotkey: n }),
-    e.map(({ id: l, onClose: h, ...d }) => /* @__PURE__ */ t(gn, { ...d, onClose: () => i(l, 0, h) }, l))
+    /* @__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 = _(
-  S(({ className: s, noWrap: a, severity: o, as: n, ...r }, e) => {
+  y(({ className: s, noWrap: a, severity: o, as: n, ...r }, t) => {
     const c = b(o);
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ e(
       de,
       {
-        ref: e,
+        ref: t,
         as: n,
-        className: x(s, { [wn.noWrap]: a }),
+        className: S(s, { [wn.noWrap]: a }),
         color: c,
         ...r
       }
@@ -1010,38 +1020,38 @@ const dt = {
   })
 );
 const Jn = _(
-  S((s, a) => {
+  y((s, a) => {
     const { panelBackground: o = "solid", radius: n = "full", ...r } = s;
-    return /* @__PURE__ */ t(ot, { panelBackground: o, radius: n, ref: a, ...r });
+    return /* @__PURE__ */ e(ot, { panelBackground: o, radius: n, ref: a, ...r });
   })
 ), yn = {
   1: "max-content",
   2: "max-content",
   3: "max-content",
   4: "100%"
-}, xn = S(function({
+}, xn = y(function({
   severity: a = "info",
   weight: o = "light",
   gap: n = "1",
   text: r,
-  orientation: e = "horizontal",
+  orientation: t = "horizontal",
   size: c,
   ...i
 }) {
   const u = B(c, yn), l = b(a);
-  return /* @__PURE__ */ t(K, { children: /* @__PURE__ */ C(
+  return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ C(
     R,
     {
-      width: e === "horizontal" ? u : "max-content",
-      height: e === "vertical" ? u : "max-content",
-      direction: e === "vertical" ? "column" : "row",
+      width: t === "horizontal" ? u : "max-content",
+      height: t === "vertical" ? u : "max-content",
+      direction: t === "vertical" ? "column" : "row",
       align: "center",
       gap: n,
       children: [
-        /* @__PURE__ */ t(xe, { size: c, orientation: e, color: l, ...i }),
+        /* @__PURE__ */ e(xe, { size: c, orientation: t, color: l, ...i }),
         r && /* @__PURE__ */ C(K, { children: [
-          /* @__PURE__ */ t(de, { as: "span", size: "1", weight: o, color: l, children: r }),
-          /* @__PURE__ */ t(xe, { size: c, orientation: e, color: l, ...i })
+          /* @__PURE__ */ e(de, { as: "span", size: "1", weight: o, color: l, children: r }),
+          /* @__PURE__ */ e(xe, { size: c, orientation: t, color: l, ...i })
         ] })
       ]
     }