@undp/data-viz 1.2.8 → 1.3.0

package/dist/Modal-C9txyGOk.js

@@ -0,0 +1,723 @@
+import { r as He, b as Nt } from "./index-BHm2KTjD-2e-Fu8L-.js";
+import Te from "react";
+import { r as st, e as St, a as ct, d as Dt, b as Ot, f as kt, c as It } from "./index-01r5X3Gr-kH7FxQ7P.js";
+import { a as Mt } from "./x-Dft9NVe_-DcB7wtv5.js";
+var Ze = {}, U = {}, ze = {}, rt;
+function Pt() {
+  if (rt) return ze;
+  rt = 1;
+  const V = Te, y = /* @__PURE__ */ st();
+  function C(T) {
+    const p = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+    if (T) {
+      for (const _ in T) if (_ !== "default") {
+        const g = Object.getOwnPropertyDescriptor(T, _);
+        Object.defineProperty(p, _, g.get ? g : { enumerable: !0, get: () => T[_] });
+      }
+    }
+    return p.default = T, Object.freeze(p);
+  }
+  const z = C(V);
+  var P = z[" useId ".trim().toString()] || (() => {
+  }), i = 0;
+  function G(T) {
+    const [p, _] = z.useState(P());
+    return y.useLayoutEffect2(() => {
+      _((g) => g ?? String(i++));
+    }, [T]), p ? `radix-${p}` : "";
+  }
+  return ze.useId = G, ze;
+}
+var ye = {}, ot;
+function Tt() {
+  if (ot) return ye;
+  ot = 1;
+  const V = Te, y = /* @__PURE__ */ ct(), C = /* @__PURE__ */ St(), z = /* @__PURE__ */ He();
+  function P(e) {
+    const t = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+    if (e) {
+      for (const n in e) if (n !== "default") {
+        const r = Object.getOwnPropertyDescriptor(e, n);
+        Object.defineProperty(t, n, r.get ? r : { enumerable: !0, get: () => e[n] });
+      }
+    }
+    return t.default = e, Object.freeze(t);
+  }
+  const i = P(V);
+  var G = 0;
+  function T() {
+    i.useEffect(() => {
+      const e = document.querySelectorAll("[data-radix-focus-guard]");
+      return document.body.insertAdjacentElement("afterbegin", e[0] ?? p()), document.body.insertAdjacentElement("beforeend", e[1] ?? p()), G++, () => {
+        G === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), G--;
+      };
+    }, []);
+  }
+  function p() {
+    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 _ = "focusScope.autoFocusOnMount", g = "focusScope.autoFocusOnUnmount", H = { bubbles: !1, cancelable: !0 }, ae = "FocusScope", ie = i.forwardRef((e, t) => {
+    const { loop: n = !1, trapped: r = !1, onMountAutoFocus: c, onUnmountAutoFocus: d, ...x } = e, [o, L] = i.useState(null), M = C.useCallbackRef(c), O = C.useCallbackRef(d), b = i.useRef(null), E = y.useComposedRefs(t, (a) => L(a)), w = i.useRef({ paused: !1, pause() {
+      this.paused = !0;
+    }, resume() {
+      this.paused = !1;
+    } }).current;
+    i.useEffect(() => {
+      if (r) {
+        let a = function(S) {
+          if (w.paused || !o) return;
+          const D = S.target;
+          o.contains(D) ? b.current = D : F(b.current, { select: !0 });
+        }, f = function(S) {
+          if (w.paused || !o) return;
+          const D = S.relatedTarget;
+          D !== null && (o.contains(D) || F(b.current, { select: !0 }));
+        }, j = function(S) {
+          if (document.activeElement === document.body) for (const D of S) D.removedNodes.length > 0 && F(o);
+        };
+        document.addEventListener("focusin", a), document.addEventListener("focusout", f);
+        const N = new MutationObserver(j);
+        return o && N.observe(o, { childList: !0, subtree: !0 }), () => {
+          document.removeEventListener("focusin", a), document.removeEventListener("focusout", f), N.disconnect();
+        };
+      }
+    }, [r, o, w.paused]), i.useEffect(() => {
+      if (o) {
+        se.add(w);
+        const a = document.activeElement;
+        if (!o.contains(a)) {
+          const f = new CustomEvent(_, H);
+          o.addEventListener(_, M), o.dispatchEvent(f), f.defaultPrevented || (le(de(k(o)), { select: !0 }), document.activeElement === a && F(o));
+        }
+        return () => {
+          o.removeEventListener(_, M), setTimeout(() => {
+            const f = new CustomEvent(g, H);
+            o.addEventListener(g, O), o.dispatchEvent(f), f.defaultPrevented || F(a ?? document.body, { select: !0 }), o.removeEventListener(g, O), se.remove(w);
+          }, 0);
+        };
+      }
+    }, [o, M, O, w]);
+    const Z = i.useCallback((a) => {
+      if (!n && !r || w.paused) return;
+      const f = a.key === "Tab" && !a.altKey && !a.ctrlKey && !a.metaKey, j = document.activeElement;
+      if (f && j) {
+        const N = a.currentTarget, [S, D] = A(N);
+        S && D ? !a.shiftKey && j === D ? (a.preventDefault(), n && F(S, { select: !0 })) : a.shiftKey && j === S && (a.preventDefault(), n && F(D, { select: !0 })) : j === N && a.preventDefault();
+      }
+    }, [n, r, w.paused]);
+    return z.jsxRuntimeExports.jsx(y.Primitive.div, { tabIndex: -1, ...x, ref: E, onKeyDown: Z });
+  });
+  ie.displayName = ae;
+  function le(e, { select: t = !1 } = {}) {
+    const n = document.activeElement;
+    for (const r of e) if (F(r, { select: t }), document.activeElement !== n) return;
+  }
+  function A(e) {
+    const t = k(e), n = R(t, e), r = R(t.reverse(), e);
+    return [n, r];
+  }
+  function k(e) {
+    const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (r) => {
+      const c = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || c ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    } });
+    for (; n.nextNode(); ) t.push(n.currentNode);
+    return t;
+  }
+  function R(e, t) {
+    for (const n of e) if (!I(n, { upTo: t })) return n;
+  }
+  function I(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 J(e) {
+    return e instanceof HTMLInputElement && "select" in e;
+  }
+  function F(e, { select: t = !1 } = {}) {
+    if (e && e.focus) {
+      const n = document.activeElement;
+      e.focus({ preventScroll: !0 }), e !== n && J(e) && t && e.select();
+    }
+  }
+  var se = ee();
+  function ee() {
+    let e = [];
+    return { add(t) {
+      const n = e[0];
+      t !== n && n?.pause(), e = Q(e, t), e.unshift(t);
+    }, remove(t) {
+      e = Q(e, t), e[0]?.resume();
+    } };
+  }
+  function Q(e, t) {
+    const n = [...e], r = n.indexOf(t);
+    return r !== -1 && n.splice(r, 1), n;
+  }
+  function de(e) {
+    return e.filter((t) => t.tagName !== "A");
+  }
+  var xe = function(e) {
+    if (typeof document > "u") return null;
+    var t = Array.isArray(e) ? e[0] : e;
+    return t.ownerDocument.body;
+  }, Y = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), $ = {}, te = 0, ne = function(e) {
+    return e && (e.host || ne(e.parentNode));
+  }, je = 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;
+    });
+  }, be = function(e, t, n, r) {
+    var c = je(t, Array.isArray(e) ? e : [e]);
+    $[n] || ($[n] = /* @__PURE__ */ new WeakMap());
+    var d = $[n], x = [], o = /* @__PURE__ */ new Set(), L = new Set(c), M = function(b) {
+      !b || o.has(b) || (o.add(b), M(b.parentNode));
+    };
+    c.forEach(M);
+    var O = function(b) {
+      !b || L.has(b) || Array.prototype.forEach.call(b.children, function(E) {
+        if (o.has(E)) O(E);
+        else try {
+          var w = E.getAttribute(r), Z = w !== null && w !== "false", a = (Y.get(E) || 0) + 1, f = (d.get(E) || 0) + 1;
+          Y.set(E, a), d.set(E, f), x.push(E), a === 1 && Z && q.set(E, !0), f === 1 && E.setAttribute(n, "true"), Z || E.setAttribute(r, "true");
+        } catch (j) {
+          console.error("aria-hidden: cannot operate on ", E, j);
+        }
+      });
+    };
+    return O(t), o.clear(), te++, function() {
+      x.forEach(function(b) {
+        var E = Y.get(b) - 1, w = d.get(b) - 1;
+        Y.set(b, E), d.set(b, w), E || (q.has(b) || b.removeAttribute(r), q.delete(b)), w || b.removeAttribute(n);
+      }), te--, te || (Y = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), $ = {});
+    };
+  }, Ce = function(e, t, n) {
+    n === void 0 && (n = "data-aria-hidden");
+    var r = Array.from(Array.isArray(e) ? e : [e]), c = xe(e);
+    return c ? (r.push.apply(r, Array.from(c.querySelectorAll("[aria-live], script"))), be(r, c, n, "aria-hidden")) : function() {
+      return null;
+    };
+  }, X = function() {
+    return X = Object.assign || function(e) {
+      for (var t, n = 1, r = arguments.length; n < r; n++) {
+        t = arguments[n];
+        for (var c in t) Object.prototype.hasOwnProperty.call(t, c) && (e[c] = t[c]);
+      }
+      return e;
+    }, X.apply(this, arguments);
+  };
+  function Ee(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 c = 0, r = Object.getOwnPropertySymbols(e); c < r.length; c++) t.indexOf(r[c]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[c]) && (n[r[c]] = e[r[c]]);
+    return n;
+  }
+  function Ne(e, t, n) {
+    for (var r = 0, c = t.length, d; r < c; r++) (d || !(r in t)) && (d || (d = Array.prototype.slice.call(t, 0, r)), d[r] = t[r]);
+    return e.concat(d || Array.prototype.slice.call(t));
+  }
+  var ce = "right-scroll-bar-position", re = "width-before-scroll-bar", Se = "with-scroll-bars-hidden", Ye = "--removed-body-scroll-bar-size";
+  function fe(e, t) {
+    return typeof e == "function" ? e(t) : e && (e.current = t), e;
+  }
+  function _e(e, t) {
+    var n = V.useState(function() {
+      return { value: e, callback: t, facade: { get current() {
+        return n.value;
+      }, set current(r) {
+        var c = n.value;
+        c !== r && (n.value = r, n.callback(r, c));
+      } } };
+    })[0];
+    return n.callback = t, n.facade;
+  }
+  var Ae = typeof window < "u" ? i.useLayoutEffect : i.useEffect, De = /* @__PURE__ */ new WeakMap();
+  function Fe(e, t) {
+    var n = _e(null, function(r) {
+      return e.forEach(function(c) {
+        return fe(c, r);
+      });
+    });
+    return Ae(function() {
+      var r = De.get(n);
+      if (r) {
+        var c = new Set(r), d = new Set(e), x = n.current;
+        c.forEach(function(o) {
+          d.has(o) || fe(o, null);
+        }), d.forEach(function(o) {
+          c.has(o) || fe(o, x);
+        });
+      }
+      De.set(n, e);
+    }, [e]), n;
+  }
+  function Le(e) {
+    return e;
+  }
+  function qe(e, t) {
+    t === void 0 && (t = Le);
+    var n = [], r = !1, c = { 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(d) {
+      var x = t(d, r);
+      return n.push(x), function() {
+        n = n.filter(function(o) {
+          return o !== x;
+        });
+      };
+    }, assignSyncMedium: function(d) {
+      for (r = !0; n.length; ) {
+        var x = n;
+        n = [], x.forEach(d);
+      }
+      n = { push: function(o) {
+        return d(o);
+      }, filter: function() {
+        return n;
+      } };
+    }, assignMedium: function(d) {
+      r = !0;
+      var x = [];
+      if (n.length) {
+        var o = n;
+        n = [], o.forEach(d), x = n;
+      }
+      var L = function() {
+        var O = x;
+        x = [], O.forEach(d);
+      }, M = function() {
+        return Promise.resolve().then(L);
+      };
+      M(), n = { push: function(O) {
+        x.push(O), M();
+      }, filter: function(O) {
+        return x = x.filter(O), n;
+      } };
+    } };
+    return c;
+  }
+  function We(e) {
+    e === void 0 && (e = {});
+    var t = qe(null);
+    return t.options = X({ async: !0, ssr: !1 }, e), t;
+  }
+  var Oe = function(e) {
+    var t = e.sideCar, n = Ee(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 i.createElement(r, X({}, n));
+  };
+  Oe.isSideCarExport = !0;
+  function Be(e, t) {
+    return e.useMedium(t), Oe;
+  }
+  var ke = We(), Re = function() {
+  }, s = i.forwardRef(function(e, t) {
+    var n = i.useRef(null), r = i.useState({ onScrollCapture: Re, onWheelCapture: Re, onTouchMoveCapture: Re }), c = r[0], d = r[1], x = e.forwardProps, o = e.children, L = e.className, M = e.removeScrollBar, O = e.enabled, b = e.shards, E = e.sideCar, w = e.noRelative, Z = e.noIsolation, a = e.inert, f = e.allowPinchZoom, j = e.as, N = j === void 0 ? "div" : j, S = e.gapMode, D = Ee(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), B = E, he = Fe([n, t]), oe = X(X({}, D), c);
+    return i.createElement(i.Fragment, null, O && i.createElement(B, { sideCar: ke, removeScrollBar: M, shards: b, noRelative: w, noIsolation: Z, inert: a, setCallbacks: d, allowPinchZoom: !!f, lockRef: n, gapMode: S }), x ? i.cloneElement(i.Children.only(o), X(X({}, oe), { ref: he })) : i.createElement(N, X({}, oe, { className: L, ref: he }), o));
+  });
+  s.defaultProps = { enabled: !0, removeScrollBar: !0, inert: !1 }, s.classNames = { fullWidth: re, zeroRight: ce };
+  var u = function() {
+    if (typeof __webpack_nonce__ < "u") return __webpack_nonce__;
+  };
+  function l() {
+    if (!document) return null;
+    var e = document.createElement("style");
+    e.type = "text/css";
+    var t = u();
+    return t && e.setAttribute("nonce", t), e;
+  }
+  function v(e, t) {
+    e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+  }
+  function h(e) {
+    var t = document.head || document.getElementsByTagName("head")[0];
+    t.appendChild(e);
+  }
+  var m = function() {
+    var e = 0, t = null;
+    return { add: function(n) {
+      e == 0 && (t = l()) && (v(t, n), h(t)), e++;
+    }, remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    } };
+  }, K = function() {
+    var e = m();
+    return function(t, n) {
+      i.useEffect(function() {
+        return e.add(t), function() {
+          e.remove();
+        };
+      }, [t && n]);
+    };
+  }, W = function() {
+    var e = K(), t = function(n) {
+      var r = n.styles, c = n.dynamic;
+      return e(r, c), null;
+    };
+    return t;
+  }, pe = { left: 0, top: 0, right: 0, gap: 0 }, ue = function(e) {
+    return parseInt(e || "", 10) || 0;
+  }, we = function(e) {
+    var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], c = t[e === "padding" ? "paddingRight" : "marginRight"];
+    return [ue(n), ue(r), ue(c)];
+  }, Xe = function(e) {
+    if (e === void 0 && (e = "margin"), typeof window > "u") return pe;
+    var t = we(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]) };
+  }, ut = W(), me = "data-scroll-locked", lt = function(e, t, n, r) {
+    var c = e.left, d = e.top, x = e.right, o = e.gap;
+    return n === void 0 && (n = "margin"), `
+  .`.concat(Se, ` {
+   overflow: hidden `).concat(r, `;
+   padding-right: `).concat(o, "px ").concat(r, `;
+  }
+  body[`).concat(me, `] {
+    overflow: hidden `).concat(r, `;
+    overscroll-behavior: contain;
+    `).concat([t && "position: relative ".concat(r, ";"), n === "margin" && `
+    padding-left: `.concat(c, `px;
+    padding-top: `).concat(d, `px;
+    padding-right: `).concat(x, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(o, "px ").concat(r, `;
+    `), n === "padding" && "padding-right: ".concat(o, "px ").concat(r, ";")].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(ce, ` {
+    right: `).concat(o, "px ").concat(r, `;
+  }
+  
+  .`).concat(re, ` {
+    margin-right: `).concat(o, "px ").concat(r, `;
+  }
+  
+  .`).concat(ce, " .").concat(ce, ` {
+    right: 0 `).concat(r, `;
+  }
+  
+  .`).concat(re, " .").concat(re, ` {
+    margin-right: 0 `).concat(r, `;
+  }
+  
+  body[`).concat(me, `] {
+    `).concat(Ye, ": ").concat(o, `px;
+  }
+`);
+  }, $e = function() {
+    var e = parseInt(document.body.getAttribute(me) || "0", 10);
+    return isFinite(e) ? e : 0;
+  }, dt = function() {
+    i.useEffect(function() {
+      return document.body.setAttribute(me, ($e() + 1).toString()), function() {
+        var e = $e() - 1;
+        e <= 0 ? document.body.removeAttribute(me) : document.body.setAttribute(me, e.toString());
+      };
+    }, []);
+  }, ft = function(e) {
+    var t = e.noRelative, n = e.noImportant, r = e.gapMode, c = r === void 0 ? "margin" : r;
+    dt();
+    var d = i.useMemo(function() {
+      return Xe(c);
+    }, [c]);
+    return i.createElement(ut, { styles: lt(d, !t, c, n ? "" : "!important") });
+  }, Ke = !1;
+  if (typeof window < "u") try {
+    var Ie = Object.defineProperty({}, "passive", { get: function() {
+      return Ke = !0, !0;
+    } });
+    window.addEventListener("test", Ie, Ie), window.removeEventListener("test", Ie, Ie);
+  } catch {
+    Ke = !1;
+  }
+  var ve = Ke ? { passive: !1 } : !1, pt = function(e) {
+    return e.tagName === "TEXTAREA";
+  }, Ue = function(e, t) {
+    if (!(e instanceof Element)) return !1;
+    var n = window.getComputedStyle(e);
+    return n[t] !== "hidden" && !(n.overflowY === n.overflowX && !pt(e) && n[t] === "visible");
+  }, mt = function(e) {
+    return Ue(e, "overflowY");
+  }, vt = function(e) {
+    return Ue(e, "overflowX");
+  }, Ve = function(e, t) {
+    var n = t.ownerDocument, r = t;
+    do {
+      typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
+      var c = Ge(e, r);
+      if (c) {
+        var d = Je(e, r), x = d[1], o = d[2];
+        if (x > o) return !0;
+      }
+      r = r.parentNode;
+    } while (r && r !== n.body);
+    return !1;
+  }, gt = function(e) {
+    var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
+    return [t, n, r];
+  }, ht = function(e) {
+    var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
+    return [t, n, r];
+  }, Ge = function(e, t) {
+    return e === "v" ? mt(t) : vt(t);
+  }, Je = function(e, t) {
+    return e === "v" ? gt(t) : ht(t);
+  }, yt = function(e, t) {
+    return e === "h" && t === "rtl" ? -1 : 1;
+  }, xt = function(e, t, n, r, c) {
+    var d = yt(e, window.getComputedStyle(t).direction), x = d * r, o = n.target, L = t.contains(o), M = !1, O = x > 0, b = 0, E = 0;
+    do {
+      if (!o) break;
+      var w = Je(e, o), Z = w[0], a = w[1], f = w[2], j = a - f - d * Z;
+      (Z || j) && Ge(e, o) && (b += j, E += Z);
+      var N = o.parentNode;
+      o = N && N.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? N.host : N;
+    } while (!L && o !== document.body || L && (t.contains(o) || t === o));
+    return (O && Math.abs(b) < 1 || !O && Math.abs(E) < 1) && (M = !0), M;
+  }, Me = function(e) {
+    return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+  }, Qe = function(e) {
+    return [e.deltaX, e.deltaY];
+  }, et = function(e) {
+    return e && "current" in e ? e.current : e;
+  }, bt = function(e, t) {
+    return e[0] === t[0] && e[1] === t[1];
+  }, Et = function(e) {
+    return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+  }, Rt = 0, ge = [];
+  function wt(e) {
+    var t = i.useRef([]), n = i.useRef([0, 0]), r = i.useRef(), c = i.useState(Rt++)[0], d = i.useState(W)[0], x = i.useRef(e);
+    i.useEffect(function() {
+      x.current = e;
+    }, [e]), i.useEffect(function() {
+      if (e.inert) {
+        document.body.classList.add("block-interactivity-".concat(c));
+        var a = Ne([e.lockRef.current], (e.shards || []).map(et)).filter(Boolean);
+        return a.forEach(function(f) {
+          return f.classList.add("allow-interactivity-".concat(c));
+        }), function() {
+          document.body.classList.remove("block-interactivity-".concat(c)), a.forEach(function(f) {
+            return f.classList.remove("allow-interactivity-".concat(c));
+          });
+        };
+      }
+    }, [e.inert, e.lockRef.current, e.shards]);
+    var o = i.useCallback(function(a, f) {
+      if ("touches" in a && a.touches.length === 2 || a.type === "wheel" && a.ctrlKey) return !x.current.allowPinchZoom;
+      var j = Me(a), N = n.current, S = "deltaX" in a ? a.deltaX : N[0] - j[0], D = "deltaY" in a ? a.deltaY : N[1] - j[1], B, he = a.target, oe = Math.abs(S) > Math.abs(D) ? "h" : "v";
+      if ("touches" in a && oe === "h" && he.type === "range") return !1;
+      var Pe = Ve(oe, he);
+      if (!Pe) return !0;
+      if (Pe ? B = oe : (B = oe === "v" ? "h" : "v", Pe = Ve(oe, he)), !Pe) return !1;
+      if (!r.current && "changedTouches" in a && (S || D) && (r.current = B), !B) return !0;
+      var nt = r.current || B;
+      return xt(nt, f, a, nt === "h" ? S : D);
+    }, []), L = i.useCallback(function(a) {
+      var f = a;
+      if (!(!ge.length || ge[ge.length - 1] !== d)) {
+        var j = "deltaY" in f ? Qe(f) : Me(f), N = t.current.filter(function(B) {
+          return B.name === f.type && (B.target === f.target || f.target === B.shadowParent) && bt(B.delta, j);
+        })[0];
+        if (N && N.should) {
+          f.cancelable && f.preventDefault();
+          return;
+        }
+        if (!N) {
+          var S = (x.current.shards || []).map(et).filter(Boolean).filter(function(B) {
+            return B.contains(f.target);
+          }), D = S.length > 0 ? o(f, S[0]) : !x.current.noIsolation;
+          D && f.cancelable && f.preventDefault();
+        }
+      }
+    }, []), M = i.useCallback(function(a, f, j, N) {
+      var S = { name: a, delta: f, target: j, should: N, shadowParent: jt(j) };
+      t.current.push(S), setTimeout(function() {
+        t.current = t.current.filter(function(D) {
+          return D !== S;
+        });
+      }, 1);
+    }, []), O = i.useCallback(function(a) {
+      n.current = Me(a), r.current = void 0;
+    }, []), b = i.useCallback(function(a) {
+      M(a.type, Qe(a), a.target, o(a, e.lockRef.current));
+    }, []), E = i.useCallback(function(a) {
+      M(a.type, Me(a), a.target, o(a, e.lockRef.current));
+    }, []);
+    i.useEffect(function() {
+      return ge.push(d), e.setCallbacks({ onScrollCapture: b, onWheelCapture: b, onTouchMoveCapture: E }), document.addEventListener("wheel", L, ve), document.addEventListener("touchmove", L, ve), document.addEventListener("touchstart", O, ve), function() {
+        ge = ge.filter(function(a) {
+          return a !== d;
+        }), document.removeEventListener("wheel", L, ve), document.removeEventListener("touchmove", L, ve), document.removeEventListener("touchstart", O, ve);
+      };
+    }, []);
+    var w = e.removeScrollBar, Z = e.inert;
+    return i.createElement(i.Fragment, null, Z ? i.createElement(d, { styles: Et(c) }) : null, w ? i.createElement(ft, { noRelative: e.noRelative, gapMode: e.gapMode }) : null);
+  }
+  function jt(e) {
+    for (var t = null; e !== null; ) e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+    return t;
+  }
+  const Ct = Be(ke, wt);
+  var tt = i.forwardRef(function(e, t) {
+    return i.createElement(s, X({}, e, { ref: t, sideCar: Ct }));
+  });
+  return tt.classNames = s.classNames, ye.FocusScope = ie, ye.ReactRemoveScroll = tt, ye.hideOthers = Ce, ye.useFocusGuards = T, ye;
+}
+var at;
+function _t() {
+  if (at) return U;
+  at = 1;
+  const V = Te, y = /* @__PURE__ */ st(), C = /* @__PURE__ */ ct(), z = /* @__PURE__ */ Pt(), P = /* @__PURE__ */ Ot(), i = /* @__PURE__ */ Tt(), G = /* @__PURE__ */ kt(), T = /* @__PURE__ */ Dt(), p = /* @__PURE__ */ He();
+  function _(s) {
+    const u = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+    if (s) {
+      for (const l in s) if (l !== "default") {
+        const v = Object.getOwnPropertyDescriptor(s, l);
+        Object.defineProperty(u, l, v.get ? v : { enumerable: !0, get: () => s[l] });
+      }
+    }
+    return u.default = s, Object.freeze(u);
+  }
+  const g = _(V);
+  var H = "Dialog", [ae, ie] = y.createContextScope(H), [le, A] = ae(H), k = (s) => {
+    const { __scopeDialog: u, children: l, open: v, defaultOpen: h, onOpenChange: m, modal: K = !0 } = s, W = g.useRef(null), pe = g.useRef(null), [ue, we] = y.useControllableState({ prop: v, defaultProp: h ?? !1, onChange: m, caller: H });
+    return p.jsxRuntimeExports.jsx(le, { scope: u, triggerRef: W, contentRef: pe, contentId: z.useId(), titleId: z.useId(), descriptionId: z.useId(), open: ue, onOpenChange: we, onOpenToggle: g.useCallback(() => we((Xe) => !Xe), [we]), modal: K, children: l });
+  };
+  k.displayName = H;
+  var R = "DialogTrigger", I = g.forwardRef((s, u) => {
+    const { __scopeDialog: l, ...v } = s, h = A(R, l), m = C.useComposedRefs(u, h.triggerRef);
+    return p.jsxRuntimeExports.jsx(C.Primitive.button, { type: "button", "aria-haspopup": "dialog", "aria-expanded": h.open, "aria-controls": h.contentId, "data-state": re(h.open), ...v, ref: m, onClick: y.composeEventHandlers(s.onClick, h.onOpenToggle) });
+  });
+  I.displayName = R;
+  var J = "DialogPortal", [F, se] = ae(J, { forceMount: void 0 }), ee = (s) => {
+    const { __scopeDialog: u, forceMount: l, children: v, container: h } = s, m = A(J, u);
+    return p.jsxRuntimeExports.jsx(F, { scope: u, forceMount: l, children: g.Children.map(v, (K) => p.jsxRuntimeExports.jsx(T.Presence, { present: l || m.open, children: p.jsxRuntimeExports.jsx(G.Portal, { asChild: !0, container: h, children: K }) })) });
+  };
+  ee.displayName = J;
+  var Q = "DialogOverlay", de = g.forwardRef((s, u) => {
+    const l = se(Q, s.__scopeDialog), { forceMount: v = l.forceMount, ...h } = s, m = A(Q, s.__scopeDialog);
+    return m.modal ? p.jsxRuntimeExports.jsx(T.Presence, { present: v || m.open, children: p.jsxRuntimeExports.jsx(Y, { ...h, ref: u }) }) : null;
+  });
+  de.displayName = Q;
+  var xe = C.createSlot("DialogOverlay.RemoveScroll"), Y = g.forwardRef((s, u) => {
+    const { __scopeDialog: l, ...v } = s, h = A(Q, l);
+    return p.jsxRuntimeExports.jsx(i.ReactRemoveScroll, { as: xe, allowPinchZoom: !0, shards: [h.contentRef], children: p.jsxRuntimeExports.jsx(C.Primitive.div, { "data-state": re(h.open), ...v, ref: u, style: { pointerEvents: "auto", ...v.style } }) });
+  }), q = "DialogContent", $ = g.forwardRef((s, u) => {
+    const l = se(q, s.__scopeDialog), { forceMount: v = l.forceMount, ...h } = s, m = A(q, s.__scopeDialog);
+    return p.jsxRuntimeExports.jsx(T.Presence, { present: v || m.open, children: m.modal ? p.jsxRuntimeExports.jsx(te, { ...h, ref: u }) : p.jsxRuntimeExports.jsx(ne, { ...h, ref: u }) });
+  });
+  $.displayName = q;
+  var te = g.forwardRef((s, u) => {
+    const l = A(q, s.__scopeDialog), v = g.useRef(null), h = C.useComposedRefs(u, l.contentRef, v);
+    return g.useEffect(() => {
+      const m = v.current;
+      if (m) return i.hideOthers(m);
+    }, []), p.jsxRuntimeExports.jsx(je, { ...s, ref: h, trapFocus: l.open, disableOutsidePointerEvents: !0, onCloseAutoFocus: y.composeEventHandlers(s.onCloseAutoFocus, (m) => {
+      m.preventDefault(), l.triggerRef.current?.focus();
+    }), onPointerDownOutside: y.composeEventHandlers(s.onPointerDownOutside, (m) => {
+      const K = m.detail.originalEvent, W = K.button === 0 && K.ctrlKey === !0;
+      (K.button === 2 || W) && m.preventDefault();
+    }), onFocusOutside: y.composeEventHandlers(s.onFocusOutside, (m) => m.preventDefault()) });
+  }), ne = g.forwardRef((s, u) => {
+    const l = A(q, s.__scopeDialog), v = g.useRef(!1), h = g.useRef(!1);
+    return p.jsxRuntimeExports.jsx(je, { ...s, ref: u, trapFocus: !1, disableOutsidePointerEvents: !1, onCloseAutoFocus: (m) => {
+      s.onCloseAutoFocus?.(m), m.defaultPrevented || (v.current || l.triggerRef.current?.focus(), m.preventDefault()), v.current = !1, h.current = !1;
+    }, onInteractOutside: (m) => {
+      s.onInteractOutside?.(m), m.defaultPrevented || (v.current = !0, m.detail.originalEvent.type === "pointerdown" && (h.current = !0));
+      const K = m.target;
+      l.triggerRef.current?.contains(K) && m.preventDefault(), m.detail.originalEvent.type === "focusin" && h.current && m.preventDefault();
+    } });
+  }), je = g.forwardRef((s, u) => {
+    const { __scopeDialog: l, trapFocus: v, onOpenAutoFocus: h, onCloseAutoFocus: m, ...K } = s, W = A(q, l), pe = g.useRef(null), ue = C.useComposedRefs(u, pe);
+    return i.useFocusGuards(), p.jsxRuntimeExports.jsxs(p.jsxRuntimeExports.Fragment, { children: [p.jsxRuntimeExports.jsx(i.FocusScope, { asChild: !0, loop: !0, trapped: v, onMountAutoFocus: h, onUnmountAutoFocus: m, children: p.jsxRuntimeExports.jsx(P.DismissableLayer, { role: "dialog", id: W.contentId, "aria-describedby": W.descriptionId, "aria-labelledby": W.titleId, "data-state": re(W.open), ...K, ref: ue, onDismiss: () => W.onOpenChange(!1) }) }), p.jsxRuntimeExports.jsxs(p.jsxRuntimeExports.Fragment, { children: [p.jsxRuntimeExports.jsx(_e, { titleId: W.titleId }), p.jsxRuntimeExports.jsx(De, { contentRef: pe, descriptionId: W.descriptionId })] })] });
+  }), be = "DialogTitle", Ce = g.forwardRef((s, u) => {
+    const { __scopeDialog: l, ...v } = s, h = A(be, l);
+    return p.jsxRuntimeExports.jsx(C.Primitive.h2, { id: h.titleId, ...v, ref: u });
+  });
+  Ce.displayName = be;
+  var X = "DialogDescription", Ee = g.forwardRef((s, u) => {
+    const { __scopeDialog: l, ...v } = s, h = A(X, l);
+    return p.jsxRuntimeExports.jsx(C.Primitive.p, { id: h.descriptionId, ...v, ref: u });
+  });
+  Ee.displayName = X;
+  var Ne = "DialogClose", ce = g.forwardRef((s, u) => {
+    const { __scopeDialog: l, ...v } = s, h = A(Ne, l);
+    return p.jsxRuntimeExports.jsx(C.Primitive.button, { type: "button", ...v, ref: u, onClick: y.composeEventHandlers(s.onClick, () => h.onOpenChange(!1)) });
+  });
+  ce.displayName = Ne;
+  function re(s) {
+    return s ? "open" : "closed";
+  }
+  var Se = "DialogTitleWarning", [Ye, fe] = y.createContext2(Se, { contentName: q, titleName: be, docsSlug: "dialog" }), _e = ({ titleId: s }) => {
+    const u = fe(Se), l = `\`${u.contentName}\` requires a \`${u.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${u.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${u.docsSlug}`;
+    return g.useEffect(() => {
+      s && (document.getElementById(s) || console.error(l));
+    }, [l, s]), null;
+  }, Ae = "DialogDescriptionWarning", De = ({ contentRef: s, descriptionId: u }) => {
+    const l = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${fe(Ae).contentName}}.`;
+    return g.useEffect(() => {
+      const v = s.current?.getAttribute("aria-describedby");
+      u && v && (document.getElementById(u) || console.warn(l));
+    }, [l, s, u]), null;
+  }, Fe = k, Le = I, qe = ee, We = de, Oe = $, Be = Ce, ke = Ee, Re = ce;
+  return U.Close = Re, U.Content = Oe, U.Description = ke, U.Overlay = We, U.Portal = qe, U.Root = Fe, U.Title = Be, U.Trigger = Le, U;
+}
+var it;
+function At() {
+  return it || (it = 1, function(V) {
+    Object.defineProperty(V, Symbol.toStringTag, { value: "Module" });
+    const y = /* @__PURE__ */ He(), C = Te, z = /* @__PURE__ */ It(), P = /* @__PURE__ */ _t(), i = /* @__PURE__ */ Nt(), G = /* @__PURE__ */ Mt(), T = P.Root, p = P.Portal, _ = C.forwardRef(({ className: k, ...R }, I) => y.jsxRuntimeExports.jsx(P.Overlay, { ...R, ref: I, className: i.cn("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", k) }));
+    _.displayName = P.Overlay.displayName;
+    const g = C.forwardRef(({ className: k, children: R, onOpenChange: I, ...J }, F) => y.jsxRuntimeExports.jsxs(p, { children: [y.jsxRuntimeExports.jsx(_, { onClick: () => I?.(!1) }), y.jsxRuntimeExports.jsx(P.Content, { ...J, ref: F, className: i.cn("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", k), children: R })] }));
+    g.displayName = P.Content.displayName;
+    function H({ className: k, ...R }) {
+      return y.jsxRuntimeExports.jsx("div", { ...R, className: i.cn("flex flex-col gap-1.5 text-center sm:text-left", k) });
+    }
+    H.displayName = "DialogHeader";
+    function ae({ className: k, children: R, ...I }) {
+      return y.jsxRuntimeExports.jsx("div", { ...I, className: k, children: R });
+    }
+    ae.displayName = "DialogFooter";
+    const ie = C.forwardRef(({ className: k, ...R }, I) => y.jsxRuntimeExports.jsx(P.Title, { ...R, ref: I, className: i.cn("mb-0 p-0 text-[1.563rem] md:text-[2.188rem] font-normal leading-[1.15] text-primary-black dark:text-primary-white", k) }));
+    ie.displayName = P.Title.displayName;
+    const le = C.forwardRef(({ className: k, ...R }, I) => y.jsxRuntimeExports.jsx(P.Description, { ...R, ref: I, className: i.cn("text-sm text-primary-gray-600 dark:text-primary-gray-300 m-0", k) }));
+    le.displayName = P.Description.displayName;
+    function A(k) {
+      const { title: R, description: I, children: J, footer: F, open: se, onClose: ee, className: Q, titleClassName: de, footerClassName: xe, descriptionClassName: Y, showCloseButton: q = !0 } = k, $ = C.useId(), te = C.useId();
+      return y.jsxRuntimeExports.jsx(T, { open: se, onOpenChange: (ne) => {
+        ne || ee?.();
+      }, children: y.jsxRuntimeExports.jsxs(g, { className: i.cn("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%]", Q), onOpenChange: (ne) => {
+        ne || ee?.();
+      }, "aria-describedby": I ? $ : void 0, "aria-labelledby": R ? te : void 0, children: [q && y.jsxRuntimeExports.jsx("button", { type: "button", onClick: () => {
+        ee?.();
+      }, 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: y.jsxRuntimeExports.jsx(G.X, { className: "h-6 w-6 stroke-primary-black dark:stroke-primary-gray-100" }) }), R || I ? y.jsxRuntimeExports.jsxs(H, { children: [R && y.jsxRuntimeExports.jsx(ie, { id: te, className: de, children: R }), I && y.jsxRuntimeExports.jsx(le, { className: Y, id: $, children: I })] }) : y.jsxRuntimeExports.jsx(z.VisuallyHidden, { children: y.jsxRuntimeExports.jsx(ie, { children: "This a modal" }) }), J, F && y.jsxRuntimeExports.jsx(ae, { className: xe, children: F })] }) });
+    }
+    V.Modal = A;
+  }(Ze)), Ze;
+}
+var Bt = /* @__PURE__ */ At();
+export {
+  Bt as M,
+  Pt as r
+};
+//# sourceMappingURL=Modal-C9txyGOk.js.map