@undp/data-viz 1.5.8 → 1.5.9

package/dist/{Modal-DVVwpKhP.js → Modal-Cg8daIlV.js}

@@ -1,7 +1,7 @@
-import { a as l, m as O } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { a as l, m as k } from "./index-CHPV5EwG-DBWUSD9b.js";
 import * as c from "react";
-import I, { useState as tt } from "react";
-import { b as nt, c as le, P as Y, w as T, _ as rt, g as at, E as oe, u as ot, j as F, C as it, T as ct, R as st, a as ut } from "./index-DG3YrCr5-D3FrrXj8.js";
+import O, { useState as tt } from "react";
+import { b as nt, c as le, P as H, w as T, _ as rt, g as at, E as oe, u as ot, j as P, C as it, T as ct, R as st, a as ut } from "./index-Dzc_aaI9-BKklH89r.js";
 import { t as lt } from "./x-BBpi7a_7-WVdj1j6r.js";
 var dt = c[" useId ".trim().toString()] || (() => {
 }), ft = 0;
@@ -31,7 +31,7 @@ var Q = "focusScope.autoFocusOnMount", V = "focusScope.autoFocusOnUnmount", fe =
     onMountAutoFocus: a,
     onUnmountAutoFocus: o,
     ...u
-  } = e, [i, h] = c.useState(null), g = le(a), m = le(o), f = c.useRef(null), p = Y(t, (s) => h(s)), v = c.useRef({
+  } = e, [i, y] = c.useState(null), h = le(a), p = le(o), f = c.useRef(null), m = H(t, (s) => y(s)), g = c.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -43,58 +43,58 @@ var Q = "focusScope.autoFocusOnMount", V = "focusScope.autoFocusOnUnmount", fe =
   c.useEffect(() => {
     if (r) {
       let s = function(w) {
-        if (v.paused || !i) return;
+        if (g.paused || !i) return;
         const E = w.target;
-        i.contains(E) ? f.current = E : j(f.current, { select: !0 });
+        i.contains(E) ? f.current = E : S(f.current, { select: !0 });
       }, d = function(w) {
-        if (v.paused || !i) return;
+        if (g.paused || !i) return;
         const E = w.relatedTarget;
-        E !== null && (i.contains(E) || j(f.current, { select: !0 }));
-      }, y = function(w) {
+        E !== null && (i.contains(E) || S(f.current, { select: !0 }));
+      }, v = function(w) {
         if (document.activeElement === document.body)
           for (const E of w)
-            E.removedNodes.length > 0 && j(i);
+            E.removedNodes.length > 0 && S(i);
       };
       document.addEventListener("focusin", s), document.addEventListener("focusout", d);
-      const b = new MutationObserver(y);
+      const b = new MutationObserver(v);
       return i && b.observe(i, { childList: !0, subtree: !0 }), () => {
         document.removeEventListener("focusin", s), document.removeEventListener("focusout", d), b.disconnect();
       };
     }
-  }, [r, i, v.paused]), c.useEffect(() => {
+  }, [r, i, g.paused]), c.useEffect(() => {
     if (i) {
-      me.add(v);
+      me.add(g);
       const s = document.activeElement;
       if (!i.contains(s)) {
         const d = new CustomEvent(Q, fe);
-        i.addEventListener(Q, g), i.dispatchEvent(d), d.defaultPrevented || (vt(wt(xe(i)), { select: !0 }), document.activeElement === s && j(i));
+        i.addEventListener(Q, h), i.dispatchEvent(d), d.defaultPrevented || (vt(wt(xe(i)), { select: !0 }), document.activeElement === s && S(i));
       }
       return () => {
-        i.removeEventListener(Q, g), setTimeout(() => {
+        i.removeEventListener(Q, h), setTimeout(() => {
           const d = new CustomEvent(V, fe);
-          i.addEventListener(V, m), i.dispatchEvent(d), d.defaultPrevented || j(s ?? document.body, { select: !0 }), i.removeEventListener(V, m), me.remove(v);
+          i.addEventListener(V, p), i.dispatchEvent(d), d.defaultPrevented || S(s ?? document.body, { select: !0 }), i.removeEventListener(V, p), me.remove(g);
         }, 0);
       };
     }
-  }, [i, g, m, v]);
+  }, [i, h, p, g]);
   const x = c.useCallback(
     (s) => {
-      if (!n && !r || v.paused) return;
-      const d = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, y = document.activeElement;
-      if (d && y) {
+      if (!n && !r || g.paused) return;
+      const d = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, v = document.activeElement;
+      if (d && v) {
         const b = s.currentTarget, [w, E] = gt(b);
-        w && E ? !s.shiftKey && y === E ? (s.preventDefault(), n && j(w, { select: !0 })) : s.shiftKey && y === w && (s.preventDefault(), n && j(E, { select: !0 })) : y === b && s.preventDefault();
+        w && E ? !s.shiftKey && v === E ? (s.preventDefault(), n && S(w, { select: !0 })) : s.shiftKey && v === w && (s.preventDefault(), n && S(E, { select: !0 })) : v === b && s.preventDefault();
       }
     },
-    [n, r, v.paused]
+    [n, r, g.paused]
   );
-  return /* @__PURE__ */ l.jsx(T.div, { tabIndex: -1, ...u, ref: p, onKeyDown: x });
+  return /* @__PURE__ */ l.jsx(T.div, { tabIndex: -1, ...u, ref: m, onKeyDown: x });
 });
 Ee.displayName = mt;
 function vt(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
-    if (j(r, { select: t }), document.activeElement !== n) return;
+    if (S(r, { select: t }), document.activeElement !== n) return;
 }
 function gt(e) {
   const t = xe(e), n = pe(t, e), r = pe(t.reverse(), e);
@@ -126,7 +126,7 @@ function ht(e, { upTo: t }) {
 function yt(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function j(e, { select: t = !1 } = {}) {
+function S(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const n = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== n && yt(e) && t && e.select();
@@ -157,7 +157,7 @@ var Et = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, D = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), W = {}, J = 0, Ne = function(e) {
+}, _ = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), W = {}, J = 0, Ne = function(e) {
   return e && (e.host || Ne(e.parentNode));
 }, xt = function(e, t) {
   return t.map(function(n) {
@@ -171,28 +171,28 @@ var Et = function(e) {
 }, Nt = function(e, t, n, r) {
   var a = xt(t, Array.isArray(e) ? e : [e]);
   W[n] || (W[n] = /* @__PURE__ */ new WeakMap());
-  var o = W[n], u = [], i = /* @__PURE__ */ new Set(), h = new Set(a), g = function(f) {
-    !f || i.has(f) || (i.add(f), g(f.parentNode));
+  var o = W[n], u = [], i = /* @__PURE__ */ new Set(), y = new Set(a), h = function(f) {
+    !f || i.has(f) || (i.add(f), h(f.parentNode));
   };
-  a.forEach(g);
-  var m = function(f) {
-    !f || h.has(f) || Array.prototype.forEach.call(f.children, function(p) {
-      if (i.has(p))
-        m(p);
+  a.forEach(h);
+  var p = function(f) {
+    !f || y.has(f) || Array.prototype.forEach.call(f.children, function(m) {
+      if (i.has(m))
+        p(m);
       else
         try {
-          var v = p.getAttribute(r), x = v !== null && v !== "false", s = (D.get(p) || 0) + 1, d = (o.get(p) || 0) + 1;
-          D.set(p, s), o.set(p, d), u.push(p), s === 1 && x && L.set(p, !0), d === 1 && p.setAttribute(n, "true"), x || p.setAttribute(r, "true");
-        } catch (y) {
-          console.error("aria-hidden: cannot operate on ", p, y);
+          var g = m.getAttribute(r), x = g !== null && g !== "false", s = (_.get(m) || 0) + 1, d = (o.get(m) || 0) + 1;
+          _.set(m, s), o.set(m, d), u.push(m), s === 1 && x && L.set(m, !0), d === 1 && m.setAttribute(n, "true"), x || m.setAttribute(r, "true");
+        } catch (v) {
+          console.error("aria-hidden: cannot operate on ", m, v);
         }
     });
   };
-  return m(t), i.clear(), J++, function() {
+  return p(t), i.clear(), J++, function() {
     u.forEach(function(f) {
-      var p = D.get(f) - 1, v = o.get(f) - 1;
-      D.set(f, p), o.set(f, v), p || (L.has(f) || f.removeAttribute(r), L.delete(f)), v || f.removeAttribute(n);
-    }), J--, J || (D = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), W = {});
+      var m = _.get(f) - 1, g = o.get(f) - 1;
+      _.set(f, m), o.set(f, g), m || (L.has(f) || f.removeAttribute(r), L.delete(f)), g || f.removeAttribute(n);
+    }), J--, J || (_ = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), W = {});
   };
 }, Ct = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
@@ -222,7 +222,7 @@ function Rt(e, t, n) {
     (o || !(r in t)) && (o || (o = Array.prototype.slice.call(t, 0, r)), o[r] = t[r]);
   return e.concat(o || Array.prototype.slice.call(t));
 }
-var X = "right-scroll-bar-position", z = "width-before-scroll-bar", St = "with-scroll-bars-hidden", jt = "--removed-body-scroll-bar-size";
+var z = "right-scroll-bar-position", X = "width-before-scroll-bar", jt = "with-scroll-bars-hidden", St = "--removed-body-scroll-bar-size";
 function ee(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
@@ -307,25 +307,25 @@ function At(e, t) {
         var i = n;
         n = [], i.forEach(o), u = n;
       }
-      var h = function() {
-        var m = u;
-        u = [], m.forEach(o);
-      }, g = function() {
-        return Promise.resolve().then(h);
+      var y = function() {
+        var p = u;
+        u = [], p.forEach(o);
+      }, h = function() {
+        return Promise.resolve().then(y);
       };
-      g(), n = {
-        push: function(m) {
-          u.push(m), g();
+      h(), n = {
+        push: function(p) {
+          u.push(p), h();
         },
-        filter: function(m) {
-          return u = u.filter(m), n;
+        filter: function(p) {
+          return u = u.filter(p), n;
         }
       };
     }
   };
   return a;
 }
-function Mt(e) {
+function It(e) {
   e === void 0 && (e = {});
   var t = At(null);
   return t.options = R({ async: !0, ssr: !1 }, e), t;
@@ -340,21 +340,21 @@ var Re = function(e) {
   return c.createElement(r, R({}, n));
 };
 Re.isSideCarExport = !0;
-function It(e, t) {
+function Mt(e, t) {
   return e.useMedium(t), Re;
 }
-var Se = Mt(), te = function() {
+var je = It(), te = function() {
 }, U = c.forwardRef(function(e, t) {
   var n = c.useRef(null), r = c.useState({
     onScrollCapture: te,
     onWheelCapture: te,
     onTouchMoveCapture: te
-  }), a = r[0], o = r[1], u = e.forwardProps, i = e.children, h = e.className, g = e.removeScrollBar, m = e.enabled, f = e.shards, p = e.sideCar, v = e.noRelative, x = e.noIsolation, s = e.inert, d = e.allowPinchZoom, y = e.as, b = y === void 0 ? "div" : y, w = e.gapMode, E = Ce(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = p, $ = Dt([n, t]), S = R(R({}, E), a);
+  }), a = r[0], o = r[1], u = e.forwardProps, i = e.children, y = e.className, h = e.removeScrollBar, p = e.enabled, f = e.shards, m = e.sideCar, g = e.noRelative, x = e.noIsolation, s = e.inert, d = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, w = e.gapMode, E = Ce(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = m, D = Dt([n, t]), j = R(R({}, E), a);
   return c.createElement(
     c.Fragment,
     null,
-    m && c.createElement(N, { sideCar: Se, removeScrollBar: g, shards: f, noRelative: v, noIsolation: x, inert: s, setCallbacks: o, allowPinchZoom: !!d, lockRef: n, gapMode: w }),
-    u ? c.cloneElement(c.Children.only(i), R(R({}, S), { ref: $ })) : c.createElement(b, R({}, S, { className: h, ref: $ }), i)
+    p && c.createElement(N, { sideCar: je, removeScrollBar: h, shards: f, noRelative: g, noIsolation: x, inert: s, setCallbacks: o, allowPinchZoom: !!d, lockRef: n, gapMode: w }),
+    u ? c.cloneElement(c.Children.only(i), R(R({}, j), { ref: D })) : c.createElement(b, R({}, j, { className: y, ref: D }), i)
   );
 });
 U.defaultProps = {
@@ -363,8 +363,8 @@ U.defaultProps = {
   inert: !1
 };
 U.classNames = {
-  fullWidth: z,
-  zeroRight: X
+  fullWidth: X,
+  zeroRight: z
 };
 var Ot = function() {
   if (typeof __webpack_nonce__ < "u")
@@ -378,10 +378,10 @@ function Tt() {
   var t = Ot();
   return t && e.setAttribute("nonce", t), e;
 }
-function Ft(e, t) {
+function Pt(e, t) {
   e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
-function Pt(e) {
+function Ft(e) {
   var t = document.head || document.getElementsByTagName("head")[0];
   t.appendChild(e);
 }
@@ -389,7 +389,7 @@ var Lt = function() {
   var e = 0, t = null;
   return {
     add: function(n) {
-      e == 0 && (t = Tt()) && (Ft(t, n), Pt(t)), e++;
+      e == 0 && (t = Tt()) && (Pt(t, n), Ft(t)), e++;
     },
     remove: function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
@@ -404,7 +404,7 @@ var Lt = function() {
       };
     }, [t && n]);
   };
-}, je = function() {
+}, Se = function() {
   var e = Wt(), t = function(n) {
     var r = n.styles, a = n.dynamic;
     return e(r, a), null;
@@ -420,7 +420,7 @@ var Lt = function() {
 }, Kt = function(e) {
   var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
   return [ne(n), ne(r), ne(a)];
-}, Xt = function(e) {
+}, zt = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return Bt;
   var t = Kt(e), n = document.documentElement.clientWidth, r = window.innerWidth;
@@ -430,10 +430,10 @@ var Lt = function() {
     right: t[2],
     gap: Math.max(0, r - n + t[2] - t[0])
   };
-}, zt = je(), M = "data-scroll-locked", Ht = function(e, t, n, r) {
+}, Xt = Se(), M = "data-scroll-locked", Yt = function(e, t, n, r) {
   var a = e.left, o = e.top, u = e.right, i = e.gap;
   return n === void 0 && (n = "margin"), `
-  .`.concat(St, ` {
+  .`.concat(jt, ` {
    overflow: hidden `).concat(r, `;
    padding-right: `).concat(i, "px ").concat(r, `;
   }
@@ -454,30 +454,30 @@ var Lt = function() {
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(X, ` {
+  .`).concat(z, ` {
     right: `).concat(i, "px ").concat(r, `;
   }
   
-  .`).concat(z, ` {
+  .`).concat(X, ` {
     margin-right: `).concat(i, "px ").concat(r, `;
   }
   
-  .`).concat(X, " .").concat(X, ` {
+  .`).concat(z, " .").concat(z, ` {
     right: 0 `).concat(r, `;
   }
   
-  .`).concat(z, " .").concat(z, ` {
+  .`).concat(X, " .").concat(X, ` {
     margin-right: 0 `).concat(r, `;
   }
   
   body[`).concat(M, `] {
-    `).concat(jt, ": ").concat(i, `px;
+    `).concat(St, ": ").concat(i, `px;
   }
 `);
 }, he = function() {
   var e = parseInt(document.body.getAttribute(M) || "0", 10);
   return isFinite(e) ? e : 0;
-}, Yt = function() {
+}, Ht = function() {
   c.useEffect(function() {
     return document.body.setAttribute(M, (he() + 1).toString()), function() {
       var e = he() - 1;
@@ -486,11 +486,11 @@ var Lt = function() {
   }, []);
 }, Ut = function(e) {
   var t = e.noRelative, n = e.noImportant, r = e.gapMode, a = r === void 0 ? "margin" : r;
-  Yt();
+  Ht();
   var o = c.useMemo(function() {
-    return Xt(a);
+    return zt(a);
   }, [a]);
-  return c.createElement(zt, { styles: Ht(o, !t, a, n ? "" : "!important") });
+  return c.createElement(Xt, { styles: Yt(o, !t, a, n ? "" : "!important") });
 }, re = !1;
 if (typeof window < "u")
   try {
@@ -503,7 +503,7 @@ if (typeof window < "u")
   } catch {
     re = !1;
   }
-var _ = re ? { passive: !1 } : !1, Zt = function(e) {
+var A = re ? { passive: !1 } : !1, Zt = function(e) {
   return e.tagName === "TEXTAREA";
 }, ke = function(e, t) {
   if (!(e instanceof Element))
@@ -552,20 +552,20 @@ var _ = re ? { passive: !1 } : !1, Zt = function(e) {
 }, Jt = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, en = function(e, t, n, r, a) {
-  var o = Jt(e, window.getComputedStyle(t).direction), u = o * r, i = n.target, h = t.contains(i), g = !1, m = u > 0, f = 0, p = 0;
+  var o = Jt(e, window.getComputedStyle(t).direction), u = o * r, i = n.target, y = t.contains(i), h = !1, p = u > 0, f = 0, m = 0;
   do {
     if (!i)
       break;
-    var v = De(e, i), x = v[0], s = v[1], d = v[2], y = s - d - o * x;
-    (x || y) && $e(e, i) && (f += y, p += x);
+    var g = De(e, i), x = g[0], s = g[1], d = g[2], v = s - d - o * x;
+    (x || v) && $e(e, i) && (f += v, m += x);
     var b = i.parentNode;
     i = b && b.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? b.host : b;
   } while (
     // portaled content
-    !h && i !== document.body || // self content
-    h && (t.contains(i) || t === i)
+    !y && i !== document.body || // self content
+    y && (t.contains(i) || t === i)
   );
-  return (m && Math.abs(f) < 1 || !m && Math.abs(p) < 1) && (g = !0), g;
+  return (p && Math.abs(f) < 1 || !p && Math.abs(m) < 1) && (h = !0), h;
 }, K = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, be = function(e) {
@@ -579,9 +579,9 @@ var _ = re ? { passive: !1 } : !1, Zt = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, rn = 0, A = [];
+}, rn = 0, I = [];
 function an(e) {
-  var t = c.useRef([]), n = c.useRef([0, 0]), r = c.useRef(), a = c.useState(rn++)[0], o = c.useState(je)[0], u = c.useRef(e);
+  var t = c.useRef([]), n = c.useRef([0, 0]), r = c.useRef(), a = c.useState(rn++)[0], o = c.useState(Se)[0], u = c.useRef(e);
   c.useEffect(function() {
     u.current = e;
   }, [e]), c.useEffect(function() {
@@ -600,23 +600,23 @@ function an(e) {
   var i = c.useCallback(function(s, d) {
     if ("touches" in s && s.touches.length === 2 || s.type === "wheel" && s.ctrlKey)
       return !u.current.allowPinchZoom;
-    var y = K(s), b = n.current, w = "deltaX" in s ? s.deltaX : b[0] - y[0], E = "deltaY" in s ? s.deltaY : b[1] - y[1], N, $ = s.target, S = Math.abs(w) > Math.abs(E) ? "h" : "v";
-    if ("touches" in s && S === "h" && $.type === "range")
+    var v = K(s), b = n.current, w = "deltaX" in s ? s.deltaX : b[0] - v[0], E = "deltaY" in s ? s.deltaY : b[1] - v[1], N, D = s.target, j = Math.abs(w) > Math.abs(E) ? "h" : "v";
+    if ("touches" in s && j === "h" && D.type === "range")
       return !1;
-    var P = ye(S, $);
-    if (!P)
+    var F = ye(j, D);
+    if (!F)
       return !0;
-    if (P ? N = S : (N = S === "v" ? "h" : "v", P = ye(S, $)), !P)
+    if (F ? N = j : (N = j === "v" ? "h" : "v", F = ye(j, D)), !F)
       return !1;
     if (!r.current && "changedTouches" in s && (w || E) && (r.current = N), !N)
       return !0;
     var ue = r.current || N;
     return en(ue, d, s, ue === "h" ? w : E);
-  }, []), h = c.useCallback(function(s) {
+  }, []), y = c.useCallback(function(s) {
     var d = s;
-    if (!(!A.length || A[A.length - 1] !== o)) {
-      var y = "deltaY" in d ? be(d) : K(d), b = t.current.filter(function(N) {
-        return N.name === d.type && (N.target === d.target || d.target === N.shadowParent) && tn(N.delta, y);
+    if (!(!I.length || I[I.length - 1] !== o)) {
+      var v = "deltaY" in d ? be(d) : K(d), b = t.current.filter(function(N) {
+        return N.name === d.type && (N.target === d.target || d.target === N.shadowParent) && tn(N.delta, v);
       })[0];
       if (b && b.should) {
         d.cancelable && d.preventDefault();
@@ -629,37 +629,37 @@ function an(e) {
         E && d.cancelable && d.preventDefault();
       }
     }
-  }, []), g = c.useCallback(function(s, d, y, b) {
-    var w = { name: s, delta: d, target: y, should: b, shadowParent: on(y) };
+  }, []), h = c.useCallback(function(s, d, v, b) {
+    var w = { name: s, delta: d, target: v, should: b, shadowParent: on(v) };
     t.current.push(w), setTimeout(function() {
       t.current = t.current.filter(function(E) {
         return E !== w;
       });
     }, 1);
-  }, []), m = c.useCallback(function(s) {
+  }, []), p = c.useCallback(function(s) {
     n.current = K(s), r.current = void 0;
   }, []), f = c.useCallback(function(s) {
-    g(s.type, be(s), s.target, i(s, e.lockRef.current));
-  }, []), p = c.useCallback(function(s) {
-    g(s.type, K(s), s.target, i(s, e.lockRef.current));
+    h(s.type, be(s), s.target, i(s, e.lockRef.current));
+  }, []), m = c.useCallback(function(s) {
+    h(s.type, K(s), s.target, i(s, e.lockRef.current));
   }, []);
   c.useEffect(function() {
-    return A.push(o), e.setCallbacks({
+    return I.push(o), e.setCallbacks({
       onScrollCapture: f,
       onWheelCapture: f,
-      onTouchMoveCapture: p
-    }), document.addEventListener("wheel", h, _), document.addEventListener("touchmove", h, _), document.addEventListener("touchstart", m, _), function() {
-      A = A.filter(function(s) {
+      onTouchMoveCapture: m
+    }), document.addEventListener("wheel", y, A), document.addEventListener("touchmove", y, A), document.addEventListener("touchstart", p, A), function() {
+      I = I.filter(function(s) {
         return s !== o;
-      }), document.removeEventListener("wheel", h, _), document.removeEventListener("touchmove", h, _), document.removeEventListener("touchstart", m, _);
+      }), document.removeEventListener("wheel", y, A), document.removeEventListener("touchmove", y, A), document.removeEventListener("touchstart", p, A);
     };
   }, []);
-  var v = e.removeScrollBar, x = e.inert;
+  var g = e.removeScrollBar, x = e.inert;
   return c.createElement(
     c.Fragment,
     null,
     x ? c.createElement(o, { styles: nn(a) }) : null,
-    v ? c.createElement(Ut, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+    g ? c.createElement(Ut, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
 function on(e) {
@@ -667,12 +667,12 @@ function on(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const cn = It(Se, an);
+const cn = Mt(je, an);
 var _e = c.forwardRef(function(e, t) {
   return c.createElement(U, R({}, e, { ref: t, sideCar: cn }));
 });
 _e.classNames = U.classNames;
-var Z = "Dialog", [Ae, jn] = at(Z), [sn, C] = Ae(Z), Me = (e) => {
+var Z = "Dialog", [Ae] = at(Z), [sn, C] = Ae(Z), Ie = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -680,7 +680,7 @@ var Z = "Dialog", [Ae, jn] = at(Z), [sn, C] = Ae(Z), Me = (e) => {
     defaultOpen: a,
     onOpenChange: o,
     modal: u = !0
-  } = e, i = c.useRef(null), h = c.useRef(null), [g, m] = rt({
+  } = e, i = c.useRef(null), y = c.useRef(null), [h, p] = rt({
     prop: r,
     defaultProp: a ?? !1,
     onChange: o,
@@ -691,22 +691,22 @@ var Z = "Dialog", [Ae, jn] = at(Z), [sn, C] = Ae(Z), Me = (e) => {
     {
       scope: t,
       triggerRef: i,
-      contentRef: h,
+      contentRef: y,
       contentId: q(),
       titleId: q(),
       descriptionId: q(),
-      open: g,
-      onOpenChange: m,
-      onOpenToggle: c.useCallback(() => m((f) => !f), [m]),
+      open: h,
+      onOpenChange: p,
+      onOpenToggle: c.useCallback(() => p((f) => !f), [p]),
       modal: u,
       children: n
     }
   );
 };
-Me.displayName = Z;
-var Ie = "DialogTrigger", un = c.forwardRef(
+Ie.displayName = Z;
+var Me = "DialogTrigger", un = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, a = C(Ie, n), o = Y(t, a.triggerRef);
+    const { __scopeDialog: n, ...r } = e, a = C(Me, n), o = H(t, a.triggerRef);
     return /* @__PURE__ */ l.jsx(
       T.button,
       {
@@ -717,12 +717,12 @@ var Ie = "DialogTrigger", un = c.forwardRef(
         "data-state": se(a.open),
         ...r,
         ref: o,
-        onClick: F(e.onClick, a.onOpenToggle)
+        onClick: P(e.onClick, a.onOpenToggle)
       }
     );
   }
 );
-un.displayName = Ie;
+un.displayName = Me;
 var ie = "DialogPortal", [ln, Oe] = Ae(ie, {
   forceMount: void 0
 }), Te = (e) => {
@@ -730,16 +730,16 @@ var ie = "DialogPortal", [ln, Oe] = Ae(ie, {
   return /* @__PURE__ */ l.jsx(ln, { scope: t, forceMount: n, children: c.Children.map(r, (u) => /* @__PURE__ */ l.jsx(oe, { present: n || o.open, children: /* @__PURE__ */ l.jsx(ot, { asChild: !0, container: a, children: u }) })) });
 };
 Te.displayName = ie;
-var H = "DialogOverlay", Fe = c.forwardRef(
+var Y = "DialogOverlay", Pe = c.forwardRef(
   (e, t) => {
-    const n = Oe(H, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = C(H, e.__scopeDialog);
+    const n = Oe(Y, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = C(Y, e.__scopeDialog);
     return o.modal ? /* @__PURE__ */ l.jsx(oe, { present: r || o.open, children: /* @__PURE__ */ l.jsx(fn, { ...a, ref: t }) }) : null;
   }
 );
-Fe.displayName = H;
+Pe.displayName = Y;
 var dn = it("DialogOverlay.RemoveScroll"), fn = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, a = C(H, n);
+    const { __scopeDialog: n, ...r } = e, a = C(Y, n);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
@@ -754,16 +754,16 @@ var dn = it("DialogOverlay.RemoveScroll"), fn = c.forwardRef(
       ) })
     );
   }
-), k = "DialogContent", Pe = c.forwardRef(
+), $ = "DialogContent", Fe = c.forwardRef(
   (e, t) => {
-    const n = Oe(k, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = C(k, e.__scopeDialog);
+    const n = Oe($, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = C($, e.__scopeDialog);
     return /* @__PURE__ */ l.jsx(oe, { present: r || o.open, children: o.modal ? /* @__PURE__ */ l.jsx(pn, { ...a, ref: t }) : /* @__PURE__ */ l.jsx(mn, { ...a, ref: t }) });
   }
 );
-Pe.displayName = k;
+Fe.displayName = $;
 var pn = c.forwardRef(
   (e, t) => {
-    const n = C(k, e.__scopeDialog), r = c.useRef(null), a = Y(t, n.contentRef, r);
+    const n = C($, e.__scopeDialog), r = c.useRef(null), a = H(t, n.contentRef, r);
     return c.useEffect(() => {
       const o = r.current;
       if (o) return Ct(o);
@@ -774,14 +774,14 @@ var pn = c.forwardRef(
         ref: a,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: F(e.onCloseAutoFocus, (o) => {
+        onCloseAutoFocus: P(e.onCloseAutoFocus, (o) => {
           o.preventDefault(), n.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: F(e.onPointerDownOutside, (o) => {
+        onPointerDownOutside: P(e.onPointerDownOutside, (o) => {
           const u = o.detail.originalEvent, i = u.button === 0 && u.ctrlKey === !0;
           (u.button === 2 || i) && o.preventDefault();
         }),
-        onFocusOutside: F(
+        onFocusOutside: P(
           e.onFocusOutside,
           (o) => o.preventDefault()
         )
@@ -790,7 +790,7 @@ var pn = c.forwardRef(
   }
 ), mn = c.forwardRef(
   (e, t) => {
-    const n = C(k, e.__scopeDialog), r = c.useRef(!1), a = c.useRef(!1);
+    const n = C($, e.__scopeDialog), r = c.useRef(!1), a = c.useRef(!1);
     return /* @__PURE__ */ l.jsx(
       Le,
       {
@@ -811,7 +811,7 @@ var pn = c.forwardRef(
   }
 ), Le = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: a, onCloseAutoFocus: o, ...u } = e, i = C(k, n), h = c.useRef(null), g = Y(t, h);
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: a, onCloseAutoFocus: o, ...u } = e, i = C($, n), y = c.useRef(null), h = H(t, y);
     return pt(), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsx(
         Ee,
@@ -830,7 +830,7 @@ var pn = c.forwardRef(
               "aria-labelledby": i.titleId,
               "data-state": se(i.open),
               ...u,
-              ref: g,
+              ref: h,
               onDismiss: () => i.onOpenChange(!1)
             }
           )
@@ -838,7 +838,7 @@ var pn = c.forwardRef(
       ),
       /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
         /* @__PURE__ */ l.jsx(gn, { titleId: i.titleId }),
-        /* @__PURE__ */ l.jsx(yn, { contentRef: h, descriptionId: i.descriptionId })
+        /* @__PURE__ */ l.jsx(yn, { contentRef: y, descriptionId: i.descriptionId })
       ] })
     ] });
   }
@@ -856,30 +856,30 @@ var Be = "DialogDescription", Ke = c.forwardRef(
   }
 );
 Ke.displayName = Be;
-var Xe = "DialogClose", vn = c.forwardRef(
+var ze = "DialogClose", vn = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, a = C(Xe, n);
+    const { __scopeDialog: n, ...r } = e, a = C(ze, n);
     return /* @__PURE__ */ l.jsx(
       T.button,
       {
         type: "button",
         ...r,
         ref: t,
-        onClick: F(e.onClick, () => a.onOpenChange(!1))
+        onClick: P(e.onClick, () => a.onOpenChange(!1))
       }
     );
   }
 );
-vn.displayName = Xe;
+vn.displayName = ze;
 function se(e) {
   return e ? "open" : "closed";
 }
-var ze = "DialogTitleWarning", [kn, He] = st(ze, {
-  contentName: k,
+var Xe = "DialogTitleWarning", [Sn, Ye] = st(Xe, {
+  contentName: $,
   titleName: ce,
   docsSlug: "dialog"
 }), gn = ({ titleId: e }) => {
-  const t = He(ze), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+  const t = Ye(Xe), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -888,70 +888,73 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     e && (document.getElementById(e) || console.error(n));
   }, [n, e]), null;
 }, hn = "DialogDescriptionWarning", yn = ({ contentRef: e, descriptionId: t }) => {
-  const n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${He(hn).contentName}}.`;
+  const n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ye(hn).contentName}}.`;
   return c.useEffect(() => {
     const r = e.current?.getAttribute("aria-describedby");
     t && r && (document.getElementById(t) || console.warn(n));
   }, [n, e, t]), null;
-}, bn = Me, wn = Te, Ye = Fe, Ue = Pe, Ze = We, qe = Ke;
-const En = bn, xn = wn, Ge = I.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
-  Ye,
+}, bn = Ie, wn = Te, He = Pe, Ue = Fe, Ze = We, qe = Ke;
+const En = bn, xn = wn, Ge = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
+  He,
   {
     ...t,
     ref: n,
-    className: O(
+    className: k(
       "fixed inset-0 z-50 backdrop-blur-[18px] bg-[#f7f7f7]/[.9] dark:bg-[#55606E]/[.9] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     )
   }
 ));
-Ge.displayName = Ye.displayName;
-const Qe = I.forwardRef(({ className: e, children: t, onOpenChange: n, ...r }, a) => /* @__PURE__ */ l.jsxs(xn, { children: [
-  /* @__PURE__ */ l.jsx(Ge, { onClick: () => n?.(!1) }),
-  /* @__PURE__ */ l.jsx(
-    Ue,
-    {
-      ...r,
-      ref: a,
-      className: O(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg max-h-[90vh] overflow-auto translate-x-[-50%] translate-y-[-50%] gap-4 border border-primary-gray-200 bg-primary-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        e
-      ),
-      children: t
-    }
-  )
-] }));
+Ge.displayName = He.displayName;
+const Qe = O.forwardRef(({ className: e, children: t, onOpenChange: n, inPortal: r = !1, overlayClassName: a, ...o }, u) => {
+  const i = /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(Ge, { onClick: () => n?.(!1), className: a }),
+    /* @__PURE__ */ l.jsx(
+      Ue,
+      {
+        ...o,
+        ref: u,
+        className: k(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg max-h-[90vh] overflow-auto translate-x-[-50%] translate-y-[-50%] gap-4 border border-primary-gray-200 bg-primary-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          e
+        ),
+        children: t
+      }
+    )
+  ] });
+  return r ? /* @__PURE__ */ l.jsx(xn, { "data-slot": "drawer-portal", children: i }) : i;
+});
 Qe.displayName = Ue.displayName;
 function Ve({ className: e, ...t }) {
-  return /* @__PURE__ */ l.jsx("div", { ...t, className: O("flex flex-col gap-1.5 text-center sm:text-left", e) });
+  return /* @__PURE__ */ l.jsx("div", { ...t, className: k("flex flex-col gap-1.5 text-center sm:text-left", e) });
 }
 Ve.displayName = "DialogHeader";
 function Je({ className: e, children: t, ...n }) {
   return /* @__PURE__ */ l.jsx("div", { ...n, className: e, children: t });
 }
 Je.displayName = "DialogFooter";
-const ae = I.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
+const ae = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Ze,
   {
     ...t,
     ref: n,
-    className: O(
+    className: k(
       "mb-0 p-0 text-[1.563rem] md:text-[2.188rem] font-normal leading-[1.15] text-primary-black dark:text-primary-white",
       e
     )
   }
 ));
 ae.displayName = Ze.displayName;
-const et = I.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
+const et = O.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   qe,
   {
     ...t,
     ref: n,
-    className: O("text-sm text-primary-gray-600 dark:text-primary-gray-300 m-0", e)
+    className: k("text-sm text-primary-gray-600 dark:text-primary-gray-300 m-0", e)
   }
 ));
 et.displayName = qe.displayName;
-function $n(e) {
+function kn(e) {
   const {
     title: t,
     description: n,
@@ -960,22 +963,26 @@ function $n(e) {
     open: o,
     onClose: u,
     className: i,
-    titleClassName: h,
-    footerClassName: g,
-    descriptionClassName: m,
-    showCloseButton: f = !0
-  } = e, p = I.useId(), v = I.useId();
+    titleClassName: y,
+    footerClassName: h,
+    descriptionClassName: p,
+    overlayClassName: f,
+    closeButtonClassName: m,
+    showCloseButton: g = !0,
+    inPortal: x = !1
+  } = e, s = O.useId(), d = O.useId();
   return /* @__PURE__ */ l.jsx(
     En,
     {
       open: o,
-      onOpenChange: (x) => {
-        x || u?.();
+      onOpenChange: (v) => {
+        v || u?.();
       },
       children: /* @__PURE__ */ l.jsxs(
         Qe,
         {
-          className: O(
+          inPortal: x,
+          className: k(
             "rounded-none p-16 max-w-(--breakpoint-xl) undp-scrollbar",
             "data-[state=open]:animate-in data-[state=closed]:animate-out",
             "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -983,29 +990,33 @@ function $n(e) {
             "data-[state=closed]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%]",
             i
           ),
-          onOpenChange: (x) => {
-            x || u?.();
+          overlayClassName: f,
+          onOpenChange: (v) => {
+            v || u?.();
           },
-          "aria-describedby": n ? p : void 0,
-          "aria-labelledby": t ? v : void 0,
+          "aria-describedby": n ? s : void 0,
+          "aria-labelledby": t ? d : void 0,
           children: [
-            f && /* @__PURE__ */ l.jsx(
+            g && /* @__PURE__ */ l.jsx(
               "button",
               {
                 type: "button",
                 onClick: () => {
                   u?.();
                 },
-                className: "absolute right-6 top-6 p-2 bg-primary-gray-200 dark:bg-primary-gray-600 rounded-full ring-offset-background transition-opacity hover:bg-primary-gray-300 dark:hover:bg-primary-gray-500 disabled:pointer-events-none data-[state=open]:bg-primary-gray-200 dark:data-[state=open]:bg-primary-gray-600 data-[state=open]:text-primary-gray-600",
+                className: k(
+                  "absolute right-6 top-6 p-2 bg-primary-gray-200 dark:bg-primary-gray-600 rounded-full ring-offset-background transition-opacity hover:bg-primary-gray-300 dark:hover:bg-primary-gray-500 disabled:pointer-events-none data-[state=open]:bg-primary-gray-200 dark:data-[state=open]:bg-primary-gray-600 data-[state=open]:text-primary-gray-600",
+                  m
+                ),
                 children: /* @__PURE__ */ l.jsx(lt, { className: "h-6 w-6 stroke-primary-black dark:stroke-primary-gray-100" })
               }
             ),
             t || n ? /* @__PURE__ */ l.jsxs(Ve, { children: [
-              t && /* @__PURE__ */ l.jsx(ae, { id: v, className: h, children: t }),
-              n && /* @__PURE__ */ l.jsx(et, { className: m, id: p, children: n })
+              t && /* @__PURE__ */ l.jsx(ae, { id: d, className: y, children: t }),
+              n && /* @__PURE__ */ l.jsx(et, { className: p, id: s, children: n })
             ] }) : /* @__PURE__ */ l.jsx(ut, { children: /* @__PURE__ */ l.jsx(ae, { children: "This a modal" }) }),
             r,
-            a && /* @__PURE__ */ l.jsx(Je, { className: g, children: a })
+            a && /* @__PURE__ */ l.jsx(Je, { className: h, children: a })
           ]
         }
       )
@@ -1013,7 +1024,7 @@ function $n(e) {
   );
 }
 export {
-  $n as X,
+  kn as G,
   q as n
 };
-//# sourceMappingURL=Modal-DVVwpKhP.js.map
+//# sourceMappingURL=Modal-Cg8daIlV.js.map