wacomm 1.6.4 → 1.7.0

package/dist/{index-wwcmqaMM.mjs → index-DykjGGtD.mjs}

@@ -2,7 +2,7 @@ var qb = Object.defineProperty;
 var Hb = (e, t, o) => t in e ? qb(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
 var Ds = (e, t, o) => Hb(e, typeof t != "symbol" ? t + "" : t, o);
 import * as T from "react";
-import ze, { useState as ot, useEffect as Je, useCallback as eo, useRef as gt, useContext as xr, forwardRef as Gi, useLayoutEffect as hu, createContext as Ey, useMemo as Ho, Fragment as Rc, Component as Ny, isValidElement as Ma, Children as Zb, cloneElement as ka, useImperativeHandle as Wi, memo as Cr } from "react";
+import ze, { useState as ot, useEffect as Je, useCallback as eo, useRef as yt, useContext as xr, forwardRef as Gi, useLayoutEffect as hu, createContext as Ey, useMemo as Ho, Fragment as Rc, Component as Ny, isValidElement as Ma, Children as Zb, cloneElement as ka, useImperativeHandle as Wi, memo as Cr } from "react";
 import * as Yb from "react-dom";
 import Jr, { createPortal as gu } from "react-dom";
 import { Autocomplete as Ub, TextField as Jb } from "@mui/material";
@@ -2830,7 +2830,7 @@ Kn(yo, "IsZeroArray", (e) => W1(e)), Kn(yo, "RemoveItem", (e, t) => yo.IsZeroArr
 ), e)), Kn(yo, "PrependItem", (e, t) => yo.IsZeroArray(e) ? [t] : [t, ...e]), Kn(yo, "AppendArray", (e, t) => yo.IsZeroArray(e) ? t : [...e, ...t]), Kn(yo, "Union", (e, t) => e.concat(t.filter((o) => e.indexOf(o) < 0)));
 let q1 = yo;
 const H1 = (e) => {
-  const t = gt(null);
+  const t = yt(null);
   return Je(() => {
     const o = (n) => {
       t.current && !t.current.contains(n.target) && e();
@@ -9822,7 +9822,7 @@ var qh = function(t) {
     marginTop: a.menuGutter
   });
 }, Hh = /* @__PURE__ */ Ey(null), VP = function(t) {
-  var o = t.children, n = t.minMenuHeight, r = t.maxMenuHeight, s = t.menuPlacement, i = t.menuPosition, a = t.menuShouldScrollIntoView, l = t.theme, c = xr(Hh) || {}, u = c.setPortalPlacement, p = gt(null), d = ot(r), f = Cn(d, 2), m = f[0], y = f[1], h = ot(null), g = Cn(h, 2), C = g[0], w = g[1], P = l.spacing.controlHeight;
+  var o = t.children, n = t.minMenuHeight, r = t.maxMenuHeight, s = t.menuPlacement, i = t.menuPosition, a = t.menuShouldScrollIntoView, l = t.theme, c = xr(Hh) || {}, u = c.setPortalPlacement, p = yt(null), d = ot(r), f = Cn(d, 2), m = f[0], y = f[1], h = ot(null), g = Cn(h, 2), C = g[0], w = g[1], P = l.spacing.controlHeight;
   return Zc(function() {
     var I = p.current;
     if (I) {
@@ -9907,7 +9907,7 @@ var qh = function(t) {
     zIndex: 1
   };
 }, QP = function(t) {
-  var o = t.appendTo, n = t.children, r = t.controlElement, s = t.innerProps, i = t.menuPlacement, a = t.menuPosition, l = gt(null), c = gt(null), u = ot(qh(i)), p = Cn(u, 2), d = p[0], f = p[1], m = Ho(function() {
+  var o = t.appendTo, n = t.children, r = t.controlElement, s = t.innerProps, i = t.menuPlacement, a = t.menuPosition, l = yt(null), c = yt(null), u = ot(qh(i)), p = Cn(u, 2), d = p[0], f = p[1], m = Ho(function() {
     return {
       setPortalPlacement: f
     };
@@ -10885,7 +10885,7 @@ var c5 = function(t) {
   t.cancelable && t.preventDefault(), t.stopPropagation();
 };
 function u5(e) {
-  var t = e.isEnabled, o = e.onBottomArrive, n = e.onBottomLeave, r = e.onTopArrive, s = e.onTopLeave, i = gt(!1), a = gt(!1), l = gt(0), c = gt(null), u = eo(function(h, g) {
+  var t = e.isEnabled, o = e.onBottomArrive, n = e.onBottomLeave, r = e.onTopArrive, s = e.onTopLeave, i = yt(!1), a = yt(!1), l = yt(0), c = yt(null), u = eo(function(h, g) {
     if (c.current !== null) {
       var C = c.current, w = C.scrollTop, P = C.scrollHeight, I = C.clientHeight, A = c.current, N = g > 0, E = P - I - w, B = !1;
       E > g && i.current && (n && n(h), i.current = !1), N && a.current && (s && s(h), a.current = !1), N && g > E ? (o && !i.current && o(h), A.scrollTop = P, B = !0, i.current = !0) : !N && -g > w && (r && !a.current && r(h), A.scrollTop = 0, B = !0, a.current = !0), B && c5(h);
@@ -10943,7 +10943,7 @@ var lf = !!(typeof window < "u" && window.document && window.document.createElem
   passive: !1
 };
 function p5(e) {
-  var t = e.isEnabled, o = e.accountForScrollbars, n = o === void 0 ? !0 : o, r = gt({}), s = gt(null), i = eo(function(l) {
+  var t = e.isEnabled, o = e.accountForScrollbars, n = o === void 0 ? !0 : o, r = yt({}), s = yt(null), i = eo(function(l) {
     if (lf) {
       var c = document.body, u = c && c.style;
       if (n && tf.forEach(function(m) {
@@ -13743,7 +13743,7 @@ function FN({ count: e, content: t, onClick: o }) {
   ] });
 }
 function VN({ tabs: e, classNames: t, onClick: o, pickedTab: n }) {
-  const r = gt(e.length), s = ({ label: i, value: a }, l) => {
+  const r = yt(e.length), s = ({ label: i, value: a }, l) => {
     let c = "w-16 h-fit  text-center py-0 px-2 border border-gray-300 w-fit text-center";
     if (n === a && (c = Ze(c, "bg-blue-200 text-blue-500", t == null ? void 0 : t.picked)), t) {
       const { tab: u, left: p, mid: d, right: f } = t;
@@ -13870,21 +13870,27 @@ function ZN({
   className: o = "",
   rows: n = 2
 }) {
-  const [r, s] = ot(""), i = () => {
-    r.trim() && (e(r), s(""));
+  const r = yt(null);
+  Je(() => {
+    var l;
+    (l = r.current) == null || l.focus();
+  }, []);
+  const [s, i] = ot(""), a = () => {
+    s.trim() && (e(s), i(""));
   };
   return /* @__PURE__ */ v.jsxs("div", { className: `relative w-full ${o}`, children: [
     /* @__PURE__ */ v.jsx(
       "textarea",
       {
+        ref: r,
         className: "w-full border rounded px-2 py-1 pr-10",
-        value: r,
-        onChange: (a) => s(a.target.value),
+        value: s,
+        onChange: (l) => i(l.target.value),
         rows: n,
         placeholder: t
       }
     ),
-    /* @__PURE__ */ v.jsx("div", { className: "absolute right-2 top-1/2", children: /* @__PURE__ */ v.jsx(NT, { onClick: i, isHighlighted: !!r.trim(), className: "cursor-pointer" }) })
+    /* @__PURE__ */ v.jsx("div", { className: "absolute right-2 top-1/2", children: /* @__PURE__ */ v.jsx(NT, { onClick: a, isHighlighted: !!s.trim(), className: "cursor-pointer" }) })
   ] });
 }
 var ri = { exports: {} }, SC = ri.exports, Af;
@@ -14888,12 +14894,12 @@ function iw(e, t) {
   const o = Qc(e), n = Qc(t);
   return (Math.max(o, n) + 0.05) / (Math.min(o, n) + 0.05);
 }
-function ht(e, t) {
+function gt(e, t) {
   return e = Yn(e), t = Zu(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ml(e);
 }
 function ya(e, t, o) {
   try {
-    return ht(e, t);
+    return gt(e, t);
   } catch {
     return e;
   }
@@ -23857,7 +23863,7 @@ const dj = Ie("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevatio
           "--Paper-overlay": (f = r.vars.overlays) == null ? void 0 : f[a]
         },
         ...!r.vars && r.palette.mode === "dark" && {
-          "--Paper-overlay": `linear-gradient(${ht("#fff", _c(a))}, ${ht("#fff", _c(a))})`
+          "--Paper-overlay": `linear-gradient(${gt("#fff", _c(a))}, ${gt("#fff", _c(a))})`
         }
       },
       ...u.style
@@ -25740,7 +25746,7 @@ const Em = Ie("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
   variants: [{
     props: (t) => !t.disableRipple,
     style: {
-      "--IconButton-hoverBg": e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : ht(e.palette.action.active, e.palette.action.hoverOpacity),
+      "--IconButton-hoverBg": e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : gt(e.palette.action.active, e.palette.action.hoverOpacity),
       "&:hover": {
         backgroundColor: "var(--IconButton-hoverBg)",
         // Reset on touch devices, it doesn't add specificity
@@ -25802,7 +25808,7 @@ const Em = Ie("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
       color: t
     },
     style: {
-      "--IconButton-hoverBg": e.vars ? `rgba(${(e.vars || e).palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : ht((e.vars || e).palette[t].main, e.palette.action.hoverOpacity)
+      "--IconButton-hoverBg": e.vars ? `rgba(${(e.vars || e).palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : gt((e.vars || e).palette[t].main, e.palette.action.hoverOpacity)
     }
   })), {
     props: {
@@ -27778,15 +27784,15 @@ const sr = Ie("MuiButton", ["root", "text", "textInherit", "textPrimary", "textS
       style: {
         "--variant-textColor": (e.vars || e).palette[n].main,
         "--variant-outlinedColor": (e.vars || e).palette[n].main,
-        "--variant-outlinedBorder": e.vars ? `rgba(${e.vars.palette[n].mainChannel} / 0.5)` : ht(e.palette[n].main, 0.5),
+        "--variant-outlinedBorder": e.vars ? `rgba(${e.vars.palette[n].mainChannel} / 0.5)` : gt(e.palette[n].main, 0.5),
         "--variant-containedColor": (e.vars || e).palette[n].contrastText,
         "--variant-containedBg": (e.vars || e).palette[n].main,
         "@media (hover: hover)": {
           "&:hover": {
             "--variant-containedBg": (e.vars || e).palette[n].dark,
-            "--variant-textBg": e.vars ? `rgba(${e.vars.palette[n].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : ht(e.palette[n].main, e.palette.action.hoverOpacity),
+            "--variant-textBg": e.vars ? `rgba(${e.vars.palette[n].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : gt(e.palette[n].main, e.palette.action.hoverOpacity),
             "--variant-outlinedBorder": (e.vars || e).palette[n].main,
-            "--variant-outlinedBg": e.vars ? `rgba(${e.vars.palette[n].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : ht(e.palette[n].main, e.palette.action.hoverOpacity)
+            "--variant-outlinedBg": e.vars ? `rgba(${e.vars.palette[n].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : gt(e.palette[n].main, e.palette.action.hoverOpacity)
           }
         }
       }
@@ -27801,8 +27807,8 @@ const sr = Ie("MuiButton", ["root", "text", "textInherit", "textPrimary", "textS
         "@media (hover: hover)": {
           "&:hover": {
             "--variant-containedBg": e.vars ? e.vars.palette.Button.inheritContainedHoverBg : o,
-            "--variant-textBg": e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})` : ht(e.palette.text.primary, e.palette.action.hoverOpacity),
-            "--variant-outlinedBg": e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})` : ht(e.palette.text.primary, e.palette.action.hoverOpacity)
+            "--variant-textBg": e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})` : gt(e.palette.text.primary, e.palette.action.hoverOpacity),
+            "--variant-outlinedBg": e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})` : gt(e.palette.text.primary, e.palette.action.hoverOpacity)
           }
         }
       }
@@ -30462,16 +30468,16 @@ const xj = Z(pn, {
     }
   },
   [`&.${Ur.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ht(e.palette.primary.main, e.palette.action.selectedOpacity),
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : gt(e.palette.primary.main, e.palette.action.selectedOpacity),
     [`&.${Ur.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : ht(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : gt(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   },
   [`&.${Ur.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : ht(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : gt(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ht(e.palette.primary.main, e.palette.action.selectedOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : gt(e.palette.primary.main, e.palette.action.selectedOpacity)
     }
   },
   [`&.${Ur.focusVisible}`]: {
@@ -30889,12 +30895,12 @@ const rt = Ie("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "co
     },
     [`& .${rt.deleteIcon}`]: {
       WebkitTapHighlightColor: "transparent",
-      color: e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / 0.26)` : ht(e.palette.text.primary, 0.26),
+      color: e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / 0.26)` : gt(e.palette.text.primary, 0.26),
       fontSize: 22,
       cursor: "pointer",
       margin: "0 5px 0 -6px",
       "&:hover": {
-        color: e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / 0.4)` : ht(e.palette.text.primary, 0.4)
+        color: e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / 0.4)` : gt(e.palette.text.primary, 0.4)
       }
     },
     variants: [{
@@ -30922,7 +30928,7 @@ const rt = Ie("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "co
         backgroundColor: (e.vars || e).palette[o].main,
         color: (e.vars || e).palette[o].contrastText,
         [`& .${rt.deleteIcon}`]: {
-          color: e.vars ? `rgba(${e.vars.palette[o].contrastTextChannel} / 0.7)` : ht(e.palette[o].contrastText, 0.7),
+          color: e.vars ? `rgba(${e.vars.palette[o].contrastTextChannel} / 0.7)` : gt(e.palette[o].contrastText, 0.7),
           "&:hover, &:active": {
             color: (e.vars || e).palette[o].contrastText
           }
@@ -30948,7 +30954,7 @@ const rt = Ie("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "co
       },
       style: {
         [`&.${rt.focusVisible}`]: {
-          backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : ht(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+          backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : gt(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
         }
       }
     }, ...Object.entries(e.palette).filter(bo(["dark"])).map(([o]) => ({
@@ -30970,10 +30976,10 @@ const rt = Ie("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "co
         WebkitTapHighlightColor: "transparent",
         cursor: "pointer",
         "&:hover": {
-          backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : ht(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity)
+          backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : gt(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity)
         },
         [`&.${rt.focusVisible}`]: {
-          backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : ht(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+          backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : gt(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
         },
         "&:active": {
           boxShadow: (e.vars || e).shadows[1]
@@ -31028,15 +31034,15 @@ const rt = Ie("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "co
       },
       style: {
         color: (e.vars || e).palette[o].main,
-        border: `1px solid ${e.vars ? `rgba(${e.vars.palette[o].mainChannel} / 0.7)` : ht(e.palette[o].main, 0.7)}`,
+        border: `1px solid ${e.vars ? `rgba(${e.vars.palette[o].mainChannel} / 0.7)` : gt(e.palette[o].main, 0.7)}`,
         [`&.${rt.clickable}:hover`]: {
-          backgroundColor: e.vars ? `rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : ht(e.palette[o].main, e.palette.action.hoverOpacity)
+          backgroundColor: e.vars ? `rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : gt(e.palette[o].main, e.palette.action.hoverOpacity)
         },
         [`&.${rt.focusVisible}`]: {
-          backgroundColor: e.vars ? `rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.focusOpacity})` : ht(e.palette[o].main, e.palette.action.focusOpacity)
+          backgroundColor: e.vars ? `rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.focusOpacity})` : gt(e.palette[o].main, e.palette.action.focusOpacity)
         },
         [`& .${rt.deleteIcon}`]: {
-          color: e.vars ? `rgba(${e.vars.palette[o].mainChannel} / 0.7)` : ht(e.palette[o].main, 0.7),
+          color: e.vars ? `rgba(${e.vars.palette[o].mainChannel} / 0.7)` : gt(e.palette[o].main, 0.7),
           "&:hover, &:active": {
             color: (e.vars || e).palette[o].main
           }
@@ -32455,7 +32461,7 @@ const ny = Ie("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle",
       light: !0
     },
     style: {
-      borderColor: e.vars ? `rgba(${e.vars.palette.dividerChannel} / 0.08)` : ht(e.palette.divider, 0.08)
+      borderColor: e.vars ? `rgba(${e.vars.palette.dividerChannel} / 0.08)` : gt(e.palette.divider, 0.08)
     }
   }, {
     props: {
@@ -32749,16 +32755,16 @@ const $s = Ie("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
     }
   },
   [`&.${$s.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ht(e.palette.primary.main, e.palette.action.selectedOpacity),
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : gt(e.palette.primary.main, e.palette.action.selectedOpacity),
     [`&.${$s.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : ht(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : gt(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   },
   [`&.${$s.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : ht(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : gt(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : ht(e.palette.primary.main, e.palette.action.selectedOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : gt(e.palette.primary.main, e.palette.action.selectedOpacity)
     }
   },
   [`&.${$s.focusVisible}`]: {
@@ -41679,7 +41685,7 @@ function ZD(e, t) {
 }
 const _l = T.createContext(null);
 function YD(e, t, o) {
-  const n = xr(ED), [r, s] = ot(null), i = gt(), { current: a } = gt({ mapLib: null, map: null });
+  const n = xr(ED), [r, s] = ot(null), i = yt(), { current: a } = yt({ mapLib: null, map: null });
   Je(() => {
     const u = e.mapLib;
     let p = !0, d;
@@ -41734,7 +41740,7 @@ function Or(e, t) {
   }
 }
 function JD(e, t) {
-  const { map: o, mapLib: n } = xr(_l), r = gt({ props: e });
+  const { map: o, mapLib: n } = xr(_l), r = yt({ props: e });
   r.current.props = e;
   const s = Ho(() => {
     let y = !1;
@@ -41779,7 +41785,7 @@ function Ty(e) {
   return new Set(e ? e.trim().split(/\s+/) : []);
 }
 function QD(e, t) {
-  const { map: o, mapLib: n } = xr(_l), r = Ho(() => document.createElement("div"), []), s = gt({ props: e });
+  const { map: o, mapLib: n } = xr(_l), r = Ho(() => document.createElement("div"), []), s = yt({ props: e });
   s.current.props = e;
   const i = Ho(() => {
     const a = { ...e }, l = new n.Popup(a);
@@ -41837,7 +41843,7 @@ function KD(e) {
 }
 const Qj = Cr(KD);
 function _D(e, t) {
-  const o = gt({ props: e }), n = ia(({ mapLib: r }) => {
+  const o = yt({ props: e }), n = ia(({ mapLib: r }) => {
     const s = new r.GeolocateControl(e), i = s._setupUI;
     return s._setupUI = (a) => {
       s._container.hasChildNodes() || i(a);
@@ -41875,7 +41881,7 @@ const tE = Cr(eE);
 function oE(e) {
   const t = ia(({ mapLib: s }) => new s.ScaleControl(e), {
     position: e.position
-  }), o = gt(e), n = o.current;
+  }), o = yt(e), n = o.current;
   o.current = e;
   const { style: r } = e;
   return e.maxWidth !== void 0 && e.maxWidth !== n.maxWidth && (t.options.maxWidth = e.maxWidth), e.unit !== void 0 && e.unit !== n.unit && t.setUnit(e.unit), Je(() => {
@@ -41883,7 +41889,7 @@ function oE(e) {
   }, [r]), null;
 }
 const Kj = Cr(oE);
-const nE = import("./mapbox-gl-fXbNc235.mjs").then((e) => e.m), rE = T.forwardRef(function(t, o) {
+const nE = import("./mapbox-gl-B1zK3TQb.mjs").then((e) => e.m), rE = T.forwardRef(function(t, o) {
   return YD(t, o, nE);
 }), kb = XD;
 const sE = tE;
@@ -41900,7 +41906,7 @@ const _j = ({
   mapStyle: r,
   navigationControl: s
 }) => {
-  const i = gt(null), [a, l] = ot({
+  const i = yt(null), [a, l] = ot({
     longitude: e,
     latitude: t,
     zoom: 10
@@ -42813,7 +42819,7 @@ function Bb(e = GE) {
 var Zr = { tooltip: "core-styles-module_tooltip__3vRRp", fixed: "core-styles-module_fixed__pcSol", arrow: "core-styles-module_arrow__cvMwQ", noArrow: "core-styles-module_noArrow__xock6", clickable: "core-styles-module_clickable__ZuTTB", show: "core-styles-module_show__Nt9eE", closing: "core-styles-module_closing__sGnxF" }, Oc = { tooltip: "styles-module_tooltip__mnnfp", arrow: "styles-module_arrow__K0L3T", dark: "styles-module_dark__xNqje", light: "styles-module_light__Z6W-X", success: "styles-module_success__A2AKt", warning: "styles-module_warning__SCK0X", error: "styles-module_error__JvumD", info: "styles-module_info__BWdHW" };
 const HE = ({ forwardRef: e, id: t, className: o, classNameArrow: n, variant: r = "dark", anchorId: s, anchorSelect: i, place: a = "top", offset: l = 10, events: c = ["hover"], openOnClick: u = !1, positionStrategy: p = "absolute", middlewares: d, wrapper: f, delayShow: m = 0, delayHide: y = 0, float: h = !1, hidden: g = !1, noArrow: C = !1, clickable: w = !1, closeOnEsc: P = !1, closeOnScroll: I = !1, closeOnResize: A = !1, openEvents: N, closeEvents: E, globalCloseEvents: B, imperativeModeOnly: x, style: j, position: M, afterShow: F, afterHide: D, disableTooltip: S, content: O, contentWrapperRef: k, isOpen: R, defaultIsOpen: V = !1, setIsOpen: H, activeAnchor: W, setActiveAnchor: U, border: Y, opacity: K, arrowColor: X, arrowSize: ee = 8, role: Q = "tooltip" }) => {
   var de;
-  const ie = gt(null), $ = gt(null), J = gt(null), _ = gt(null), te = gt(null), [ue, be] = ot({ tooltipStyles: {}, tooltipArrowStyles: {}, place: a }), [le, ye] = ot(!1), [re, pe] = ot(!1), [L, G] = ot(null), q = gt(!1), ne = gt(null), { anchorRefs: se, setActiveAnchor: ce } = Bb(t), me = gt(!1), [De, Ve] = ot([]), Se = gt(!1), Ge = u || c.includes("click"), Ae = Ge || (N == null ? void 0 : N.click) || (N == null ? void 0 : N.dblclick) || (N == null ? void 0 : N.mousedown), Xe = N ? { ...N } : { mouseover: !0, focus: !0, mouseenter: !1, click: !1, dblclick: !1, mousedown: !1 };
+  const ie = yt(null), $ = yt(null), J = yt(null), _ = yt(null), te = yt(null), [ue, be] = ot({ tooltipStyles: {}, tooltipArrowStyles: {}, place: a }), [le, ye] = ot(!1), [re, pe] = ot(!1), [L, G] = ot(null), q = yt(!1), ne = yt(null), { anchorRefs: se, setActiveAnchor: ce } = Bb(t), me = yt(!1), [De, Ve] = ot([]), Se = yt(!1), Ge = u || c.includes("click"), Ae = Ge || (N == null ? void 0 : N.click) || (N == null ? void 0 : N.dblclick) || (N == null ? void 0 : N.mousedown), Xe = N ? { ...N } : { mouseover: !0, focus: !0, mouseenter: !1, click: !1, dblclick: !1, mousedown: !1 };
   !N && Ge && Object.assign(Xe, { mouseenter: !1, focus: !1, mouseover: !1, click: !0 });
   const nt = E ? { ...E } : { mouseout: !0, blur: !0, mouseleave: !1, click: !1, dblclick: !1, mouseup: !1 };
   !E && Ge && Object.assign(nt, { mouseleave: !1, blur: !1, mouseout: !1 });
@@ -42896,8 +42902,8 @@ const HE = ({ forwardRef: e, id: t, className: o, classNameArrow: n, variant: r
   Je(() => {
     var fe, xe;
     const Ee = new Set(se);
-    De.forEach((yt) => {
-      S != null && S(yt) || Ee.add({ current: yt });
+    De.forEach((ht) => {
+      S != null && S(ht) || Ee.add({ current: ht });
     });
     const ft = document.querySelector(`[id='${s}']`);
     ft && !(S != null && S(ft)) && Ee.add({ current: ft });
@@ -42907,33 +42913,33 @@ const HE = ({ forwardRef: e, id: t, className: o, classNameArrow: n, variant: r
     Ke.scroll && (window.addEventListener("scroll", St), $t == null || $t.addEventListener("scroll", St), mo == null || mo.addEventListener("scroll", St));
     let Gt = null;
     Ke.resize ? window.addEventListener("resize", St) : W && ie.current && (Gt = OE(W, ie.current, We, { ancestorResize: !0, elementResize: !0, layoutShift: !0 }));
-    const wo = (yt) => {
-      yt.key === "Escape" && Qe(!1);
+    const wo = (ht) => {
+      ht.key === "Escape" && Qe(!1);
     };
     Ke.escape && window.addEventListener("keydown", wo), Ke.clickOutsideAnchor && window.addEventListener("click", yn);
-    const At = [], Rr = (yt) => !!(yt != null && yt.target && (W != null && W.contains(yt.target))), Vb = (yt) => {
-      le && Rr(yt) || ut(yt);
-    }, Gb = (yt) => {
-      le && Rr(yt) && Ot();
+    const At = [], Rr = (ht) => !!(ht != null && ht.target && (W != null && W.contains(ht.target))), Vb = (ht) => {
+      le && Rr(ht) || ut(ht);
+    }, Gb = (ht) => {
+      le && Rr(ht) && Ot();
     }, td = ["mouseover", "mouseout", "mouseenter", "mouseleave", "focus", "blur"], od = ["click", "dblclick", "mousedown", "mouseup"];
-    Object.entries(Xe).forEach(([yt, hn]) => {
-      hn && (td.includes(yt) ? At.push({ event: yt, listener: no }) : od.includes(yt) && At.push({ event: yt, listener: Vb }));
-    }), Object.entries(nt).forEach(([yt, hn]) => {
-      hn && (td.includes(yt) ? At.push({ event: yt, listener: He }) : od.includes(yt) && At.push({ event: yt, listener: Gb }));
+    Object.entries(Xe).forEach(([ht, hn]) => {
+      hn && (td.includes(ht) ? At.push({ event: ht, listener: no }) : od.includes(ht) && At.push({ event: ht, listener: Vb }));
+    }), Object.entries(nt).forEach(([ht, hn]) => {
+      hn && (td.includes(ht) ? At.push({ event: ht, listener: He }) : od.includes(ht) && At.push({ event: ht, listener: Gb }));
     }), h && At.push({ event: "pointermove", listener: Rt });
     const nd = () => {
       me.current = !0;
     }, rd = () => {
       me.current = !1, Ot();
     }, sd = w && (nt.mouseout || nt.mouseleave);
-    return sd && ((fe = ie.current) === null || fe === void 0 || fe.addEventListener("mouseover", nd), (xe = ie.current) === null || xe === void 0 || xe.addEventListener("mouseout", rd)), At.forEach(({ event: yt, listener: hn }) => {
+    return sd && ((fe = ie.current) === null || fe === void 0 || fe.addEventListener("mouseover", nd), (xe = ie.current) === null || xe === void 0 || xe.addEventListener("mouseout", rd)), At.forEach(({ event: ht, listener: hn }) => {
       Ee.forEach((ec) => {
         var Rs;
-        (Rs = ec.current) === null || Rs === void 0 || Rs.addEventListener(yt, hn);
+        (Rs = ec.current) === null || Rs === void 0 || Rs.addEventListener(ht, hn);
       });
     }), () => {
-      var yt, hn;
-      Ke.scroll && (window.removeEventListener("scroll", St), $t == null || $t.removeEventListener("scroll", St), mo == null || mo.removeEventListener("scroll", St)), Ke.resize ? window.removeEventListener("resize", St) : Gt == null || Gt(), Ke.clickOutsideAnchor && window.removeEventListener("click", yn), Ke.escape && window.removeEventListener("keydown", wo), sd && ((yt = ie.current) === null || yt === void 0 || yt.removeEventListener("mouseover", nd), (hn = ie.current) === null || hn === void 0 || hn.removeEventListener("mouseout", rd)), At.forEach(({ event: ec, listener: Rs }) => {
+      var ht, hn;
+      Ke.scroll && (window.removeEventListener("scroll", St), $t == null || $t.removeEventListener("scroll", St), mo == null || mo.removeEventListener("scroll", St)), Ke.resize ? window.removeEventListener("resize", St) : Gt == null || Gt(), Ke.clickOutsideAnchor && window.removeEventListener("click", yn), Ke.escape && window.removeEventListener("keydown", wo), sd && ((ht = ie.current) === null || ht === void 0 || ht.removeEventListener("mouseover", nd), (hn = ie.current) === null || hn === void 0 || hn.removeEventListener("mouseout", rd)), At.forEach(({ event: ec, listener: Rs }) => {
         Ee.forEach((Wb) => {
           var tc;
           (tc = Wb.current) === null || tc === void 0 || tc.removeEventListener(ec, Rs);
@@ -43012,7 +43018,7 @@ const HE = ({ forwardRef: e, id: t, className: o, classNameArrow: n, variant: r
     ko(te), le || fe.propertyName !== "opacity" || (pe(!1), G(null), D == null || D());
   }, style: { ...j, ...ue.tooltipStyles, opacity: K !== void 0 && ke ? K : void 0 }, ref: ie }, ge, ze.createElement(f, { className: mu("react-tooltip-arrow", Zr.arrow, Oc.arrow, n, C && Zr.noArrow), style: { ...ue.tooltipArrowStyles, background: X ? `linear-gradient(to right bottom, transparent 50%, ${X} 50%)` : void 0, "--rt-arrow-size": `${ee}px` }, ref: $ })) : null;
 }, ZE = ({ content: e }) => ze.createElement("span", { dangerouslySetInnerHTML: { __html: e } }), YE = ze.forwardRef(({ id: e, anchorId: t, anchorSelect: o, content: n, html: r, render: s, className: i, classNameArrow: a, variant: l = "dark", place: c = "top", offset: u = 10, wrapper: p = "div", children: d = null, events: f = ["hover"], openOnClick: m = !1, positionStrategy: y = "absolute", middlewares: h, delayShow: g = 0, delayHide: C = 0, float: w = !1, hidden: P = !1, noArrow: I = !1, clickable: A = !1, closeOnEsc: N = !1, closeOnScroll: E = !1, closeOnResize: B = !1, openEvents: x, closeEvents: j, globalCloseEvents: M, imperativeModeOnly: F = !1, style: D, position: S, isOpen: O, defaultIsOpen: k = !1, disableStyleInjection: R = !1, border: V, opacity: H, arrowColor: W, arrowSize: U, setIsOpen: Y, afterShow: K, afterHide: X, disableTooltip: ee, role: Q = "tooltip" }, de) => {
-  const [ie, $] = ot(n), [J, _] = ot(r), [te, ue] = ot(c), [be, le] = ot(l), [ye, re] = ot(u), [pe, L] = ot(g), [G, q] = ot(C), [ne, se] = ot(w), [ce, me] = ot(P), [De, Ve] = ot(p), [Se, Ge] = ot(f), [Ae, Xe] = ot(y), [nt, Ke] = ot(null), [Qe, Ce] = ot(null), we = gt(R), { anchorRefs: Ue, activeAnchor: ut } = Bb(e), Ot = (Dt) => Dt == null ? void 0 : Dt.getAttributeNames().reduce((no, He) => {
+  const [ie, $] = ot(n), [J, _] = ot(r), [te, ue] = ot(c), [be, le] = ot(l), [ye, re] = ot(u), [pe, L] = ot(g), [G, q] = ot(C), [ne, se] = ot(w), [ce, me] = ot(P), [De, Ve] = ot(p), [Se, Ge] = ot(f), [Ae, Xe] = ot(y), [nt, Ke] = ot(null), [Qe, Ce] = ot(null), we = yt(R), { anchorRefs: Ue, activeAnchor: ut } = Bb(e), Ot = (Dt) => Dt == null ? void 0 : Dt.getAttributeNames().reduce((no, He) => {
     var We;
     return He.startsWith("data-tooltip-") && (no[He.replace(/^data-tooltip-/, "")] = (We = Dt == null ? void 0 : Dt.getAttribute(He)) !== null && We !== void 0 ? We : null), no;
   }, {}), fo = (Dt) => {
@@ -43109,7 +43115,7 @@ const HE = ({ forwardRef: e, id: t, className: o, classNameArrow: n, variant: r
     D != null && D.border && console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."), V && !ky("border", `${V}`) && console.warn(`[react-tooltip] "${V}" is not a valid \`border\`.`), D != null && D.opacity && console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."), H && !ky("opacity", `${H}`) && console.warn(`[react-tooltip] "${H}" is not a valid \`opacity\`.`);
   }, []);
   let Rt = d;
-  const yn = gt(null);
+  const yn = yt(null);
   if (s) {
     const Dt = s({ content: (Qe == null ? void 0 : Qe.getAttribute("data-tooltip-content")) || ie || null, activeAnchor: Qe });
     Rt = Dt ? ze.createElement("div", { ref: yn, className: "react-tooltip-content-wrapper" }, Dt) : null;
@@ -43932,15 +43938,15 @@ const eN = {
 function FL({
   type: e,
   className: t = "",
-  textClassName: o = "text-gray-300",
+  textClassName: o = "text-gray-500 text-sm",
   count: n = 0,
   onClick: r
 }) {
   const s = eN[e];
   return /* @__PURE__ */ v.jsxs(oo, { className: t, onClick: r, children: [
-    /* @__PURE__ */ v.jsx("span", { children: s.Single }),
+    /* @__PURE__ */ v.jsx("span", { className: o, children: s.Single }),
     n > 0 && /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
-      /* @__PURE__ */ v.jsx(Fb, { className: o }),
+      /* @__PURE__ */ v.jsx(Fb, { className: "text-gray-300" }),
       /* @__PURE__ */ v.jsx(
         KE,
         {

package/dist/index.d.ts

@@ -16,7 +16,7 @@ export { default as NavArrows } from './NavArrows';
 export { default as NotFound } from './NotFound';
 export { default as H1 } from './H1';
 export { default as Autocomplete } from './Autocomplete';
-export { default as TextSender } from './TextSender';
+export { default as CommentEditor } from './CommentEditor';
 export { SvgSize } from 'wasvg';
 export * from './expandableContainer';
 export * from './loadingIndicator';

package/dist/{mapbox-gl-fXbNc235.mjs → mapbox-gl-B1zK3TQb.mjs}

@@ -1,4 +1,4 @@
-import { g as eb } from "./index-wwcmqaMM.mjs";
+import { g as eb } from "./index-DykjGGtD.mjs";
 function tb(rh, Wp) {
   for (var Ys = 0; Ys < Wp.length; Ys++) {
     const Kn = Wp[Ys];