@undp/data-viz 1.5.9 → 2.0.1

package/dist/Modal-DGcuAHyK.js

@@ -0,0 +1,1047 @@
+import { b as d, _ as I, m as _ } from "./index-CHPV5EwG-Curnpaqc.js";
+import * as u from "react";
+import B, { useState as it } from "react";
+import { b as st, c as ge, P as Q, w as K, _ as ut, g as lt, j as X, E as fe, C as dt, T as ft, R as pt, u as mt, a as vt } from "./index-Dzc_aaI9-Bb7gobH_.js";
+import { t as gt } from "./x-BBpi7a_7-WVdj1j6r.js";
+var ht = u[" useId ".trim().toString()] || (() => {
+}), yt = 0;
+function ne(e) {
+  const [t, n] = u.useState(ht());
+  return st(() => {
+    n((r) => r ?? String(yt++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+var re = 0;
+function bt() {
+  u.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? he()), document.body.insertAdjacentElement("beforeend", e[1] ?? he()), re++, () => {
+      re === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), re--;
+    };
+  }, []);
+}
+function he() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var ae = "focusScope.autoFocusOnMount", oe = "focusScope.autoFocusOnUnmount", ye = { bubbles: !1, cancelable: !0 }, wt = "FocusScope", Se = u.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: r = !1,
+    onMountAutoFocus: a,
+    onUnmountAutoFocus: o,
+    ...i
+  } = e, [c, g] = u.useState(null), y = ge(a), p = ge(o), f = u.useRef(null), m = Q(t, (s) => g(s)), v = u.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  u.useEffect(() => {
+    if (r) {
+      let s = function(E) {
+        if (v.paused || !c) return;
+        const h = E.target;
+        c.contains(h) ? f.current = h : D(f.current, { select: !0 });
+      }, l = function(E) {
+        if (v.paused || !c) return;
+        const h = E.relatedTarget;
+        h !== null && (c.contains(h) || D(f.current, { select: !0 }));
+      }, b = function(E) {
+        if (document.activeElement === document.body)
+          for (const h of E)
+            h.removedNodes.length > 0 && D(c);
+      };
+      document.addEventListener("focusin", s), document.addEventListener("focusout", l);
+      const w = new MutationObserver(b);
+      return c && w.observe(c, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", s), document.removeEventListener("focusout", l), w.disconnect();
+      };
+    }
+  }, [r, c, v.paused]), u.useEffect(() => {
+    if (c) {
+      we.add(v);
+      const s = document.activeElement;
+      if (!c.contains(s)) {
+        const l = new CustomEvent(ae, ye);
+        c.addEventListener(ae, y), c.dispatchEvent(l), l.defaultPrevented || (Et($t(je(c)), { select: !0 }), document.activeElement === s && D(c));
+      }
+      return () => {
+        c.removeEventListener(ae, y), setTimeout(() => {
+          const l = new CustomEvent(oe, ye);
+          c.addEventListener(oe, p), c.dispatchEvent(l), l.defaultPrevented || D(s ?? document.body, { select: !0 }), c.removeEventListener(oe, p), we.remove(v);
+        }, 0);
+      };
+    }
+  }, [c, y, p, v]);
+  const N = u.useCallback(
+    (s) => {
+      if (!n && !r || v.paused) return;
+      const l = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, b = document.activeElement;
+      if (l && b) {
+        const w = s.currentTarget, [E, h] = xt(w);
+        E && h ? !s.shiftKey && b === h ? (s.preventDefault(), n && D(E, { select: !0 })) : s.shiftKey && b === E && (s.preventDefault(), n && D(h, { select: !0 })) : b === w && s.preventDefault();
+      }
+    },
+    [n, r, v.paused]
+  );
+  return /* @__PURE__ */ d.jsx(K.div, { tabIndex: -1, ...i, ref: m, onKeyDown: N });
+});
+Se.displayName = wt;
+function Et(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (D(r, { select: t }), document.activeElement !== n) return;
+}
+function xt(e) {
+  const t = je(e), n = be(t, e), r = be(t.reverse(), e);
+  return [n, r];
+}
+function je(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const a = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || a ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function be(e, t) {
+  for (const n of e)
+    if (!Nt(n, { upTo: t })) return n;
+}
+function Nt(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Ct(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function D(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && Ct(e) && t && e.select();
+  }
+}
+var we = Rt();
+function Rt() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && n?.pause(), e = Ee(e, t), e.unshift(t);
+    },
+    remove(t) {
+      e = Ee(e, t), e[0]?.resume();
+    }
+  };
+}
+function Ee(e, t) {
+  const n = [...e], r = n.indexOf(t);
+  return r !== -1 && n.splice(r, 1), n;
+}
+function $t(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var St = function(e) {
+  if (typeof document > "u")
+    return null;
+  var t = Array.isArray(e) ? e[0] : e;
+  return t.ownerDocument.body;
+}, P = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), H = {}, ce = 0, ke = function(e) {
+  return e && (e.host || ke(e.parentNode));
+}, jt = function(e, t) {
+  return t.map(function(n) {
+    if (e.contains(n))
+      return n;
+    var r = ke(n);
+    return r && e.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(n) {
+    return !!n;
+  });
+}, kt = function(e, t, n, r) {
+  var a = jt(t, Array.isArray(e) ? e : [e]);
+  H[n] || (H[n] = /* @__PURE__ */ new WeakMap());
+  var o = H[n], i = [], c = /* @__PURE__ */ new Set(), g = new Set(a), y = function(f) {
+    !f || c.has(f) || (c.add(f), y(f.parentNode));
+  };
+  a.forEach(y);
+  var p = function(f) {
+    !f || g.has(f) || Array.prototype.forEach.call(f.children, function(m) {
+      if (c.has(m))
+        p(m);
+      else
+        try {
+          var v = m.getAttribute(r), N = v !== null && v !== "false", s = (P.get(m) || 0) + 1, l = (o.get(m) || 0) + 1;
+          P.set(m, s), o.set(m, l), i.push(m), s === 1 && N && Y.set(m, !0), l === 1 && m.setAttribute(n, "true"), N || m.setAttribute(r, "true");
+        } catch (b) {
+          console.error("aria-hidden: cannot operate on ", m, b);
+        }
+    });
+  };
+  return p(t), c.clear(), ce++, function() {
+    i.forEach(function(f) {
+      var m = P.get(f) - 1, v = o.get(f) - 1;
+      P.set(f, m), o.set(f, v), m || (Y.has(f) || f.removeAttribute(r), Y.delete(f)), v || f.removeAttribute(n);
+    }), ce--, ce || (P = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), H = {});
+  };
+}, Dt = function(e, t, n) {
+  n === void 0 && (n = "data-aria-hidden");
+  var r = Array.from(Array.isArray(e) ? e : [e]), a = St(e);
+  return a ? (r.push.apply(r, Array.from(a.querySelectorAll("[aria-live], script"))), kt(r, a, n, "aria-hidden")) : function() {
+    return null;
+  };
+}, S = function() {
+  return S = Object.assign || function(e) {
+    for (var t, n = 1, r = arguments.length; n < r; n++) {
+      t = arguments[n];
+      for (var a in t) Object.prototype.hasOwnProperty.call(t, a) && (e[a] = t[a]);
+    }
+    return e;
+  }, S.apply(this, arguments);
+};
+function De(e, t) {
+  var n = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
+      t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
+  return n;
+}
+function _t(e, t, n) {
+  for (var r = 0, a = t.length, o; r < a; r++)
+    (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 Z = "right-scroll-bar-position", G = "width-before-scroll-bar", At = "with-scroll-bars-hidden", It = "--removed-body-scroll-bar-size";
+function ie(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function Mt(e, t) {
+  var n = it(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: t,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return n.value;
+        },
+        set current(r) {
+          var a = n.value;
+          a !== r && (n.value = r, n.callback(r, a));
+        }
+      }
+    };
+  })[0];
+  return n.callback = t, n.facade;
+}
+var Ot = typeof window < "u" ? u.useLayoutEffect : u.useEffect, xe = /* @__PURE__ */ new WeakMap();
+function Tt(e, t) {
+  var n = Mt(null, function(r) {
+    return e.forEach(function(a) {
+      return ie(a, r);
+    });
+  });
+  return Ot(function() {
+    var r = xe.get(n);
+    if (r) {
+      var a = new Set(r), o = new Set(e), i = n.current;
+      a.forEach(function(c) {
+        o.has(c) || ie(c, null);
+      }), o.forEach(function(c) {
+        a.has(c) || ie(c, i);
+      });
+    }
+    xe.set(n, e);
+  }, [e]), n;
+}
+function Pt(e) {
+  return e;
+}
+function Ft(e, t) {
+  t === void 0 && (t = Pt);
+  var n = [], r = !1, a = {
+    read: function() {
+      if (r)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return n.length ? n[n.length - 1] : e;
+    },
+    useMedium: function(o) {
+      var i = t(o, r);
+      return n.push(i), function() {
+        n = n.filter(function(c) {
+          return c !== i;
+        });
+      };
+    },
+    assignSyncMedium: function(o) {
+      for (r = !0; n.length; ) {
+        var i = n;
+        n = [], i.forEach(o);
+      }
+      n = {
+        push: function(c) {
+          return o(c);
+        },
+        filter: function() {
+          return n;
+        }
+      };
+    },
+    assignMedium: function(o) {
+      r = !0;
+      var i = [];
+      if (n.length) {
+        var c = n;
+        n = [], c.forEach(o), i = n;
+      }
+      var g = function() {
+        var p = i;
+        i = [], p.forEach(o);
+      }, y = function() {
+        return Promise.resolve().then(g);
+      };
+      y(), n = {
+        push: function(p) {
+          i.push(p), y();
+        },
+        filter: function(p) {
+          return i = i.filter(p), n;
+        }
+      };
+    }
+  };
+  return a;
+}
+function Lt(e) {
+  e === void 0 && (e = {});
+  var t = Ft(null);
+  return t.options = S({ async: !0, ssr: !1 }, e), t;
+}
+var _e = function(e) {
+  var t = e.sideCar, n = De(e, ["sideCar"]);
+  if (!t)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var r = t.read();
+  if (!r)
+    throw new Error("Sidecar medium not found");
+  return u.createElement(r, S({}, n));
+};
+_e.isSideCarExport = !0;
+function Wt(e, t) {
+  return e.useMedium(t), _e;
+}
+var Ae = Lt(), se = function() {
+}, J = u.forwardRef(function(e, t) {
+  var n = u.useRef(null), r = u.useState({
+    onScrollCapture: se,
+    onWheelCapture: se,
+    onTouchMoveCapture: se
+  }), a = r[0], o = r[1], i = e.forwardProps, c = e.children, g = e.className, y = e.removeScrollBar, p = e.enabled, f = e.shards, m = e.sideCar, v = e.noRelative, N = e.noIsolation, s = e.inert, l = e.allowPinchZoom, b = e.as, w = b === void 0 ? "div" : b, E = e.gapMode, h = De(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), x = m, C = Tt([n, t]), R = S(S({}, h), a);
+  return u.createElement(
+    u.Fragment,
+    null,
+    p && u.createElement(x, { sideCar: Ae, removeScrollBar: y, shards: f, noRelative: v, noIsolation: N, inert: s, setCallbacks: o, allowPinchZoom: !!l, lockRef: n, gapMode: E }),
+    i ? u.cloneElement(u.Children.only(c), S(S({}, R), { ref: C })) : u.createElement(w, S({}, R, { className: g, ref: C }), c)
+  );
+});
+J.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+J.classNames = {
+  fullWidth: G,
+  zeroRight: Z
+};
+var Bt = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function Kt() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = Bt();
+  return t && e.setAttribute("nonce", t), e;
+}
+function Xt(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function zt(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var Yt = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = Kt()) && (Xt(t, n), zt(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, Ht = function() {
+  var e = Yt();
+  return function(t, n) {
+    u.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, Ie = function() {
+  var e = Ht(), t = function(n) {
+    var r = n.styles, a = n.dynamic;
+    return e(r, a), null;
+  };
+  return t;
+}, Ut = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, ue = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, qt = 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 [ue(n), ue(r), ue(a)];
+}, Zt = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return Ut;
+  var t = qt(e), n = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, r - n + t[2] - t[0])
+  };
+}, Gt = Ie(), W = "data-scroll-locked", Vt = function(e, t, n, r) {
+  var a = e.left, o = e.top, i = e.right, c = e.gap;
+  return n === void 0 && (n = "margin"), `
+  .`.concat(At, ` {
+   overflow: hidden `).concat(r, `;
+   padding-right: `).concat(c, "px ").concat(r, `;
+  }
+  body[`).concat(W, `] {
+    overflow: hidden `).concat(r, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(r, ";"),
+    n === "margin" && `
+    padding-left: `.concat(a, `px;
+    padding-top: `).concat(o, `px;
+    padding-right: `).concat(i, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(r, `;
+    `),
+    n === "padding" && "padding-right: ".concat(c, "px ").concat(r, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(Z, ` {
+    right: `).concat(c, "px ").concat(r, `;
+  }
+  
+  .`).concat(G, ` {
+    margin-right: `).concat(c, "px ").concat(r, `;
+  }
+  
+  .`).concat(Z, " .").concat(Z, ` {
+    right: 0 `).concat(r, `;
+  }
+  
+  .`).concat(G, " .").concat(G, ` {
+    margin-right: 0 `).concat(r, `;
+  }
+  
+  body[`).concat(W, `] {
+    `).concat(It, ": ").concat(c, `px;
+  }
+`);
+}, Ne = function() {
+  var e = parseInt(document.body.getAttribute(W) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, Qt = function() {
+  u.useEffect(function() {
+    return document.body.setAttribute(W, (Ne() + 1).toString()), function() {
+      var e = Ne() - 1;
+      e <= 0 ? document.body.removeAttribute(W) : document.body.setAttribute(W, e.toString());
+    };
+  }, []);
+}, Jt = function(e) {
+  var t = e.noRelative, n = e.noImportant, r = e.gapMode, a = r === void 0 ? "margin" : r;
+  Qt();
+  var o = u.useMemo(function() {
+    return Zt(a);
+  }, [a]);
+  return u.createElement(Gt, { styles: Vt(o, !t, a, n ? "" : "!important") });
+}, le = !1;
+if (typeof window < "u")
+  try {
+    var U = Object.defineProperty({}, "passive", {
+      get: function() {
+        return le = !0, !0;
+      }
+    });
+    window.addEventListener("test", U, U), window.removeEventListener("test", U, U);
+  } catch {
+    le = !1;
+  }
+var F = le ? { passive: !1 } : !1, en = function(e) {
+  return e.tagName === "TEXTAREA";
+}, Me = function(e, t) {
+  if (!(e instanceof Element))
+    return !1;
+  var n = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    n[t] !== "hidden" && // contains scroll inside self
+    !(n.overflowY === n.overflowX && !en(e) && n[t] === "visible")
+  );
+}, tn = function(e) {
+  return Me(e, "overflowY");
+}, nn = function(e) {
+  return Me(e, "overflowX");
+}, Ce = function(e, t) {
+  var n = t.ownerDocument, r = t;
+  do {
+    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
+    var a = Oe(e, r);
+    if (a) {
+      var o = Te(e, r), i = o[1], c = o[2];
+      if (i > c)
+        return !0;
+    }
+    r = r.parentNode;
+  } while (r && r !== n.body);
+  return !1;
+}, rn = function(e) {
+  var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
+  return [
+    t,
+    n,
+    r
+  ];
+}, an = function(e) {
+  var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
+  return [
+    t,
+    n,
+    r
+  ];
+}, Oe = function(e, t) {
+  return e === "v" ? tn(t) : nn(t);
+}, Te = function(e, t) {
+  return e === "v" ? rn(t) : an(t);
+}, on = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, cn = function(e, t, n, r, a) {
+  var o = on(e, window.getComputedStyle(t).direction), i = o * r, c = n.target, g = t.contains(c), y = !1, p = i > 0, f = 0, m = 0;
+  do {
+    if (!c)
+      break;
+    var v = Te(e, c), N = v[0], s = v[1], l = v[2], b = s - l - o * N;
+    (N || b) && Oe(e, c) && (f += b, m += N);
+    var w = c.parentNode;
+    c = w && w.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? w.host : w;
+  } while (
+    // portaled content
+    !g && c !== document.body || // self content
+    g && (t.contains(c) || t === c)
+  );
+  return (p && Math.abs(f) < 1 || !p && Math.abs(m) < 1) && (y = !0), y;
+}, q = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, Re = function(e) {
+  return [e.deltaX, e.deltaY];
+}, $e = function(e) {
+  return e && "current" in e ? e.current : e;
+}, sn = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, un = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, ln = 0, L = [];
+function dn(e) {
+  var t = u.useRef([]), n = u.useRef([0, 0]), r = u.useRef(), a = u.useState(ln++)[0], o = u.useState(Ie)[0], i = u.useRef(e);
+  u.useEffect(function() {
+    i.current = e;
+  }, [e]), u.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(a));
+      var s = _t([e.lockRef.current], (e.shards || []).map($e)).filter(Boolean);
+      return s.forEach(function(l) {
+        return l.classList.add("allow-interactivity-".concat(a));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(a)), s.forEach(function(l) {
+          return l.classList.remove("allow-interactivity-".concat(a));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var c = u.useCallback(function(s, l) {
+    if ("touches" in s && s.touches.length === 2 || s.type === "wheel" && s.ctrlKey)
+      return !i.current.allowPinchZoom;
+    var b = q(s), w = n.current, E = "deltaX" in s ? s.deltaX : w[0] - b[0], h = "deltaY" in s ? s.deltaY : w[1] - b[1], x, C = s.target, R = Math.abs(E) > Math.abs(h) ? "h" : "v";
+    if ("touches" in s && R === "h" && C.type === "range")
+      return !1;
+    var k = Ce(R, C);
+    if (!k)
+      return !0;
+    if (k ? x = R : (x = R === "v" ? "h" : "v", k = Ce(R, C)), !k)
+      return !1;
+    if (!r.current && "changedTouches" in s && (E || h) && (r.current = x), !x)
+      return !0;
+    var j = r.current || x;
+    return cn(j, l, s, j === "h" ? E : h);
+  }, []), g = u.useCallback(function(s) {
+    var l = s;
+    if (!(!L.length || L[L.length - 1] !== o)) {
+      var b = "deltaY" in l ? Re(l) : q(l), w = t.current.filter(function(x) {
+        return x.name === l.type && (x.target === l.target || l.target === x.shadowParent) && sn(x.delta, b);
+      })[0];
+      if (w && w.should) {
+        l.cancelable && l.preventDefault();
+        return;
+      }
+      if (!w) {
+        var E = (i.current.shards || []).map($e).filter(Boolean).filter(function(x) {
+          return x.contains(l.target);
+        }), h = E.length > 0 ? c(l, E[0]) : !i.current.noIsolation;
+        h && l.cancelable && l.preventDefault();
+      }
+    }
+  }, []), y = u.useCallback(function(s, l, b, w) {
+    var E = { name: s, delta: l, target: b, should: w, shadowParent: fn(b) };
+    t.current.push(E), setTimeout(function() {
+      t.current = t.current.filter(function(h) {
+        return h !== E;
+      });
+    }, 1);
+  }, []), p = u.useCallback(function(s) {
+    n.current = q(s), r.current = void 0;
+  }, []), f = u.useCallback(function(s) {
+    y(s.type, Re(s), s.target, c(s, e.lockRef.current));
+  }, []), m = u.useCallback(function(s) {
+    y(s.type, q(s), s.target, c(s, e.lockRef.current));
+  }, []);
+  u.useEffect(function() {
+    return L.push(o), e.setCallbacks({
+      onScrollCapture: f,
+      onWheelCapture: f,
+      onTouchMoveCapture: m
+    }), document.addEventListener("wheel", g, F), document.addEventListener("touchmove", g, F), document.addEventListener("touchstart", p, F), function() {
+      L = L.filter(function(s) {
+        return s !== o;
+      }), document.removeEventListener("wheel", g, F), document.removeEventListener("touchmove", g, F), document.removeEventListener("touchstart", p, F);
+    };
+  }, []);
+  var v = e.removeScrollBar, N = e.inert;
+  return u.createElement(
+    u.Fragment,
+    null,
+    N ? u.createElement(o, { styles: un(a) }) : null,
+    v ? u.createElement(Jt, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+  );
+}
+function fn(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const pn = Wt(Ae, dn);
+var Pe = u.forwardRef(function(e, t) {
+  return u.createElement(J, S({}, e, { ref: t, sideCar: pn }));
+});
+Pe.classNames = J.classNames;
+var ee = "Dialog", [Fe] = lt(ee), [mn, $] = Fe(ee), Le = (e) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: r,
+    defaultOpen: a,
+    onOpenChange: o,
+    modal: i = !0
+  } = e, c = u.useRef(null), g = u.useRef(null), [y, p] = ut({
+    prop: r,
+    defaultProp: a ?? !1,
+    onChange: o,
+    caller: ee
+  });
+  return /* @__PURE__ */ d.jsx(
+    mn,
+    {
+      scope: t,
+      triggerRef: c,
+      contentRef: g,
+      contentId: ne(),
+      titleId: ne(),
+      descriptionId: ne(),
+      open: y,
+      onOpenChange: p,
+      onOpenToggle: u.useCallback(() => p((f) => !f), [p]),
+      modal: i,
+      children: n
+    }
+  );
+};
+Le.displayName = ee;
+var We = "DialogTrigger", vn = u.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = $(We, n), o = Q(t, a.triggerRef);
+    return /* @__PURE__ */ d.jsx(
+      K.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": a.open,
+        "aria-controls": a.contentId,
+        "data-state": ve(a.open),
+        ...r,
+        ref: o,
+        onClick: X(e.onClick, a.onOpenToggle)
+      }
+    );
+  }
+);
+vn.displayName = We;
+var pe = "DialogPortal", [gn, Be] = Fe(pe, {
+  forceMount: void 0
+}), Ke = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: r, container: a } = e, o = $(pe, t);
+  return /* @__PURE__ */ d.jsx(gn, { scope: t, forceMount: n, children: u.Children.map(r, (i) => /* @__PURE__ */ d.jsx(fe, { present: n || o.open, children: /* @__PURE__ */ d.jsx(mt, { asChild: !0, container: a, children: i }) })) });
+};
+Ke.displayName = pe;
+var V = "DialogOverlay", Xe = u.forwardRef(
+  (e, t) => {
+    const n = Be(V, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = $(V, e.__scopeDialog);
+    return o.modal ? /* @__PURE__ */ d.jsx(fe, { present: r || o.open, children: /* @__PURE__ */ d.jsx(yn, { ...a, ref: t }) }) : null;
+  }
+);
+Xe.displayName = V;
+var hn = dt("DialogOverlay.RemoveScroll"), yn = u.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = $(V, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ d.jsx(Pe, { as: hn, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ d.jsx(
+        K.div,
+        {
+          "data-state": ve(a.open),
+          ...r,
+          ref: t,
+          style: { pointerEvents: "auto", ...r.style }
+        }
+      ) })
+    );
+  }
+), A = "DialogContent", ze = u.forwardRef(
+  (e, t) => {
+    const n = Be(A, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = $(A, e.__scopeDialog);
+    return /* @__PURE__ */ d.jsx(fe, { present: r || o.open, children: o.modal ? /* @__PURE__ */ d.jsx(bn, { ...a, ref: t }) : /* @__PURE__ */ d.jsx(wn, { ...a, ref: t }) });
+  }
+);
+ze.displayName = A;
+var bn = u.forwardRef(
+  (e, t) => {
+    const n = $(A, e.__scopeDialog), r = u.useRef(null), a = Q(t, n.contentRef, r);
+    return u.useEffect(() => {
+      const o = r.current;
+      if (o) return Dt(o);
+    }, []), /* @__PURE__ */ d.jsx(
+      Ye,
+      {
+        ...e,
+        ref: a,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: X(e.onCloseAutoFocus, (o) => {
+          o.preventDefault(), n.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: X(e.onPointerDownOutside, (o) => {
+          const i = o.detail.originalEvent, c = i.button === 0 && i.ctrlKey === !0;
+          (i.button === 2 || c) && o.preventDefault();
+        }),
+        onFocusOutside: X(
+          e.onFocusOutside,
+          (o) => o.preventDefault()
+        )
+      }
+    );
+  }
+), wn = u.forwardRef(
+  (e, t) => {
+    const n = $(A, e.__scopeDialog), r = u.useRef(!1), a = u.useRef(!1);
+    return /* @__PURE__ */ d.jsx(
+      Ye,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (o) => {
+          e.onCloseAutoFocus?.(o), o.defaultPrevented || (r.current || n.triggerRef.current?.focus(), o.preventDefault()), r.current = !1, a.current = !1;
+        },
+        onInteractOutside: (o) => {
+          e.onInteractOutside?.(o), o.defaultPrevented || (r.current = !0, o.detail.originalEvent.type === "pointerdown" && (a.current = !0));
+          const i = o.target;
+          n.triggerRef.current?.contains(i) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && a.current && o.preventDefault();
+        }
+      }
+    );
+  }
+), Ye = u.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: a, onCloseAutoFocus: o, ...i } = e, c = $(A, n), g = u.useRef(null), y = Q(t, g);
+    return bt(), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+      /* @__PURE__ */ d.jsx(
+        Se,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: r,
+          onMountAutoFocus: a,
+          onUnmountAutoFocus: o,
+          children: /* @__PURE__ */ d.jsx(
+            ft,
+            {
+              role: "dialog",
+              id: c.contentId,
+              "aria-describedby": c.descriptionId,
+              "aria-labelledby": c.titleId,
+              "data-state": ve(c.open),
+              ...i,
+              ref: y,
+              onDismiss: () => c.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+        /* @__PURE__ */ d.jsx(xn, { titleId: c.titleId }),
+        /* @__PURE__ */ d.jsx(Cn, { contentRef: g, descriptionId: c.descriptionId })
+      ] })
+    ] });
+  }
+), me = "DialogTitle", He = u.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = $(me, n);
+    return /* @__PURE__ */ d.jsx(K.h2, { id: a.titleId, ...r, ref: t });
+  }
+);
+He.displayName = me;
+var Ue = "DialogDescription", qe = u.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = $(Ue, n);
+    return /* @__PURE__ */ d.jsx(K.p, { id: a.descriptionId, ...r, ref: t });
+  }
+);
+qe.displayName = Ue;
+var Ze = "DialogClose", En = u.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = $(Ze, n);
+    return /* @__PURE__ */ d.jsx(
+      K.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: X(e.onClick, () => a.onOpenChange(!1))
+      }
+    );
+  }
+);
+En.displayName = Ze;
+function ve(e) {
+  return e ? "open" : "closed";
+}
+var Ge = "DialogTitleWarning", [In, Ve] = pt(Ge, {
+  contentName: A,
+  titleName: me,
+  docsSlug: "dialog"
+}), xn = ({ titleId: e }) => {
+  const t = Ve(Ge), 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.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return u.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, Nn = "DialogDescriptionWarning", Cn = ({ contentRef: e, descriptionId: t }) => {
+  const n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ve(Nn).contentName}}.`;
+  return u.useEffect(() => {
+    const r = e.current?.getAttribute("aria-describedby");
+    t && r && (document.getElementById(t) || console.warn(n));
+  }, [n, e, t]), null;
+}, Rn = Le, $n = Ke, Qe = Xe, Je = ze, et = He, tt = qe;
+const Sn = Rn, jn = $n, nt = B.forwardRef((e, t) => {
+  const n = I.c(9);
+  let r, a;
+  n[0] !== e ? ({
+    className: r,
+    ...a
+  } = e, n[0] = e, n[1] = r, n[2] = a) : (r = n[1], a = n[2]);
+  let o;
+  n[3] !== r ? (o = _("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", r), n[3] = r, n[4] = o) : o = n[4];
+  let i;
+  return n[5] !== a || n[6] !== t || n[7] !== o ? (i = /* @__PURE__ */ d.jsx(Qe, { ...a, ref: t, className: o }), n[5] = a, n[6] = t, n[7] = o, n[8] = i) : i = n[8], i;
+});
+nt.displayName = Qe.displayName;
+const rt = B.forwardRef((e, t) => {
+  const n = I.c(24);
+  let r, a, o, i, c, g;
+  n[0] !== e ? ({
+    className: a,
+    children: r,
+    onOpenChange: o,
+    inPortal: g,
+    overlayClassName: i,
+    ...c
+  } = e, n[0] = e, n[1] = r, n[2] = a, n[3] = o, n[4] = i, n[5] = c, n[6] = g) : (r = n[1], a = n[2], o = n[3], i = n[4], c = n[5], g = n[6]);
+  const y = g === void 0 ? !1 : g;
+  let p;
+  n[7] !== o ? (p = () => o?.(!1), n[7] = o, n[8] = p) : p = n[8];
+  let f;
+  n[9] !== i || n[10] !== p ? (f = /* @__PURE__ */ d.jsx(nt, { onClick: p, className: i }), n[9] = i, n[10] = p, n[11] = f) : f = n[11];
+  let m;
+  n[12] !== a ? (m = _("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", a), n[12] = a, n[13] = m) : m = n[13];
+  let v;
+  n[14] !== r || n[15] !== c || n[16] !== t || n[17] !== m ? (v = /* @__PURE__ */ d.jsx(Je, { ...c, ref: t, className: m, children: r }), n[14] = r, n[15] = c, n[16] = t, n[17] = m, n[18] = v) : v = n[18];
+  let N;
+  n[19] !== f || n[20] !== v ? (N = /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+    f,
+    v
+  ] }), n[19] = f, n[20] = v, n[21] = N) : N = n[21];
+  const s = N;
+  if (y) {
+    let l;
+    return n[22] !== s ? (l = /* @__PURE__ */ d.jsx(jn, { "data-slot": "drawer-portal", children: s }), n[22] = s, n[23] = l) : l = n[23], l;
+  }
+  return s;
+});
+rt.displayName = Je.displayName;
+function at(e) {
+  const t = I.c(8);
+  let n, r;
+  t[0] !== e ? ({
+    className: n,
+    ...r
+  } = e, t[0] = e, t[1] = n, t[2] = r) : (n = t[1], r = t[2]);
+  let a;
+  t[3] !== n ? (a = _("flex flex-col gap-1.5 text-center sm:text-left", n), t[3] = n, t[4] = a) : a = t[4];
+  let o;
+  return t[5] !== r || t[6] !== a ? (o = /* @__PURE__ */ d.jsx("div", { ...r, className: a }), t[5] = r, t[6] = a, t[7] = o) : o = t[7], o;
+}
+at.displayName = "DialogHeader";
+function ot(e) {
+  const t = I.c(8);
+  let n, r, a;
+  t[0] !== e ? ({
+    className: r,
+    children: n,
+    ...a
+  } = e, t[0] = e, t[1] = n, t[2] = r, t[3] = a) : (n = t[1], r = t[2], a = t[3]);
+  let o;
+  return t[4] !== n || t[5] !== r || t[6] !== a ? (o = /* @__PURE__ */ d.jsx("div", { ...a, className: r, children: n }), t[4] = n, t[5] = r, t[6] = a, t[7] = o) : o = t[7], o;
+}
+ot.displayName = "DialogFooter";
+const de = B.forwardRef((e, t) => {
+  const n = I.c(9);
+  let r, a;
+  n[0] !== e ? ({
+    className: r,
+    ...a
+  } = e, n[0] = e, n[1] = r, n[2] = a) : (r = n[1], a = n[2]);
+  let o;
+  n[3] !== r ? (o = _("mb-0 p-0 text-[1.563rem] md:text-[2.188rem] font-normal leading-[1.15] text-primary-black dark:text-primary-white", r), n[3] = r, n[4] = o) : o = n[4];
+  let i;
+  return n[5] !== a || n[6] !== t || n[7] !== o ? (i = /* @__PURE__ */ d.jsx(et, { ...a, ref: t, className: o }), n[5] = a, n[6] = t, n[7] = o, n[8] = i) : i = n[8], i;
+});
+de.displayName = et.displayName;
+const ct = B.forwardRef((e, t) => {
+  const n = I.c(9);
+  let r, a;
+  n[0] !== e ? ({
+    className: r,
+    ...a
+  } = e, n[0] = e, n[1] = r, n[2] = a) : (r = n[1], a = n[2]);
+  let o;
+  n[3] !== r ? (o = _("text-sm text-primary-gray-600 dark:text-primary-gray-300 m-0", r), n[3] = r, n[4] = o) : o = n[4];
+  let i;
+  return n[5] !== a || n[6] !== t || n[7] !== o ? (i = /* @__PURE__ */ d.jsx(tt, { ...a, ref: t, className: o }), n[5] = a, n[6] = t, n[7] = o, n[8] = i) : i = n[8], i;
+});
+ct.displayName = tt.displayName;
+function Mn(e) {
+  const t = I.c(35), {
+    title: n,
+    description: r,
+    children: a,
+    footer: o,
+    open: i,
+    onClose: c,
+    className: g,
+    titleClassName: y,
+    footerClassName: p,
+    descriptionClassName: f,
+    overlayClassName: m,
+    closeButtonClassName: v,
+    showCloseButton: N,
+    inPortal: s
+  } = e, l = N === void 0 ? !0 : N, b = s === void 0 ? !1 : s, w = B.useId(), E = B.useId();
+  let h;
+  t[0] !== c ? (h = (te) => {
+    te || c?.();
+  }, t[0] = c, t[1] = h) : h = t[1];
+  let x;
+  t[2] !== g ? (x = _("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", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-top-[2%] data-[state=open]:slide-in-from-top-[2%]", g), t[2] = g, t[3] = x) : x = t[3];
+  let C;
+  t[4] !== c ? (C = (te) => {
+    te || c?.();
+  }, t[4] = c, t[5] = C) : C = t[5];
+  const R = r ? w : void 0, k = n ? E : void 0;
+  let j;
+  t[6] !== v || t[7] !== c || t[8] !== l ? (j = l && /* @__PURE__ */ d.jsx("button", { type: "button", onClick: () => {
+    c?.();
+  }, 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", v), children: /* @__PURE__ */ d.jsx(gt, { className: "h-6 w-6 stroke-primary-black dark:stroke-primary-gray-100" }) }), t[6] = v, t[7] = c, t[8] = l, t[9] = j) : j = t[9];
+  let M;
+  t[10] !== r || t[11] !== f || t[12] !== w || t[13] !== n || t[14] !== y || t[15] !== E ? (M = n || r ? /* @__PURE__ */ d.jsxs(at, { children: [
+    n && /* @__PURE__ */ d.jsx(de, { id: E, className: y, children: n }),
+    r && /* @__PURE__ */ d.jsx(ct, { className: f, id: w, children: r })
+  ] }) : /* @__PURE__ */ d.jsx(vt, { children: /* @__PURE__ */ d.jsx(de, { children: "This a modal" }) }), t[10] = r, t[11] = f, t[12] = w, t[13] = n, t[14] = y, t[15] = E, t[16] = M) : M = t[16];
+  let O;
+  t[17] !== o || t[18] !== p ? (O = o && /* @__PURE__ */ d.jsx(ot, { className: p, children: o }), t[17] = o, t[18] = p, t[19] = O) : O = t[19];
+  let T;
+  t[20] !== a || t[21] !== b || t[22] !== m || t[23] !== x || t[24] !== C || t[25] !== R || t[26] !== k || t[27] !== j || t[28] !== M || t[29] !== O ? (T = /* @__PURE__ */ d.jsxs(rt, { inPortal: b, className: x, overlayClassName: m, onOpenChange: C, "aria-describedby": R, "aria-labelledby": k, children: [
+    j,
+    M,
+    a,
+    O
+  ] }), t[20] = a, t[21] = b, t[22] = m, t[23] = x, t[24] = C, t[25] = R, t[26] = k, t[27] = j, t[28] = M, t[29] = O, t[30] = T) : T = t[30];
+  let z;
+  return t[31] !== i || t[32] !== T || t[33] !== h ? (z = /* @__PURE__ */ d.jsx(Sn, { open: i, onOpenChange: h, children: T }), t[31] = i, t[32] = T, t[33] = h, t[34] = z) : z = t[34], z;
+}
+export {
+  Mn as l,
+  ne as n
+};
+//# sourceMappingURL=Modal-DGcuAHyK.js.map