reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/{Twitter-BFULyqdR.js → Twitter-CXmmjz9R.js}

@@ -1,12 +1,20 @@
-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", {
+import { N as At, m as Vt, a3 as Mt } from "./index-DnWWK9F_.js";
+import { s as rt, N as jt, R as Wt } from "./index-DzcKxutn.js";
+import { jsx as r, jsxs as h, Fragment as Bt } from "react/jsx-runtime";
+import Be, { useState as se, Fragment as Ft, useEffect as Fe, useMemo as Pe, createContext as Pt, useLayoutEffect as Ut, useContext as zt, useRef as K, useCallback as be, useDebugValue as Ht } from "react";
+import { c as U } from "./clsx-OuTLNxxd.js";
+import { A as Gt } from "./toggle-Cdp4IT2U.js";
+import { a as Xt } from "./index-BPfVXs5_.js";
+import { I as Kt } from "./Icon-jKs8Hr6p.js";
+import { u as Qt } from "./index-DYkucCoF.js";
+import { L as Jt } from "./label-CGdLYWv7.js";
+import { I as Yt } from "./input-wJ9PDEzZ.js";
+import { B as Zt } from "./button-DXMsXUEn.js";
+import { u as en, a as tn } from "./useButtonProps-BsEd4zYM.js";
+import { P as nn, a as rn, b as on } from "./popover-CAuEW0Mr.js";
+const sn = "_verified_lvyh0_1", Ue = {
+  verified: sn
+}, an = () => /* @__PURE__ */ r("svg", {
   viewBox: "0 0 24 24",
   "aria-label": "Verified account",
   role: "img",
@@ -16,14 +24,14 @@ const tn = "_verified_lvyh0_1", Ue = {
       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", {
+}), cn = () => /* @__PURE__ */ r("svg", {
   viewBox: "0 0 22 22",
   "aria-label": "Verified account",
   role: "img",
   className: Ue.verified,
-  children: /* @__PURE__ */ f("g", {
+  children: /* @__PURE__ */ h("g", {
     children: [
-      /* @__PURE__ */ f("linearGradient", {
+      /* @__PURE__ */ h("linearGradient", {
         gradientUnits: "userSpaceOnUse",
         id: "0-a",
         x1: "4.411",
@@ -53,7 +61,7 @@ const tn = "_verified_lvyh0_1", Ue = {
           })
         ]
       }),
-      /* @__PURE__ */ f("linearGradient", {
+      /* @__PURE__ */ h("linearGradient", {
         gradientUnits: "userSpaceOnUse",
         id: "0-b",
         x1: "5.355",
@@ -75,7 +83,7 @@ const tn = "_verified_lvyh0_1", Ue = {
           })
         ]
       }),
-      /* @__PURE__ */ f("g", {
+      /* @__PURE__ */ h("g", {
         clipRule: "evenodd",
         fillRule: "evenodd",
         children: [
@@ -95,7 +103,7 @@ const tn = "_verified_lvyh0_1", Ue = {
       })
     ]
   })
-}), on = () => /* @__PURE__ */ r("svg", {
+}), ln = () => /* @__PURE__ */ r("svg", {
   viewBox: "0 0 22 22",
   "aria-label": "Verified account",
   role: "img",
@@ -107,9 +115,9 @@ const tn = "_verified_lvyh0_1", Ue = {
       fillRule: "evenodd"
     })
   })
-}), an = "_root_98iqw_1", sn = "_article_98iqw_21", ot = {
-  root: an,
-  article: sn
+}), dn = "_root_98iqw_1", un = "_article_98iqw_21", ot = {
+  root: dn,
+  article: un
 }, ze = ({ className: e, children: t }) => /* @__PURE__ */ r("div", {
   className: U("react-tweet-theme", ot.root, e),
   children: /* @__PURE__ */ r("article", {
@@ -118,50 +126,50 @@ const tn = "_verified_lvyh0_1", Ue = {
   })
 }), 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
+}), fn = "_header_nqq4j_1", hn = "_avatar_nqq4j_11", _n = "_avatarOverflow_nqq4j_16", mn = "_avatarSquare_nqq4j_23", pn = "_avatarShadow_nqq4j_26", vn = "_author_nqq4j_37", gn = "_authorLink_nqq4j_44", wn = "_authorVerified_nqq4j_53", yn = "_authorLinkText_nqq4j_56", Tn = "_authorMeta_nqq4j_63", bn = "_authorFollow_nqq4j_66", xn = "_username_nqq4j_69", Nn = "_follow_nqq4j_74", Rn = "_separator_nqq4j_82", kn = "_brand_nqq4j_86", In = "_twitterIcon_nqq4j_90", N = {
+  header: fn,
+  avatar: hn,
+  avatarOverflow: _n,
+  avatarSquare: mn,
+  avatarShadow: pn,
+  author: vn,
+  authorLink: gn,
+  authorVerified: wn,
+  authorLinkText: yn,
+  authorMeta: Tn,
+  authorFollow: bn,
+  username: xn,
+  follow: Nn,
+  separator: Rn,
+  brand: kn,
+  twitterIcon: In
+}, Sn = "_verifiedOld_lcna5_1", En = "_verifiedBlue_lcna5_4", Cn = "_verifiedGovernment_lcna5_7", xe = {
+  verifiedOld: Sn,
+  verifiedBlue: En,
+  verifiedGovernment: Cn
 }, gt = ({ user: e, className: t }) => {
   const n = e.verified || e.is_blue_verified || e.verified_type;
-  let o = /* @__PURE__ */ r(nn, {}), i = xe.verifiedBlue;
+  let o = /* @__PURE__ */ r(an, {}), 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;
+        o = /* @__PURE__ */ r(ln, {}), i = xe.verifiedGovernment;
         break;
       case "Business":
-        o = /* @__PURE__ */ r(rn, {}), i = null;
+        o = /* @__PURE__ */ r(cn, {}), i = null;
         break;
     }
   return n ? /* @__PURE__ */ r("div", {
     className: U(t, i),
     children: o
   }) : null;
-}, In = ({ tweet: e, components: t }) => {
+}, Ln = ({ 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", {
+  return /* @__PURE__ */ h("div", {
     className: N.header,
     children: [
-      /* @__PURE__ */ f("a", {
+      /* @__PURE__ */ h("a", {
         href: e.url,
         className: N.avatar,
         target: "_blank",
@@ -184,10 +192,10 @@ const tn = "_verified_lvyh0_1", Ue = {
           })
         ]
       }),
-      /* @__PURE__ */ f("div", {
+      /* @__PURE__ */ h("div", {
         className: N.author,
         children: [
-          /* @__PURE__ */ f("a", {
+          /* @__PURE__ */ h("a", {
             href: e.url,
             className: N.authorLink,
             target: "_blank",
@@ -206,7 +214,7 @@ const tn = "_verified_lvyh0_1", Ue = {
               })
             ]
           }),
-          /* @__PURE__ */ f("div", {
+          /* @__PURE__ */ h("div", {
             className: N.authorMeta,
             children: [
               /* @__PURE__ */ r("a", {
@@ -214,7 +222,7 @@ const tn = "_verified_lvyh0_1", Ue = {
                 className: N.username,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                children: /* @__PURE__ */ f("span", {
+                children: /* @__PURE__ */ h("span", {
                   title: `@${i.screen_name}`,
                   children: [
                     "@",
@@ -222,7 +230,7 @@ const tn = "_verified_lvyh0_1", Ue = {
                   ]
                 })
               }),
-              /* @__PURE__ */ f("div", {
+              /* @__PURE__ */ h("div", {
                 className: N.authorFollow,
                 children: [
                   /* @__PURE__ */ r("span", {
@@ -261,29 +269,29 @@ const tn = "_verified_lvyh0_1", Ue = {
       })
     ]
   });
-}, Sn = "_root_1ec15_1", En = {
-  root: Sn
-}, Cn = ({ tweet: e }) => /* @__PURE__ */ f("a", {
+}, On = "_root_1ec15_1", qn = {
+  root: On
+}, Dn = ({ tweet: e }) => /* @__PURE__ */ h("a", {
   href: e.in_reply_to_url,
-  className: En.root,
+  className: qn.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", {
+}), $n = "_root_eihfa_1", An = {
+  root: $n
+}, Vn = ({ href: e, children: t }) => /* @__PURE__ */ r("a", {
   href: e,
-  className: On.root,
+  className: An.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,
+}), Mn = "_root_1xq52_1", jn = {
+  root: Mn
+}, Wn = ({ tweet: e }) => /* @__PURE__ */ r("p", {
+  className: jn.root,
   lang: e.lang,
   dir: "auto",
   children: e.entities.map((t, n) => {
@@ -292,7 +300,7 @@ const tn = "_verified_lvyh0_1", Ue = {
       case "mention":
       case "url":
       case "symbol":
-        return /* @__PURE__ */ r(qn, {
+        return /* @__PURE__ */ r(Vn, {
           href: t.href,
           children: t.text
         }, n);
@@ -306,32 +314,32 @@ const tn = "_verified_lvyh0_1", Ue = {
         }, 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) => {
+}), 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}`, Bn = (e) => `https://x.com/intent/like?tweet_id=${e.id_str}`, Fn = (e) => `https://x.com/intent/tweet?in_reply_to=${e.id_str}`, Pn = (e) => `https://x.com/intent/follow?screen_name=${e.user.screen_name}`, Un = (e) => `https://x.com/hashtag/${e.text}`, zn = (e) => `https://x.com/search?q=%24${e.text}`, Hn = (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) => {
+}, Gn = (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);
+    var a, s;
+    return ((a = i.bitrate) != null ? a : 0) - ((s = o.bitrate) != null ? s : 0);
   });
-}, Un = (e) => {
-  const t = Pn(e);
+}, Xn = (e) => {
+  const t = Gn(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) {
+function st(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) => {
+  return de(n, "hashtag", e.entities.hashtags), de(n, "mention", e.entities.user_mentions), de(n, "url", e.entities.urls), de(n, "symbol", e.entities.symbols), e.entities.media && de(n, "media", e.entities.media), Kn(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),
+          href: Un(o),
           text: i
         });
       case "mention":
@@ -347,7 +355,7 @@ function at(e) {
         });
       case "symbol":
         return Object.assign(o, {
-          href: Bn(o),
+          href: zn(o),
           text: i
         });
       default:
@@ -357,76 +365,76 @@ function at(e) {
     }
   });
 }
-function le(e, t, n) {
+function de(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])
+    for (const [i, a] of e.entries()) {
+      if (a.indices[0] > o.indices[0] || a.indices[1] < o.indices[1])
         continue;
-      const a = [
+      const s = [
         {
           ...o,
           type: t
         }
       ];
-      s.indices[0] < o.indices[0] && a.unshift({
+      a.indices[0] < o.indices[0] && s.unshift({
         indices: [
-          s.indices[0],
+          a.indices[0],
           o.indices[0]
         ],
         type: "text"
-      }), s.indices[1] > o.indices[1] && a.push({
+      }), a.indices[1] > o.indices[1] && s.push({
         indices: [
           o.indices[1],
-          s.indices[1]
+          a.indices[1]
         ],
         type: "text"
-      }), e.splice(i, 1, ...a);
+      }), e.splice(i, 1, ...s);
       break;
     }
 }
-function zn(e, t) {
+function Kn(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) => ({
+const Qn = (e) => ({
   ...e,
   url: it(e),
   user: {
     ...e.user,
     url: wt(e),
-    follow_url: jn(e)
+    follow_url: Pn(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),
+  like_url: Bn(e),
+  reply_url: Fn(e),
+  in_reply_to_url: e.in_reply_to_screen_name ? Hn(e) : void 0,
+  entities: st(e),
   quoted_tweet: e.quoted_tweet ? {
     ...e.quoted_tweet,
     url: it(e.quoted_tweet),
-    entities: at(e.quoted_tweet)
+    entities: st(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, {
+}), Jn = "_root_g9tkv_1", Yn = "_rounded_g9tkv_6", Zn = "_mediaWrapper_g9tkv_10", er = "_grid2Columns_g9tkv_17", tr = "_grid3_g9tkv_20", nr = "_grid2x2_g9tkv_23", rr = "_mediaContainer_g9tkv_26", or = "_mediaLink_g9tkv_34", ir = "_skeleton_g9tkv_38", sr = "_image_g9tkv_43", C = {
+  root: Jn,
+  rounded: Yn,
+  mediaWrapper: Zn,
+  grid2Columns: er,
+  grid3: tr,
+  grid2x2: nr,
+  mediaContainer: rr,
+  mediaLink: or,
+  skeleton: ir,
+  image: sr
+}, ar = "_anchor_fp31d_1", cr = "_videoButton_fp31d_17", lr = "_videoButtonIcon_fp31d_35", dr = "_watchOnTwitter_fp31d_44", ur = "_viewReplies_fp31d_60", ie = {
+  anchor: ar,
+  videoButton: cr,
+  videoButtonIcon: lr,
+  watchOnTwitter: dr,
+  viewReplies: ur
+}, fr = ({ tweet: e, media: t }) => {
+  const [n, o] = se(!0), [i, a] = se(!1), [s, c] = se(!1), f = Xn(t);
+  let d = 0;
+  return /* @__PURE__ */ h(Bt, {
     children: [
       /* @__PURE__ */ r("video", {
         className: C.image,
@@ -436,31 +444,31 @@ const Hn = (e) => ({
         preload: "none",
         tabIndex: n ? -1 : 0,
         onPlay: () => {
-          u && window.clearTimeout(u), i || s(!0), a && l(!1);
+          d && window.clearTimeout(d), i || a(!0), s && c(!1);
         },
         onPause: () => {
-          u && window.clearTimeout(u), u = window.setTimeout(() => {
-            i && s(!1), u = 0;
+          d && window.clearTimeout(d), d = window.setTimeout(() => {
+            i && a(!1), d = 0;
           }, 100);
         },
         onEnded: () => {
-          l(!0);
+          c(!0);
         },
         children: /* @__PURE__ */ r("source", {
-          src: h.url,
-          type: h.content_type
+          src: f.url,
+          type: f.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);
+        onClick: (g) => {
+          const m = g.currentTarget.previousSibling;
+          g.preventDefault(), o(!1), m.load(), m.play().then(() => {
+            a(!0), m.focus();
+          }).catch((T) => {
+            console.error("Error playing video:", T), o(!0), a(!1);
           });
         },
         children: /* @__PURE__ */ r("svg", {
@@ -474,7 +482,7 @@ const Hn = (e) => ({
           })
         })
       }),
-      !i && !a && /* @__PURE__ */ r("div", {
+      !i && !s && /* @__PURE__ */ r("div", {
         className: ie.watchOnTwitter,
         children: /* @__PURE__ */ r("a", {
           href: e.url,
@@ -484,7 +492,7 @@ const Hn = (e) => ({
           children: n ? "Watch on X" : "Continue watching on X"
         })
       }),
-      a && /* @__PURE__ */ r("a", {
+      s && /* @__PURE__ */ r("a", {
         href: e.url,
         className: U(ie.anchor, ie.viewReplies),
         target: "_blank",
@@ -493,25 +501,25 @@ const Hn = (e) => ({
       })
     ]
   });
-}, lr = (e) => /* @__PURE__ */ r("img", {
+}, hr = (e) => /* @__PURE__ */ r("img", {
   ...e
-}), st = (e, t) => {
+}), at = (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;
+}, Tt = ({ tweet: e, components: t, quoted: n }) => {
+  var o, i, a;
+  const s = (a = (o = e.mediaDetails) == null ? void 0 : o.length) != null ? a : 0;
+  var c;
+  const f = (c = t == null ? void 0 : t.MediaImg) != null ? c : hr;
   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", {
+      className: U(C.mediaWrapper, s > 1 && C.grid2Columns, s === 3 && C.grid3, s > 4 && C.grid2x2),
+      children: (i = e.mediaDetails) == null ? void 0 : i.map((d) => /* @__PURE__ */ r(Ft, {
+        children: d.type === "photo" ? /* @__PURE__ */ h("a", {
           href: e.url,
           className: U(C.mediaContainer, C.mediaLink),
           target: "_blank",
@@ -519,32 +527,32 @@ const Hn = (e) => ({
           children: [
             /* @__PURE__ */ r("div", {
               className: C.skeleton,
-              style: st(u, a)
+              style: at(d, s)
             }),
-            /* @__PURE__ */ r(h, {
-              src: yt(u, "small"),
-              alt: u.ext_alt_text || "Image",
+            /* @__PURE__ */ r(f, {
+              src: yt(d, "small"),
+              alt: d.ext_alt_text || "Image",
               className: C.image,
               draggable: !0
             })
           ]
-        }, u.media_url_https) : /* @__PURE__ */ f("div", {
+        }, d.media_url_https) : /* @__PURE__ */ h("div", {
           className: C.mediaContainer,
           children: [
             /* @__PURE__ */ r("div", {
               className: C.skeleton,
-              style: st(u, a)
+              style: at(d, s)
             }),
-            /* @__PURE__ */ r(cr, {
+            /* @__PURE__ */ r(fr, {
               tweet: e,
-              media: u
+              media: d
             })
           ]
-        }, u.media_url_https)
-      }, u.media_url_https))
+        }, d.media_url_https)
+      }, d.media_url_https))
     })
   });
-}, dr = {
+}, _r = {
   hour: "numeric",
   minute: "2-digit",
   hour12: !0,
@@ -552,20 +560,20 @@ const Hn = (e) => ({
   month: "short",
   day: "numeric",
   year: "numeric"
-}, ur = new Intl.DateTimeFormat("en-US", dr), fr = (e) => {
+}, mr = new Intl.DateTimeFormat("en-US", _r), pr = (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}`;
+}, vr = (e) => {
+  const t = pr(mr.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);
+}, gr = "_root_i24yn_1", wr = {
+  root: gr
+}, yr = ({ tweet: e }) => {
+  const t = new Date(e.created_at), n = vr(t);
   return /* @__PURE__ */ r("a", {
-    className: mr.root,
+    className: wr.root,
     href: e.url,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -575,14 +583,14 @@ const Hn = (e) => ({
       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", {
+}, Tr = "_info_19qcj_1", br = "_infoLink_19qcj_10", xr = "_infoIcon_19qcj_30", Ne = {
+  info: Tr,
+  infoLink: br,
+  infoIcon: xr
+}, Nr = ({ tweet: e }) => /* @__PURE__ */ h("div", {
   className: Ne.info,
   children: [
-    /* @__PURE__ */ r(pr, {
+    /* @__PURE__ */ r(yr, {
       tweet: e
     }),
     /* @__PURE__ */ r("a", {
@@ -603,22 +611,22 @@ const Hn = (e) => ({
       })
     })
   ]
-}), 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 = () => {
+}), Rr = "_actions_n2anf_1", kr = "_like_n2anf_13", Ir = "_reply_n2anf_14", Sr = "_copy_n2anf_15", Er = "_likeIconWrapper_n2anf_27", Cr = "_likeCount_n2anf_30", Lr = "_replyIconWrapper_n2anf_35", Or = "_copyIconWrapper_n2anf_36", qr = "_likeIcon_n2anf_27", Dr = "_replyIcon_n2anf_35", $r = "_copyIcon_n2anf_36", Ar = "_replyText_n2anf_56", Vr = "_copyText_n2anf_57", S = {
+  actions: Rr,
+  like: kr,
+  reply: Ir,
+  copy: Sr,
+  likeIconWrapper: Er,
+  likeCount: Cr,
+  replyIconWrapper: Lr,
+  copyIconWrapper: Or,
+  likeIcon: qr,
+  replyIcon: Dr,
+  copyIcon: $r,
+  replyText: Ar,
+  copyText: Vr
+}, Mr = ({ tweet: e }) => {
+  const [t, n] = se(!1), o = () => {
     navigator.clipboard.writeText(e.url), n(!0);
   };
   return Fe(() => {
@@ -630,7 +638,7 @@ const Hn = (e) => ({
     }
   }, [
     t
-  ]), /* @__PURE__ */ f("button", {
+  ]), /* @__PURE__ */ h("button", {
     type: "button",
     className: S.copy,
     "aria-label": "Copy link",
@@ -664,12 +672,12 @@ const Hn = (e) => ({
       })
     ]
   });
-}, Dr = ({ tweet: e }) => {
+}, jr = ({ tweet: e }) => {
   const t = Oe(e.favorite_count);
-  return /* @__PURE__ */ f("div", {
+  return /* @__PURE__ */ h("div", {
     className: S.actions,
     children: [
-      /* @__PURE__ */ f("a", {
+      /* @__PURE__ */ h("a", {
         className: S.like,
         href: e.like_url,
         target: "_blank",
@@ -695,7 +703,7 @@ const Hn = (e) => ({
           })
         ]
       }),
-      /* @__PURE__ */ f("a", {
+      /* @__PURE__ */ h("a", {
         className: S.reply,
         href: e.reply_url,
         target: "_blank",
@@ -721,16 +729,16 @@ const Hn = (e) => ({
           })
         ]
       }),
-      /* @__PURE__ */ r($r, {
+      /* @__PURE__ */ r(Mr, {
         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", {
+}, Wr = "_replies_1cutb_1", Br = "_link_1cutb_4", Fr = "_text_1cutb_23", Re = {
+  replies: Wr,
+  link: Br,
+  text: Fr
+}, Pr = ({ tweet: e }) => /* @__PURE__ */ r("div", {
   className: Re.replies,
   children: /* @__PURE__ */ r("a", {
     className: Re.link,
@@ -742,10 +750,10 @@ const Hn = (e) => ({
       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", {
+}), Ur = "_root_q5799_1", zr = "_article_q5799_16", ct = {
+  root: Ur,
+  article: zr
+}, Hr = ({ tweet: e, children: t }) => /* @__PURE__ */ r("div", {
   className: ct.root,
   onClick: (n) => {
     n.preventDefault(), window.open(e.url, "_blank");
@@ -754,16 +762,16 @@ const Hn = (e) => ({
     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 }) => {
+}), Gr = "_header_r31i5_1", Xr = "_avatar_r31i5_11", Kr = "_avatarSquare_r31i5_17", Qr = "_author_r31i5_21", Jr = "_authorText_r31i5_26", Yr = "_username_r31i5_33", Q = {
+  header: Gr,
+  avatar: Xr,
+  avatarSquare: Kr,
+  author: Qr,
+  authorText: Jr,
+  username: Yr
+}, Zr = ({ tweet: e }) => {
   const { user: t } = e;
-  return /* @__PURE__ */ f("div", {
+  return /* @__PURE__ */ h("div", {
     className: Q.header,
     children: [
       /* @__PURE__ */ r("a", {
@@ -781,7 +789,7 @@ const Hn = (e) => ({
           })
         })
       }),
-      /* @__PURE__ */ f("div", {
+      /* @__PURE__ */ h("div", {
         className: Q.author,
         children: [
           /* @__PURE__ */ r("div", {
@@ -796,7 +804,7 @@ const Hn = (e) => ({
           }),
           /* @__PURE__ */ r("div", {
             className: Q.username,
-            children: /* @__PURE__ */ f("span", {
+            children: /* @__PURE__ */ h("span", {
               title: `@${t.screen_name}`,
               children: [
                 "@",
@@ -808,10 +816,10 @@ const Hn = (e) => ({
       })
     ]
   });
-}, Qr = "_root_175ot_1", Jr = {
-  root: Qr
-}, Yr = ({ tweet: e }) => /* @__PURE__ */ r("p", {
-  className: Jr.root,
+}, eo = "_root_175ot_1", to = {
+  root: eo
+}, no = ({ tweet: e }) => /* @__PURE__ */ r("p", {
+  className: to.root,
   lang: e.lang,
   dir: "auto",
   children: e.entities.map((t, n) => /* @__PURE__ */ r("span", {
@@ -819,63 +827,63 @@ const Hn = (e) => ({
       __html: t.text
     }
   }, n))
-}), Zr = ({ tweet: e }) => {
+}), ro = ({ tweet: e }) => {
   var t;
-  return /* @__PURE__ */ f(Fr, {
+  return /* @__PURE__ */ h(Hr, {
     tweet: e,
     children: [
-      /* @__PURE__ */ r(Kr, {
+      /* @__PURE__ */ r(Zr, {
         tweet: e
       }),
-      /* @__PURE__ */ r(Yr, {
+      /* @__PURE__ */ r(no, {
         tweet: e
       }),
-      (t = e.mediaDetails) != null && t.length ? /* @__PURE__ */ r(bt, {
+      (t = e.mediaDetails) != null && t.length ? /* @__PURE__ */ r(Tt, {
         quoted: !0,
         tweet: e
       }) : null
     ]
   });
-}, eo = ({ tweet: e, components: t }) => {
+}, oo = ({ tweet: e, components: t }) => {
   var n;
-  const o = Pe(() => Hn(e), [
+  const o = Pe(() => Qn(e), [
     e
   ]);
-  return /* @__PURE__ */ f(ze, {
+  return /* @__PURE__ */ h(ze, {
     children: [
-      /* @__PURE__ */ r(In, {
+      /* @__PURE__ */ r(Ln, {
         tweet: o,
         components: t
       }),
-      o.in_reply_to_status_id_str && /* @__PURE__ */ r(Cn, {
+      o.in_reply_to_status_id_str && /* @__PURE__ */ r(Dn, {
         tweet: o
       }),
-      /* @__PURE__ */ r(An, {
+      /* @__PURE__ */ r(Wn, {
         tweet: o
       }),
-      (n = o.mediaDetails) != null && n.length ? /* @__PURE__ */ r(bt, {
+      (n = o.mediaDetails) != null && n.length ? /* @__PURE__ */ r(Tt, {
         tweet: o,
         components: t
       }) : null,
-      o.quoted_tweet && /* @__PURE__ */ r(Zr, {
+      o.quoted_tweet && /* @__PURE__ */ r(ro, {
         tweet: o.quoted_tweet
       }),
-      /* @__PURE__ */ r(yr, {
+      /* @__PURE__ */ r(Nr, {
         tweet: o
       }),
-      /* @__PURE__ */ r(Dr, {
+      /* @__PURE__ */ r(jr, {
         tweet: o
       }),
-      /* @__PURE__ */ r(jr, {
+      /* @__PURE__ */ r(Pr, {
         tweet: o
       })
     ]
   });
-}, to = "_root_16yxa_1", no = {
-  root: to
-}, ro = (e) => /* @__PURE__ */ r(ze, {
-  children: /* @__PURE__ */ f("div", {
-    className: no.root,
+}, io = "_root_16yxa_1", so = {
+  root: io
+}, ao = (e) => /* @__PURE__ */ r(ze, {
+  children: /* @__PURE__ */ h("div", {
+    className: so.root,
     children: [
       /* @__PURE__ */ r("h3", {
         children: "Tweet not found"
@@ -885,15 +893,15 @@ const Hn = (e) => ({
       })
     ]
   })
-}), oo = "_skeleton_oi7hr_1", io = {
-  skeleton: oo
+}), co = "_skeleton_oi7hr_1", lo = {
+  skeleton: co
 }, pe = ({ style: e }) => /* @__PURE__ */ r("span", {
-  className: io.skeleton,
+  className: lo.skeleton,
   style: e
-}), ao = "_root_17qqv_1", so = {
-  root: ao
-}, co = () => /* @__PURE__ */ f(ze, {
-  className: so.root,
+}), uo = "_root_17qqv_1", fo = {
+  root: uo
+}, ho = () => /* @__PURE__ */ h(ze, {
+  className: fo.root,
   children: [
     /* @__PURE__ */ r(pe, {
       style: {
@@ -926,7 +934,7 @@ const Hn = (e) => ({
       }
     })
   ]
-}), Tt = 0, xt = 1, Nt = 2, lt = 3;
+}), bt = 0, xt = 1, Nt = 2, lt = 3;
 var dt = Object.prototype.hasOwnProperty;
 function qe(e, t) {
   var n, o;
@@ -952,17 +960,17 @@ const F = /* @__PURE__ */ new WeakMap(), P = () => {
 }, k = (
   /*#__NOINLINE__*/
   P()
-), $e = Object, d = (e) => e === k, j = (e) => typeof e == "function", z = (e, t) => ({
+), De = Object, u = (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) => {
+}), Rt = (e) => j(e.then), ke = {}, ve = {}, He = "undefined", ue = typeof window != He, $e = typeof document != He, _o = ue && "Deno" in window, mo = () => ue && typeof window.requestAnimationFrame != He, kt = (e, t) => {
   const n = F.get(e);
   return [
     // Getter
-    () => !d(t) && e.get(t) || ke,
+    () => !u(t) && e.get(t) || ke,
     // Setter
     (o) => {
-      if (!d(t)) {
+      if (!u(t)) {
         const i = e.get(t);
         t in ve || (ve[t] = i), n[5](t, z(i, o), i || ke);
       }
@@ -970,22 +978,22 @@ const F = /* @__PURE__ */ new WeakMap(), P = () => {
     // Subscriber
     n[6],
     // Get server cache snapshot
-    () => !d(t) && t in ve ? ve[t] : !d(t) && e.get(t) || ke
+    () => !u(t) && t in ve ? ve[t] : !u(t) && e.get(t) || ke
   ];
 };
 let Ae = !0;
-const fo = () => Ae, [Ve, Me] = ue && window.addEventListener ? [
+const po = () => 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) => {
+], vo = () => {
+  const e = $e && document.visibilityState;
+  return u(e) || e !== "hidden";
+}, go = (e) => ($e && document.addEventListener("visibilitychange", e), Ve("focus", e), () => {
+  $e && document.removeEventListener("visibilitychange", e), Me("focus", e);
+}), wo = (e) => {
   const t = () => {
     Ae = !0, e();
   }, n = () => {
@@ -994,37 +1002,37 @@ const fo = () => Ae, [Ve, Me] = ue && window.addEventListener ? [
   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 && ([
+}, yo = {
+  isOnline: po,
+  isVisible: vo
+}, To = {
+  initFocus: go,
+  initReconnect: wo
+}, ut = !Be.useId, ae = !ue || _o, bo = (e) => mo() ? window.requestAnimationFrame(e) : setTimeout(e, 1), Ie = ae ? Fe : Ut, 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;
+].includes(Se.effectiveType) || Se.saveData), ge = /* @__PURE__ */ new WeakMap(), xo = (e) => De.prototype.toString.call(e), Ee = (e, t) => e === `[object ${t}]`;
+let No = 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);
+  const t = typeof e, n = xo(e), o = Ee(n, "Date"), i = Ee(n, "RegExp"), a = Ee(n, "Object");
+  let s, c;
+  if (De(e) === e && !o && !i) {
+    if (s = ge.get(e), s) return s;
+    if (s = ++No + "~", ge.set(e, s), Array.isArray(e)) {
+      for (s = "@", c = 0; c < e.length; c++)
+        s += je(e[c]) + ",";
+      ge.set(e, s);
     }
-    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);
+    if (a) {
+      s = "#";
+      const f = De.keys(e).sort();
+      for (; !u(c = f.pop()); )
+        u(e[c]) || (s += c + ":" + je(e[c]) + ",");
+      ge.set(e, s);
     }
   } else
-    a = o ? e.toJSON() : t == "symbol" ? e.toString() : t == "string" ? JSON.stringify(e) : "" + e;
-  return a;
+    s = o ? e.toJSON() : t == "symbol" ? e.toString() : t == "string" ? JSON.stringify(e) : "" + e;
+  return s;
 }, Ge = (e) => {
   if (j(e))
     try {
@@ -1038,65 +1046,65 @@ const je = (e) => {
     t
   ];
 };
-let bo = 0;
-const We = () => ++bo;
+let Ro = 0;
+const We = () => ++Ro;
 async function It(...e) {
-  const [t, n, o, i] = e, s = z({
+  const [t, n, o, i] = e, a = 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;
+  let s = a.populateCache;
+  const c = a.rollbackOnError;
+  let f = a.optimisticData;
+  const d = (T) => typeof c == "function" ? c(T) : c !== !1, g = a.throwOnError;
   if (j(n)) {
-    const b = n, R = [], E = t.keys();
+    const T = 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));
+      !/^\$(inf|sub)\$/.test(O) && T(t.get(O)._k) && R.push(O);
+    return Promise.all(R.map(m));
   }
-  return v(n);
-  async function v(b) {
-    const [R] = Ge(b);
+  return m(n);
+  async function m(T) {
+    const [R] = Ge(T);
     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;
+    const [E, O] = kt(t, R), [$, ce, l, fe] = F.get(t), J = () => {
+      const q = $[R];
+      return (j(a.revalidate) ? a.revalidate(E().data, T) : a.revalidate !== !1) && (delete l[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;
+    let b = o, A, V = !1;
     const Y = We();
-    se[R] = [
+    ce[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,
+    const p = !u(f), Z = E(), M = Z.data, ee = Z._c, H = u(ee) ? M : ee;
+    if (p && (f = j(f) ? f(H, M) : f, O({
+      data: f,
       _c: H
-    })), j(T))
+    })), j(b))
       try {
-        T = T(H);
+        b = b(H);
       } catch (q) {
         A = q, V = !0;
       }
-    if (T && Rt(T))
-      if (T = await T.catch((q) => {
+    if (b && Rt(b))
+      if (b = await b.catch((q) => {
         A = q, V = !0;
-      }), Y !== se[R][0]) {
+      }), Y !== ce[R][0]) {
         if (V) throw A;
-        return T;
-      } else V && m && u(A) && (a = !0, O({
+        return b;
+      } else V && p && d(A) && (s = !0, O({
         data: H,
         _c: k
       }));
-    if (a && !V)
-      if (j(a)) {
-        const q = a(T, H);
+    if (s && !V)
+      if (j(s)) {
+        const q = s(b, H);
         O({
           data: q,
           error: k,
@@ -1104,74 +1112,74 @@ async function It(...e) {
         });
       } else
         O({
-          data: T,
+          data: b,
           error: k,
           _c: k
         });
-    if (se[R][1] = We(), Promise.resolve(J()).then(() => {
+    if (ce[R][1] = We(), Promise.resolve(J()).then(() => {
       O({
         _c: k
       });
     }), V) {
-      if (y) throw A;
+      if (g) throw A;
       return;
     }
-    return T;
+    return b;
   }
 }
 const ht = (e, t) => {
   for (const n in e)
     e[n][0] && e[n][0](t);
-}, To = (e, t) => {
+}, ko = (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];
+    const n = z(To, t), o = /* @__PURE__ */ Object.create(null), i = It.bind(k, e);
+    let a = P;
+    const s = /* @__PURE__ */ Object.create(null), c = (g, m) => {
+      const T = s[g] || [];
+      return s[g] = T, T.push(m), () => T.splice(T.indexOf(m), 1);
+    }, f = (g, m, T) => {
+      e.set(g, m);
+      const R = s[g];
       if (R)
         for (const E of R)
-          E(v, b);
-    }, u = () => {
+          E(m, T);
+    }, d = () => {
       if (!F.has(e) && (F.set(e, [
         o,
         /* @__PURE__ */ Object.create(null),
         /* @__PURE__ */ Object.create(null),
         /* @__PURE__ */ Object.create(null),
         i,
-        h,
-        l
+        f,
+        c
       ]), !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);
+        const g = n.initFocus(setTimeout.bind(k, ht.bind(k, o, bt))), m = n.initReconnect(setTimeout.bind(k, ht.bind(k, o, xt)));
+        a = () => {
+          g && g(), m && m(), F.delete(e);
         };
       }
     };
-    return u(), [
+    return d(), [
       e,
       i,
-      u,
-      s
+      d,
+      a
     ];
   }
   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(
+}, Io = (e, t, n, o, i) => {
+  const a = n.errorRetryCount, s = i.retryCount, c = ~~((Math.random() + 0.5) * (1 << (s < 8 ? s : 8))) * n.errorRetryInterval;
+  !u(a) && s > a || setTimeout(o, c, i);
+}, So = qe, [St, Eo] = ko(/* @__PURE__ */ new Map()), Co = z(
   {
     // events
     onLoadingSlow: P,
     onSuccess: P,
     onError: P,
-    onErrorRetry: xo,
+    onErrorRetry: Io,
     onDiscarded: P,
     // switches
     revalidateOnFocus: !0,
@@ -1184,24 +1192,24 @@ const ht = (e, t) => {
     dedupingInterval: 2 * 1e3,
     loadingTimeout: ft ? 5e3 : 3e3,
     // providers
-    compare: No,
+    compare: So,
     isPaused: () => !1,
     cache: St,
-    mutate: Ro,
+    mutate: Eo,
     fallback: {}
   },
   // use web preset by default
-  po
-), Io = (e, t) => {
+  yo
+), Lo = (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));
+    const { use: o, fallback: i } = e, { use: a, fallback: s } = t;
+    o && a && (n.use = o.concat(a)), i && s && (n.fallback = z(i, s));
   }
   return n;
-}, So = Ft({}), Eo = "$inf$", Et = ue && window.__SWR_DEVTOOLS_USE__, Co = Et ? window.__SWR_DEVTOOLS_USE__ : [], Lo = () => {
+}, Oo = Pt({}), qo = "$inf$", Et = ue && window.__SWR_DEVTOOLS_USE__, Do = Et ? window.__SWR_DEVTOOLS_USE__ : [], $o = () => {
   Et && (window.__SWR_DEVTOOLS_REACT__ = Be);
-}, Oo = (e) => j(e[1]) ? [
+}, Ao = (e) => j(e[1]) ? [
   e[0],
   e[1],
   e[2] || {}
@@ -1209,32 +1217,32 @@ const ht = (e, t) => {
   e[0],
   null,
   (e[1] === null ? e[2] : e[1]) || {}
-], qo = () => {
-  const e = Ut(So);
-  return Pe(() => z(ko, e), [
+], Vo = () => {
+  const e = zt(Oo);
+  return Pe(() => z(Co, 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) => {
+}, Mo = (e) => (t, n, o) => e(t, n && ((...a) => {
+  const [s] = Ge(t), [, , , c] = F.get(St);
+  if (s.startsWith(qo))
+    return n(...a);
+  const f = c[s];
+  return u(f) ? n(...a) : (delete c[s], f);
+}), o), jo = Do.concat(Mo), Wo = (e) => function(...n) {
+  const o = Vo(), [i, a, s] = Ao(n), c = Lo(o, s);
+  let f = e;
+  const { use: d } = c, g = (d || []).concat(jo);
+  for (let m = g.length; m--; )
+    f = g[m](f);
+  return f(i, a || c.fetcher || null, c);
+}, Bo = (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();
+$o();
 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)`.
@@ -1256,96 +1264,96 @@ const Ce = Be.use || // This extra generic is to avoid TypeScript mixing up the
   }
 }), 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])))
+}, _t = Promise.resolve(k), Fo = (e, t, n) => {
+  const { cache: o, compare: i, suspense: a, fallbackData: s, revalidateOnMount: c, revalidateIfStale: f, refreshInterval: d, refreshWhenHidden: g, refreshWhenOffline: m, keepPreviousData: T, strictServerPrefetchWarning: R } = n, [E, O, $, ce] = F.get(o), [l, fe] = Ge(e), J = K(!1), b = K(!1), A = K(l), V = K(t), Y = K(n), p = () => Y.current, Z = () => p().isVisible() && p().isOnline(), [M, ee, H, q] = kt(o, l), te = K({}).current, he = u(s) ? u(n.fallback) ? k : n.fallback[l] : s, Xe = (_, v) => {
+    for (const y in te) {
+      const w = y;
+      if (w === "data") {
+        if (!i(_[w], v[w]) && (!u(_[w]) || !i(me, v[w])))
           return !1;
-      } else if (p[g] !== _[g])
+      } else if (v[w] !== _[w])
         return !1;
     }
     return !0;
   }, Ke = Pe(() => {
-    const _ = !c || !t ? !1 : d(l) ? m().isPaused() || s ? !1 : h !== !1 : l, p = (I) => {
+    const _ = !l || !t ? !1 : u(c) ? p().isPaused() || a ? !1 : f !== !1 : c, v = (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 = $;
+    }, y = M(), w = q(), D = v(y), oe = y === w ? D : v(w);
+    let x = D;
     return [
       () => {
-        const I = p(M());
+        const I = v(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) || _();
+    l
+  ]), ne = rt.useSyncExternalStore(be(
+    (_) => H(l, (v, y) => {
+      Xe(y, v) || _();
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       o,
-      c
+      l
     ]
-  ), 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
+  ), Ke[0], Ke[1]), Qe = !J.current, Lt = E[l] && E[l].length > 0, re = ne.data, G = u(re) ? he && Rt(he) ? Ce(he) : he : re, _e = ne.error, we = K(G), me = T ? u(re) ? u(we.current) ? G : we.current : re : G, X = l && u(G), Ot = !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(
+  R && Ot && !a && X && console.warn(`Missing pre-initiated data for serialized key "${l}" 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 = Lt && !u(_e) ? !1 : Qe && !u(c) ? c : p().isPaused() ? !1 : a ? u(G) ? !1 : f : u(G) || f, Ye = !!(l && t && Qe && Je), qt = u(ne.isValidating) ? Ye : ne.isValidating, Dt = u(ne.isLoading) ? Ye : ne.isLoading, le = be(
     async (_) => {
-      const p = V.current;
-      if (!c || !p || T.current || m().isPaused())
+      const v = V.current;
+      if (!l || !v || b.current || p().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 = {
+      let y, w, D = !0;
+      const oe = _ || {}, x = !$[l] || !oe.dedupe, I = () => ut ? !b.current && l === A.current && J.current : l === A.current, W = {
         isValidating: !1,
         isLoading: !1
       }, et = () => {
         ee(W);
       }, tt = () => {
-        const L = D[c];
-        L && L[1] === g && delete D[c];
+        const L = $[l];
+        L && L[1] === w && delete $[l];
       }, nt = {
         isValidating: !0
       };
-      d(M().data) && (nt.isLoading = !0);
+      u(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),
+        if (x && (ee(nt), n.loadingTimeout && u(M().data) && setTimeout(() => {
+          D && I() && p().onLoadingSlow(l, n);
+        }, n.loadingTimeout), $[l] = [
+          v(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;
+        ]), [y, w] = $[l], y = await y, x && setTimeout(tt, n.dedupingInterval), !$[l] || $[l][1] !== w)
+          return x && I() && p().onDiscarded(l), !1;
         W.error = k;
-        const L = O[c];
-        if (!d(L) && // case 1
-        (g <= L[0] || // case 2
-        g <= L[1] || // case 3
+        const L = O[l];
+        if (!u(L) && // case 1
+        (w <= L[0] || // case 2
+        w <= L[1] || // case 3
         L[1] === 0))
-          return et(), x && I() && m().onDiscarded(c), !1;
+          return et(), x && I() && p().onDiscarded(l), !1;
         const B = M().data;
-        W.data = i(B, w) ? B : w, x && I() && m().onSuccess(w, c, n);
+        W.data = i(B, y) ? B : y, x && I() && p().onSuccess(y, l, 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);
+        const B = p(), { shouldRetryOnError: ye } = B;
+        B.isPaused() || (W.error = L, x && I() && (B.onError(L, l, B), (ye === !0 || j(ye) && ye(L)) && (!p().revalidateOnFocus || !p().revalidateOnReconnect || Z()) && B.onErrorRetry(L, l, B, ($t) => {
+          const Te = E[l];
+          Te && Te[0] && Te[0](lt, $t);
         }, {
           retryCount: (oe.retryCount || 0) + 1,
           dedupe: !0
         })));
       }
-      return $ = !1, et(), !0;
+      return D = !1, et(), !0;
     },
     // `setState` is immutable, and `eventsCallback`, `fnArg`, and
     // `keyValidating` are depending on `key`, so we can exclude them from
@@ -1359,68 +1367,68 @@ const Ce = Be.use || // This extra generic is to avoid TypeScript mixing up the
     // even though it might cause unexpected behaviors.
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      c,
+      l,
       o
     ]
-  ), Ze = Te(
+  ), Ze = be(
     // 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);
+    V.current = t, Y.current = n, u(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) {
+    if (!l) return;
+    const _ = le.bind(k, Le);
+    let v = 0;
+    p().revalidateOnFocus && (v = Date.now() + p().focusThrottleInterval);
+    const w = Bo(l, E, (D, oe = {}) => {
+      if (D == bt) {
         const x = Date.now();
-        m().revalidateOnFocus && x > p && Z() && (p = x + m().focusThrottleInterval, _());
-      } else if ($ == xt)
-        m().revalidateOnReconnect && Z() && _();
+        p().revalidateOnFocus && x > v && Z() && (v = x + p().focusThrottleInterval, _());
+      } else if (D == xt)
+        p().revalidateOnReconnect && Z() && _();
       else {
-        if ($ == Nt)
-          return ce();
-        if ($ == lt)
-          return ce(oe);
+        if (D == Nt)
+          return le();
+        if (D == lt)
+          return le(oe);
       }
     });
-    return T.current = !1, A.current = c, J.current = !0, ee({
+    return b.current = !1, A.current = l, J.current = !0, ee({
       _k: fe
-    }), Je && (D[c] || (d(G) || ae ? _() : go(_))), () => {
-      T.current = !0, g();
+    }), Je && ($[l] || (u(G) || ae ? _() : bo(_))), () => {
+      b.current = !0, w();
     };
   }, [
-    c
+    l
   ]), Ie(() => {
     let _;
-    function p() {
-      const g = j(u) ? u(M().data) : u;
-      g && _ !== -1 && (_ = setTimeout(w, g));
+    function v() {
+      const w = j(d) ? d(M().data) : d;
+      w && _ !== -1 && (_ = setTimeout(y, w));
     }
-    function w() {
-      !M().error && (y || m().isVisible()) && (v || m().isOnline()) ? ce(Le).then(p) : p();
+    function y() {
+      !M().error && (g || p().isVisible()) && (m || p().isOnline()) ? le(Le).then(v) : v();
     }
-    return p(), () => {
+    return v(), () => {
       _ && (clearTimeout(_), _ = -1);
     };
   }, [
-    u,
-    y,
-    v,
-    c
-  ]), zt(me), s) {
+    d,
+    g,
+    m,
+    l
+  ]), Ht(me), a) {
     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)
+    X && (V.current = t, Y.current = n, b.current = !1);
+    const _ = ce[l], v = !u(_) && X ? Ze(_) : _t;
+    if (Ce(v), !u(_e) && X)
       throw _e;
-    const w = X ? ce(Le) : _t;
-    !d(me) && X && (w.status = "fulfilled", w.value = !0), Ce(w);
+    const y = X ? le(Le) : _t;
+    !u(me) && X && (y.status = "fulfilled", y.value = !0), Ce(y);
   }
   return {
     mutate: Ze,
@@ -1431,33 +1439,33 @@ const Ce = Be.use || // This extra generic is to avoid TypeScript mixing up the
       return te.error = !0, _e;
     },
     get isValidating() {
-      return te.isValidating = !0, Ot;
+      return te.isValidating = !0, qt;
     },
     get isLoading() {
-      return te.isLoading = !0, qt;
+      return te.isLoading = !0, Dt;
     }
   };
-}, mt = Ao(Mo);
-class jo extends Error {
+}, mt = Wo(Fo);
+class Po 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 Uo = mt.default || mt, zo = "https://react-tweet.vercel.app";
+async function Ho([e, t]) {
   const n = await fetch(e, t), o = await n.json();
   if (n.ok) return o.data || null;
-  throw new jo({
+  throw new Po({
     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}`,
+const Go = (e, t, n) => {
+  const { isLoading: o, data: i, error: a } = Uo(() => t || e ? [
+    t || e && `${zo}/api/tweet/${e}`,
     n
-  ] : null, Fo, {
+  ] : null, Ho, {
     revalidateIfStale: !1,
     revalidateOnFocus: !1,
     shouldRetryOnError: !1
@@ -1465,53 +1473,53 @@ const Po = (e, t, n) => {
   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),
+    isLoading: !!(o || i === void 0 && !a),
     data: i,
-    error: s
+    error: a
   };
-}, 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
+}, Xo = ({ id: e, apiUrl: t, fallback: n = /* @__PURE__ */ r(ho, {}), components: o, fetchOptions: i, onError: a }) => {
+  const { data: s, error: c, isLoading: f } = Go(e, t, i);
+  if (f) return n;
+  if (c || !s) {
+    const d = (o == null ? void 0 : o.TweetNotFound) || ao;
+    return /* @__PURE__ */ r(d, {
+      error: a ? a(c) : c
     });
   }
-  return /* @__PURE__ */ r(eo, {
-    tweet: a,
+  return /* @__PURE__ */ r(oo, {
+    tweet: s,
     components: o
   });
 };
-function zo({ node: e }) {
+function Ko({ 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;
+  return n ? /* @__PURE__ */ r(jt, { children: /* @__PURE__ */ r("div", { "data-twitter": "", children: /* @__PURE__ */ r(Xo, { id: n }) }) }) : null;
 }
-function Ho(e) {
-  const { t } = en(), [n, o] = de("");
+function Qo(e) {
+  const { t } = Qt(), [n, o] = se("");
   Fe(() => {
-    var s;
+    var a;
     if (e != null && e.editor) {
-      const { src: a } = (s = e.editor) == null ? void 0 : s.getAttributes(Qo.name);
-      a && o(a);
+      const { src: s } = (a = e.editor) == null ? void 0 : a.getAttributes(Ct.name);
+      s && o(s);
     }
   }, [e == null ? void 0 : e.editor]);
-  function i(s) {
-    s.preventDefault(), s.stopPropagation(), e == null || e.onSetLink(n);
+  function i(a) {
+    a.preventDefault(), a.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(
+  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__ */ h(
     "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(Jt, { 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,
+          Yt,
           {
             className: "richtext-w-80",
-            onChange: (s) => o(s.target.value),
+            onChange: (a) => o(a.target.value),
             placeholder: "Text",
             required: !0,
             type: "text",
@@ -1519,7 +1527,7 @@ function Ho(e) {
           }
         ) }) }),
         /* @__PURE__ */ r(
-          Xt,
+          Zt,
           {
             className: "richtext-mt-2 richtext-self-end",
             type: "submit",
@@ -1530,29 +1538,59 @@ function Ho(e) {
     }
   ) });
 }
-function Go(e) {
-  function t(n) {
-    e.action && e.action(n);
+function _i() {
+  const [e, t] = se(!1), n = Xt(), o = en(Ct.name), {
+    icon: i = void 0,
+    tooltip: a = void 0,
+    tooltipOptions: s = {},
+    action: c = void 0,
+    isActive: f = void 0
+  } = (o == null ? void 0 : o.componentProps) ?? {}, { editorDisabled: d } = tn(f);
+  function g(m) {
+    d || c && (c(m), t(!1));
   }
-  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 }) })
-  ] });
+  return /* @__PURE__ */ h(
+    nn,
+    {
+      modal: !0,
+      onOpenChange: t,
+      open: e,
+      children: [
+        /* @__PURE__ */ r(rn, { asChild: !0, children: /* @__PURE__ */ r(
+          Gt,
+          {
+            disabled: d,
+            isActive: f,
+            tooltip: a,
+            tooltipOptions: s,
+            children: /* @__PURE__ */ r(Kt, { name: i })
+          }
+        ) }),
+        /* @__PURE__ */ r(
+          on,
+          {
+            align: "start",
+            className: "richtext-w-full",
+            hideWhenDetached: !0,
+            side: "bottom",
+            children: /* @__PURE__ */ r(
+              Qo,
+              {
+                editor: n,
+                onSetLink: g
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
 }
-const Xo = /(https?:\/\/)?(www\.)?x\.com\/(\w{1,15})(\/status\/(\d+))?(\/\S*)?/g, Ko = /^https?:\/\/(www\.)?x\.com\/(\w{1,15})(\/status\/(\d+))?(\/\S*)?$/;
+const Jo = /(https?:\/\/)?(www\.)?x\.com\/(\w{1,15})(\/status\/(\d+))?(\/\S*)?/g, Yo = /^https?:\/\/(www\.)?x\.com\/(\w{1,15})(\/status\/(\d+))?(\/\S*)?$/;
 function pt(e) {
-  return e.match(Ko);
+  return e.match(Yo);
 }
-const Qo = /* @__PURE__ */ Dt.create({
+const Ct = /* @__PURE__ */ At.create({
   name: "twitter",
   draggable: !0,
   selectable: !0,
@@ -1563,7 +1601,6 @@ const Qo = /* @__PURE__ */ Dt.create({
       inline: !1,
       origin: "",
       button: ({ editor: e, t }) => ({
-        component: Go,
         componentProps: {
           action: (n) => {
             e.commands.setTweet({ src: n });
@@ -1578,7 +1615,7 @@ const Qo = /* @__PURE__ */ Dt.create({
     };
   },
   addNodeView() {
-    return jt(zo, { attrs: this.options.HTMLAttributes });
+    return Wt(Ko, { attrs: this.options.HTMLAttributes });
   },
   inline() {
     return this.options.inline;
@@ -1611,18 +1648,19 @@ const Qo = /* @__PURE__ */ Dt.create({
   },
   addPasteRules() {
     return this.options.addPasteHandler ? [
-      Vt({
-        find: Xo,
+      Mt({
+        find: Jo,
         type: this.type,
         getAttributes: (e) => ({ src: e.input })
       })
     ] : [];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["div", At({ "data-twitter": "" }, e)];
+    return ["div", Vt({ "data-twitter": "" }, e)];
   }
 });
 export {
-  Ho as F,
-  Qo as T
+  Qo as F,
+  _i as R,
+  Ct as T
 };