@undp/data-viz 1.2.8 → 1.3.1

package/dist/Modal-CUU6ZK3U.js

@@ -0,0 +1,1019 @@
+import { a as l, m as O } from "./index-CHPV5EwG-BPSP-7Jg.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 { t as lt } from "./x-CnsEH4Ox-DDvAJndW.js";
+var dt = c[" useId ".trim().toString()] || (() => {
+}), ft = 0;
+function q(e) {
+  const [t, n] = c.useState(dt());
+  return nt(() => {
+    n((r) => r ?? String(ft++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+var G = 0;
+function pt() {
+  c.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? de()), document.body.insertAdjacentElement("beforeend", e[1] ?? de()), G++, () => {
+      G === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), G--;
+    };
+  }, []);
+}
+function de() {
+  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 Q = "focusScope.autoFocusOnMount", V = "focusScope.autoFocusOnUnmount", fe = { bubbles: !1, cancelable: !0 }, mt = "FocusScope", Ee = c.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: r = !1,
+    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({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  c.useEffect(() => {
+    if (r) {
+      let s = function(w) {
+        if (v.paused || !i) return;
+        const E = w.target;
+        i.contains(E) ? f.current = E : j(f.current, { select: !0 });
+      }, d = function(w) {
+        if (v.paused || !i) return;
+        const E = w.relatedTarget;
+        E !== null && (i.contains(E) || j(f.current, { select: !0 }));
+      }, y = function(w) {
+        if (document.activeElement === document.body)
+          for (const E of w)
+            E.removedNodes.length > 0 && j(i);
+      };
+      document.addEventListener("focusin", s), document.addEventListener("focusout", d);
+      const b = new MutationObserver(y);
+      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(() => {
+    if (i) {
+      me.add(v);
+      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));
+      }
+      return () => {
+        i.removeEventListener(Q, g), 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);
+        }, 0);
+      };
+    }
+  }, [i, g, m, v]);
+  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) {
+        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();
+      }
+    },
+    [n, r, v.paused]
+  );
+  return /* @__PURE__ */ l.jsx(T.div, { tabIndex: -1, ...u, ref: p, 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;
+}
+function gt(e) {
+  const t = xe(e), n = pe(t, e), r = pe(t.reverse(), e);
+  return [n, r];
+}
+function xe(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 pe(e, t) {
+  for (const n of e)
+    if (!ht(n, { upTo: t })) return n;
+}
+function ht(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 yt(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function j(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && yt(e) && t && e.select();
+  }
+}
+var me = bt();
+function bt() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && n?.pause(), e = ve(e, t), e.unshift(t);
+    },
+    remove(t) {
+      e = ve(e, t), e[0]?.resume();
+    }
+  };
+}
+function ve(e, t) {
+  const n = [...e], r = n.indexOf(t);
+  return r !== -1 && n.splice(r, 1), n;
+}
+function wt(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var Et = function(e) {
+  if (typeof document > "u")
+    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) {
+  return e && (e.host || Ne(e.parentNode));
+}, xt = function(e, t) {
+  return t.map(function(n) {
+    if (e.contains(n))
+      return n;
+    var r = Ne(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;
+  });
+}, 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));
+  };
+  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);
+      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);
+        }
+    });
+  };
+  return m(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 = {});
+  };
+}, Ct = function(e, t, n) {
+  n === void 0 && (n = "data-aria-hidden");
+  var r = Array.from(Array.isArray(e) ? e : [e]), a = Et(e);
+  return a ? (r.push.apply(r, Array.from(a.querySelectorAll("[aria-live], script"))), Nt(r, a, n, "aria-hidden")) : function() {
+    return null;
+  };
+}, R = function() {
+  return R = 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;
+  }, R.apply(this, arguments);
+};
+function Ce(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 Rt(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 X = "right-scroll-bar-position", z = "width-before-scroll-bar", St = "with-scroll-bars-hidden", jt = "--removed-body-scroll-bar-size";
+function ee(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function kt(e, t) {
+  var n = tt(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 $t = typeof window < "u" ? c.useLayoutEffect : c.useEffect, ge = /* @__PURE__ */ new WeakMap();
+function Dt(e, t) {
+  var n = kt(null, function(r) {
+    return e.forEach(function(a) {
+      return ee(a, r);
+    });
+  });
+  return $t(function() {
+    var r = ge.get(n);
+    if (r) {
+      var a = new Set(r), o = new Set(e), u = n.current;
+      a.forEach(function(i) {
+        o.has(i) || ee(i, null);
+      }), o.forEach(function(i) {
+        a.has(i) || ee(i, u);
+      });
+    }
+    ge.set(n, e);
+  }, [e]), n;
+}
+function _t(e) {
+  return e;
+}
+function At(e, t) {
+  t === void 0 && (t = _t);
+  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 u = t(o, r);
+      return n.push(u), function() {
+        n = n.filter(function(i) {
+          return i !== u;
+        });
+      };
+    },
+    assignSyncMedium: function(o) {
+      for (r = !0; n.length; ) {
+        var u = n;
+        n = [], u.forEach(o);
+      }
+      n = {
+        push: function(i) {
+          return o(i);
+        },
+        filter: function() {
+          return n;
+        }
+      };
+    },
+    assignMedium: function(o) {
+      r = !0;
+      var u = [];
+      if (n.length) {
+        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);
+      };
+      g(), n = {
+        push: function(m) {
+          u.push(m), g();
+        },
+        filter: function(m) {
+          return u = u.filter(m), n;
+        }
+      };
+    }
+  };
+  return a;
+}
+function Mt(e) {
+  e === void 0 && (e = {});
+  var t = At(null);
+  return t.options = R({ async: !0, ssr: !1 }, e), t;
+}
+var Re = function(e) {
+  var t = e.sideCar, n = Ce(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 c.createElement(r, R({}, n));
+};
+Re.isSideCarExport = !0;
+function It(e, t) {
+  return e.useMedium(t), Re;
+}
+var Se = Mt(), 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);
+  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)
+  );
+});
+U.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+U.classNames = {
+  fullWidth: z,
+  zeroRight: X
+};
+var Ot = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function Tt() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = Ot();
+  return t && e.setAttribute("nonce", t), e;
+}
+function Ft(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function Pt(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var Lt = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = Tt()) && (Ft(t, n), Pt(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, Wt = function() {
+  var e = Lt();
+  return function(t, n) {
+    c.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, je = function() {
+  var e = Wt(), t = function(n) {
+    var r = n.styles, a = n.dynamic;
+    return e(r, a), null;
+  };
+  return t;
+}, Bt = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, ne = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, 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) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return Bt;
+  var t = Kt(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])
+  };
+}, zt = je(), M = "data-scroll-locked", Ht = 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, ` {
+   overflow: hidden `).concat(r, `;
+   padding-right: `).concat(i, "px ").concat(r, `;
+  }
+  body[`).concat(M, `] {
+    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(u, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(i, "px ").concat(r, `;
+    `),
+    n === "padding" && "padding-right: ".concat(i, "px ").concat(r, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(X, ` {
+    right: `).concat(i, "px ").concat(r, `;
+  }
+  
+  .`).concat(z, ` {
+    margin-right: `).concat(i, "px ").concat(r, `;
+  }
+  
+  .`).concat(X, " .").concat(X, ` {
+    right: 0 `).concat(r, `;
+  }
+  
+  .`).concat(z, " .").concat(z, ` {
+    margin-right: 0 `).concat(r, `;
+  }
+  
+  body[`).concat(M, `] {
+    `).concat(jt, ": ").concat(i, `px;
+  }
+`);
+}, he = function() {
+  var e = parseInt(document.body.getAttribute(M) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, Yt = function() {
+  c.useEffect(function() {
+    return document.body.setAttribute(M, (he() + 1).toString()), function() {
+      var e = he() - 1;
+      e <= 0 ? document.body.removeAttribute(M) : document.body.setAttribute(M, e.toString());
+    };
+  }, []);
+}, Ut = function(e) {
+  var t = e.noRelative, n = e.noImportant, r = e.gapMode, a = r === void 0 ? "margin" : r;
+  Yt();
+  var o = c.useMemo(function() {
+    return Xt(a);
+  }, [a]);
+  return c.createElement(zt, { styles: Ht(o, !t, a, n ? "" : "!important") });
+}, re = !1;
+if (typeof window < "u")
+  try {
+    var B = Object.defineProperty({}, "passive", {
+      get: function() {
+        return re = !0, !0;
+      }
+    });
+    window.addEventListener("test", B, B), window.removeEventListener("test", B, B);
+  } catch {
+    re = !1;
+  }
+var _ = re ? { passive: !1 } : !1, Zt = function(e) {
+  return e.tagName === "TEXTAREA";
+}, ke = 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 && !Zt(e) && n[t] === "visible")
+  );
+}, qt = function(e) {
+  return ke(e, "overflowY");
+}, Gt = function(e) {
+  return ke(e, "overflowX");
+}, ye = function(e, t) {
+  var n = t.ownerDocument, r = t;
+  do {
+    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
+    var a = $e(e, r);
+    if (a) {
+      var o = De(e, r), u = o[1], i = o[2];
+      if (u > i)
+        return !0;
+    }
+    r = r.parentNode;
+  } while (r && r !== n.body);
+  return !1;
+}, Qt = function(e) {
+  var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
+  return [
+    t,
+    n,
+    r
+  ];
+}, Vt = function(e) {
+  var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
+  return [
+    t,
+    n,
+    r
+  ];
+}, $e = function(e, t) {
+  return e === "v" ? qt(t) : Gt(t);
+}, De = function(e, t) {
+  return e === "v" ? Qt(t) : Vt(t);
+}, 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;
+  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 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)
+  );
+  return (m && Math.abs(f) < 1 || !m && Math.abs(p) < 1) && (g = !0), g;
+}, K = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, be = function(e) {
+  return [e.deltaX, e.deltaY];
+}, we = function(e) {
+  return e && "current" in e ? e.current : e;
+}, tn = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, nn = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, rn = 0, A = [];
+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);
+  c.useEffect(function() {
+    u.current = e;
+  }, [e]), c.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(a));
+      var s = Rt([e.lockRef.current], (e.shards || []).map(we)).filter(Boolean);
+      return s.forEach(function(d) {
+        return d.classList.add("allow-interactivity-".concat(a));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(a)), s.forEach(function(d) {
+          return d.classList.remove("allow-interactivity-".concat(a));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  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")
+      return !1;
+    var P = ye(S, $);
+    if (!P)
+      return !0;
+    if (P ? N = S : (N = S === "v" ? "h" : "v", P = ye(S, $)), !P)
+      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) {
+    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);
+      })[0];
+      if (b && b.should) {
+        d.cancelable && d.preventDefault();
+        return;
+      }
+      if (!b) {
+        var w = (u.current.shards || []).map(we).filter(Boolean).filter(function(N) {
+          return N.contains(d.target);
+        }), E = w.length > 0 ? i(d, w[0]) : !u.current.noIsolation;
+        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) };
+    t.current.push(w), setTimeout(function() {
+      t.current = t.current.filter(function(E) {
+        return E !== w;
+      });
+    }, 1);
+  }, []), m = 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));
+  }, []);
+  c.useEffect(function() {
+    return A.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) {
+        return s !== o;
+      }), document.removeEventListener("wheel", h, _), document.removeEventListener("touchmove", h, _), document.removeEventListener("touchstart", m, _);
+    };
+  }, []);
+  var v = 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
+  );
+}
+function on(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const cn = It(Se, 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) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: r,
+    defaultOpen: a,
+    onOpenChange: o,
+    modal: u = !0
+  } = e, i = c.useRef(null), h = c.useRef(null), [g, m] = rt({
+    prop: r,
+    defaultProp: a ?? !1,
+    onChange: o,
+    caller: Z
+  });
+  return /* @__PURE__ */ l.jsx(
+    sn,
+    {
+      scope: t,
+      triggerRef: i,
+      contentRef: h,
+      contentId: q(),
+      titleId: q(),
+      descriptionId: q(),
+      open: g,
+      onOpenChange: m,
+      onOpenToggle: c.useCallback(() => m((f) => !f), [m]),
+      modal: u,
+      children: n
+    }
+  );
+};
+Me.displayName = Z;
+var Ie = "DialogTrigger", un = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = C(Ie, n), o = Y(t, a.triggerRef);
+    return /* @__PURE__ */ l.jsx(
+      T.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": a.open,
+        "aria-controls": a.contentId,
+        "data-state": se(a.open),
+        ...r,
+        ref: o,
+        onClick: F(e.onClick, a.onOpenToggle)
+      }
+    );
+  }
+);
+un.displayName = Ie;
+var ie = "DialogPortal", [ln, Oe] = Ae(ie, {
+  forceMount: void 0
+}), Te = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: r, container: a } = e, o = C(ie, t);
+  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(
+  (e, t) => {
+    const n = Oe(H, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = C(H, 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;
+var dn = it("DialogOverlay.RemoveScroll"), fn = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = C(H, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ l.jsx(_e, { as: dn, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ l.jsx(
+        T.div,
+        {
+          "data-state": se(a.open),
+          ...r,
+          ref: t,
+          style: { pointerEvents: "auto", ...r.style }
+        }
+      ) })
+    );
+  }
+), k = "DialogContent", Pe = c.forwardRef(
+  (e, t) => {
+    const n = Oe(k, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = C(k, 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;
+var pn = c.forwardRef(
+  (e, t) => {
+    const n = C(k, e.__scopeDialog), r = c.useRef(null), a = Y(t, n.contentRef, r);
+    return c.useEffect(() => {
+      const o = r.current;
+      if (o) return Ct(o);
+    }, []), /* @__PURE__ */ l.jsx(
+      Le,
+      {
+        ...e,
+        ref: a,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: F(e.onCloseAutoFocus, (o) => {
+          o.preventDefault(), n.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: F(e.onPointerDownOutside, (o) => {
+          const u = o.detail.originalEvent, i = u.button === 0 && u.ctrlKey === !0;
+          (u.button === 2 || i) && o.preventDefault();
+        }),
+        onFocusOutside: F(
+          e.onFocusOutside,
+          (o) => o.preventDefault()
+        )
+      }
+    );
+  }
+), mn = c.forwardRef(
+  (e, t) => {
+    const n = C(k, e.__scopeDialog), r = c.useRef(!1), a = c.useRef(!1);
+    return /* @__PURE__ */ l.jsx(
+      Le,
+      {
+        ...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 u = o.target;
+          n.triggerRef.current?.contains(u) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && a.current && o.preventDefault();
+        }
+      }
+    );
+  }
+), 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);
+    return pt(), /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsx(
+        Ee,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: r,
+          onMountAutoFocus: a,
+          onUnmountAutoFocus: o,
+          children: /* @__PURE__ */ l.jsx(
+            ct,
+            {
+              role: "dialog",
+              id: i.contentId,
+              "aria-describedby": i.descriptionId,
+              "aria-labelledby": i.titleId,
+              "data-state": se(i.open),
+              ...u,
+              ref: g,
+              onDismiss: () => i.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+        /* @__PURE__ */ l.jsx(gn, { titleId: i.titleId }),
+        /* @__PURE__ */ l.jsx(yn, { contentRef: h, descriptionId: i.descriptionId })
+      ] })
+    ] });
+  }
+), ce = "DialogTitle", We = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = C(ce, n);
+    return /* @__PURE__ */ l.jsx(T.h2, { id: a.titleId, ...r, ref: t });
+  }
+);
+We.displayName = ce;
+var Be = "DialogDescription", Ke = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = C(Be, n);
+    return /* @__PURE__ */ l.jsx(T.p, { id: a.descriptionId, ...r, ref: t });
+  }
+);
+Ke.displayName = Be;
+var Xe = "DialogClose", vn = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = C(Xe, n);
+    return /* @__PURE__ */ l.jsx(
+      T.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: F(e.onClick, () => a.onOpenChange(!1))
+      }
+    );
+  }
+);
+vn.displayName = Xe;
+function se(e) {
+  return e ? "open" : "closed";
+}
+var ze = "DialogTitleWarning", [kn, He] = st(ze, {
+  contentName: k,
+  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.
+
+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 c.useEffect(() => {
+    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}}.`;
+  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,
+  {
+    ...t,
+    ref: n,
+    className: 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",
+      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
+    }
+  )
+] }));
+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) });
+}
+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(
+  Ze,
+  {
+    ...t,
+    ref: n,
+    className: O(
+      "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(
+  qe,
+  {
+    ...t,
+    ref: n,
+    className: O("text-sm text-primary-gray-600 dark:text-primary-gray-300 m-0", e)
+  }
+));
+et.displayName = qe.displayName;
+function $n(e) {
+  const {
+    title: t,
+    description: n,
+    children: r,
+    footer: a,
+    open: o,
+    onClose: u,
+    className: i,
+    titleClassName: h,
+    footerClassName: g,
+    descriptionClassName: m,
+    showCloseButton: f = !0
+  } = e, p = I.useId(), v = I.useId();
+  return /* @__PURE__ */ l.jsx(
+    En,
+    {
+      open: o,
+      onOpenChange: (x) => {
+        x || u?.();
+      },
+      children: /* @__PURE__ */ l.jsxs(
+        Qe,
+        {
+          className: O(
+            "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%]",
+            i
+          ),
+          onOpenChange: (x) => {
+            x || u?.();
+          },
+          "aria-describedby": n ? p : void 0,
+          "aria-labelledby": t ? v : void 0,
+          children: [
+            f && /* @__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",
+                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 })
+            ] }) : /* @__PURE__ */ l.jsx(ut, { children: /* @__PURE__ */ l.jsx(ae, { children: "This a modal" }) }),
+            r,
+            a && /* @__PURE__ */ l.jsx(Je, { className: g, children: a })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  $n as X,
+  q as n
+};
+//# sourceMappingURL=Modal-CUU6ZK3U.js.map