@undp/data-viz 2.5.4 → 2.6.0

package/dist/CopyTextButton.js

@@ -1,763 +1,46 @@
-import { _ as R, a as c, m as P, b as pe, c as ze, j as $ } from "./index-CHPV5EwG-BzibaIRc.js";
-import { f as We, u as Ue } from "./index-ApTBN0kp.js";
-import * as d from "react";
-import S, { createElement as Xe } from "react";
-import * as Ye from "react-dom";
-import { g as Ze, P as me, $ as Ge, w as D, a as fe, _ as He, E as Be, j as _, c as Y, Z as Je, u as Qe, N as et, b as tt } from "./index-w64Zl8io-ihagHOdP.js";
-import { h as rt } from "./index-Scxs_wcm-BAjU0Cob.js";
-import { k as re, t as st } from "./x-BXShoIAM-D6VWO6z5.js";
-const at = 1, nt = 1e6;
-let H = 0;
-function ot() {
-  return H = (H + 1) % Number.MAX_SAFE_INTEGER, H.toString();
-}
-const B = /* @__PURE__ */ new Map(), de = (r) => {
-  if (B.has(r))
-    return;
-  const t = setTimeout(() => {
-    B.delete(r), O({
-      type: "REMOVE_TOAST",
-      toastId: r
-    });
-  }, nt);
-  B.set(r, t);
-}, it = (r, t) => {
-  switch (t.type) {
-    case "ADD_TOAST":
-      return {
-        ...r,
-        toasts: [t.toast, ...r.toasts].slice(0, at)
-      };
-    case "UPDATE_TOAST":
-      return {
-        ...r,
-        toasts: r.toasts.map((e) => e.id === t.toast.id ? {
-          ...e,
-          ...t.toast
-        } : e)
-      };
-    case "DISMISS_TOAST": {
-      const {
-        toastId: e
-      } = t;
-      return e ? de(e) : r.toasts.forEach((s) => {
-        de(s.id);
-      }), {
-        ...r,
-        toasts: r.toasts.map((s) => s.id === e || e === void 0 ? {
-          ...s,
-          open: !1
-        } : s)
-      };
-    }
-    case "REMOVE_TOAST":
-      return t.toastId === void 0 ? {
-        ...r,
-        toasts: []
-      } : {
-        ...r,
-        toasts: r.toasts.filter((e) => e.id !== t.toastId)
-      };
-    default:
-      return {
-        ...r
-      };
-  }
-}, U = [];
-let X = {
-  toasts: []
-};
-function O(r) {
-  X = it(X, r), U.forEach((t) => {
-    t(X);
-  });
-}
-function ct({
-  ...r
-}) {
-  const t = ot(), e = (a) => O({
-    type: "UPDATE_TOAST",
-    toast: {
-      ...a,
-      id: t
-    }
-  }), s = () => O({
-    type: "DISMISS_TOAST",
-    toastId: t
-  });
-  return O({
-    type: "ADD_TOAST",
-    toast: {
-      ...r,
-      id: t,
-      open: !0,
-      onOpenChange: (a) => {
-        a || s();
-      }
-    }
-  }), {
-    id: t,
-    dismiss: s,
-    update: e
-  };
-}
-function ye() {
-  const r = R.c(5), [t, e] = S.useState(X);
-  let s;
-  r[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => (U.push(e), () => {
-    const o = U.indexOf(e);
-    o > -1 && U.splice(o, 1);
-  }), r[0] = s) : s = r[0];
-  let a;
-  r[1] !== t ? (a = [t], r[1] = t, r[2] = a) : a = r[2], S.useEffect(s, a);
-  let n;
-  return r[3] !== t ? (n = {
-    ...t,
-    toast: ct,
-    dismiss: lt
-  }, r[3] = t, r[4] = n) : n = r[4], n;
-}
-function lt(r) {
-  return O({
-    type: "DISMISS_TOAST",
-    toastId: r
-  });
-}
-const dt = [
-  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
-  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
-], ut = re("circle-check-big", dt), pt = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
-  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-], mt = re("circle-x", pt), ft = [
-  [
-    "path",
-    {
-      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
-      key: "wmoenq"
-    }
-  ],
-  ["path", { d: "M12 9v4", key: "juzpu7" }],
-  ["path", { d: "M12 17h.01", key: "p32p05" }]
-], yt = re("triangle-alert", ft);
-var se = "ToastProvider", [ae, vt, xt] = rt("Toast"), [ve] = Ze("Toast", [xt]), [wt, Z] = ve(se), xe = (r) => {
-  const {
-    __scopeToast: t,
-    label: e = "Notification",
-    duration: s = 5e3,
-    swipeDirection: a = "right",
-    swipeThreshold: n = 50,
-    children: o
-  } = r, [u, f] = d.useState(null), [i, x] = d.useState(0), m = d.useRef(!1), E = d.useRef(!1);
-  return e.trim() || console.error(
-    `Invalid prop \`label\` supplied to \`${se}\`. Expected non-empty \`string\`.`
-  ), /* @__PURE__ */ c.jsx(ae.Provider, { scope: t, children: /* @__PURE__ */ c.jsx(
-    wt,
-    {
-      scope: t,
-      label: e,
-      duration: s,
-      swipeDirection: a,
-      swipeThreshold: n,
-      toastCount: i,
-      viewport: u,
-      onViewportChange: f,
-      onToastAdd: d.useCallback(() => x((T) => T + 1), []),
-      onToastRemove: d.useCallback(() => x((T) => T - 1), []),
-      isFocusedToastEscapeKeyDownRef: m,
-      isClosePausedRef: E,
-      children: o
-    }
-  ) });
-};
-xe.displayName = se;
-var we = "ToastViewport", ht = ["F8"], Q = "toast.viewportPause", ee = "toast.viewportResume", he = d.forwardRef(
-  (r, t) => {
-    const {
-      __scopeToast: e,
-      hotkey: s = ht,
-      label: a = "Notifications ({hotkey})",
-      ...n
-    } = r, o = Z(we, e), u = vt(e), f = d.useRef(null), i = d.useRef(null), x = d.useRef(null), m = d.useRef(null), E = me(t, m, o.onViewportChange), T = s.join("+").replace(/Key/g, "").replace(/Digit/g, ""), g = o.toastCount > 0;
-    d.useEffect(() => {
-      const l = (w) => {
-        s.length !== 0 && s.every((v) => w[v] || w.code === v) && m.current?.focus();
-      };
-      return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
-    }, [s]), d.useEffect(() => {
-      const l = f.current, w = m.current;
-      if (g && l && w) {
-        const v = () => {
-          if (!o.isClosePausedRef.current) {
-            const N = new CustomEvent(Q);
-            w.dispatchEvent(N), o.isClosePausedRef.current = !0;
-          }
-        }, h = () => {
-          if (o.isClosePausedRef.current) {
-            const N = new CustomEvent(ee);
-            w.dispatchEvent(N), o.isClosePausedRef.current = !1;
-          }
-        }, b = (N) => {
-          !l.contains(N.relatedTarget) && h();
-        }, k = () => {
-          l.contains(document.activeElement) || h();
-        };
-        return l.addEventListener("focusin", v), l.addEventListener("focusout", b), l.addEventListener("pointermove", v), l.addEventListener("pointerleave", k), window.addEventListener("blur", v), window.addEventListener("focus", h), () => {
-          l.removeEventListener("focusin", v), l.removeEventListener("focusout", b), l.removeEventListener("pointermove", v), l.removeEventListener("pointerleave", k), window.removeEventListener("blur", v), window.removeEventListener("focus", h);
-        };
-      }
-    }, [g, o.isClosePausedRef]);
-    const y = d.useCallback(
-      ({ tabbingDirection: l }) => {
-        const w = u().map((v) => {
-          const h = v.ref.current, b = [h, ...Dt(h)];
-          return l === "forwards" ? b : b.reverse();
-        });
-        return (l === "forwards" ? w.reverse() : w).flat();
-      },
-      [u]
-    );
-    return d.useEffect(() => {
-      const l = m.current;
-      if (l) {
-        const w = (v) => {
-          const h = v.altKey || v.ctrlKey || v.metaKey;
-          if (v.key === "Tab" && !h) {
-            const b = document.activeElement, k = v.shiftKey;
-            if (v.target === l && k) {
-              i.current?.focus();
-              return;
-            }
-            const N = y({ tabbingDirection: k ? "backwards" : "forwards" }), A = N.findIndex((I) => I === b);
-            J(N.slice(A + 1)) ? v.preventDefault() : k ? i.current?.focus() : x.current?.focus();
-          }
-        };
-        return l.addEventListener("keydown", w), () => l.removeEventListener("keydown", w);
-      }
-    }, [u, y]), /* @__PURE__ */ c.jsxs(
-      Ge,
-      {
-        ref: f,
-        role: "region",
-        "aria-label": a.replace("{hotkey}", T),
-        tabIndex: -1,
-        style: { pointerEvents: g ? void 0 : "none" },
-        children: [
-          g && /* @__PURE__ */ c.jsx(
-            te,
-            {
-              ref: i,
-              onFocusFromOutsideViewport: () => {
-                const l = y({
-                  tabbingDirection: "forwards"
-                });
-                J(l);
-              }
-            }
-          ),
-          /* @__PURE__ */ c.jsx(ae.Slot, { scope: e, children: /* @__PURE__ */ c.jsx(D.ol, { tabIndex: -1, ...n, ref: E }) }),
-          g && /* @__PURE__ */ c.jsx(
-            te,
-            {
-              ref: x,
-              onFocusFromOutsideViewport: () => {
-                const l = y({
-                  tabbingDirection: "backwards"
-                });
-                J(l);
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-he.displayName = we;
-var Te = "ToastFocusProxy", te = d.forwardRef(
-  (r, t) => {
-    const { __scopeToast: e, onFocusFromOutsideViewport: s, ...a } = r, n = Z(Te, e);
-    return /* @__PURE__ */ c.jsx(
-      fe,
-      {
-        tabIndex: 0,
-        ...a,
-        ref: t,
-        style: { position: "fixed" },
-        onFocus: (o) => {
-          const u = o.relatedTarget;
-          !n.viewport?.contains(u) && s();
-        }
-      }
-    );
-  }
-);
-te.displayName = Te;
-var K = "Toast", Tt = "toast.swipeStart", bt = "toast.swipeMove", Et = "toast.swipeCancel", gt = "toast.swipeEnd", be = d.forwardRef(
-  (r, t) => {
-    const { forceMount: e, open: s, defaultOpen: a, onOpenChange: n, ...o } = r, [u, f] = He({
-      prop: s,
-      defaultProp: a ?? !0,
-      onChange: n,
-      caller: K
-    });
-    return /* @__PURE__ */ c.jsx(Be, { present: e || u, children: /* @__PURE__ */ c.jsx(
-      _t,
-      {
-        open: u,
-        ...o,
-        ref: t,
-        onClose: () => f(!1),
-        onPause: Y(r.onPause),
-        onResume: Y(r.onResume),
-        onSwipeStart: _(r.onSwipeStart, (i) => {
-          i.currentTarget.setAttribute("data-swipe", "start");
-        }),
-        onSwipeMove: _(r.onSwipeMove, (i) => {
-          const { x, y: m } = i.detail.delta;
-          i.currentTarget.setAttribute("data-swipe", "move"), i.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${x}px`), i.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${m}px`);
-        }),
-        onSwipeCancel: _(r.onSwipeCancel, (i) => {
-          i.currentTarget.setAttribute("data-swipe", "cancel"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), i.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
-        }),
-        onSwipeEnd: _(r.onSwipeEnd, (i) => {
-          const { x, y: m } = i.detail.delta;
-          i.currentTarget.setAttribute("data-swipe", "end"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), i.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${x}px`), i.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${m}px`), f(!1);
-        })
-      }
-    ) });
-  }
-);
-be.displayName = K;
-var [kt, Nt] = ve(K, {
-  onClose() {
-  }
-}), _t = d.forwardRef(
-  (r, t) => {
-    const {
-      __scopeToast: e,
-      type: s = "foreground",
-      duration: a,
-      open: n,
-      onClose: o,
-      onEscapeKeyDown: u,
-      onPause: f,
-      onResume: i,
-      onSwipeStart: x,
-      onSwipeMove: m,
-      onSwipeCancel: E,
-      onSwipeEnd: T,
-      ...g
-    } = r, y = Z(K, e), [l, w] = d.useState(null), v = me(t, (p) => w(p)), h = d.useRef(null), b = d.useRef(null), k = a || y.duration, N = d.useRef(0), A = d.useRef(k), I = d.useRef(0), { onToastAdd: oe, onToastRemove: ie } = y, L = Y(() => {
-      l?.contains(document.activeElement) && y.viewport?.focus(), o();
-    }), V = d.useCallback(
-      (p) => {
-        !p || p === 1 / 0 || (window.clearTimeout(I.current), N.current = (/* @__PURE__ */ new Date()).getTime(), I.current = window.setTimeout(L, p));
-      },
-      [L]
-    );
-    d.useEffect(() => {
-      const p = y.viewport;
-      if (p) {
-        const j = () => {
-          V(A.current), i?.();
-        }, C = () => {
-          const M = (/* @__PURE__ */ new Date()).getTime() - N.current;
-          A.current = A.current - M, window.clearTimeout(I.current), f?.();
-        };
-        return p.addEventListener(Q, C), p.addEventListener(ee, j), () => {
-          p.removeEventListener(Q, C), p.removeEventListener(ee, j);
-        };
-      }
-    }, [y.viewport, k, f, i, V]), d.useEffect(() => {
-      n && !y.isClosePausedRef.current && V(k);
-    }, [n, k, y.isClosePausedRef, V]), d.useEffect(() => (oe(), () => ie()), [oe, ie]);
-    const ce = d.useMemo(() => l ? je(l) : null, [l]);
-    return y.viewport ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      ce && /* @__PURE__ */ c.jsx(
-        St,
-        {
-          __scopeToast: e,
-          role: "status",
-          "aria-live": s === "foreground" ? "assertive" : "polite",
-          children: ce
-        }
-      ),
-      /* @__PURE__ */ c.jsx(kt, { scope: e, onClose: L, children: Ye.createPortal(
-        /* @__PURE__ */ c.jsx(ae.ItemSlot, { scope: e, children: /* @__PURE__ */ c.jsx(
-          Je,
-          {
-            asChild: !0,
-            onEscapeKeyDown: _(u, () => {
-              y.isFocusedToastEscapeKeyDownRef.current || L(), y.isFocusedToastEscapeKeyDownRef.current = !1;
-            }),
-            children: /* @__PURE__ */ c.jsx(
-              D.li,
-              {
-                tabIndex: 0,
-                "data-state": n ? "open" : "closed",
-                "data-swipe-direction": y.swipeDirection,
-                ...g,
-                ref: v,
-                style: { userSelect: "none", touchAction: "none", ...r.style },
-                onKeyDown: _(r.onKeyDown, (p) => {
-                  p.key === "Escape" && (u?.(p.nativeEvent), p.nativeEvent.defaultPrevented || (y.isFocusedToastEscapeKeyDownRef.current = !0, L()));
-                }),
-                onPointerDown: _(r.onPointerDown, (p) => {
-                  p.button === 0 && (h.current = { x: p.clientX, y: p.clientY });
-                }),
-                onPointerMove: _(r.onPointerMove, (p) => {
-                  if (!h.current) return;
-                  const j = p.clientX - h.current.x, C = p.clientY - h.current.y, M = !!b.current, F = ["left", "right"].includes(y.swipeDirection), q = ["left", "up"].includes(y.swipeDirection) ? Math.min : Math.max, Ve = F ? q(0, j) : 0, qe = F ? 0 : q(0, C), G = p.pointerType === "touch" ? 10 : 2, z = { x: Ve, y: qe }, le = { originalEvent: p, delta: z };
-                  M ? (b.current = z, W(bt, m, le, {
-                    discrete: !1
-                  })) : ue(z, y.swipeDirection, G) ? (b.current = z, W(Tt, x, le, {
-                    discrete: !1
-                  }), p.target.setPointerCapture(p.pointerId)) : (Math.abs(j) > G || Math.abs(C) > G) && (h.current = null);
-                }),
-                onPointerUp: _(r.onPointerUp, (p) => {
-                  const j = b.current, C = p.target;
-                  if (C.hasPointerCapture(p.pointerId) && C.releasePointerCapture(p.pointerId), b.current = null, h.current = null, j) {
-                    const M = p.currentTarget, F = { originalEvent: p, delta: j };
-                    ue(j, y.swipeDirection, y.swipeThreshold) ? W(gt, T, F, {
-                      discrete: !0
-                    }) : W(
-                      Et,
-                      E,
-                      F,
-                      {
-                        discrete: !0
-                      }
-                    ), M.addEventListener("click", (q) => q.preventDefault(), {
-                      once: !0
-                    });
-                  }
-                })
-              }
-            )
-          }
-        ) }),
-        y.viewport
-      ) })
-    ] }) : null;
-  }
-), St = (r) => {
-  const { __scopeToast: t, children: e, ...s } = r, a = Z(K, t), [n, o] = d.useState(!1), [u, f] = d.useState(!1);
-  return Rt(() => o(!0)), d.useEffect(() => {
-    const i = window.setTimeout(() => f(!0), 1e3);
-    return () => window.clearTimeout(i);
-  }, []), u ? null : /* @__PURE__ */ c.jsx(Qe, { asChild: !0, children: /* @__PURE__ */ c.jsx(fe, { ...s, children: n && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    a.label,
-    " ",
-    e
-  ] }) }) });
-}, jt = "ToastTitle", Ee = d.forwardRef(
-  (r, t) => {
-    const { __scopeToast: e, ...s } = r;
-    return /* @__PURE__ */ c.jsx(D.div, { ...s, ref: t });
-  }
-);
-Ee.displayName = jt;
-var Ct = "ToastDescription", ge = d.forwardRef(
-  (r, t) => {
-    const { __scopeToast: e, ...s } = r;
-    return /* @__PURE__ */ c.jsx(D.div, { ...s, ref: t });
-  }
-);
-ge.displayName = Ct;
-var ke = "ToastAction", Ne = d.forwardRef(
-  (r, t) => {
-    const { altText: e, ...s } = r;
-    return e.trim() ? /* @__PURE__ */ c.jsx(Se, { altText: e, asChild: !0, children: /* @__PURE__ */ c.jsx(ne, { ...s, ref: t }) }) : (console.error(
-      `Invalid prop \`altText\` supplied to \`${ke}\`. Expected non-empty \`string\`.`
-    ), null);
-  }
-);
-Ne.displayName = ke;
-var _e = "ToastClose", ne = d.forwardRef(
-  (r, t) => {
-    const { __scopeToast: e, ...s } = r, a = Nt(_e, e);
-    return /* @__PURE__ */ c.jsx(Se, { asChild: !0, children: /* @__PURE__ */ c.jsx(
-      D.button,
-      {
-        type: "button",
-        ...s,
-        ref: t,
-        onClick: _(r.onClick, a.onClose)
-      }
-    ) });
-  }
-);
-ne.displayName = _e;
-var Se = d.forwardRef((r, t) => {
-  const { __scopeToast: e, altText: s, ...a } = r;
-  return /* @__PURE__ */ c.jsx(
-    D.div,
-    {
-      "data-radix-toast-announce-exclude": "",
-      "data-radix-toast-announce-alt": s || void 0,
-      ...a,
-      ref: t
-    }
-  );
-});
-function je(r) {
-  const t = [];
-  return Array.from(r.childNodes).forEach((e) => {
-    if (e.nodeType === e.TEXT_NODE && e.textContent && t.push(e.textContent), Pt(e)) {
-      const s = e.ariaHidden || e.hidden || e.style.display === "none", a = e.dataset.radixToastAnnounceExclude === "";
-      if (!s)
-        if (a) {
-          const n = e.dataset.radixToastAnnounceAlt;
-          n && t.push(n);
-        } else
-          t.push(...je(e));
-    }
-  }), t;
-}
-function W(r, t, e, { discrete: s }) {
-  const a = e.originalEvent.currentTarget, n = new CustomEvent(r, { bubbles: !0, cancelable: !0, detail: e });
-  t && a.addEventListener(r, t, { once: !0 }), s ? et(a, n) : a.dispatchEvent(n);
-}
-var ue = (r, t, e = 0) => {
-  const s = Math.abs(r.x), a = Math.abs(r.y), n = s > a;
-  return t === "left" || t === "right" ? n && s > e : !n && a > e;
-};
-function Rt(r = () => {
-}) {
-  const t = Y(r);
-  tt(() => {
-    let e = 0, s = 0;
-    return e = window.requestAnimationFrame(() => s = window.requestAnimationFrame(t)), () => {
-      window.cancelAnimationFrame(e), window.cancelAnimationFrame(s);
-    };
-  }, [t]);
-}
-function Pt(r) {
-  return r.nodeType === r.ELEMENT_NODE;
-}
-function Dt(r) {
-  const t = [], e = document.createTreeWalker(r, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (s) => {
-      const a = s.tagName === "INPUT" && s.type === "hidden";
-      return s.disabled || s.hidden || a ? NodeFilter.FILTER_SKIP : s.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; e.nextNode(); ) t.push(e.currentNode);
-  return t;
-}
-function J(r) {
-  const t = document.activeElement;
-  return r.some((e) => e === t ? !0 : (e.focus(), document.activeElement !== t));
-}
-var At = xe, Ce = he, Re = be, Pe = Ee, De = ge, Ae = Ne, Ie = ne;
-const It = At, Le = S.createContext(null), Me = S.forwardRef((r, t) => {
-  const e = R.c(9);
-  let s, a;
-  e[0] !== r ? ({
-    className: s,
-    ...a
-  } = r, e[0] = r, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
-  let n;
-  e[3] !== s ? (n = P("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", s), e[3] = s, e[4] = n) : n = e[4];
-  let o;
-  return e[5] !== a || e[6] !== t || e[7] !== n ? (o = /* @__PURE__ */ c.jsx(Ce, { ...a, ref: t, className: n }), e[5] = a, e[6] = t, e[7] = n, e[8] = o) : o = e[8], o;
-});
-Me.displayName = Ce.displayName;
-const Lt = pe("group pointer-events-auto relative shadow-xs bg-primary-white dark:bg-primary-gray-650 flex w-full text-primary-black dark:text-primary-white items-center justify-between flex gap-2 overflow-hidden rounded-sm border border-primary-gray-400 p-2 pr-6 transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full", {
-  variants: {
-    variant: {
-      default: "border border-primary-gray-400 dark:border-0",
-      success: "border-t-4 border-accent-dark-green dark:border-b-0 dark:border-l-0 dark:border-r-0",
-      warning: "border-t-4 border-accent-dark-yellow dark:border-b-0 dark:border-l-0 dark:border-r-0",
-      destructive: "border-t-4 border-accent-dark-red dark:border-b-0 dark:border-l-0 dark:border-r-0"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), Mt = pe("", {
-  variants: {
-    variant: {
-      default: "text-primary-black dark:text-primary-white",
-      success: "text-accent-dark-green",
-      warning: "text-accent-dark-yellow",
-      destructive: "text-accent-dark-red"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), Fe = S.forwardRef((r, t) => {
-  const e = R.c(16);
-  let s, a, n;
-  e[0] !== r ? ({
-    className: s,
-    variant: n,
-    ...a
-  } = r, e[0] = r, e[1] = s, e[2] = a, e[3] = n) : (s = e[1], a = e[2], n = e[3]);
-  let o;
-  e[4] !== n ? (o = {
-    variant: n
-  }, e[4] = n, e[5] = o) : o = e[5];
-  let u;
-  e[6] !== s || e[7] !== n ? (u = P(Lt({
-    variant: n
-  }), s), e[6] = s, e[7] = n, e[8] = u) : u = e[8];
-  let f;
-  e[9] !== a || e[10] !== t || e[11] !== u ? (f = /* @__PURE__ */ c.jsx(Re, { ...a, ref: t, className: u }), e[9] = a, e[10] = t, e[11] = u, e[12] = f) : f = e[12];
-  let i;
-  return e[13] !== o || e[14] !== f ? (i = /* @__PURE__ */ c.jsx(Le.Provider, { value: o, children: f }), e[13] = o, e[14] = f, e[15] = i) : i = e[15], i;
-});
-Fe.displayName = Re.displayName;
-const Ft = S.forwardRef((r, t) => {
-  const e = R.c(9);
-  let s, a;
-  e[0] !== r ? ({
-    className: s,
-    ...a
-  } = r, e[0] = r, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
-  let n;
-  e[3] !== s ? (n = P("inline-flex h-8 shrink-0 items-center text-primary-gray-700 dark:text-primary-gray-100 justify-center rounded-none bg-transparent px-3 text-sm font-medium transition-colors hover:bg-primary-gray-200 dark:hover:bg-primary-gray-600 focus:outline-hidden focus:ring-1 disabled:pointer-events-none disabled:opacity-50", s), e[3] = s, e[4] = n) : n = e[4];
-  let o;
-  return e[5] !== a || e[6] !== t || e[7] !== n ? (o = /* @__PURE__ */ c.jsx(Ae, { ...a, ref: t, className: n }), e[5] = a, e[6] = t, e[7] = n, e[8] = o) : o = e[8], o;
-});
-Ft.displayName = Ae.displayName;
-const $e = S.forwardRef((r, t) => {
-  const e = R.c(10);
-  let s, a;
-  e[0] !== r ? ({
-    className: s,
-    ...a
-  } = r, e[0] = r, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
-  let n;
-  e[3] !== s ? (n = P("absolute right-1 top-1 rounded-md p-1 text-primary-gray-700/50 dark:text-primary-gray-100/50 opacity-0 transition-opacity hover:text-primary-gray-700 dark:hover:text-primary-gray-100 focus:opacity-100 focus:outline-hidden focus:ring-1 group-hover:opacity-100", s), e[3] = s, e[4] = n) : n = e[4];
-  let o;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c.jsx(st, { className: "h-4 w-4" }), e[5] = o) : o = e[5];
-  let u;
-  return e[6] !== a || e[7] !== t || e[8] !== n ? (u = /* @__PURE__ */ c.jsx(Ie, { ...a, ref: t, className: n, "toast-close": "", children: o }), e[6] = a, e[7] = t, e[8] = n, e[9] = u) : u = e[9], u;
-});
-$e.displayName = Ie.displayName;
-const Oe = S.forwardRef((r, t) => {
-  const e = R.c(16);
-  let s, a;
-  e[0] !== r ? ({
-    className: s,
-    ...a
-  } = r, e[0] = r, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
-  const n = S.useContext(Le);
-  let o;
-  e[3] !== s || e[4] !== n?.variant ? (o = P(Mt({
-    variant: n?.variant
-  }), "text-lg font-bold [&+div]:text-xs", s), e[3] = s, e[4] = n?.variant, e[5] = o) : o = e[5];
-  const u = o;
-  let f;
-  e: switch (n?.variant) {
-    case "destructive": {
-      let m;
-      e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ c.jsx(mt, { className: "h-4 w-4 stroke-accent-dark-red", strokeWidth: 2 }), e[6] = m) : m = e[6], f = m;
-      break e;
-    }
-    case "success": {
-      let m;
-      e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ c.jsx(ut, { className: "h-4 w-4 stroke-accent-dark-green", strokeWidth: 2 }), e[7] = m) : m = e[7], f = m;
-      break e;
-    }
-    case "warning": {
-      let m;
-      e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ c.jsx(yt, { className: "h-4 w-4 stroke-accent-dark-yellow", strokeWidth: 2 }), e[8] = m) : m = e[8], f = m;
-      break e;
-    }
-    default:
-      f = null;
-  }
-  let i;
-  e[9] !== u || e[10] !== a || e[11] !== t ? (i = /* @__PURE__ */ c.jsx(Pe, { ...a, ref: t, className: u }), e[9] = u, e[10] = a, e[11] = t, e[12] = i) : i = e[12];
-  let x;
-  return e[13] !== f || e[14] !== i ? (x = /* @__PURE__ */ c.jsxs("div", { className: "flex gap-x-1 items-center", children: [
-    f,
-    i
-  ] }), e[13] = f, e[14] = i, e[15] = x) : x = e[15], x;
-});
-Oe.displayName = Pe.displayName;
-const Ke = S.forwardRef((r, t) => {
-  const e = R.c(9);
-  let s, a;
-  e[0] !== r ? ({
-    className: s,
-    ...a
-  } = r, e[0] = r, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
-  let n;
-  e[3] !== s ? (n = P("text-base opacity-90 dark:text-primary-white", s), e[3] = s, e[4] = n) : n = e[4];
-  let o;
-  return e[5] !== a || e[6] !== t || e[7] !== n ? (o = /* @__PURE__ */ c.jsx(De, { ...a, ref: t, className: n }), e[5] = a, e[6] = t, e[7] = n, e[8] = o) : o = e[8], o;
-});
-Ke.displayName = De.displayName;
-function $t() {
-  const r = R.c(5), {
-    toasts: t
-  } = ye();
+import { c as T, j as c } from "./compiler-runtime-qHgugrLy.js";
+import { Button as h } from "@undp/design-system-react/Button";
+import { Toaster as C } from "@undp/design-system-react/Toaster";
+import { useToast as g } from "@undp/design-system-react/ToasterHooks";
+import { cn as S } from "@undp/design-system-react/cn";
+import { C as _ } from "./index-D_ls5oK8.js";
+function w(y) {
+  const t = T.c(15), {
+    text: l,
+    successMessage: x,
+    buttonText: j,
+    buttonSmall: d,
+    className: b
+  } = y, n = x === void 0 ? "Text copied" : x, v = d === void 0 ? !1 : d, m = b === void 0 ? "" : b, {
+    toast: p
+  } = g(), f = v ? "p-2" : "py-4 px-6";
   let e;
-  r[0] !== t ? (e = t.map(Ot), r[0] = t, r[1] = e) : e = r[1];
+  t[0] !== m || t[1] !== f ? (e = S(f, m), t[0] = m, t[1] = f, t[2] = e) : e = t[2];
   let s;
-  r[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ c.jsx(Me, {}), r[2] = s) : s = r[2];
-  let a;
-  return r[3] !== e ? (a = /* @__PURE__ */ c.jsxs(It, { children: [
-    e,
-    s
-  ] }), r[3] = e, r[4] = a) : a = r[4], a;
-}
-function Ot(r) {
-  const {
-    id: t,
-    title: e,
-    description: s,
-    action: a,
-    ...n
-  } = r;
-  return /* @__PURE__ */ Xe(Fe, { ...n, key: t }, /* @__PURE__ */ c.jsxs("div", { className: "grid gap-1", children: [
-    e && /* @__PURE__ */ c.jsx(Oe, { children: e }),
-    s && /* @__PURE__ */ c.jsx(Ke, { children: s })
-  ] }), a, /* @__PURE__ */ c.jsx($e, {}));
-}
-function Xt(r) {
-  const t = ze.c(15), {
-    text: e,
-    successMessage: s,
-    buttonText: a,
-    buttonSmall: n,
-    className: o
-  } = r, u = s === void 0 ? "Text copied" : s, f = n === void 0 ? !1 : n, i = o === void 0 ? "" : o, {
-    toast: x
-  } = ye(), m = f ? "p-2" : "py-4 px-6";
-  let E;
-  t[0] !== i || t[1] !== m ? (E = P(m, i), t[0] = i, t[1] = m, t[2] = E) : E = t[2];
-  let T;
-  t[3] !== u || t[4] !== e || t[5] !== x ? (T = () => {
-    navigator.clipboard.writeText(e), x({
+  t[3] !== n || t[4] !== l || t[5] !== p ? (s = () => {
+    navigator.clipboard.writeText(l), p({
       variant: "success",
-      description: u,
+      description: n,
       duration: 1e3
     });
-  }, t[3] = u, t[4] = e, t[5] = x, t[6] = T) : T = t[6];
-  let g;
-  t[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ $.jsx(We, {}), t[7] = g) : g = t[7];
-  const y = a || null;
-  let l;
-  t[8] !== E || t[9] !== T || t[10] !== y ? (l = /* @__PURE__ */ $.jsxs(Ue, { variant: "tertiary", className: E, onClick: T, "aria-label": "Click to copy the text", children: [
-    g,
-    y
-  ] }), t[8] = E, t[9] = T, t[10] = y, t[11] = l) : l = t[11];
-  let w;
-  t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ $.jsx($t, {}), t[12] = w) : w = t[12];
-  let v;
-  return t[13] !== l ? (v = /* @__PURE__ */ $.jsxs($.Fragment, { children: [
-    l,
-    w
-  ] }), t[13] = l, t[14] = v) : v = t[14], v;
+  }, t[3] = n, t[4] = l, t[5] = p, t[6] = s) : s = t[6];
+  let i;
+  t[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ c.jsx(_, {}), t[7] = i) : i = t[7];
+  const u = j || null;
+  let o;
+  t[8] !== e || t[9] !== s || t[10] !== u ? (o = /* @__PURE__ */ c.jsxs(h, { variant: "tertiary", className: e, onClick: s, "aria-label": "Click to copy the text", children: [
+    i,
+    u
+  ] }), t[8] = e, t[9] = s, t[10] = u, t[11] = o) : o = t[11];
+  let r;
+  t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ c.jsx(C, {}), t[12] = r) : r = t[12];
+  let a;
+  return t[13] !== o ? (a = /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    o,
+    r
+  ] }), t[13] = o, t[14] = a) : a = t[14], a;
 }
 export {
-  Xt as CopyTextButton
+  w as CopyTextButton
 };
 //# sourceMappingURL=CopyTextButton.js.map