@undp/data-viz 1.2.8 → 1.3.1

package/dist/CopyTextButton.js

@@ -0,0 +1,699 @@
+import { a as s, m as S, b as ue, j as M } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { d as qe, g as ze } from "./index-BmCqpO1B.js";
+import * as o from "react";
+import k, { createElement as Ue } from "react";
+import * as We from "react-dom";
+import { g as Xe, _ as Ye, E as Ze, j as g, c as X, w as P, P as pe, $ as Be, Z as Ge, a as fe, u as He, N as Qe, b as Je } from "./index-DG3YrCr5-D3FrrXj8.js";
+import { h as et } from "./index-tvAyXPPW-DBlMKnNB.js";
+import { t as tt, b as te } from "./x-CnsEH4Ox-DDvAJndW.js";
+const rt = 1, at = 1e6;
+let B = 0;
+function st() {
+  return B = (B + 1) % Number.MAX_SAFE_INTEGER, B.toString();
+}
+const G = /* @__PURE__ */ new Map(), de = (e) => {
+  if (G.has(e))
+    return;
+  const r = setTimeout(() => {
+    G.delete(e), $({
+      type: "REMOVE_TOAST",
+      toastId: e
+    });
+  }, at);
+  G.set(e, r);
+}, ot = (e, r) => {
+  switch (r.type) {
+    case "ADD_TOAST":
+      return {
+        ...e,
+        toasts: [r.toast, ...e.toasts].slice(0, rt)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...e,
+        toasts: e.toasts.map((t) => t.id === r.toast.id ? { ...t, ...r.toast } : t)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: t } = r;
+      return t ? de(t) : e.toasts.forEach((a) => {
+        de(a.id);
+      }), {
+        ...e,
+        toasts: e.toasts.map(
+          (a) => a.id === t || t === void 0 ? {
+            ...a,
+            open: !1
+          } : a
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return r.toastId === void 0 ? {
+        ...e,
+        toasts: []
+      } : {
+        ...e,
+        toasts: e.toasts.filter((t) => t.id !== r.toastId)
+      };
+    default:
+      return { ...e };
+  }
+}, U = [];
+let W = { toasts: [] };
+function $(e) {
+  W = ot(W, e), U.forEach((r) => {
+    r(W);
+  });
+}
+function nt({ ...e }) {
+  const r = st(), t = (n) => $({
+    type: "UPDATE_TOAST",
+    toast: { ...n, id: r }
+  }), a = () => $({ type: "DISMISS_TOAST", toastId: r });
+  return $({
+    type: "ADD_TOAST",
+    toast: {
+      ...e,
+      id: r,
+      open: !0,
+      onOpenChange: (n) => {
+        n || a();
+      }
+    }
+  }), {
+    id: r,
+    dismiss: a,
+    update: t
+  };
+}
+function me() {
+  const [e, r] = k.useState(W);
+  return k.useEffect(() => (U.push(r), () => {
+    const t = U.indexOf(r);
+    t > -1 && U.splice(t, 1);
+  }), [e]), {
+    ...e,
+    toast: nt,
+    dismiss: (t) => $({ type: "DISMISS_TOAST", toastId: t })
+  };
+}
+/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const it = [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+], ct = te("circle-check-big", it);
+/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const dt = [
+  ["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" }]
+], lt = te("circle-x", dt);
+/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ut = [
+  [
+    "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" }]
+], pt = te("triangle-alert", ut);
+var re = "ToastProvider", [ae, ft, mt] = et("Toast"), [ve, qt] = Xe("Toast", [mt]), [vt, Y] = ve(re), we = (e) => {
+  const {
+    __scopeToast: r,
+    label: t = "Notification",
+    duration: a = 5e3,
+    swipeDirection: n = "right",
+    swipeThreshold: i = 50,
+    children: f
+  } = e, [v, y] = o.useState(null), [l, T] = o.useState(0), h = o.useRef(!1), D = o.useRef(!1);
+  return t.trim() || console.error(
+    `Invalid prop \`label\` supplied to \`${re}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ s.jsx(ae.Provider, { scope: r, children: /* @__PURE__ */ s.jsx(
+    vt,
+    {
+      scope: r,
+      label: t,
+      duration: a,
+      swipeDirection: n,
+      swipeThreshold: i,
+      toastCount: l,
+      viewport: v,
+      onViewportChange: y,
+      onToastAdd: o.useCallback(() => T((C) => C + 1), []),
+      onToastRemove: o.useCallback(() => T((C) => C - 1), []),
+      isFocusedToastEscapeKeyDownRef: h,
+      isClosePausedRef: D,
+      children: f
+    }
+  ) });
+};
+we.displayName = re;
+var xe = "ToastViewport", wt = ["F8"], Q = "toast.viewportPause", J = "toast.viewportResume", ye = o.forwardRef(
+  (e, r) => {
+    const {
+      __scopeToast: t,
+      hotkey: a = wt,
+      label: n = "Notifications ({hotkey})",
+      ...i
+    } = e, f = Y(xe, t), v = ft(t), y = o.useRef(null), l = o.useRef(null), T = o.useRef(null), h = o.useRef(null), D = pe(r, h, f.onViewportChange), C = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), R = f.toastCount > 0;
+    o.useEffect(() => {
+      const d = (w) => {
+        a.length !== 0 && a.every((p) => w[p] || w.code === p) && h.current?.focus();
+      };
+      return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+    }, [a]), o.useEffect(() => {
+      const d = y.current, w = h.current;
+      if (R && d && w) {
+        const p = () => {
+          if (!f.isClosePausedRef.current) {
+            const E = new CustomEvent(Q);
+            w.dispatchEvent(E), f.isClosePausedRef.current = !0;
+          }
+        }, m = () => {
+          if (f.isClosePausedRef.current) {
+            const E = new CustomEvent(J);
+            w.dispatchEvent(E), f.isClosePausedRef.current = !1;
+          }
+        }, x = (E) => {
+          !d.contains(E.relatedTarget) && m();
+        }, b = () => {
+          d.contains(document.activeElement) || m();
+        };
+        return d.addEventListener("focusin", p), d.addEventListener("focusout", x), d.addEventListener("pointermove", p), d.addEventListener("pointerleave", b), window.addEventListener("blur", p), window.addEventListener("focus", m), () => {
+          d.removeEventListener("focusin", p), d.removeEventListener("focusout", x), d.removeEventListener("pointermove", p), d.removeEventListener("pointerleave", b), window.removeEventListener("blur", p), window.removeEventListener("focus", m);
+        };
+      }
+    }, [R, f.isClosePausedRef]);
+    const u = o.useCallback(
+      ({ tabbingDirection: d }) => {
+        const w = v().map((p) => {
+          const m = p.ref.current, x = [m, ...St(m)];
+          return d === "forwards" ? x : x.reverse();
+        });
+        return (d === "forwards" ? w.reverse() : w).flat();
+      },
+      [v]
+    );
+    return o.useEffect(() => {
+      const d = h.current;
+      if (d) {
+        const w = (p) => {
+          const m = p.altKey || p.ctrlKey || p.metaKey;
+          if (p.key === "Tab" && !m) {
+            const x = document.activeElement, b = p.shiftKey;
+            if (p.target === d && b) {
+              l.current?.focus();
+              return;
+            }
+            const E = u({ tabbingDirection: b ? "backwards" : "forwards" }), _ = E.findIndex((A) => A === x);
+            H(E.slice(_ + 1)) ? p.preventDefault() : b ? l.current?.focus() : T.current?.focus();
+          }
+        };
+        return d.addEventListener("keydown", w), () => d.removeEventListener("keydown", w);
+      }
+    }, [v, u]), /* @__PURE__ */ s.jsxs(
+      Be,
+      {
+        ref: y,
+        role: "region",
+        "aria-label": n.replace("{hotkey}", C),
+        tabIndex: -1,
+        style: { pointerEvents: R ? void 0 : "none" },
+        children: [
+          R && /* @__PURE__ */ s.jsx(
+            ee,
+            {
+              ref: l,
+              onFocusFromOutsideViewport: () => {
+                const d = u({
+                  tabbingDirection: "forwards"
+                });
+                H(d);
+              }
+            }
+          ),
+          /* @__PURE__ */ s.jsx(ae.Slot, { scope: t, children: /* @__PURE__ */ s.jsx(P.ol, { tabIndex: -1, ...i, ref: D }) }),
+          R && /* @__PURE__ */ s.jsx(
+            ee,
+            {
+              ref: T,
+              onFocusFromOutsideViewport: () => {
+                const d = u({
+                  tabbingDirection: "backwards"
+                });
+                H(d);
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ye.displayName = xe;
+var he = "ToastFocusProxy", ee = o.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, onFocusFromOutsideViewport: a, ...n } = e, i = Y(he, t);
+    return /* @__PURE__ */ s.jsx(
+      fe,
+      {
+        tabIndex: 0,
+        ...n,
+        ref: r,
+        style: { position: "fixed" },
+        onFocus: (f) => {
+          const v = f.relatedTarget;
+          !i.viewport?.contains(v) && a();
+        }
+      }
+    );
+  }
+);
+ee.displayName = he;
+var O = "Toast", xt = "toast.swipeStart", yt = "toast.swipeMove", ht = "toast.swipeCancel", Tt = "toast.swipeEnd", Te = o.forwardRef(
+  (e, r) => {
+    const { forceMount: t, open: a, defaultOpen: n, onOpenChange: i, ...f } = e, [v, y] = Ye({
+      prop: a,
+      defaultProp: n ?? !0,
+      onChange: i,
+      caller: O
+    });
+    return /* @__PURE__ */ s.jsx(Ze, { present: t || v, children: /* @__PURE__ */ s.jsx(
+      gt,
+      {
+        open: v,
+        ...f,
+        ref: r,
+        onClose: () => y(!1),
+        onPause: X(e.onPause),
+        onResume: X(e.onResume),
+        onSwipeStart: g(e.onSwipeStart, (l) => {
+          l.currentTarget.setAttribute("data-swipe", "start");
+        }),
+        onSwipeMove: g(e.onSwipeMove, (l) => {
+          const { x: T, y: h } = l.detail.delta;
+          l.currentTarget.setAttribute("data-swipe", "move"), l.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${T}px`), l.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${h}px`);
+        }),
+        onSwipeCancel: g(e.onSwipeCancel, (l) => {
+          l.currentTarget.setAttribute("data-swipe", "cancel"), l.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), l.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), l.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), l.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+        }),
+        onSwipeEnd: g(e.onSwipeEnd, (l) => {
+          const { x: T, y: h } = l.detail.delta;
+          l.currentTarget.setAttribute("data-swipe", "end"), l.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), l.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), l.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${T}px`), l.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${h}px`), y(!1);
+        })
+      }
+    ) });
+  }
+);
+Te.displayName = O;
+var [bt, Et] = ve(O, {
+  onClose() {
+  }
+}), gt = o.forwardRef(
+  (e, r) => {
+    const {
+      __scopeToast: t,
+      type: a = "foreground",
+      duration: n,
+      open: i,
+      onClose: f,
+      onEscapeKeyDown: v,
+      onPause: y,
+      onResume: l,
+      onSwipeStart: T,
+      onSwipeMove: h,
+      onSwipeCancel: D,
+      onSwipeEnd: C,
+      ...R
+    } = e, u = Y(O, t), [d, w] = o.useState(null), p = pe(r, (c) => w(c)), m = o.useRef(null), x = o.useRef(null), b = n || u.duration, E = o.useRef(0), _ = o.useRef(b), A = o.useRef(0), { onToastAdd: oe, onToastRemove: ne } = u, I = X(() => {
+      d?.contains(document.activeElement) && u.viewport?.focus(), f();
+    }), K = o.useCallback(
+      (c) => {
+        !c || c === 1 / 0 || (window.clearTimeout(A.current), E.current = (/* @__PURE__ */ new Date()).getTime(), A.current = window.setTimeout(I, c));
+      },
+      [I]
+    );
+    o.useEffect(() => {
+      const c = u.viewport;
+      if (c) {
+        const N = () => {
+          K(_.current), l?.();
+        }, j = () => {
+          const L = (/* @__PURE__ */ new Date()).getTime() - E.current;
+          _.current = _.current - L, window.clearTimeout(A.current), y?.();
+        };
+        return c.addEventListener(Q, j), c.addEventListener(J, N), () => {
+          c.removeEventListener(Q, j), c.removeEventListener(J, N);
+        };
+      }
+    }, [u.viewport, b, y, l, K]), o.useEffect(() => {
+      i && !u.isClosePausedRef.current && K(b);
+    }, [i, b, u.isClosePausedRef, K]), o.useEffect(() => (oe(), () => ne()), [oe, ne]);
+    const ie = o.useMemo(() => d ? Ce(d) : null, [d]);
+    return u.viewport ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      ie && /* @__PURE__ */ s.jsx(
+        kt,
+        {
+          __scopeToast: t,
+          role: "status",
+          "aria-live": a === "foreground" ? "assertive" : "polite",
+          children: ie
+        }
+      ),
+      /* @__PURE__ */ s.jsx(bt, { scope: t, onClose: I, children: We.createPortal(
+        /* @__PURE__ */ s.jsx(ae.ItemSlot, { scope: t, children: /* @__PURE__ */ s.jsx(
+          Ge,
+          {
+            asChild: !0,
+            onEscapeKeyDown: g(v, () => {
+              u.isFocusedToastEscapeKeyDownRef.current || I(), u.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */ s.jsx(
+              P.li,
+              {
+                tabIndex: 0,
+                "data-state": i ? "open" : "closed",
+                "data-swipe-direction": u.swipeDirection,
+                ...R,
+                ref: p,
+                style: { userSelect: "none", touchAction: "none", ...e.style },
+                onKeyDown: g(e.onKeyDown, (c) => {
+                  c.key === "Escape" && (v?.(c.nativeEvent), c.nativeEvent.defaultPrevented || (u.isFocusedToastEscapeKeyDownRef.current = !0, I()));
+                }),
+                onPointerDown: g(e.onPointerDown, (c) => {
+                  c.button === 0 && (m.current = { x: c.clientX, y: c.clientY });
+                }),
+                onPointerMove: g(e.onPointerMove, (c) => {
+                  if (!m.current) return;
+                  const N = c.clientX - m.current.x, j = c.clientY - m.current.y, L = !!x.current, F = ["left", "right"].includes(u.swipeDirection), V = ["left", "up"].includes(u.swipeDirection) ? Math.min : Math.max, Ke = F ? V(0, N) : 0, Ve = F ? 0 : V(0, j), Z = c.pointerType === "touch" ? 10 : 2, q = { x: Ke, y: Ve }, ce = { originalEvent: c, delta: q };
+                  L ? (x.current = q, z(yt, h, ce, {
+                    discrete: !1
+                  })) : le(q, u.swipeDirection, Z) ? (x.current = q, z(xt, T, ce, {
+                    discrete: !1
+                  }), c.target.setPointerCapture(c.pointerId)) : (Math.abs(N) > Z || Math.abs(j) > Z) && (m.current = null);
+                }),
+                onPointerUp: g(e.onPointerUp, (c) => {
+                  const N = x.current, j = c.target;
+                  if (j.hasPointerCapture(c.pointerId) && j.releasePointerCapture(c.pointerId), x.current = null, m.current = null, N) {
+                    const L = c.currentTarget, F = { originalEvent: c, delta: N };
+                    le(N, u.swipeDirection, u.swipeThreshold) ? z(Tt, C, F, {
+                      discrete: !0
+                    }) : z(
+                      ht,
+                      D,
+                      F,
+                      {
+                        discrete: !0
+                      }
+                    ), L.addEventListener("click", (V) => V.preventDefault(), {
+                      once: !0
+                    });
+                  }
+                })
+              }
+            )
+          }
+        ) }),
+        u.viewport
+      ) })
+    ] }) : null;
+  }
+), kt = (e) => {
+  const { __scopeToast: r, children: t, ...a } = e, n = Y(O, r), [i, f] = o.useState(!1), [v, y] = o.useState(!1);
+  return Ct(() => f(!0)), o.useEffect(() => {
+    const l = window.setTimeout(() => y(!0), 1e3);
+    return () => window.clearTimeout(l);
+  }, []), v ? null : /* @__PURE__ */ s.jsx(He, { asChild: !0, children: /* @__PURE__ */ s.jsx(fe, { ...a, children: i && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    n.label,
+    " ",
+    t
+  ] }) }) });
+}, Nt = "ToastTitle", be = o.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, ...a } = e;
+    return /* @__PURE__ */ s.jsx(P.div, { ...a, ref: r });
+  }
+);
+be.displayName = Nt;
+var jt = "ToastDescription", Ee = o.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, ...a } = e;
+    return /* @__PURE__ */ s.jsx(P.div, { ...a, ref: r });
+  }
+);
+Ee.displayName = jt;
+var ge = "ToastAction", ke = o.forwardRef(
+  (e, r) => {
+    const { altText: t, ...a } = e;
+    return t.trim() ? /* @__PURE__ */ s.jsx(je, { altText: t, asChild: !0, children: /* @__PURE__ */ s.jsx(se, { ...a, ref: r }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${ge}\`. Expected non-empty \`string\`.`
+    ), null);
+  }
+);
+ke.displayName = ge;
+var Ne = "ToastClose", se = o.forwardRef(
+  (e, r) => {
+    const { __scopeToast: t, ...a } = e, n = Et(Ne, t);
+    return /* @__PURE__ */ s.jsx(je, { asChild: !0, children: /* @__PURE__ */ s.jsx(
+      P.button,
+      {
+        type: "button",
+        ...a,
+        ref: r,
+        onClick: g(e.onClick, n.onClose)
+      }
+    ) });
+  }
+);
+se.displayName = Ne;
+var je = o.forwardRef((e, r) => {
+  const { __scopeToast: t, altText: a, ...n } = e;
+  return /* @__PURE__ */ s.jsx(
+    P.div,
+    {
+      "data-radix-toast-announce-exclude": "",
+      "data-radix-toast-announce-alt": a || void 0,
+      ...n,
+      ref: r
+    }
+  );
+});
+function Ce(e) {
+  const r = [];
+  return Array.from(e.childNodes).forEach((t) => {
+    if (t.nodeType === t.TEXT_NODE && t.textContent && r.push(t.textContent), Rt(t)) {
+      const a = t.ariaHidden || t.hidden || t.style.display === "none", n = t.dataset.radixToastAnnounceExclude === "";
+      if (!a)
+        if (n) {
+          const i = t.dataset.radixToastAnnounceAlt;
+          i && r.push(i);
+        } else
+          r.push(...Ce(t));
+    }
+  }), r;
+}
+function z(e, r, t, { discrete: a }) {
+  const n = t.originalEvent.currentTarget, i = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: t });
+  r && n.addEventListener(e, r, { once: !0 }), a ? Qe(n, i) : n.dispatchEvent(i);
+}
+var le = (e, r, t = 0) => {
+  const a = Math.abs(e.x), n = Math.abs(e.y), i = a > n;
+  return r === "left" || r === "right" ? i && a > t : !i && n > t;
+};
+function Ct(e = () => {
+}) {
+  const r = X(e);
+  Je(() => {
+    let t = 0, a = 0;
+    return t = window.requestAnimationFrame(() => a = window.requestAnimationFrame(r)), () => {
+      window.cancelAnimationFrame(t), window.cancelAnimationFrame(a);
+    };
+  }, [r]);
+}
+function Rt(e) {
+  return e.nodeType === e.ELEMENT_NODE;
+}
+function St(e) {
+  const r = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (a) => {
+      const n = a.tagName === "INPUT" && a.type === "hidden";
+      return a.disabled || a.hidden || n ? NodeFilter.FILTER_SKIP : a.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; t.nextNode(); ) r.push(t.currentNode);
+  return r;
+}
+function H(e) {
+  const r = document.activeElement;
+  return e.some((t) => t === r ? !0 : (t.focus(), document.activeElement !== r));
+}
+var Pt = we, Re = ye, Se = Te, Pe = be, De = Ee, _e = ke, Ae = se;
+const Dt = Pt, Ie = k.createContext(null), Le = k.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  Re,
+  {
+    ...r,
+    ref: t,
+    className: S(
+      "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]",
+      e
+    )
+  }
+));
+Le.displayName = Re.displayName;
+const _t = ue(
+  "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" }
+  }
+), At = ue("", {
+  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 = k.forwardRef(({ className: e, variant: r, ...t }, a) => /* @__PURE__ */ s.jsx(Ie.Provider, { value: { variant: r }, children: /* @__PURE__ */ s.jsx(
+  Se,
+  {
+    ...t,
+    ref: a,
+    className: S(_t({ variant: r }), e)
+  }
+) }));
+Fe.displayName = Se.displayName;
+const It = k.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  _e,
+  {
+    ...r,
+    ref: t,
+    className: S(
+      "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",
+      e
+    )
+  }
+));
+It.displayName = _e.displayName;
+const Me = k.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  Ae,
+  {
+    ...r,
+    ref: t,
+    className: S(
+      "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",
+      e
+    ),
+    "toast-close": "",
+    children: /* @__PURE__ */ s.jsx(tt, { className: "h-4 w-4" })
+  }
+));
+Me.displayName = Ae.displayName;
+const $e = k.forwardRef(({ className: e, ...r }, t) => {
+  const a = k.useContext(Ie), n = S(
+    At({ variant: a?.variant }),
+    "text-lg font-bold [&+div]:text-xs",
+    e
+  );
+  let i = null;
+  switch (a?.variant) {
+    case "destructive":
+      i = /* @__PURE__ */ s.jsx(lt, { className: "h-4 w-4 stroke-accent-dark-red", strokeWidth: 2 });
+      break;
+    case "success":
+      i = /* @__PURE__ */ s.jsx(ct, { className: "h-4 w-4 stroke-accent-dark-green", strokeWidth: 2 });
+      break;
+    case "warning":
+      i = /* @__PURE__ */ s.jsx(pt, { className: "h-4 w-4 stroke-accent-dark-yellow", strokeWidth: 2 });
+      break;
+    default:
+      i = null;
+      break;
+  }
+  return /* @__PURE__ */ s.jsxs("div", { className: "flex gap-x-1 items-center", children: [
+    i,
+    /* @__PURE__ */ s.jsx(Pe, { ...r, ref: t, className: n })
+  ] });
+});
+$e.displayName = Pe.displayName;
+const Oe = k.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  De,
+  {
+    ...r,
+    ref: t,
+    className: S("text-base opacity-90 dark:text-primary-white", e)
+  }
+));
+Oe.displayName = De.displayName;
+function Lt() {
+  const { toasts: e } = me();
+  return /* @__PURE__ */ s.jsxs(Dt, { children: [
+    e.map(({ id: r, title: t, description: a, action: n, ...i }) => /* @__PURE__ */ Ue(Fe, { ...i, key: r }, /* @__PURE__ */ s.jsxs("div", { className: "grid gap-1", children: [
+      t && /* @__PURE__ */ s.jsx($e, { children: t }),
+      a && /* @__PURE__ */ s.jsx(Oe, { children: a })
+    ] }), n, /* @__PURE__ */ s.jsx(Me, {}))),
+    /* @__PURE__ */ s.jsx(Le, {})
+  ] });
+}
+function zt(e) {
+  const {
+    text: r,
+    successMessage: t = "Text copied",
+    buttonText: a,
+    buttonSmall: n = !1,
+    className: i = ""
+  } = e, { toast: f } = me();
+  return /* @__PURE__ */ M.jsxs(M.Fragment, { children: [
+    /* @__PURE__ */ M.jsxs(
+      qe,
+      {
+        variant: "tertiary",
+        className: `${n ? "p-2" : "py-4 px-6"} ${i}`,
+        onClick: () => {
+          navigator.clipboard.writeText(r), f({
+            variant: "success",
+            description: t,
+            duration: 1e3
+          });
+        },
+        "aria-label": "Click to copy the text",
+        children: [
+          /* @__PURE__ */ M.jsx(ze, {}),
+          a || null
+        ]
+      }
+    ),
+    /* @__PURE__ */ M.jsx(Lt, {})
+  ] });
+}
+export {
+  zt as CopyTextButton
+};
+//# sourceMappingURL=CopyTextButton.js.map