reactjs-tiptap-editor 0.3.31 → 0.4.1

package/lib/Twitter-BFULyqdR.js

@@ -0,0 +1,1628 @@
+import { N as Dt, m as At, V as Vt } from "./index-kbO3iWqL.js";
+import { c as U, s as rt, N as Mt, R as jt } from "./dom-dataset-lYeH6gfI.js";
+import { jsx as r, jsxs as f, Fragment as Wt } from "react/jsx-runtime";
+import Be, { useState as de, Fragment as Bt, useEffect as Fe, useMemo as Pe, createContext as Ft, useLayoutEffect as Pt, useContext as Ut, useRef as K, useCallback as Te, useDebugValue as zt } from "react";
+import { L as Ht, q as Gt, B as Xt, P as Kt, o as Qt, A as Jt, f as Yt, p as Zt } from "./RichTextEditor-DGcKEUGr.js";
+import { u as en } from "./index-LmrOdnen.js";
+const tn = "_verified_lvyh0_1", Ue = {
+  verified: tn
+}, nn = () => /* @__PURE__ */ r("svg", {
+  viewBox: "0 0 24 24",
+  "aria-label": "Verified account",
+  role: "img",
+  className: Ue.verified,
+  children: /* @__PURE__ */ r("g", {
+    children: /* @__PURE__ */ r("path", {
+      d: "M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.33 2.19c-1.4-.46-2.91-.2-3.92.81s-1.26 2.52-.8 3.91c-1.31.67-2.2 1.91-2.2 3.34s.89 2.67 2.2 3.34c-.46 1.39-.21 2.9.8 3.91s2.52 1.26 3.91.81c.67 1.31 1.91 2.19 3.34 2.19s2.68-.88 3.34-2.19c1.39.45 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z"
+    })
+  })
+}), rn = () => /* @__PURE__ */ r("svg", {
+  viewBox: "0 0 22 22",
+  "aria-label": "Verified account",
+  role: "img",
+  className: Ue.verified,
+  children: /* @__PURE__ */ f("g", {
+    children: [
+      /* @__PURE__ */ f("linearGradient", {
+        gradientUnits: "userSpaceOnUse",
+        id: "0-a",
+        x1: "4.411",
+        x2: "18.083",
+        y1: "2.495",
+        y2: "21.508",
+        children: [
+          /* @__PURE__ */ r("stop", {
+            offset: "0",
+            stopColor: "#f4e72a"
+          }),
+          /* @__PURE__ */ r("stop", {
+            offset: ".539",
+            stopColor: "#cd8105"
+          }),
+          /* @__PURE__ */ r("stop", {
+            offset: ".68",
+            stopColor: "#cb7b00"
+          }),
+          /* @__PURE__ */ r("stop", {
+            offset: "1",
+            stopColor: "#f4ec26"
+          }),
+          /* @__PURE__ */ r("stop", {
+            offset: "1",
+            stopColor: "#f4e72a"
+          })
+        ]
+      }),
+      /* @__PURE__ */ f("linearGradient", {
+        gradientUnits: "userSpaceOnUse",
+        id: "0-b",
+        x1: "5.355",
+        x2: "16.361",
+        y1: "3.395",
+        y2: "19.133",
+        children: [
+          /* @__PURE__ */ r("stop", {
+            offset: "0",
+            stopColor: "#f9e87f"
+          }),
+          /* @__PURE__ */ r("stop", {
+            offset: ".406",
+            stopColor: "#e2b719"
+          }),
+          /* @__PURE__ */ r("stop", {
+            offset: ".989",
+            stopColor: "#e2b719"
+          })
+        ]
+      }),
+      /* @__PURE__ */ f("g", {
+        clipRule: "evenodd",
+        fillRule: "evenodd",
+        children: [
+          /* @__PURE__ */ r("path", {
+            d: "M13.324 3.848L11 1.6 8.676 3.848l-3.201-.453-.559 3.184L2.06 8.095 3.48 11l-1.42 2.904 2.856 1.516.559 3.184 3.201-.452L11 20.4l2.324-2.248 3.201.452.559-3.184 2.856-1.516L18.52 11l1.42-2.905-2.856-1.516-.559-3.184zm-7.09 7.575l3.428 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z",
+            fill: "url(#0-a)"
+          }),
+          /* @__PURE__ */ r("path", {
+            d: "M13.101 4.533L11 2.5 8.899 4.533l-2.895-.41-.505 2.88-2.583 1.37L4.2 11l-1.284 2.627 2.583 1.37.505 2.88 2.895-.41L11 19.5l2.101-2.033 2.895.41.505-2.88 2.583-1.37L17.8 11l1.284-2.627-2.583-1.37-.505-2.88zm-6.868 6.89l3.429 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z",
+            fill: "url(#0-b)"
+          }),
+          /* @__PURE__ */ r("path", {
+            d: "M6.233 11.423l3.429 3.428 5.65-6.17.038-.033-.005 1.398-5.683 6.206-3.429-3.429-.003-1.405.005.003z",
+            fill: "#d18800"
+          })
+        ]
+      })
+    ]
+  })
+}), on = () => /* @__PURE__ */ r("svg", {
+  viewBox: "0 0 22 22",
+  "aria-label": "Verified account",
+  role: "img",
+  className: Ue.verified,
+  children: /* @__PURE__ */ r("g", {
+    children: /* @__PURE__ */ r("path", {
+      clipRule: "evenodd",
+      d: "M12.05 2.056c-.568-.608-1.532-.608-2.1 0l-1.393 1.49c-.284.303-.685.47-1.1.455L5.42 3.932c-.832-.028-1.514.654-1.486 1.486l.069 2.039c.014.415-.152.816-.456 1.1l-1.49 1.392c-.608.568-.608 1.533 0 2.101l1.49 1.393c.304.284.47.684.456 1.1l-.07 2.038c-.027.832.655 1.514 1.487 1.486l2.038-.069c.415-.014.816.152 1.1.455l1.392 1.49c.569.609 1.533.609 2.102 0l1.393-1.49c.283-.303.684-.47 1.099-.455l2.038.069c.832.028 1.515-.654 1.486-1.486L18 14.542c-.015-.415.152-.815.455-1.099l1.49-1.393c.608-.568.608-1.533 0-2.101l-1.49-1.393c-.303-.283-.47-.684-.455-1.1l.068-2.038c.029-.832-.654-1.514-1.486-1.486l-2.038.07c-.415.013-.816-.153-1.1-.456zm-5.817 9.367l3.429 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z",
+      fillRule: "evenodd"
+    })
+  })
+}), an = "_root_98iqw_1", sn = "_article_98iqw_21", ot = {
+  root: an,
+  article: sn
+}, ze = ({ className: e, children: t }) => /* @__PURE__ */ r("div", {
+  className: U("react-tweet-theme", ot.root, e),
+  children: /* @__PURE__ */ r("article", {
+    className: ot.article,
+    children: t
+  })
+}), vt = (e) => /* @__PURE__ */ r("img", {
+  ...e
+}), cn = "_header_nqq4j_1", ln = "_avatar_nqq4j_11", dn = "_avatarOverflow_nqq4j_16", un = "_avatarSquare_nqq4j_23", fn = "_avatarShadow_nqq4j_26", hn = "_author_nqq4j_37", _n = "_authorLink_nqq4j_44", mn = "_authorVerified_nqq4j_53", pn = "_authorLinkText_nqq4j_56", vn = "_authorMeta_nqq4j_63", gn = "_authorFollow_nqq4j_66", wn = "_username_nqq4j_69", yn = "_follow_nqq4j_74", bn = "_separator_nqq4j_82", Tn = "_brand_nqq4j_86", xn = "_twitterIcon_nqq4j_90", N = {
+  header: cn,
+  avatar: ln,
+  avatarOverflow: dn,
+  avatarSquare: un,
+  avatarShadow: fn,
+  author: hn,
+  authorLink: _n,
+  authorVerified: mn,
+  authorLinkText: pn,
+  authorMeta: vn,
+  authorFollow: gn,
+  username: wn,
+  follow: yn,
+  separator: bn,
+  brand: Tn,
+  twitterIcon: xn
+}, Nn = "_verifiedOld_lcna5_1", Rn = "_verifiedBlue_lcna5_4", kn = "_verifiedGovernment_lcna5_7", xe = {
+  verifiedOld: Nn,
+  verifiedBlue: Rn,
+  verifiedGovernment: kn
+}, gt = ({ user: e, className: t }) => {
+  const n = e.verified || e.is_blue_verified || e.verified_type;
+  let o = /* @__PURE__ */ r(nn, {}), i = xe.verifiedBlue;
+  if (n)
+    switch (e.is_blue_verified || (i = xe.verifiedOld), e.verified_type) {
+      case "Government":
+        o = /* @__PURE__ */ r(on, {}), i = xe.verifiedGovernment;
+        break;
+      case "Business":
+        o = /* @__PURE__ */ r(rn, {}), i = null;
+        break;
+    }
+  return n ? /* @__PURE__ */ r("div", {
+    className: U(t, i),
+    children: o
+  }) : null;
+}, In = ({ tweet: e, components: t }) => {
+  var n;
+  const o = (n = t == null ? void 0 : t.AvatarImg) != null ? n : vt, { user: i } = e;
+  return /* @__PURE__ */ f("div", {
+    className: N.header,
+    children: [
+      /* @__PURE__ */ f("a", {
+        href: e.url,
+        className: N.avatar,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: [
+          /* @__PURE__ */ r("div", {
+            className: U(N.avatarOverflow, i.profile_image_shape === "Square" && N.avatarSquare),
+            children: /* @__PURE__ */ r(o, {
+              src: i.profile_image_url_https,
+              alt: i.name,
+              width: 48,
+              height: 48
+            })
+          }),
+          /* @__PURE__ */ r("div", {
+            className: N.avatarOverflow,
+            children: /* @__PURE__ */ r("div", {
+              className: N.avatarShadow
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ f("div", {
+        className: N.author,
+        children: [
+          /* @__PURE__ */ f("a", {
+            href: e.url,
+            className: N.authorLink,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              /* @__PURE__ */ r("div", {
+                className: N.authorLinkText,
+                children: /* @__PURE__ */ r("span", {
+                  title: i.name,
+                  children: i.name
+                })
+              }),
+              /* @__PURE__ */ r(gt, {
+                user: i,
+                className: N.authorVerified
+              })
+            ]
+          }),
+          /* @__PURE__ */ f("div", {
+            className: N.authorMeta,
+            children: [
+              /* @__PURE__ */ r("a", {
+                href: e.url,
+                className: N.username,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: /* @__PURE__ */ f("span", {
+                  title: `@${i.screen_name}`,
+                  children: [
+                    "@",
+                    i.screen_name
+                  ]
+                })
+              }),
+              /* @__PURE__ */ f("div", {
+                className: N.authorFollow,
+                children: [
+                  /* @__PURE__ */ r("span", {
+                    className: N.separator,
+                    children: "·"
+                  }),
+                  /* @__PURE__ */ r("a", {
+                    href: i.follow_url,
+                    className: N.follow,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: "Follow"
+                  })
+                ]
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ r("a", {
+        href: e.url,
+        className: N.brand,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": "View on Twitter",
+        children: /* @__PURE__ */ r("svg", {
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true",
+          className: N.twitterIcon,
+          children: /* @__PURE__ */ r("g", {
+            children: /* @__PURE__ */ r("path", {
+              d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+            })
+          })
+        })
+      })
+    ]
+  });
+}, Sn = "_root_1ec15_1", En = {
+  root: Sn
+}, Cn = ({ tweet: e }) => /* @__PURE__ */ f("a", {
+  href: e.in_reply_to_url,
+  className: En.root,
+  target: "_blank",
+  rel: "noopener noreferrer",
+  children: [
+    "Replying to @",
+    e.in_reply_to_screen_name
+  ]
+}), Ln = "_root_eihfa_1", On = {
+  root: Ln
+}, qn = ({ href: e, children: t }) => /* @__PURE__ */ r("a", {
+  href: e,
+  className: On.root,
+  target: "_blank",
+  rel: "noopener noreferrer nofollow",
+  children: t
+}), $n = "_root_1xq52_1", Dn = {
+  root: $n
+}, An = ({ tweet: e }) => /* @__PURE__ */ r("p", {
+  className: Dn.root,
+  lang: e.lang,
+  dir: "auto",
+  children: e.entities.map((t, n) => {
+    switch (t.type) {
+      case "hashtag":
+      case "mention":
+      case "url":
+      case "symbol":
+        return /* @__PURE__ */ r(qn, {
+          href: t.href,
+          children: t.text
+        }, n);
+      case "media":
+        return;
+      default:
+        return /* @__PURE__ */ r("span", {
+          dangerouslySetInnerHTML: {
+            __html: t.text
+          }
+        }, n);
+    }
+  })
+}), it = (e) => `https://x.com/${e.user.screen_name}/status/${e.id_str}`, wt = (e) => `https://x.com/${typeof e == "string" ? e : e.user.screen_name}`, Vn = (e) => `https://x.com/intent/like?tweet_id=${e.id_str}`, Mn = (e) => `https://x.com/intent/tweet?in_reply_to=${e.id_str}`, jn = (e) => `https://x.com/intent/follow?screen_name=${e.user.screen_name}`, Wn = (e) => `https://x.com/hashtag/${e.text}`, Bn = (e) => `https://x.com/search?q=%24${e.text}`, Fn = (e) => `https://x.com/${e.in_reply_to_screen_name}/status/${e.in_reply_to_status_id_str}`, yt = (e, t) => {
+  const n = new URL(e.media_url_https), o = n.pathname.split(".").pop();
+  return o ? (n.pathname = n.pathname.replace(`.${o}`, ""), n.searchParams.set("format", o), n.searchParams.set("name", t), n.toString()) : e.media_url_https;
+}, Pn = (e) => {
+  const { variants: t } = e.video_info;
+  return t.filter((o) => o.content_type === "video/mp4").sort((o, i) => {
+    var s, a;
+    return ((s = i.bitrate) != null ? s : 0) - ((a = o.bitrate) != null ? a : 0);
+  });
+}, Un = (e) => {
+  const t = Pn(e);
+  return t.length > 1 ? t[1] : t[0];
+}, Oe = (e) => e > 999999 ? `${(e / 1e6).toFixed(1)}M` : e > 999 ? `${(e / 1e3).toFixed(1)}K` : e.toString();
+function at(e) {
+  const t = Array.from(e.text), n = [
+    {
+      indices: e.display_text_range,
+      type: "text"
+    }
+  ];
+  return le(n, "hashtag", e.entities.hashtags), le(n, "mention", e.entities.user_mentions), le(n, "url", e.entities.urls), le(n, "symbol", e.entities.symbols), e.entities.media && le(n, "media", e.entities.media), zn(e, n), n.map((o) => {
+    const i = t.slice(o.indices[0], o.indices[1]).join("");
+    switch (o.type) {
+      case "hashtag":
+        return Object.assign(o, {
+          href: Wn(o),
+          text: i
+        });
+      case "mention":
+        return Object.assign(o, {
+          href: wt(o.screen_name),
+          text: i
+        });
+      case "url":
+      case "media":
+        return Object.assign(o, {
+          href: o.expanded_url,
+          text: o.display_url
+        });
+      case "symbol":
+        return Object.assign(o, {
+          href: Bn(o),
+          text: i
+        });
+      default:
+        return Object.assign(o, {
+          text: i
+        });
+    }
+  });
+}
+function le(e, t, n) {
+  for (const o of n)
+    for (const [i, s] of e.entries()) {
+      if (s.indices[0] > o.indices[0] || s.indices[1] < o.indices[1])
+        continue;
+      const a = [
+        {
+          ...o,
+          type: t
+        }
+      ];
+      s.indices[0] < o.indices[0] && a.unshift({
+        indices: [
+          s.indices[0],
+          o.indices[0]
+        ],
+        type: "text"
+      }), s.indices[1] > o.indices[1] && a.push({
+        indices: [
+          o.indices[1],
+          s.indices[1]
+        ],
+        type: "text"
+      }), e.splice(i, 1, ...a);
+      break;
+    }
+}
+function zn(e, t) {
+  e.entities.media && e.entities.media[0].indices[0] < e.display_text_range[1] && (e.display_text_range[1] = e.entities.media[0].indices[0]);
+  const n = t.at(-1);
+  n && n.indices[1] > e.display_text_range[1] && (n.indices[1] = e.display_text_range[1]);
+}
+const Hn = (e) => ({
+  ...e,
+  url: it(e),
+  user: {
+    ...e.user,
+    url: wt(e),
+    follow_url: jn(e)
+  },
+  like_url: Vn(e),
+  reply_url: Mn(e),
+  in_reply_to_url: e.in_reply_to_screen_name ? Fn(e) : void 0,
+  entities: at(e),
+  quoted_tweet: e.quoted_tweet ? {
+    ...e.quoted_tweet,
+    url: it(e.quoted_tweet),
+    entities: at(e.quoted_tweet)
+  } : void 0
+}), Gn = "_root_g9tkv_1", Xn = "_rounded_g9tkv_6", Kn = "_mediaWrapper_g9tkv_10", Qn = "_grid2Columns_g9tkv_17", Jn = "_grid3_g9tkv_20", Yn = "_grid2x2_g9tkv_23", Zn = "_mediaContainer_g9tkv_26", er = "_mediaLink_g9tkv_34", tr = "_skeleton_g9tkv_38", nr = "_image_g9tkv_43", C = {
+  root: Gn,
+  rounded: Xn,
+  mediaWrapper: Kn,
+  grid2Columns: Qn,
+  grid3: Jn,
+  grid2x2: Yn,
+  mediaContainer: Zn,
+  mediaLink: er,
+  skeleton: tr,
+  image: nr
+}, rr = "_anchor_fp31d_1", or = "_videoButton_fp31d_17", ir = "_videoButtonIcon_fp31d_35", ar = "_watchOnTwitter_fp31d_44", sr = "_viewReplies_fp31d_60", ie = {
+  anchor: rr,
+  videoButton: or,
+  videoButtonIcon: ir,
+  watchOnTwitter: ar,
+  viewReplies: sr
+}, cr = ({ tweet: e, media: t }) => {
+  const [n, o] = de(!0), [i, s] = de(!1), [a, l] = de(!1), h = Un(t);
+  let u = 0;
+  return /* @__PURE__ */ f(Wt, {
+    children: [
+      /* @__PURE__ */ r("video", {
+        className: C.image,
+        poster: yt(t, "small"),
+        controls: !n,
+        playsInline: !0,
+        preload: "none",
+        tabIndex: n ? -1 : 0,
+        onPlay: () => {
+          u && window.clearTimeout(u), i || s(!0), a && l(!1);
+        },
+        onPause: () => {
+          u && window.clearTimeout(u), u = window.setTimeout(() => {
+            i && s(!1), u = 0;
+          }, 100);
+        },
+        onEnded: () => {
+          l(!0);
+        },
+        children: /* @__PURE__ */ r("source", {
+          src: h.url,
+          type: h.content_type
+        })
+      }),
+      n && /* @__PURE__ */ r("button", {
+        type: "button",
+        className: ie.videoButton,
+        "aria-label": "View video on X",
+        onClick: (y) => {
+          const v = y.currentTarget.previousSibling;
+          y.preventDefault(), o(!1), v.load(), v.play().then(() => {
+            s(!0), v.focus();
+          }).catch((b) => {
+            console.error("Error playing video:", b), o(!0), s(!1);
+          });
+        },
+        children: /* @__PURE__ */ r("svg", {
+          viewBox: "0 0 24 24",
+          className: ie.videoButtonIcon,
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ r("g", {
+            children: /* @__PURE__ */ r("path", {
+              d: "M21 12L4 2v20l17-10z"
+            })
+          })
+        })
+      }),
+      !i && !a && /* @__PURE__ */ r("div", {
+        className: ie.watchOnTwitter,
+        children: /* @__PURE__ */ r("a", {
+          href: e.url,
+          className: ie.anchor,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: n ? "Watch on X" : "Continue watching on X"
+        })
+      }),
+      a && /* @__PURE__ */ r("a", {
+        href: e.url,
+        className: U(ie.anchor, ie.viewReplies),
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: "View replies"
+      })
+    ]
+  });
+}, lr = (e) => /* @__PURE__ */ r("img", {
+  ...e
+}), st = (e, t) => {
+  let n = 56.25;
+  return t === 1 && (n = 100 / e.original_info.width * e.original_info.height), t === 2 && (n = n * 2), {
+    width: e.type === "photo" ? void 0 : "unset",
+    paddingBottom: `${n}%`
+  };
+}, bt = ({ tweet: e, components: t, quoted: n }) => {
+  var o, i, s;
+  const a = (s = (o = e.mediaDetails) == null ? void 0 : o.length) != null ? s : 0;
+  var l;
+  const h = (l = t == null ? void 0 : t.MediaImg) != null ? l : lr;
+  return /* @__PURE__ */ r("div", {
+    className: U(C.root, !n && C.rounded),
+    children: /* @__PURE__ */ r("div", {
+      className: U(C.mediaWrapper, a > 1 && C.grid2Columns, a === 3 && C.grid3, a > 4 && C.grid2x2),
+      children: (i = e.mediaDetails) == null ? void 0 : i.map((u) => /* @__PURE__ */ r(Bt, {
+        children: u.type === "photo" ? /* @__PURE__ */ f("a", {
+          href: e.url,
+          className: U(C.mediaContainer, C.mediaLink),
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: [
+            /* @__PURE__ */ r("div", {
+              className: C.skeleton,
+              style: st(u, a)
+            }),
+            /* @__PURE__ */ r(h, {
+              src: yt(u, "small"),
+              alt: u.ext_alt_text || "Image",
+              className: C.image,
+              draggable: !0
+            })
+          ]
+        }, u.media_url_https) : /* @__PURE__ */ f("div", {
+          className: C.mediaContainer,
+          children: [
+            /* @__PURE__ */ r("div", {
+              className: C.skeleton,
+              style: st(u, a)
+            }),
+            /* @__PURE__ */ r(cr, {
+              tweet: e,
+              media: u
+            })
+          ]
+        }, u.media_url_https)
+      }, u.media_url_https))
+    })
+  });
+}, dr = {
+  hour: "numeric",
+  minute: "2-digit",
+  hour12: !0,
+  weekday: "short",
+  month: "short",
+  day: "numeric",
+  year: "numeric"
+}, ur = new Intl.DateTimeFormat("en-US", dr), fr = (e) => {
+  const t = {};
+  for (const n of e)
+    t[n.type] = n.value;
+  return t;
+}, hr = (e) => {
+  const t = fr(ur.formatToParts(e)), n = `${t.hour}:${t.minute} ${t.dayPeriod}`, o = `${t.month} ${t.day}, ${t.year}`;
+  return `${n} · ${o}`;
+}, _r = "_root_i24yn_1", mr = {
+  root: _r
+}, pr = ({ tweet: e }) => {
+  const t = new Date(e.created_at), n = hr(t);
+  return /* @__PURE__ */ r("a", {
+    className: mr.root,
+    href: e.url,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    "aria-label": n,
+    children: /* @__PURE__ */ r("time", {
+      dateTime: t.toISOString(),
+      children: n
+    })
+  });
+}, vr = "_info_19qcj_1", gr = "_infoLink_19qcj_10", wr = "_infoIcon_19qcj_30", Ne = {
+  info: vr,
+  infoLink: gr,
+  infoIcon: wr
+}, yr = ({ tweet: e }) => /* @__PURE__ */ f("div", {
+  className: Ne.info,
+  children: [
+    /* @__PURE__ */ r(pr, {
+      tweet: e
+    }),
+    /* @__PURE__ */ r("a", {
+      className: Ne.infoLink,
+      href: "https://help.x.com/en/x-for-websites-ads-info-and-privacy",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "aria-label": "Twitter for Websites, Ads Information and Privacy",
+      children: /* @__PURE__ */ r("svg", {
+        viewBox: "0 0 24 24",
+        "aria-hidden": "true",
+        className: Ne.infoIcon,
+        children: /* @__PURE__ */ r("g", {
+          children: /* @__PURE__ */ r("path", {
+            d: "M13.5 8.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5S11.17 7 12 7s1.5.67 1.5 1.5zM13 17v-5h-2v5h2zm-1 5.25c5.66 0 10.25-4.59 10.25-10.25S17.66 1.75 12 1.75 1.75 6.34 1.75 12 6.34 22.25 12 22.25zM20.25 12c0 4.56-3.69 8.25-8.25 8.25S3.75 16.56 3.75 12 7.44 3.75 12 3.75s8.25 3.69 8.25 8.25z"
+          })
+        })
+      })
+    })
+  ]
+}), br = "_actions_n2anf_1", Tr = "_like_n2anf_13", xr = "_reply_n2anf_14", Nr = "_copy_n2anf_15", Rr = "_likeIconWrapper_n2anf_27", kr = "_likeCount_n2anf_30", Ir = "_replyIconWrapper_n2anf_35", Sr = "_copyIconWrapper_n2anf_36", Er = "_likeIcon_n2anf_27", Cr = "_replyIcon_n2anf_35", Lr = "_copyIcon_n2anf_36", Or = "_replyText_n2anf_56", qr = "_copyText_n2anf_57", S = {
+  actions: br,
+  like: Tr,
+  reply: xr,
+  copy: Nr,
+  likeIconWrapper: Rr,
+  likeCount: kr,
+  replyIconWrapper: Ir,
+  copyIconWrapper: Sr,
+  likeIcon: Er,
+  replyIcon: Cr,
+  copyIcon: Lr,
+  replyText: Or,
+  copyText: qr
+}, $r = ({ tweet: e }) => {
+  const [t, n] = de(!1), o = () => {
+    navigator.clipboard.writeText(e.url), n(!0);
+  };
+  return Fe(() => {
+    if (t) {
+      const i = setTimeout(() => {
+        n(!1);
+      }, 6e3);
+      return () => clearTimeout(i);
+    }
+  }, [
+    t
+  ]), /* @__PURE__ */ f("button", {
+    type: "button",
+    className: S.copy,
+    "aria-label": "Copy link",
+    onClick: o,
+    children: [
+      /* @__PURE__ */ r("div", {
+        className: S.copyIconWrapper,
+        children: t ? /* @__PURE__ */ r("svg", {
+          viewBox: "0 0 24 24",
+          className: S.copyIcon,
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ r("g", {
+            children: /* @__PURE__ */ r("path", {
+              d: "M9.64 18.952l-5.55-4.861 1.317-1.504 3.951 3.459 8.459-10.948L19.4 6.32 9.64 18.952z"
+            })
+          })
+        }) : /* @__PURE__ */ r("svg", {
+          viewBox: "0 0 24 24",
+          className: S.copyIcon,
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ r("g", {
+            children: /* @__PURE__ */ r("path", {
+              d: "M18.36 5.64c-1.95-1.96-5.11-1.96-7.07 0L9.88 7.05 8.46 5.64l1.42-1.42c2.73-2.73 7.16-2.73 9.9 0 2.73 2.74 2.73 7.17 0 9.9l-1.42 1.42-1.41-1.42 1.41-1.41c1.96-1.96 1.96-5.12 0-7.07zm-2.12 3.53l-7.07 7.07-1.41-1.41 7.07-7.07 1.41 1.41zm-12.02.71l1.42-1.42 1.41 1.42-1.41 1.41c-1.96 1.96-1.96 5.12 0 7.07 1.95 1.96 5.11 1.96 7.07 0l1.41-1.41 1.42 1.41-1.42 1.42c-2.73 2.73-7.16 2.73-9.9 0-2.73-2.74-2.73-7.17 0-9.9z"
+            })
+          })
+        })
+      }),
+      /* @__PURE__ */ r("span", {
+        className: S.copyText,
+        children: t ? "Copied!" : "Copy link"
+      })
+    ]
+  });
+}, Dr = ({ tweet: e }) => {
+  const t = Oe(e.favorite_count);
+  return /* @__PURE__ */ f("div", {
+    className: S.actions,
+    children: [
+      /* @__PURE__ */ f("a", {
+        className: S.like,
+        href: e.like_url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": `Like. This Tweet has ${t} likes`,
+        children: [
+          /* @__PURE__ */ r("div", {
+            className: S.likeIconWrapper,
+            children: /* @__PURE__ */ r("svg", {
+              viewBox: "0 0 24 24",
+              className: S.likeIcon,
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ r("g", {
+                children: /* @__PURE__ */ r("path", {
+                  d: "M20.884 13.19c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z"
+                })
+              })
+            })
+          }),
+          /* @__PURE__ */ r("span", {
+            className: S.likeCount,
+            children: t
+          })
+        ]
+      }),
+      /* @__PURE__ */ f("a", {
+        className: S.reply,
+        href: e.reply_url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": "Reply to this Tweet on Twitter",
+        children: [
+          /* @__PURE__ */ r("div", {
+            className: S.replyIconWrapper,
+            children: /* @__PURE__ */ r("svg", {
+              viewBox: "0 0 24 24",
+              className: S.replyIcon,
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ r("g", {
+                children: /* @__PURE__ */ r("path", {
+                  d: "M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01z"
+                })
+              })
+            })
+          }),
+          /* @__PURE__ */ r("span", {
+            className: S.replyText,
+            children: "Reply"
+          })
+        ]
+      }),
+      /* @__PURE__ */ r($r, {
+        tweet: e
+      })
+    ]
+  });
+}, Ar = "_replies_1cutb_1", Vr = "_link_1cutb_4", Mr = "_text_1cutb_23", Re = {
+  replies: Ar,
+  link: Vr,
+  text: Mr
+}, jr = ({ tweet: e }) => /* @__PURE__ */ r("div", {
+  className: Re.replies,
+  children: /* @__PURE__ */ r("a", {
+    className: Re.link,
+    href: e.url,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: /* @__PURE__ */ r("span", {
+      className: Re.text,
+      children: e.conversation_count === 0 ? "Read more on X" : e.conversation_count === 1 ? `Read ${Oe(e.conversation_count)} reply` : `Read ${Oe(e.conversation_count)} replies`
+    })
+  })
+}), Wr = "_root_q5799_1", Br = "_article_q5799_16", ct = {
+  root: Wr,
+  article: Br
+}, Fr = ({ tweet: e, children: t }) => /* @__PURE__ */ r("div", {
+  className: ct.root,
+  onClick: (n) => {
+    n.preventDefault(), window.open(e.url, "_blank");
+  },
+  children: /* @__PURE__ */ r("article", {
+    className: ct.article,
+    children: t
+  })
+}), Pr = "_header_r31i5_1", Ur = "_avatar_r31i5_11", zr = "_avatarSquare_r31i5_17", Hr = "_author_r31i5_21", Gr = "_authorText_r31i5_26", Xr = "_username_r31i5_33", Q = {
+  header: Pr,
+  avatar: Ur,
+  avatarSquare: zr,
+  author: Hr,
+  authorText: Gr,
+  username: Xr
+}, Kr = ({ tweet: e }) => {
+  const { user: t } = e;
+  return /* @__PURE__ */ f("div", {
+    className: Q.header,
+    children: [
+      /* @__PURE__ */ r("a", {
+        href: e.url,
+        className: Q.avatar,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: /* @__PURE__ */ r("div", {
+          className: U(Q.avatarOverflow, t.profile_image_shape === "Square" && Q.avatarSquare),
+          children: /* @__PURE__ */ r(vt, {
+            src: t.profile_image_url_https,
+            alt: t.name,
+            width: 20,
+            height: 20
+          })
+        })
+      }),
+      /* @__PURE__ */ f("div", {
+        className: Q.author,
+        children: [
+          /* @__PURE__ */ r("div", {
+            className: Q.authorText,
+            children: /* @__PURE__ */ r("span", {
+              title: t.name,
+              children: t.name
+            })
+          }),
+          /* @__PURE__ */ r(gt, {
+            user: t
+          }),
+          /* @__PURE__ */ r("div", {
+            className: Q.username,
+            children: /* @__PURE__ */ f("span", {
+              title: `@${t.screen_name}`,
+              children: [
+                "@",
+                t.screen_name
+              ]
+            })
+          })
+        ]
+      })
+    ]
+  });
+}, Qr = "_root_175ot_1", Jr = {
+  root: Qr
+}, Yr = ({ tweet: e }) => /* @__PURE__ */ r("p", {
+  className: Jr.root,
+  lang: e.lang,
+  dir: "auto",
+  children: e.entities.map((t, n) => /* @__PURE__ */ r("span", {
+    dangerouslySetInnerHTML: {
+      __html: t.text
+    }
+  }, n))
+}), Zr = ({ tweet: e }) => {
+  var t;
+  return /* @__PURE__ */ f(Fr, {
+    tweet: e,
+    children: [
+      /* @__PURE__ */ r(Kr, {
+        tweet: e
+      }),
+      /* @__PURE__ */ r(Yr, {
+        tweet: e
+      }),
+      (t = e.mediaDetails) != null && t.length ? /* @__PURE__ */ r(bt, {
+        quoted: !0,
+        tweet: e
+      }) : null
+    ]
+  });
+}, eo = ({ tweet: e, components: t }) => {
+  var n;
+  const o = Pe(() => Hn(e), [
+    e
+  ]);
+  return /* @__PURE__ */ f(ze, {
+    children: [
+      /* @__PURE__ */ r(In, {
+        tweet: o,
+        components: t
+      }),
+      o.in_reply_to_status_id_str && /* @__PURE__ */ r(Cn, {
+        tweet: o
+      }),
+      /* @__PURE__ */ r(An, {
+        tweet: o
+      }),
+      (n = o.mediaDetails) != null && n.length ? /* @__PURE__ */ r(bt, {
+        tweet: o,
+        components: t
+      }) : null,
+      o.quoted_tweet && /* @__PURE__ */ r(Zr, {
+        tweet: o.quoted_tweet
+      }),
+      /* @__PURE__ */ r(yr, {
+        tweet: o
+      }),
+      /* @__PURE__ */ r(Dr, {
+        tweet: o
+      }),
+      /* @__PURE__ */ r(jr, {
+        tweet: o
+      })
+    ]
+  });
+}, to = "_root_16yxa_1", no = {
+  root: to
+}, ro = (e) => /* @__PURE__ */ r(ze, {
+  children: /* @__PURE__ */ f("div", {
+    className: no.root,
+    children: [
+      /* @__PURE__ */ r("h3", {
+        children: "Tweet not found"
+      }),
+      /* @__PURE__ */ r("p", {
+        children: "The embedded tweet could not be found…"
+      })
+    ]
+  })
+}), oo = "_skeleton_oi7hr_1", io = {
+  skeleton: oo
+}, pe = ({ style: e }) => /* @__PURE__ */ r("span", {
+  className: io.skeleton,
+  style: e
+}), ao = "_root_17qqv_1", so = {
+  root: ao
+}, co = () => /* @__PURE__ */ f(ze, {
+  className: so.root,
+  children: [
+    /* @__PURE__ */ r(pe, {
+      style: {
+        height: "3rem",
+        marginBottom: "0.75rem"
+      }
+    }),
+    /* @__PURE__ */ r(pe, {
+      style: {
+        height: "6rem",
+        margin: "0.5rem 0"
+      }
+    }),
+    /* @__PURE__ */ r("div", {
+      style: {
+        borderTop: "var(--tweet-border)",
+        margin: "0.5rem 0"
+      }
+    }),
+    /* @__PURE__ */ r(pe, {
+      style: {
+        height: "2rem"
+      }
+    }),
+    /* @__PURE__ */ r(pe, {
+      style: {
+        height: "2rem",
+        borderRadius: "9999px",
+        marginTop: "0.5rem"
+      }
+    })
+  ]
+}), Tt = 0, xt = 1, Nt = 2, lt = 3;
+var dt = Object.prototype.hasOwnProperty;
+function qe(e, t) {
+  var n, o;
+  if (e === t) return !0;
+  if (e && t && (n = e.constructor) === t.constructor) {
+    if (n === Date) return e.getTime() === t.getTime();
+    if (n === RegExp) return e.toString() === t.toString();
+    if (n === Array) {
+      if ((o = e.length) === t.length)
+        for (; o-- && qe(e[o], t[o]); ) ;
+      return o === -1;
+    }
+    if (!n || typeof e == "object") {
+      o = 0;
+      for (n in e)
+        if (dt.call(e, n) && ++o && !dt.call(t, n) || !(n in t) || !qe(e[n], t[n])) return !1;
+      return Object.keys(t).length === o;
+    }
+  }
+  return e !== e && t !== t;
+}
+const F = /* @__PURE__ */ new WeakMap(), P = () => {
+}, k = (
+  /*#__NOINLINE__*/
+  P()
+), $e = Object, d = (e) => e === k, j = (e) => typeof e == "function", z = (e, t) => ({
+  ...e,
+  ...t
+}), Rt = (e) => j(e.then), ke = {}, ve = {}, He = "undefined", ue = typeof window != He, De = typeof document != He, lo = ue && "Deno" in window, uo = () => ue && typeof window.requestAnimationFrame != He, kt = (e, t) => {
+  const n = F.get(e);
+  return [
+    // Getter
+    () => !d(t) && e.get(t) || ke,
+    // Setter
+    (o) => {
+      if (!d(t)) {
+        const i = e.get(t);
+        t in ve || (ve[t] = i), n[5](t, z(i, o), i || ke);
+      }
+    },
+    // Subscriber
+    n[6],
+    // Get server cache snapshot
+    () => !d(t) && t in ve ? ve[t] : !d(t) && e.get(t) || ke
+  ];
+};
+let Ae = !0;
+const fo = () => Ae, [Ve, Me] = ue && window.addEventListener ? [
+  window.addEventListener.bind(window),
+  window.removeEventListener.bind(window)
+] : [
+  P,
+  P
+], ho = () => {
+  const e = De && document.visibilityState;
+  return d(e) || e !== "hidden";
+}, _o = (e) => (De && document.addEventListener("visibilitychange", e), Ve("focus", e), () => {
+  De && document.removeEventListener("visibilitychange", e), Me("focus", e);
+}), mo = (e) => {
+  const t = () => {
+    Ae = !0, e();
+  }, n = () => {
+    Ae = !1;
+  };
+  return Ve("online", t), Ve("offline", n), () => {
+    Me("online", t), Me("offline", n);
+  };
+}, po = {
+  isOnline: fo,
+  isVisible: ho
+}, vo = {
+  initFocus: _o,
+  initReconnect: mo
+}, ut = !Be.useId, ae = !ue || lo, go = (e) => uo() ? window.requestAnimationFrame(e) : setTimeout(e, 1), Ie = ae ? Fe : Pt, Se = typeof navigator < "u" && navigator.connection, ft = !ae && Se && ([
+  "slow-2g",
+  "2g"
+].includes(Se.effectiveType) || Se.saveData), ge = /* @__PURE__ */ new WeakMap(), wo = (e) => $e.prototype.toString.call(e), Ee = (e, t) => e === `[object ${t}]`;
+let yo = 0;
+const je = (e) => {
+  const t = typeof e, n = wo(e), o = Ee(n, "Date"), i = Ee(n, "RegExp"), s = Ee(n, "Object");
+  let a, l;
+  if ($e(e) === e && !o && !i) {
+    if (a = ge.get(e), a) return a;
+    if (a = ++yo + "~", ge.set(e, a), Array.isArray(e)) {
+      for (a = "@", l = 0; l < e.length; l++)
+        a += je(e[l]) + ",";
+      ge.set(e, a);
+    }
+    if (s) {
+      a = "#";
+      const h = $e.keys(e).sort();
+      for (; !d(l = h.pop()); )
+        d(e[l]) || (a += l + ":" + je(e[l]) + ",");
+      ge.set(e, a);
+    }
+  } else
+    a = o ? e.toJSON() : t == "symbol" ? e.toString() : t == "string" ? JSON.stringify(e) : "" + e;
+  return a;
+}, Ge = (e) => {
+  if (j(e))
+    try {
+      e = e();
+    } catch {
+      e = "";
+    }
+  const t = e;
+  return e = typeof e == "string" ? e : (Array.isArray(e) ? e.length : e) ? je(e) : "", [
+    e,
+    t
+  ];
+};
+let bo = 0;
+const We = () => ++bo;
+async function It(...e) {
+  const [t, n, o, i] = e, s = z({
+    populateCache: !0,
+    throwOnError: !0
+  }, typeof i == "boolean" ? {
+    revalidate: i
+  } : i || {});
+  let a = s.populateCache;
+  const l = s.rollbackOnError;
+  let h = s.optimisticData;
+  const u = (b) => typeof l == "function" ? l(b) : l !== !1, y = s.throwOnError;
+  if (j(n)) {
+    const b = n, R = [], E = t.keys();
+    for (const O of E)
+      // Skip the special useSWRInfinite and useSWRSubscription keys.
+      !/^\$(inf|sub)\$/.test(O) && b(t.get(O)._k) && R.push(O);
+    return Promise.all(R.map(v));
+  }
+  return v(n);
+  async function v(b) {
+    const [R] = Ge(b);
+    if (!R) return;
+    const [E, O] = kt(t, R), [D, se, c, fe] = F.get(t), J = () => {
+      const q = D[R];
+      return (j(s.revalidate) ? s.revalidate(E().data, b) : s.revalidate !== !1) && (delete c[R], delete fe[R], q && q[0]) ? q[0](Nt).then(() => E().data) : E().data;
+    };
+    if (e.length < 3)
+      return J();
+    let T = o, A, V = !1;
+    const Y = We();
+    se[R] = [
+      Y,
+      0
+    ];
+    const m = !d(h), Z = E(), M = Z.data, ee = Z._c, H = d(ee) ? M : ee;
+    if (m && (h = j(h) ? h(H, M) : h, O({
+      data: h,
+      _c: H
+    })), j(T))
+      try {
+        T = T(H);
+      } catch (q) {
+        A = q, V = !0;
+      }
+    if (T && Rt(T))
+      if (T = await T.catch((q) => {
+        A = q, V = !0;
+      }), Y !== se[R][0]) {
+        if (V) throw A;
+        return T;
+      } else V && m && u(A) && (a = !0, O({
+        data: H,
+        _c: k
+      }));
+    if (a && !V)
+      if (j(a)) {
+        const q = a(T, H);
+        O({
+          data: q,
+          error: k,
+          _c: k
+        });
+      } else
+        O({
+          data: T,
+          error: k,
+          _c: k
+        });
+    if (se[R][1] = We(), Promise.resolve(J()).then(() => {
+      O({
+        _c: k
+      });
+    }), V) {
+      if (y) throw A;
+      return;
+    }
+    return T;
+  }
+}
+const ht = (e, t) => {
+  for (const n in e)
+    e[n][0] && e[n][0](t);
+}, To = (e, t) => {
+  if (!F.has(e)) {
+    const n = z(vo, t), o = /* @__PURE__ */ Object.create(null), i = It.bind(k, e);
+    let s = P;
+    const a = /* @__PURE__ */ Object.create(null), l = (y, v) => {
+      const b = a[y] || [];
+      return a[y] = b, b.push(v), () => b.splice(b.indexOf(v), 1);
+    }, h = (y, v, b) => {
+      e.set(y, v);
+      const R = a[y];
+      if (R)
+        for (const E of R)
+          E(v, b);
+    }, u = () => {
+      if (!F.has(e) && (F.set(e, [
+        o,
+        /* @__PURE__ */ Object.create(null),
+        /* @__PURE__ */ Object.create(null),
+        /* @__PURE__ */ Object.create(null),
+        i,
+        h,
+        l
+      ]), !ae)) {
+        const y = n.initFocus(setTimeout.bind(k, ht.bind(k, o, Tt))), v = n.initReconnect(setTimeout.bind(k, ht.bind(k, o, xt)));
+        s = () => {
+          y && y(), v && v(), F.delete(e);
+        };
+      }
+    };
+    return u(), [
+      e,
+      i,
+      u,
+      s
+    ];
+  }
+  return [
+    e,
+    F.get(e)[4]
+  ];
+}, xo = (e, t, n, o, i) => {
+  const s = n.errorRetryCount, a = i.retryCount, l = ~~((Math.random() + 0.5) * (1 << (a < 8 ? a : 8))) * n.errorRetryInterval;
+  !d(s) && a > s || setTimeout(o, l, i);
+}, No = qe, [St, Ro] = To(/* @__PURE__ */ new Map()), ko = z(
+  {
+    // events
+    onLoadingSlow: P,
+    onSuccess: P,
+    onError: P,
+    onErrorRetry: xo,
+    onDiscarded: P,
+    // switches
+    revalidateOnFocus: !0,
+    revalidateOnReconnect: !0,
+    revalidateIfStale: !0,
+    shouldRetryOnError: !0,
+    // timeouts
+    errorRetryInterval: ft ? 1e4 : 5e3,
+    focusThrottleInterval: 5 * 1e3,
+    dedupingInterval: 2 * 1e3,
+    loadingTimeout: ft ? 5e3 : 3e3,
+    // providers
+    compare: No,
+    isPaused: () => !1,
+    cache: St,
+    mutate: Ro,
+    fallback: {}
+  },
+  // use web preset by default
+  po
+), Io = (e, t) => {
+  const n = z(e, t);
+  if (t) {
+    const { use: o, fallback: i } = e, { use: s, fallback: a } = t;
+    o && s && (n.use = o.concat(s)), i && a && (n.fallback = z(i, a));
+  }
+  return n;
+}, So = Ft({}), Eo = "$inf$", Et = ue && window.__SWR_DEVTOOLS_USE__, Co = Et ? window.__SWR_DEVTOOLS_USE__ : [], Lo = () => {
+  Et && (window.__SWR_DEVTOOLS_REACT__ = Be);
+}, Oo = (e) => j(e[1]) ? [
+  e[0],
+  e[1],
+  e[2] || {}
+] : [
+  e[0],
+  null,
+  (e[1] === null ? e[2] : e[1]) || {}
+], qo = () => {
+  const e = Ut(So);
+  return Pe(() => z(ko, e), [
+    e
+  ]);
+}, $o = (e) => (t, n, o) => e(t, n && ((...s) => {
+  const [a] = Ge(t), [, , , l] = F.get(St);
+  if (a.startsWith(Eo))
+    return n(...s);
+  const h = l[a];
+  return d(h) ? n(...s) : (delete l[a], h);
+}), o), Do = Co.concat($o), Ao = (e) => function(...n) {
+  const o = qo(), [i, s, a] = Oo(n), l = Io(o, a);
+  let h = e;
+  const { use: u } = l, y = (u || []).concat(Do);
+  for (let v = y.length; v--; )
+    h = y[v](h);
+  return h(i, s || l.fetcher || null, l);
+}, Vo = (e, t, n) => {
+  const o = t[e] || (t[e] = []);
+  return o.push(n), () => {
+    const i = o.indexOf(n);
+    i >= 0 && (o[i] = o[o.length - 1], o.pop());
+  };
+};
+Lo();
+const Ce = Be.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
+// and emitting an error.
+// We assume that this is only for the `use(thenable)` case, not `use(context)`.
+// https://github.com/facebook/react/blob/aed00dacfb79d17c53218404c52b1c7aa59c4a89/packages/react-server/src/ReactFizzThenable.js#L45
+((e) => {
+  switch (e.status) {
+    case "pending":
+      throw e;
+    case "fulfilled":
+      return e.value;
+    case "rejected":
+      throw e.reason;
+    default:
+      throw e.status = "pending", e.then((t) => {
+        e.status = "fulfilled", e.value = t;
+      }, (t) => {
+        e.status = "rejected", e.reason = t;
+      }), e;
+  }
+}), Le = {
+  dedupe: !0
+}, _t = Promise.resolve(k), Mo = (e, t, n) => {
+  const { cache: o, compare: i, suspense: s, fallbackData: a, revalidateOnMount: l, revalidateIfStale: h, refreshInterval: u, refreshWhenHidden: y, refreshWhenOffline: v, keepPreviousData: b, strictServerPrefetchWarning: R } = n, [E, O, D, se] = F.get(o), [c, fe] = Ge(e), J = K(!1), T = K(!1), A = K(c), V = K(t), Y = K(n), m = () => Y.current, Z = () => m().isVisible() && m().isOnline(), [M, ee, H, q] = kt(o, c), te = K({}).current, he = d(a) ? d(n.fallback) ? k : n.fallback[c] : a, Xe = (_, p) => {
+    for (const w in te) {
+      const g = w;
+      if (g === "data") {
+        if (!i(_[g], p[g]) && (!d(_[g]) || !i(me, p[g])))
+          return !1;
+      } else if (p[g] !== _[g])
+        return !1;
+    }
+    return !0;
+  }, Ke = Pe(() => {
+    const _ = !c || !t ? !1 : d(l) ? m().isPaused() || s ? !1 : h !== !1 : l, p = (I) => {
+      const W = z(I);
+      return delete W._k, _ ? {
+        isValidating: !0,
+        isLoading: !0,
+        ...W
+      } : W;
+    }, w = M(), g = q(), $ = p(w), oe = w === g ? $ : p(g);
+    let x = $;
+    return [
+      () => {
+        const I = p(M());
+        return Xe(I, x) ? (x.data = I.data, x.isLoading = I.isLoading, x.isValidating = I.isValidating, x.error = I.error, x) : (x = I, I);
+      },
+      () => oe
+    ];
+  }, [
+    o,
+    c
+  ]), ne = rt.useSyncExternalStore(Te(
+    (_) => H(c, (p, w) => {
+      Xe(w, p) || _();
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      o,
+      c
+    ]
+  ), Ke[0], Ke[1]), Qe = !J.current, Ct = E[c] && E[c].length > 0, re = ne.data, G = d(re) ? he && Rt(he) ? Ce(he) : he : re, _e = ne.error, we = K(G), me = b ? d(re) ? d(we.current) ? G : we.current : re : G, X = c && d(G), Lt = !ae && // eslint-disable-next-line react-hooks/rules-of-hooks
+  rt.useSyncExternalStore(() => P, () => !1, () => !0);
+  R && Lt && !s && X && console.warn(`Missing pre-initiated data for serialized key "${c}" during server-side rendering. Data fethcing should be initiated on the server and provided to SWR via fallback data. You can set "strictServerPrefetchWarning: false" to disable this warning.`);
+  const Je = Ct && !d(_e) ? !1 : Qe && !d(l) ? l : m().isPaused() ? !1 : s ? d(G) ? !1 : h : d(G) || h, Ye = !!(c && t && Qe && Je), Ot = d(ne.isValidating) ? Ye : ne.isValidating, qt = d(ne.isLoading) ? Ye : ne.isLoading, ce = Te(
+    async (_) => {
+      const p = V.current;
+      if (!c || !p || T.current || m().isPaused())
+        return !1;
+      let w, g, $ = !0;
+      const oe = _ || {}, x = !D[c] || !oe.dedupe, I = () => ut ? !T.current && c === A.current && J.current : c === A.current, W = {
+        isValidating: !1,
+        isLoading: !1
+      }, et = () => {
+        ee(W);
+      }, tt = () => {
+        const L = D[c];
+        L && L[1] === g && delete D[c];
+      }, nt = {
+        isValidating: !0
+      };
+      d(M().data) && (nt.isLoading = !0);
+      try {
+        if (x && (ee(nt), n.loadingTimeout && d(M().data) && setTimeout(() => {
+          $ && I() && m().onLoadingSlow(c, n);
+        }, n.loadingTimeout), D[c] = [
+          p(fe),
+          We()
+        ]), [w, g] = D[c], w = await w, x && setTimeout(tt, n.dedupingInterval), !D[c] || D[c][1] !== g)
+          return x && I() && m().onDiscarded(c), !1;
+        W.error = k;
+        const L = O[c];
+        if (!d(L) && // case 1
+        (g <= L[0] || // case 2
+        g <= L[1] || // case 3
+        L[1] === 0))
+          return et(), x && I() && m().onDiscarded(c), !1;
+        const B = M().data;
+        W.data = i(B, w) ? B : w, x && I() && m().onSuccess(w, c, n);
+      } catch (L) {
+        tt();
+        const B = m(), { shouldRetryOnError: ye } = B;
+        B.isPaused() || (W.error = L, x && I() && (B.onError(L, c, B), (ye === !0 || j(ye) && ye(L)) && (!m().revalidateOnFocus || !m().revalidateOnReconnect || Z()) && B.onErrorRetry(L, c, B, ($t) => {
+          const be = E[c];
+          be && be[0] && be[0](lt, $t);
+        }, {
+          retryCount: (oe.retryCount || 0) + 1,
+          dedupe: !0
+        })));
+      }
+      return $ = !1, et(), !0;
+    },
+    // `setState` is immutable, and `eventsCallback`, `fnArg`, and
+    // `keyValidating` are depending on `key`, so we can exclude them from
+    // the deps array.
+    //
+    // FIXME:
+    // `fn` and `config` might be changed during the lifecycle,
+    // but they might be changed every render like this.
+    // `useSWR('key', () => fetch('/api/'), { suspense: true })`
+    // So we omit the values from the deps array
+    // even though it might cause unexpected behaviors.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      c,
+      o
+    ]
+  ), Ze = Te(
+    // Use callback to make sure `keyRef.current` returns latest result every time
+    (..._) => It(o, A.current, ..._),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  if (Ie(() => {
+    V.current = t, Y.current = n, d(re) || (we.current = re);
+  }), Ie(() => {
+    if (!c) return;
+    const _ = ce.bind(k, Le);
+    let p = 0;
+    m().revalidateOnFocus && (p = Date.now() + m().focusThrottleInterval);
+    const g = Vo(c, E, ($, oe = {}) => {
+      if ($ == Tt) {
+        const x = Date.now();
+        m().revalidateOnFocus && x > p && Z() && (p = x + m().focusThrottleInterval, _());
+      } else if ($ == xt)
+        m().revalidateOnReconnect && Z() && _();
+      else {
+        if ($ == Nt)
+          return ce();
+        if ($ == lt)
+          return ce(oe);
+      }
+    });
+    return T.current = !1, A.current = c, J.current = !0, ee({
+      _k: fe
+    }), Je && (D[c] || (d(G) || ae ? _() : go(_))), () => {
+      T.current = !0, g();
+    };
+  }, [
+    c
+  ]), Ie(() => {
+    let _;
+    function p() {
+      const g = j(u) ? u(M().data) : u;
+      g && _ !== -1 && (_ = setTimeout(w, g));
+    }
+    function w() {
+      !M().error && (y || m().isVisible()) && (v || m().isOnline()) ? ce(Le).then(p) : p();
+    }
+    return p(), () => {
+      _ && (clearTimeout(_), _ = -1);
+    };
+  }, [
+    u,
+    y,
+    v,
+    c
+  ]), zt(me), s) {
+    if (!ut && ae && X)
+      throw new Error("Fallback data is required when using Suspense in SSR.");
+    X && (V.current = t, Y.current = n, T.current = !1);
+    const _ = se[c], p = !d(_) && X ? Ze(_) : _t;
+    if (Ce(p), !d(_e) && X)
+      throw _e;
+    const w = X ? ce(Le) : _t;
+    !d(me) && X && (w.status = "fulfilled", w.value = !0), Ce(w);
+  }
+  return {
+    mutate: Ze,
+    get data() {
+      return te.data = !0, me;
+    },
+    get error() {
+      return te.error = !0, _e;
+    },
+    get isValidating() {
+      return te.isValidating = !0, Ot;
+    },
+    get isLoading() {
+      return te.isLoading = !0, qt;
+    }
+  };
+}, mt = Ao(Mo);
+class jo extends Error {
+  constructor({ message: t, status: n, data: o }) {
+    super(t), this.name = "TwitterApiError", this.status = n, this.data = o;
+  }
+}
+const Wo = mt.default || mt, Bo = "https://react-tweet.vercel.app";
+async function Fo([e, t]) {
+  const n = await fetch(e, t), o = await n.json();
+  if (n.ok) return o.data || null;
+  throw new jo({
+    message: `Failed to fetch tweet at "${e}" with "${n.status}".`,
+    data: o,
+    status: n.status
+  });
+}
+const Po = (e, t, n) => {
+  const { isLoading: o, data: i, error: s } = Wo(() => t || e ? [
+    t || e && `${Bo}/api/tweet/${e}`,
+    n
+  ] : null, Fo, {
+    revalidateIfStale: !1,
+    revalidateOnFocus: !1,
+    shouldRetryOnError: !1
+  });
+  return {
+    // If data is `undefined` then it might be the first render where SWR hasn't started doing
+    // any work, so we set `isLoading` to `true`.
+    isLoading: !!(o || i === void 0 && !s),
+    data: i,
+    error: s
+  };
+}, Uo = ({ id: e, apiUrl: t, fallback: n = /* @__PURE__ */ r(co, {}), components: o, fetchOptions: i, onError: s }) => {
+  const { data: a, error: l, isLoading: h } = Po(e, t, i);
+  if (h) return n;
+  if (l || !a) {
+    const u = (o == null ? void 0 : o.TweetNotFound) || ro;
+    return /* @__PURE__ */ r(u, {
+      error: s ? s(l) : l
+    });
+  }
+  return /* @__PURE__ */ r(eo, {
+    tweet: a,
+    components: o
+  });
+};
+function zo({ node: e }) {
+  var o;
+  const t = ((o = e == null ? void 0 : e.attrs) == null ? void 0 : o.src) || "", n = t == null ? void 0 : t.split("/").pop();
+  return n ? /* @__PURE__ */ r(Mt, { children: /* @__PURE__ */ r("div", { "data-twitter": "", children: /* @__PURE__ */ r(Uo, { id: n }) }) }) : null;
+}
+function Ho(e) {
+  const { t } = en(), [n, o] = de("");
+  Fe(() => {
+    var s;
+    if (e != null && e.editor) {
+      const { src: a } = (s = e.editor) == null ? void 0 : s.getAttributes(Qo.name);
+      a && o(a);
+    }
+  }, [e == null ? void 0 : e.editor]);
+  function i(s) {
+    s.preventDefault(), s.stopPropagation(), e == null || e.onSetLink(n);
+  }
+  return /* @__PURE__ */ r("div", { className: "border-neutral-200 richtext-rounded-lg !richtext-border richtext-bg-white richtext-p-2 richtext-shadow-sm dark:richtext-border-neutral-800 dark:richtext-bg-black", children: /* @__PURE__ */ f(
+    "form",
+    {
+      className: "richtext-flex richtext-flex-col richtext-gap-2",
+      onSubmit: i,
+      children: [
+        /* @__PURE__ */ r(Ht, { className: "mb-[6px]", children: t("editor.link.dialog.text") }),
+        /* @__PURE__ */ r("div", { className: "richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ r("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center", children: /* @__PURE__ */ r(
+          Gt,
+          {
+            className: "richtext-w-80",
+            onChange: (s) => o(s.target.value),
+            placeholder: "Text",
+            required: !0,
+            type: "text",
+            value: n
+          }
+        ) }) }),
+        /* @__PURE__ */ r(
+          Xt,
+          {
+            className: "richtext-mt-2 richtext-self-end",
+            type: "submit",
+            children: t("editor.link.dialog.button.apply")
+          }
+        )
+      ]
+    }
+  ) });
+}
+function Go(e) {
+  function t(n) {
+    e.action && e.action(n);
+  }
+  return /* @__PURE__ */ f(Kt, { modal: !0, children: [
+    /* @__PURE__ */ r(Qt, { disabled: e == null ? void 0 : e.disabled, asChild: !0, children: /* @__PURE__ */ r(
+      Jt,
+      {
+        tooltip: e == null ? void 0 : e.tooltip,
+        tooltipOptions: e == null ? void 0 : e.tooltipOptions,
+        isActive: e == null ? void 0 : e.isActive,
+        disabled: e == null ? void 0 : e.disabled,
+        children: /* @__PURE__ */ r(Yt, { name: e == null ? void 0 : e.icon })
+      }
+    ) }),
+    /* @__PURE__ */ r(Zt, { hideWhenDetached: !0, className: "richtext-w-full", align: "start", side: "bottom", children: /* @__PURE__ */ r(Ho, { editor: e.editor, onSetLink: t }) })
+  ] });
+}
+const Xo = /(https?:\/\/)?(www\.)?x\.com\/(\w{1,15})(\/status\/(\d+))?(\/\S*)?/g, Ko = /^https?:\/\/(www\.)?x\.com\/(\w{1,15})(\/status\/(\d+))?(\/\S*)?$/;
+function pt(e) {
+  return e.match(Ko);
+}
+const Qo = /* @__PURE__ */ Dt.create({
+  name: "twitter",
+  draggable: !0,
+  selectable: !0,
+  addOptions() {
+    return {
+      addPasteHandler: !0,
+      HTMLAttributes: {},
+      inline: !1,
+      origin: "",
+      button: ({ editor: e, t }) => ({
+        component: Go,
+        componentProps: {
+          action: (n) => {
+            e.commands.setTweet({ src: n });
+          },
+          isActive: () => !1,
+          disabled: !1,
+          icon: "Twitter",
+          tooltip: t("editor.twitter.tooltip"),
+          editor: e
+        }
+      })
+    };
+  },
+  addNodeView() {
+    return jt(zo, { attrs: this.options.HTMLAttributes });
+  },
+  inline() {
+    return this.options.inline;
+  },
+  group() {
+    return this.options.inline ? "inline" : "block";
+  },
+  addAttributes() {
+    return {
+      src: {
+        default: null
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-twitter]"
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setTweet: (e) => ({ commands: t }) => pt(e.src) ? t.insertContent({
+        type: this.name,
+        attrs: e
+      }) : !1,
+      updateTweet: (e) => ({ commands: t }) => pt(e.src) ? t.updateAttributes(this.name, { src: e.src }) : !1
+    };
+  },
+  addPasteRules() {
+    return this.options.addPasteHandler ? [
+      Vt({
+        find: Xo,
+        type: this.type,
+        getAttributes: (e) => ({ src: e.input })
+      })
+    ] : [];
+  },
+  renderHTML({ HTMLAttributes: e }) {
+    return ["div", At({ "data-twitter": "" }, e)];
+  }
+});
+export {
+  Ho as F,
+  Qo as T
+};