tiktok-comments 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +189 -189
- package/dist/styles.css +1 -2
- package/package.json +5 -5
package/dist/index.mjs
CHANGED
|
@@ -35506,7 +35506,7 @@ function ef(t) {
|
|
|
35506
35506
|
"a",
|
|
35507
35507
|
{
|
|
35508
35508
|
href: `#${c.slice(1)}`,
|
|
35509
|
-
className: "tcm
|
|
35509
|
+
className: "tcm-font-semibold tcm-hover:tcm-underline tcm-transition-colors",
|
|
35510
35510
|
style: { color: "oklch(0.62 0.15 255)" },
|
|
35511
35511
|
onClick: (i) => {
|
|
35512
35512
|
i.preventDefault();
|
|
@@ -35536,12 +35536,12 @@ function cf({ src: t, alt: o = "Image", onClose: n }) {
|
|
|
35536
35536
|
},
|
|
35537
35537
|
[n]
|
|
35538
35538
|
);
|
|
35539
|
-
return _0(() => (document.addEventListener("keydown", c), document.body.style.overflow = "tcm
|
|
35539
|
+
return _0(() => (document.addEventListener("keydown", c), document.body.style.overflow = "tcm-hidden", () => {
|
|
35540
35540
|
document.removeEventListener("keydown", c), document.body.style.overflow = "";
|
|
35541
35541
|
}), [c]), /* @__PURE__ */ s(
|
|
35542
35542
|
"div",
|
|
35543
35543
|
{
|
|
35544
|
-
className: "tcm
|
|
35544
|
+
className: "tcm-fixed tcm-inset-0 tcm-z-50 tcm-flex tcm-items-center tcm-justify-center tcm-bg-black/80 tcm-animate-in tcm-fade-in tcm-duration-200",
|
|
35545
35545
|
onClick: n,
|
|
35546
35546
|
role: "dialog",
|
|
35547
35547
|
"aria-modal": "true",
|
|
@@ -35551,7 +35551,7 @@ function cf({ src: t, alt: o = "Image", onClose: n }) {
|
|
|
35551
35551
|
"button",
|
|
35552
35552
|
{
|
|
35553
35553
|
onClick: n,
|
|
35554
|
-
className: "tcm
|
|
35554
|
+
className: "tcm-absolute tcm-top-4 tcm-right-4 tcm-z-10 tcm-w-10 tcm-h-10 tcm-rounded-full tcm-bg-black/60 tcm-hover:tcm-bg-black/80 tcm-flex tcm-items-center tcm-justify-center tcm-text-white tcm-transition-colors",
|
|
35555
35555
|
"aria-label": "Close lightbox",
|
|
35556
35556
|
children: /* @__PURE__ */ a(D, { size: 20 })
|
|
35557
35557
|
}
|
|
@@ -35559,14 +35559,14 @@ function cf({ src: t, alt: o = "Image", onClose: n }) {
|
|
|
35559
35559
|
/* @__PURE__ */ a(
|
|
35560
35560
|
"div",
|
|
35561
35561
|
{
|
|
35562
|
-
className: "tcm
|
|
35562
|
+
className: "tcm-relative tcm-max-w-[90vw] tcm-max-h-[80vh]",
|
|
35563
35563
|
onClick: (d) => d.stopPropagation(),
|
|
35564
35564
|
children: /* @__PURE__ */ a(
|
|
35565
35565
|
"img",
|
|
35566
35566
|
{
|
|
35567
35567
|
src: t,
|
|
35568
35568
|
alt: o,
|
|
35569
|
-
className: "tcm
|
|
35569
|
+
className: "tcm-object-contain tcm-max-w-[90vw] tcm-max-h-[80vh] tcm-rounded-lg"
|
|
35570
35570
|
}
|
|
35571
35571
|
)
|
|
35572
35572
|
}
|
|
@@ -35582,12 +35582,12 @@ function of({ src: t, onClose: o }) {
|
|
|
35582
35582
|
},
|
|
35583
35583
|
[o]
|
|
35584
35584
|
);
|
|
35585
|
-
return _0(() => (document.addEventListener("keydown", n), document.body.style.overflow = "tcm
|
|
35585
|
+
return _0(() => (document.addEventListener("keydown", n), document.body.style.overflow = "tcm-hidden", () => {
|
|
35586
35586
|
document.removeEventListener("keydown", n), document.body.style.overflow = "";
|
|
35587
35587
|
}), [n]), /* @__PURE__ */ a(
|
|
35588
35588
|
"div",
|
|
35589
35589
|
{
|
|
35590
|
-
className: "tcm
|
|
35590
|
+
className: "tcm-fixed tcm-inset-0 tcm-z-50 tcm-flex tcm-items-end tcm-justify-center tcm-bg-black/60 tcm-animate-in tcm-fade-in tcm-duration-200",
|
|
35591
35591
|
onClick: o,
|
|
35592
35592
|
role: "dialog",
|
|
35593
35593
|
"aria-modal": "true",
|
|
@@ -35595,15 +35595,15 @@ function of({ src: t, onClose: o }) {
|
|
|
35595
35595
|
children: /* @__PURE__ */ s(
|
|
35596
35596
|
"div",
|
|
35597
35597
|
{
|
|
35598
|
-
className: "tcm
|
|
35598
|
+
className: "tcm-w-full tcm-max-w-lg tcm-rounded-t-2xl tcm-animate-in tcm-slide-in-from-bottom tcm-duration-300",
|
|
35599
35599
|
style: { background: "var(--card)" },
|
|
35600
35600
|
onClick: (c) => c.stopPropagation(),
|
|
35601
35601
|
children: [
|
|
35602
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
35602
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-justify-between tcm-px-4 tcm-py-3 tcm-border-b tcm-border-border", children: [
|
|
35603
35603
|
/* @__PURE__ */ a(
|
|
35604
35604
|
"button",
|
|
35605
35605
|
{
|
|
35606
|
-
className: "tcm
|
|
35606
|
+
className: "tcm-w-9 tcm-h-9 tcm-rounded-full tcm-flex tcm-items-center tcm-justify-center tcm-text-muted-foreground tcm-hover:tcm-text-foreground tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
35607
35607
|
"aria-label": "Report sticker",
|
|
35608
35608
|
children: /* @__PURE__ */ a(C0, { size: 18 })
|
|
35609
35609
|
}
|
|
@@ -35612,25 +35612,25 @@ function of({ src: t, onClose: o }) {
|
|
|
35612
35612
|
"button",
|
|
35613
35613
|
{
|
|
35614
35614
|
onClick: o,
|
|
35615
|
-
className: "tcm
|
|
35615
|
+
className: "tcm-w-9 tcm-h-9 tcm-rounded-full tcm-flex tcm-items-center tcm-justify-center tcm-text-muted-foreground tcm-hover:tcm-text-foreground tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
35616
35616
|
"aria-label": "Close drawer",
|
|
35617
35617
|
children: /* @__PURE__ */ a(D, { size: 18 })
|
|
35618
35618
|
}
|
|
35619
35619
|
)
|
|
35620
35620
|
] }),
|
|
35621
|
-
/* @__PURE__ */ a("div", { className: "tcm
|
|
35621
|
+
/* @__PURE__ */ a("div", { className: "tcm-flex tcm-items-center tcm-justify-center tcm-py-8", children: /* @__PURE__ */ a(
|
|
35622
35622
|
"img",
|
|
35623
35623
|
{
|
|
35624
35624
|
src: t,
|
|
35625
35625
|
alt: "Sticker",
|
|
35626
|
-
className: "tcm
|
|
35626
|
+
className: "tcm-object-contain tcm-w-[200px] tcm-h-[200px]"
|
|
35627
35627
|
}
|
|
35628
35628
|
) }),
|
|
35629
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
35629
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-flex-col tcm-gap-2 tcm-px-4 tcm-pb-6", children: [
|
|
35630
35630
|
/* @__PURE__ */ a(
|
|
35631
35631
|
"button",
|
|
35632
35632
|
{
|
|
35633
|
-
className: "tcm
|
|
35633
|
+
className: "tcm-w-full tcm-py-3 tcm-rounded-xl tcm-text-sm tcm-font-semibold tcm-text-foreground tcm-transition-colors",
|
|
35634
35634
|
style: { background: "var(--muted)" },
|
|
35635
35635
|
children: "Share"
|
|
35636
35636
|
}
|
|
@@ -35638,7 +35638,7 @@ function of({ src: t, onClose: o }) {
|
|
|
35638
35638
|
/* @__PURE__ */ a(
|
|
35639
35639
|
"button",
|
|
35640
35640
|
{
|
|
35641
|
-
className: "tcm
|
|
35641
|
+
className: "tcm-w-full tcm-py-3 tcm-rounded-xl tcm-text-sm tcm-font-bold tcm-text-white tcm-transition-colors",
|
|
35642
35642
|
style: { background: "var(--love-red)" },
|
|
35643
35643
|
children: "Save"
|
|
35644
35644
|
}
|
|
@@ -35677,50 +35677,50 @@ function nf({ name: t, avatar: o, subscription: n, badges: c, onClose: d }) {
|
|
|
35677
35677
|
return /* @__PURE__ */ a(
|
|
35678
35678
|
"div",
|
|
35679
35679
|
{
|
|
35680
|
-
className: "tcm
|
|
35680
|
+
className: "tcm-fixed tcm-inset-0 tcm-z-50 tcm-flex tcm-items-end tcm-justify-center tcm-bg-black/60 tcm-backdrop-blur-sm tcm-animate-in tcm-fade-in tcm-duration-200",
|
|
35681
35681
|
"aria-modal": "true",
|
|
35682
35682
|
role: "dialog",
|
|
35683
35683
|
children: /* @__PURE__ */ s(
|
|
35684
35684
|
"div",
|
|
35685
35685
|
{
|
|
35686
35686
|
ref: i,
|
|
35687
|
-
className: "tcm
|
|
35687
|
+
className: "tcm-relative tcm-w-full tcm-max-w-md tcm-rounded-t-2xl tcm-overflow-hidden tcm-animate-in tcm-slide-in-from-bottom tcm-duration-300",
|
|
35688
35688
|
style: { background: "var(--card)" },
|
|
35689
35689
|
children: [
|
|
35690
35690
|
/* @__PURE__ */ a(
|
|
35691
35691
|
"button",
|
|
35692
35692
|
{
|
|
35693
35693
|
onClick: d,
|
|
35694
|
-
className: "tcm
|
|
35694
|
+
className: "tcm-absolute tcm-top-4 tcm-right-4 tcm-z-10 tcm-w-8 tcm-h-8 tcm-rounded-full tcm-flex tcm-items-center tcm-justify-center tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
35695
35695
|
"aria-label": "Close",
|
|
35696
|
-
children: /* @__PURE__ */ a(D, { className: "tcm
|
|
35696
|
+
children: /* @__PURE__ */ a(D, { className: "tcm-w-5 tcm-h-5 tcm-text-muted-foreground" })
|
|
35697
35697
|
}
|
|
35698
35698
|
),
|
|
35699
35699
|
/* @__PURE__ */ a(
|
|
35700
35700
|
"div",
|
|
35701
35701
|
{
|
|
35702
|
-
className: "tcm
|
|
35702
|
+
className: "tcm-w-full tcm-h-20 tcm-shrink-0",
|
|
35703
35703
|
style: {
|
|
35704
35704
|
background: u[0] ? `radial-gradient(ellipse at 50% 0%, ${u[0].color}33 0%, transparent 70%)` : "radial-gradient(ellipse at 50% 0%, #ffffff18 0%, transparent 70%)"
|
|
35705
35705
|
},
|
|
35706
35706
|
"aria-hidden": !0
|
|
35707
35707
|
}
|
|
35708
35708
|
),
|
|
35709
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
35710
|
-
/* @__PURE__ */ a("div", { className: "tcm
|
|
35709
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-flex-col tcm-items-center tcm-text-center tcm-gap-4 tcm-px-6 tcm-pb-10", children: [
|
|
35710
|
+
/* @__PURE__ */ a("div", { className: "tcm--mt-10", children: /* @__PURE__ */ a(
|
|
35711
35711
|
"img",
|
|
35712
35712
|
{
|
|
35713
35713
|
src: o,
|
|
35714
35714
|
alt: `${t}'s avatar`,
|
|
35715
|
-
className: "tcm
|
|
35715
|
+
className: "tcm-rounded-full tcm-object-cover tcm-w-20 tcm-h-20 tcm-ring-4",
|
|
35716
35716
|
style: { boxShadow: "0 0 0 4px var(--card)" }
|
|
35717
35717
|
}
|
|
35718
35718
|
) }),
|
|
35719
|
-
/* @__PURE__ */ a("h2", { className: "tcm
|
|
35719
|
+
/* @__PURE__ */ a("h2", { className: "tcm-text-xl tcm-font-bold tcm-text-foreground", children: t }),
|
|
35720
35720
|
n && /* @__PURE__ */ a(
|
|
35721
35721
|
"span",
|
|
35722
35722
|
{
|
|
35723
|
-
className: "tcm
|
|
35723
|
+
className: "tcm-text-xs tcm-font-semibold tcm-uppercase tcm-px-3 tcm-py-1 tcm-rounded-full",
|
|
35724
35724
|
style: {
|
|
35725
35725
|
background: n === "max" ? "#f59e0b" : "#a855f7",
|
|
35726
35726
|
color: "white"
|
|
@@ -35728,17 +35728,17 @@ function nf({ name: t, avatar: o, subscription: n, badges: c, onClose: d }) {
|
|
|
35728
35728
|
children: n === "max" ? "MAX Subscriber" : "PRO Subscriber"
|
|
35729
35729
|
}
|
|
35730
35730
|
),
|
|
35731
|
-
u.length > 0 && /* @__PURE__ */ a("div", { className: "tcm
|
|
35731
|
+
u.length > 0 && /* @__PURE__ */ a("div", { className: "tcm-w-full", children: /* @__PURE__ */ a("div", { className: "tcm-flex tcm-flex-wrap tcm-justify-center tcm-gap-2", children: u.map((M) => /* @__PURE__ */ s(
|
|
35732
35732
|
"span",
|
|
35733
35733
|
{
|
|
35734
|
-
className: "tcm
|
|
35734
|
+
className: "tcm-flex tcm-items-center tcm-gap-1.5 tcm-text-xs tcm-font-medium tcm-px-2.5 tcm-py-1.5 tcm-rounded-full",
|
|
35735
35735
|
style: {
|
|
35736
35736
|
background: `${M.color}1f`,
|
|
35737
35737
|
color: M.color,
|
|
35738
35738
|
border: `1px solid ${M.color}40`
|
|
35739
35739
|
},
|
|
35740
35740
|
children: [
|
|
35741
|
-
/* @__PURE__ */ a(x_, { name: M.lucideIcon, className: "tcm
|
|
35741
|
+
/* @__PURE__ */ a(x_, { name: M.lucideIcon, className: "tcm-w-3 tcm-h-3 tcm-shrink-0", strokeWidth: 2 }),
|
|
35742
35742
|
/* @__PURE__ */ a("span", { children: M.name })
|
|
35743
35743
|
]
|
|
35744
35744
|
},
|
|
@@ -35747,22 +35747,22 @@ function nf({ name: t, avatar: o, subscription: n, badges: c, onClose: d }) {
|
|
|
35747
35747
|
/* @__PURE__ */ s(
|
|
35748
35748
|
"div",
|
|
35749
35749
|
{
|
|
35750
|
-
className: "tcm
|
|
35750
|
+
className: "tcm-w-full tcm-flex tcm-items-center tcm-gap-3 tcm-rounded-xl tcm-px-4 tcm-py-3 tcm-mt-1",
|
|
35751
35751
|
style: { background: "var(--muted)" },
|
|
35752
35752
|
children: [
|
|
35753
35753
|
/* @__PURE__ */ a(
|
|
35754
35754
|
"div",
|
|
35755
35755
|
{
|
|
35756
|
-
className: "tcm
|
|
35756
|
+
className: "tcm-w-9 tcm-h-9 tcm-rounded-lg tcm-flex tcm-items-center tcm-justify-center tcm-shrink-0",
|
|
35757
35757
|
style: { background: "var(--background)" },
|
|
35758
35758
|
children: /* @__PURE__ */ a(A0, { size: 18, style: { color: "#f59e0b" } })
|
|
35759
35759
|
}
|
|
35760
35760
|
),
|
|
35761
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
35762
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
35763
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
35761
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-baseline tcm-gap-2", children: [
|
|
35762
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-2xl tcm-font-bold tcm-tabular-nums", style: { color: l }, children: f }),
|
|
35763
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-[11px] tcm-font-semibold tcm-uppercase tcm-tracking-widest tcm-text-muted-foreground", children: "Sigma" })
|
|
35764
35764
|
] }),
|
|
35765
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
35765
|
+
/* @__PURE__ */ s("div", { className: "tcm-relative tcm-ml-auto", children: [
|
|
35766
35766
|
/* @__PURE__ */ a(
|
|
35767
35767
|
"button",
|
|
35768
35768
|
{
|
|
@@ -35771,15 +35771,15 @@ function nf({ name: t, avatar: o, subscription: n, badges: c, onClose: d }) {
|
|
|
35771
35771
|
onFocus: () => k(!0),
|
|
35772
35772
|
onBlur: () => k(!1),
|
|
35773
35773
|
"aria-label": "What is Aura?",
|
|
35774
|
-
className: "tcm
|
|
35775
|
-
children: /* @__PURE__ */ a($0, { size: 14, className: "tcm
|
|
35774
|
+
className: "tcm-flex tcm-items-center tcm-justify-center",
|
|
35775
|
+
children: /* @__PURE__ */ a($0, { size: 14, className: "tcm-text-muted-foreground" })
|
|
35776
35776
|
}
|
|
35777
35777
|
),
|
|
35778
35778
|
h && /* @__PURE__ */ a(
|
|
35779
35779
|
"div",
|
|
35780
35780
|
{
|
|
35781
|
-
className: "tcm
|
|
35782
|
-
style: { background: "var(--popover)", color: "var(--popover-foreground)", border: "tcm
|
|
35781
|
+
className: "tcm-absolute tcm-bottom-6 tcm-right-0 tcm-w-52 tcm-text-xs tcm-px-3 tcm-py-2 tcm-rounded-lg tcm-shadow-lg tcm-z-10 tcm-text-left tcm-leading-relaxed",
|
|
35782
|
+
style: { background: "var(--popover)", color: "var(--popover-foreground)", border: "tcm-1px tcm-solid tcm-var(--border)" },
|
|
35783
35783
|
role: "tooltip",
|
|
35784
35784
|
children: "Total upvotes minus downvotes across all your comments"
|
|
35785
35785
|
}
|
|
@@ -35791,16 +35791,16 @@ function nf({ name: t, avatar: o, subscription: n, badges: c, onClose: d }) {
|
|
|
35791
35791
|
/* @__PURE__ */ a(
|
|
35792
35792
|
"div",
|
|
35793
35793
|
{
|
|
35794
|
-
className: "tcm
|
|
35795
|
-
style: { background: "tcm
|
|
35794
|
+
className: "tcm-w-full tcm-grid tcm-grid-cols-3 tcm-gap-px tcm-rounded-xl tcm-overflow-hidden tcm-mt-1",
|
|
35795
|
+
style: { background: "tcm-var(--border)" },
|
|
35796
35796
|
children: o11.map(({ value: M, label: w }) => /* @__PURE__ */ s(
|
|
35797
35797
|
"div",
|
|
35798
35798
|
{
|
|
35799
|
-
className: "tcm
|
|
35799
|
+
className: "tcm-flex tcm-flex-col tcm-items-center tcm-py-3 tcm-gap-0.5",
|
|
35800
35800
|
style: { background: "var(--muted)" },
|
|
35801
35801
|
children: [
|
|
35802
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
35803
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
35802
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-base tcm-font-bold tcm-text-foreground tcm-tabular-nums", children: M }),
|
|
35803
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-[11px] tcm-text-muted-foreground", children: w })
|
|
35804
35804
|
]
|
|
35805
35805
|
},
|
|
35806
35806
|
w
|
|
@@ -35810,7 +35810,7 @@ function nf({ name: t, avatar: o, subscription: n, badges: c, onClose: d }) {
|
|
|
35810
35810
|
/* @__PURE__ */ a(
|
|
35811
35811
|
"button",
|
|
35812
35812
|
{
|
|
35813
|
-
className: "tcm
|
|
35813
|
+
className: "tcm-w-full tcm-mt-4 tcm-py-3 tcm-rounded-lg tcm-text-sm tcm-font-semibold tcm-text-muted-foreground tcm-hover:tcm-text-foreground tcm-transition-colors",
|
|
35814
35814
|
style: { background: "var(--muted)" },
|
|
35815
35815
|
children: "View profile →"
|
|
35816
35816
|
}
|
|
@@ -35824,16 +35824,16 @@ function nf({ name: t, avatar: o, subscription: n, badges: c, onClose: d }) {
|
|
|
35824
35824
|
}
|
|
35825
35825
|
function n11({ reply: t, hasLineBelow: o, onLike: n, onReply: c }) {
|
|
35826
35826
|
const [d, i] = z(!1), [h, k] = z(!1), [u, l] = z(!1);
|
|
35827
|
-
return /* @__PURE__ */ s("div", { className: "tcm
|
|
35827
|
+
return /* @__PURE__ */ s("div", { className: "tcm-flex tcm-gap-3 tcm-pt-3 tcm-w-full tcm-min-w-0", children: [
|
|
35828
35828
|
/* @__PURE__ */ s(
|
|
35829
35829
|
"div",
|
|
35830
35830
|
{
|
|
35831
|
-
className: "tcm
|
|
35831
|
+
className: "tcm-flex tcm-flex-col tcm-items-center tcm-shrink-0 tcm-self-stretch tcm-w-8",
|
|
35832
35832
|
children: [
|
|
35833
35833
|
/* @__PURE__ */ a(
|
|
35834
35834
|
"button",
|
|
35835
35835
|
{
|
|
35836
|
-
className: "tcm
|
|
35836
|
+
className: "tcm-shrink-0",
|
|
35837
35837
|
onClick: () => l(!0),
|
|
35838
35838
|
"aria-label": `View ${t.name}'s profile`,
|
|
35839
35839
|
children: /* @__PURE__ */ a(
|
|
@@ -35841,7 +35841,7 @@ function n11({ reply: t, hasLineBelow: o, onLike: n, onReply: c }) {
|
|
|
35841
35841
|
{
|
|
35842
35842
|
src: t.avatar,
|
|
35843
35843
|
alt: `${t.name}'s avatar`,
|
|
35844
|
-
className: "tcm
|
|
35844
|
+
className: "tcm-rounded-full tcm-object-cover tcm-w-6 tcm-h-6 tcm-md:tcm-w-8 tcm-md:tcm-h-8"
|
|
35845
35845
|
}
|
|
35846
35846
|
)
|
|
35847
35847
|
}
|
|
@@ -35849,7 +35849,7 @@ function n11({ reply: t, hasLineBelow: o, onLike: n, onReply: c }) {
|
|
|
35849
35849
|
o && /* @__PURE__ */ a(
|
|
35850
35850
|
"div",
|
|
35851
35851
|
{
|
|
35852
|
-
className: "tcm
|
|
35852
|
+
className: "tcm-flex-1",
|
|
35853
35853
|
style: {
|
|
35854
35854
|
width: 1.5,
|
|
35855
35855
|
background: "linear-gradient(to bottom, rgba(255,255,255,0.15), rgba(255,255,255,0.03))",
|
|
@@ -35863,13 +35863,13 @@ function n11({ reply: t, hasLineBelow: o, onLike: n, onReply: c }) {
|
|
|
35863
35863
|
]
|
|
35864
35864
|
}
|
|
35865
35865
|
),
|
|
35866
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
35867
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
35868
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
35866
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex-1 tcm-min-w-0 tcm-pb-3", children: [
|
|
35867
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-1.5 tcm-flex-wrap tcm-mb-0.5", children: [
|
|
35868
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-[13px] tcm-font-semibold tcm-leading-tight tcm-text-foreground", children: t.name }),
|
|
35869
35869
|
t.subscription && /* @__PURE__ */ a(
|
|
35870
35870
|
"span",
|
|
35871
35871
|
{
|
|
35872
|
-
className: "tcm
|
|
35872
|
+
className: "tcm-text-[9px] tcm-font-bold tcm-px-1 tcm-py-px tcm-rounded-sm tcm-uppercase",
|
|
35873
35873
|
style: {
|
|
35874
35874
|
color: t.subscription === "max" ? "#a855f7" : "#f59e0b",
|
|
35875
35875
|
border: `1px solid ${t.subscription === "max" ? "#7c3aed" : "#b45309"}`,
|
|
@@ -35882,7 +35882,7 @@ function n11({ reply: t, hasLineBelow: o, onLike: n, onReply: c }) {
|
|
|
35882
35882
|
/* @__PURE__ */ a(
|
|
35883
35883
|
"span",
|
|
35884
35884
|
{
|
|
35885
|
-
className: "tcm
|
|
35885
|
+
className: "tcm-text-[10px] tcm-leading-none",
|
|
35886
35886
|
style: { color: "var(--muted-foreground)" },
|
|
35887
35887
|
"aria-hidden": !0,
|
|
35888
35888
|
children: "▶"
|
|
@@ -35891,26 +35891,26 @@ function n11({ reply: t, hasLineBelow: o, onLike: n, onReply: c }) {
|
|
|
35891
35891
|
/* @__PURE__ */ a(
|
|
35892
35892
|
"span",
|
|
35893
35893
|
{
|
|
35894
|
-
className: "tcm
|
|
35894
|
+
className: "tcm-text-[13px] tcm-leading-tight",
|
|
35895
35895
|
style: { color: "var(--muted-foreground)" },
|
|
35896
35896
|
children: t.replyingTo
|
|
35897
35897
|
}
|
|
35898
35898
|
)
|
|
35899
35899
|
] })
|
|
35900
35900
|
] }),
|
|
35901
|
-
/* @__PURE__ */ a("p", { className: "tcm
|
|
35901
|
+
/* @__PURE__ */ a("p", { className: "tcm-text-[15px] tcm-text-foreground tcm-leading-snug tcm-break-words", children: ef(t.text) }),
|
|
35902
35902
|
t.image && /* @__PURE__ */ a(
|
|
35903
35903
|
"button",
|
|
35904
35904
|
{
|
|
35905
35905
|
onClick: () => i(!0),
|
|
35906
|
-
className: "tcm
|
|
35906
|
+
className: "tcm-mt-2 tcm-rounded-lg tcm-overflow-hidden tcm-block tcm-hover:tcm-opacity-90 tcm-transition-opacity",
|
|
35907
35907
|
"aria-label": "View full image",
|
|
35908
35908
|
children: /* @__PURE__ */ a(
|
|
35909
35909
|
"img",
|
|
35910
35910
|
{
|
|
35911
35911
|
src: t.image,
|
|
35912
35912
|
alt: "Attached image",
|
|
35913
|
-
className: "tcm
|
|
35913
|
+
className: "tcm-object-cover tcm-rounded-lg tcm-w-[100px] tcm-h-[75px]"
|
|
35914
35914
|
}
|
|
35915
35915
|
)
|
|
35916
35916
|
}
|
|
@@ -35919,56 +35919,56 @@ function n11({ reply: t, hasLineBelow: o, onLike: n, onReply: c }) {
|
|
|
35919
35919
|
"button",
|
|
35920
35920
|
{
|
|
35921
35921
|
onClick: () => k(!0),
|
|
35922
|
-
className: "tcm
|
|
35922
|
+
className: "tcm-mt-2 tcm-block tcm-hover:tcm-scale-105 tcm-transition-transform",
|
|
35923
35923
|
"aria-label": "View sticker",
|
|
35924
35924
|
children: /* @__PURE__ */ a(
|
|
35925
35925
|
"img",
|
|
35926
35926
|
{
|
|
35927
35927
|
src: t.sticker,
|
|
35928
35928
|
alt: "Sticker",
|
|
35929
|
-
className: "tcm
|
|
35929
|
+
className: "tcm-object-contain tcm-w-16 tcm-h-16"
|
|
35930
35930
|
}
|
|
35931
35931
|
)
|
|
35932
35932
|
}
|
|
35933
35933
|
),
|
|
35934
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
35935
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
35934
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-3 tcm-mt-2", children: [
|
|
35935
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-[13px] tcm-text-muted-foreground tcm-tabular-nums", children: t.timestamp }),
|
|
35936
35936
|
/* @__PURE__ */ a(
|
|
35937
35937
|
"button",
|
|
35938
35938
|
{
|
|
35939
|
-
className: "tcm
|
|
35939
|
+
className: "tcm-text-[13px] tcm-font-semibold tcm-text-muted-foreground tcm-hover:tcm-text-foreground tcm-transition-colors",
|
|
35940
35940
|
onClick: () => c(t.name),
|
|
35941
35941
|
"aria-label": `Reply to ${t.name}`,
|
|
35942
35942
|
children: "Reply"
|
|
35943
35943
|
}
|
|
35944
35944
|
),
|
|
35945
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
35945
|
+
/* @__PURE__ */ s("div", { className: "tcm-ml-auto tcm-flex tcm-items-center tcm-gap-3", children: [
|
|
35946
35946
|
/* @__PURE__ */ s(
|
|
35947
35947
|
"button",
|
|
35948
35948
|
{
|
|
35949
35949
|
onClick: () => n(t.id),
|
|
35950
35950
|
"aria-label": t.liked ? "Unlike" : "Like",
|
|
35951
|
-
className: "tcm
|
|
35951
|
+
className: "tcm-flex tcm-items-center tcm-gap-1.5 tcm-transition-transform tcm-active:tcm-scale-125",
|
|
35952
35952
|
children: [
|
|
35953
35953
|
/* @__PURE__ */ a(
|
|
35954
35954
|
v0,
|
|
35955
35955
|
{
|
|
35956
35956
|
className: p0(
|
|
35957
|
-
"tcm
|
|
35958
|
-
t.liked ? "tcm
|
|
35957
|
+
"tcm-w-[1em] tcm-h-[1em] tcm-transition-colors",
|
|
35958
|
+
t.liked ? "tcm-fill-current tcm-stroke-none" : "tcm-fill-none tcm-stroke-muted-foreground tcm-hover:tcm-stroke-foreground"
|
|
35959
35959
|
),
|
|
35960
35960
|
style: t.liked ? { color: "var(--love-red)" } : void 0,
|
|
35961
35961
|
strokeWidth: 1.75
|
|
35962
35962
|
}
|
|
35963
35963
|
),
|
|
35964
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
35964
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-[11px] tcm-text-muted-foreground tcm-tabular-nums tcm-min-w-[20px]", children: af(t.likes) })
|
|
35965
35965
|
]
|
|
35966
35966
|
}
|
|
35967
35967
|
),
|
|
35968
35968
|
/* @__PURE__ */ a("button", { "aria-label": "Dislike reply", children: /* @__PURE__ */ a(
|
|
35969
35969
|
x0,
|
|
35970
35970
|
{
|
|
35971
|
-
className: "tcm
|
|
35971
|
+
className: "tcm-w-[1em] tcm-h-[1em] tcm-fill-none tcm-stroke-muted-foreground tcm-hover:tcm-stroke-foreground tcm-transition-colors",
|
|
35972
35972
|
strokeWidth: 1.75
|
|
35973
35973
|
}
|
|
35974
35974
|
) })
|
|
@@ -36005,7 +36005,7 @@ function d11({ replies: t, onLikeReply: o, onReply: n }) {
|
|
|
36005
36005
|
const [c, d] = z(!1);
|
|
36006
36006
|
if (t.length === 0) return null;
|
|
36007
36007
|
const i = c ? t : t.slice(0, 1), h = t.length - 1;
|
|
36008
|
-
return /* @__PURE__ */ s("div", { className: "tcm
|
|
36008
|
+
return /* @__PURE__ */ s("div", { className: "tcm-mb-2", children: [
|
|
36009
36009
|
i.map((k, u) => /* @__PURE__ */ a(
|
|
36010
36010
|
n11,
|
|
36011
36011
|
{
|
|
@@ -36016,11 +36016,11 @@ function d11({ replies: t, onLikeReply: o, onReply: n }) {
|
|
|
36016
36016
|
},
|
|
36017
36017
|
k.id
|
|
36018
36018
|
)),
|
|
36019
|
-
h > 0 && /* @__PURE__ */ s("div", { className: "tcm
|
|
36019
|
+
h > 0 && /* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-2 tcm-pt-0.5 tcm-pb-2", children: [
|
|
36020
36020
|
/* @__PURE__ */ a(
|
|
36021
36021
|
"div",
|
|
36022
36022
|
{
|
|
36023
|
-
className: "tcm
|
|
36023
|
+
className: "tcm-shrink-0",
|
|
36024
36024
|
style: {
|
|
36025
36025
|
width: 20,
|
|
36026
36026
|
height: 1.5,
|
|
@@ -36033,23 +36033,23 @@ function d11({ replies: t, onLikeReply: o, onReply: n }) {
|
|
|
36033
36033
|
c ? /* @__PURE__ */ s(
|
|
36034
36034
|
"button",
|
|
36035
36035
|
{
|
|
36036
|
-
className: "tcm
|
|
36036
|
+
className: "tcm-flex tcm-items-center tcm-gap-1 tcm-text-[13px] tcm-font-semibold tcm-text-muted-foreground tcm-hover:tcm-text-foreground tcm-transition-colors tcm-whitespace-nowrap",
|
|
36037
36037
|
onClick: () => d(!1),
|
|
36038
36038
|
children: [
|
|
36039
36039
|
"Hide ",
|
|
36040
|
-
/* @__PURE__ */ a(I0, { className: "tcm
|
|
36040
|
+
/* @__PURE__ */ a(I0, { className: "tcm-w-[13px] tcm-h-[13px]" })
|
|
36041
36041
|
]
|
|
36042
36042
|
}
|
|
36043
36043
|
) : /* @__PURE__ */ s(
|
|
36044
36044
|
"button",
|
|
36045
36045
|
{
|
|
36046
|
-
className: "tcm
|
|
36046
|
+
className: "tcm-flex tcm-items-center tcm-gap-1 tcm-text-[13px] tcm-font-semibold tcm-text-muted-foreground tcm-hover:tcm-text-foreground tcm-transition-colors tcm-whitespace-nowrap",
|
|
36047
36047
|
onClick: () => d(!0),
|
|
36048
36048
|
children: [
|
|
36049
36049
|
"View ",
|
|
36050
36050
|
h,
|
|
36051
36051
|
" more ",
|
|
36052
|
-
/* @__PURE__ */ a(b0, { className: "tcm
|
|
36052
|
+
/* @__PURE__ */ a(b0, { className: "tcm-w-[13px] tcm-h-[13px]" })
|
|
36053
36053
|
]
|
|
36054
36054
|
}
|
|
36055
36055
|
)
|
|
@@ -36077,30 +36077,30 @@ function h11({ badge: t, onClose: o }) {
|
|
|
36077
36077
|
}, [o]), /* @__PURE__ */ a(
|
|
36078
36078
|
"div",
|
|
36079
36079
|
{
|
|
36080
|
-
className: "tcm
|
|
36080
|
+
className: "tcm-fixed tcm-inset-0 tcm-z-50 tcm-flex tcm-items-end tcm-justify-center tcm-bg-black/60 tcm-backdrop-blur-sm tcm-animate-in tcm-fade-in tcm-duration-200",
|
|
36081
36081
|
"aria-modal": "true",
|
|
36082
36082
|
role: "dialog",
|
|
36083
36083
|
children: /* @__PURE__ */ s(
|
|
36084
36084
|
"div",
|
|
36085
36085
|
{
|
|
36086
36086
|
ref: n,
|
|
36087
|
-
className: "tcm
|
|
36087
|
+
className: "tcm-w-full tcm-max-w-md tcm-rounded-t-2xl tcm-p-6 tcm-pb-10 tcm-animate-in tcm-slide-in-from-bottom tcm-duration-300",
|
|
36088
36088
|
style: { background: "var(--card)" },
|
|
36089
36089
|
children: [
|
|
36090
36090
|
/* @__PURE__ */ a(
|
|
36091
36091
|
"button",
|
|
36092
36092
|
{
|
|
36093
36093
|
onClick: o,
|
|
36094
|
-
className: "tcm
|
|
36094
|
+
className: "tcm-absolute tcm-top-4 tcm-right-4 tcm-w-8 tcm-h-8 tcm-rounded-full tcm-flex tcm-items-center tcm-justify-center tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
36095
36095
|
"aria-label": "Close",
|
|
36096
|
-
children: /* @__PURE__ */ a(D, { className: "tcm
|
|
36096
|
+
children: /* @__PURE__ */ a(D, { className: "tcm-w-5 tcm-h-5 tcm-text-muted-foreground" })
|
|
36097
36097
|
}
|
|
36098
36098
|
),
|
|
36099
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36099
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-flex-col tcm-items-center tcm-text-center tcm-gap-4", children: [
|
|
36100
36100
|
/* @__PURE__ */ a(
|
|
36101
36101
|
"div",
|
|
36102
36102
|
{
|
|
36103
|
-
className: "tcm
|
|
36103
|
+
className: "tcm-w-16 tcm-h-16 tcm-rounded-full tcm-flex tcm-items-center tcm-justify-center",
|
|
36104
36104
|
style: {
|
|
36105
36105
|
background: `${t.color}1f`,
|
|
36106
36106
|
border: `2px solid ${t.color}40`
|
|
@@ -36110,18 +36110,18 @@ function h11({ badge: t, onClose: o }) {
|
|
|
36110
36110
|
{
|
|
36111
36111
|
name: t.lucideIcon,
|
|
36112
36112
|
style: { color: t.color },
|
|
36113
|
-
className: "tcm
|
|
36113
|
+
className: "tcm-w-8 tcm-h-8",
|
|
36114
36114
|
strokeWidth: 1.75
|
|
36115
36115
|
}
|
|
36116
36116
|
)
|
|
36117
36117
|
}
|
|
36118
36118
|
),
|
|
36119
|
-
/* @__PURE__ */ a("h2", { className: "tcm
|
|
36120
|
-
/* @__PURE__ */ a("p", { className: "tcm
|
|
36119
|
+
/* @__PURE__ */ a("h2", { className: "tcm-text-xl tcm-font-bold tcm-text-foreground", children: t.name }),
|
|
36120
|
+
/* @__PURE__ */ a("p", { className: "tcm-text-sm tcm-text-muted-foreground tcm-max-w-[280px]", children: t.description }),
|
|
36121
36121
|
/* @__PURE__ */ a(
|
|
36122
36122
|
"span",
|
|
36123
36123
|
{
|
|
36124
|
-
className: "tcm
|
|
36124
|
+
className: "tcm-text-xs tcm-font-semibold tcm-uppercase tcm-px-3 tcm-py-1 tcm-rounded-full",
|
|
36125
36125
|
style: {
|
|
36126
36126
|
background: i11[t.rarity],
|
|
36127
36127
|
color: "white"
|
|
@@ -36139,12 +36139,12 @@ function h11({ badge: t, onClose: o }) {
|
|
|
36139
36139
|
const j_ = ["legendary", "epic", "rare", "common"];
|
|
36140
36140
|
function r11({ comment: t, onLike: o, onLikeReply: n, onReply: c }) {
|
|
36141
36141
|
const d = t.replies.length > 0, [i, h] = z(!1), [k, u] = z(!1), [l, f] = z(null), [M, w] = z(!1), L = (t.badges || []).map((x) => tf.find((I) => I.id === x)).filter((x) => x !== void 0).sort((x, I) => j_.indexOf(x.rarity) - j_.indexOf(I.rarity)).slice(0, 3);
|
|
36142
|
-
return /* @__PURE__ */ s("article", { className: "tcm
|
|
36143
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36142
|
+
return /* @__PURE__ */ s("article", { className: "tcm-px-3 tcm-sm:tcm-px-4 tcm-pt-4 tcm-pb-1 tcm-w-full tcm-min-w-0", children: [
|
|
36143
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-gap-3", children: [
|
|
36144
36144
|
/* @__PURE__ */ a(
|
|
36145
36145
|
"button",
|
|
36146
36146
|
{
|
|
36147
|
-
className: "tcm
|
|
36147
|
+
className: "tcm-shrink-0 tcm-self-start",
|
|
36148
36148
|
onClick: () => w(!0),
|
|
36149
36149
|
"aria-label": `View ${t.name}'s profile`,
|
|
36150
36150
|
children: /* @__PURE__ */ a(
|
|
@@ -36152,14 +36152,14 @@ function r11({ comment: t, onLike: o, onLikeReply: n, onReply: c }) {
|
|
|
36152
36152
|
{
|
|
36153
36153
|
src: t.avatar,
|
|
36154
36154
|
alt: `${t.name}'s avatar`,
|
|
36155
|
-
className: "tcm
|
|
36155
|
+
className: "tcm-rounded-full tcm-object-cover tcm-w-8 tcm-h-8 tcm-md:tcm-w-10 tcm-md:tcm-h-10"
|
|
36156
36156
|
}
|
|
36157
36157
|
)
|
|
36158
36158
|
}
|
|
36159
36159
|
),
|
|
36160
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36161
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36162
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36160
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex-1 tcm-min-w-0", children: [
|
|
36161
|
+
/* @__PURE__ */ s("div", { className: "tcm-pb-3", children: [
|
|
36162
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-1.5 tcm-flex-wrap tcm-mb-1", children: [
|
|
36163
36163
|
t.pinned && /* @__PURE__ */ a(
|
|
36164
36164
|
z0,
|
|
36165
36165
|
{
|
|
@@ -36168,12 +36168,12 @@ function r11({ comment: t, onLike: o, onLikeReply: n, onReply: c }) {
|
|
|
36168
36168
|
"aria-label": "Pinned comment"
|
|
36169
36169
|
}
|
|
36170
36170
|
),
|
|
36171
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
36172
|
-
L.length > 0 && /* @__PURE__ */ a("div", { className: "tcm
|
|
36171
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-[13px] tcm-font-semibold tcm-leading-tight tcm-text-foreground", children: t.name }),
|
|
36172
|
+
L.length > 0 && /* @__PURE__ */ a("div", { className: "tcm-flex tcm-items-center tcm-gap-1", children: L.map((x) => /* @__PURE__ */ a(
|
|
36173
36173
|
"button",
|
|
36174
36174
|
{
|
|
36175
36175
|
onClick: () => f(x),
|
|
36176
|
-
className: "tcm
|
|
36176
|
+
className: "tcm-w-[22px] tcm-h-[22px] tcm-rounded-full tcm-flex tcm-items-center tcm-justify-center tcm-transition-all tcm-hover:tcm-brightness-125 tcm-hover:tcm--translate-y-px",
|
|
36177
36177
|
style: {
|
|
36178
36178
|
background: `${x.color}1f`,
|
|
36179
36179
|
border: `1px solid ${x.color}40`
|
|
@@ -36184,7 +36184,7 @@ function r11({ comment: t, onLike: o, onLikeReply: n, onReply: c }) {
|
|
|
36184
36184
|
{
|
|
36185
36185
|
name: x.lucideIcon,
|
|
36186
36186
|
style: { color: x.color },
|
|
36187
|
-
className: "tcm
|
|
36187
|
+
className: "tcm-w-3 tcm-h-3",
|
|
36188
36188
|
strokeWidth: 2
|
|
36189
36189
|
}
|
|
36190
36190
|
)
|
|
@@ -36194,7 +36194,7 @@ function r11({ comment: t, onLike: o, onLikeReply: n, onReply: c }) {
|
|
|
36194
36194
|
t.subscription && /* @__PURE__ */ a(
|
|
36195
36195
|
"span",
|
|
36196
36196
|
{
|
|
36197
|
-
className: "tcm
|
|
36197
|
+
className: "tcm-text-[10px] tcm-font-bold tcm-px-1.5 tcm-py-0.5 tcm-rounded-sm tcm-uppercase",
|
|
36198
36198
|
style: {
|
|
36199
36199
|
color: t.subscription === "max" ? "#a855f7" : "#f59e0b",
|
|
36200
36200
|
border: `1px solid ${t.subscription === "max" ? "#7c3aed" : "#b45309"}`,
|
|
@@ -36204,19 +36204,19 @@ function r11({ comment: t, onLike: o, onLikeReply: n, onReply: c }) {
|
|
|
36204
36204
|
}
|
|
36205
36205
|
)
|
|
36206
36206
|
] }),
|
|
36207
|
-
/* @__PURE__ */ a("p", { className: "tcm
|
|
36207
|
+
/* @__PURE__ */ a("p", { className: "tcm-text-[15px] tcm-text-foreground tcm-leading-snug tcm-break-words", children: ef(t.text) }),
|
|
36208
36208
|
t.image && /* @__PURE__ */ a(
|
|
36209
36209
|
"button",
|
|
36210
36210
|
{
|
|
36211
36211
|
onClick: () => h(!0),
|
|
36212
|
-
className: "tcm
|
|
36212
|
+
className: "tcm-mt-2 tcm-rounded-lg tcm-overflow-hidden tcm-block tcm-hover:tcm-opacity-90 tcm-transition-opacity",
|
|
36213
36213
|
"aria-label": "View full image",
|
|
36214
36214
|
children: /* @__PURE__ */ a(
|
|
36215
36215
|
"img",
|
|
36216
36216
|
{
|
|
36217
36217
|
src: t.image,
|
|
36218
36218
|
alt: "Attached image",
|
|
36219
|
-
className: "tcm
|
|
36219
|
+
className: "tcm-object-cover tcm-rounded-lg tcm-w-[120px] tcm-h-[90px]"
|
|
36220
36220
|
}
|
|
36221
36221
|
)
|
|
36222
36222
|
}
|
|
@@ -36225,56 +36225,56 @@ function r11({ comment: t, onLike: o, onLikeReply: n, onReply: c }) {
|
|
|
36225
36225
|
"button",
|
|
36226
36226
|
{
|
|
36227
36227
|
onClick: () => u(!0),
|
|
36228
|
-
className: "tcm
|
|
36228
|
+
className: "tcm-mt-2 tcm-block tcm-hover:tcm-scale-105 tcm-transition-transform",
|
|
36229
36229
|
"aria-label": "View sticker",
|
|
36230
36230
|
children: /* @__PURE__ */ a(
|
|
36231
36231
|
"img",
|
|
36232
36232
|
{
|
|
36233
36233
|
src: t.sticker,
|
|
36234
36234
|
alt: "Sticker",
|
|
36235
|
-
className: "tcm
|
|
36235
|
+
className: "tcm-object-contain tcm-w-20 tcm-h-20"
|
|
36236
36236
|
}
|
|
36237
36237
|
)
|
|
36238
36238
|
}
|
|
36239
36239
|
),
|
|
36240
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36241
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
36240
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-3 tcm-mt-2", children: [
|
|
36241
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-[13px] tcm-text-muted-foreground tcm-tabular-nums", children: t.timestamp }),
|
|
36242
36242
|
/* @__PURE__ */ a(
|
|
36243
36243
|
"button",
|
|
36244
36244
|
{
|
|
36245
|
-
className: "tcm
|
|
36245
|
+
className: "tcm-text-[13px] tcm-font-semibold tcm-text-muted-foreground tcm-hover:tcm-text-foreground tcm-transition-colors",
|
|
36246
36246
|
onClick: () => c(t.name),
|
|
36247
36247
|
"aria-label": `Reply to ${t.name}`,
|
|
36248
36248
|
children: "Reply"
|
|
36249
36249
|
}
|
|
36250
36250
|
),
|
|
36251
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36251
|
+
/* @__PURE__ */ s("div", { className: "tcm-ml-auto tcm-flex tcm-items-center tcm-gap-3", children: [
|
|
36252
36252
|
/* @__PURE__ */ s(
|
|
36253
36253
|
"button",
|
|
36254
36254
|
{
|
|
36255
36255
|
onClick: () => o(t.id),
|
|
36256
36256
|
"aria-label": t.liked ? "Unlike comment" : "Like comment",
|
|
36257
|
-
className: "tcm
|
|
36257
|
+
className: "tcm-flex tcm-items-center tcm-gap-1.5 tcm-transition-transform tcm-active:tcm-scale-125",
|
|
36258
36258
|
children: [
|
|
36259
36259
|
/* @__PURE__ */ a(
|
|
36260
36260
|
v0,
|
|
36261
36261
|
{
|
|
36262
36262
|
className: p0(
|
|
36263
|
-
"tcm
|
|
36264
|
-
t.liked ? "tcm
|
|
36263
|
+
"tcm-w-[1em] tcm-h-[1em] tcm-transition-colors",
|
|
36264
|
+
t.liked ? "tcm-fill-current tcm-stroke-none" : "tcm-fill-none tcm-stroke-muted-foreground tcm-hover:tcm-stroke-foreground"
|
|
36265
36265
|
),
|
|
36266
36266
|
style: t.liked ? { color: "var(--love-red)" } : void 0,
|
|
36267
36267
|
strokeWidth: 1.75
|
|
36268
36268
|
}
|
|
36269
36269
|
),
|
|
36270
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
36270
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-[12px] tcm-text-muted-foreground tcm-tabular-nums tcm-min-w-[24px]", children: af(t.likes) })
|
|
36271
36271
|
]
|
|
36272
36272
|
}
|
|
36273
36273
|
),
|
|
36274
36274
|
/* @__PURE__ */ a("button", { "aria-label": "Dislike comment", children: /* @__PURE__ */ a(
|
|
36275
36275
|
x0,
|
|
36276
36276
|
{
|
|
36277
|
-
className: "tcm
|
|
36277
|
+
className: "tcm-w-[1em] tcm-h-[1em] tcm-fill-none tcm-stroke-muted-foreground tcm-hover:tcm-stroke-foreground tcm-transition-colors",
|
|
36278
36278
|
strokeWidth: 1.75
|
|
36279
36279
|
}
|
|
36280
36280
|
) })
|
|
@@ -36324,19 +36324,19 @@ function l11({ onSelect: t, onClose: o }) {
|
|
|
36324
36324
|
return /* @__PURE__ */ s(
|
|
36325
36325
|
"div",
|
|
36326
36326
|
{
|
|
36327
|
-
className: "tcm
|
|
36327
|
+
className: "tcm-absolute tcm-bottom-full tcm-left-0 tcm-right-0 tcm-z-20 tcm-border-t tcm-border-border tcm-rounded-t-2xl tcm-animate-in tcm-slide-in-from-bottom-4 tcm-duration-200",
|
|
36328
36328
|
style: { background: "var(--card)", maxHeight: "50vh" },
|
|
36329
36329
|
children: [
|
|
36330
36330
|
/* @__PURE__ */ s(
|
|
36331
36331
|
"div",
|
|
36332
36332
|
{
|
|
36333
|
-
className: "tcm
|
|
36333
|
+
className: "tcm-flex tcm-items-center tcm-gap-1 tcm-px-3 tcm-py-2 tcm-border-b tcm-border-border tcm-overflow-x-auto",
|
|
36334
36334
|
style: { scrollbarWidth: "none" },
|
|
36335
36335
|
children: [
|
|
36336
36336
|
/* @__PURE__ */ a(
|
|
36337
36337
|
"button",
|
|
36338
36338
|
{
|
|
36339
|
-
className: "tcm
|
|
36339
|
+
className: "tcm-shrink-0 tcm-w-9 tcm-h-9 tcm-rounded-lg tcm-flex tcm-items-center tcm-justify-center tcm-text-muted-foreground tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
36340
36340
|
"aria-label": "Search stickers",
|
|
36341
36341
|
children: /* @__PURE__ */ a(t1, { size: 18 })
|
|
36342
36342
|
}
|
|
@@ -36344,7 +36344,7 @@ function l11({ onSelect: t, onClose: o }) {
|
|
|
36344
36344
|
/* @__PURE__ */ a(
|
|
36345
36345
|
"button",
|
|
36346
36346
|
{
|
|
36347
|
-
className: "tcm
|
|
36347
|
+
className: "tcm-shrink-0 tcm-w-9 tcm-h-9 tcm-rounded-lg tcm-flex tcm-items-center tcm-justify-center tcm-text-muted-foreground tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
36348
36348
|
"aria-label": "Favorites",
|
|
36349
36349
|
children: /* @__PURE__ */ a(S0, { size: 18 })
|
|
36350
36350
|
}
|
|
@@ -36352,16 +36352,16 @@ function l11({ onSelect: t, onClose: o }) {
|
|
|
36352
36352
|
/* @__PURE__ */ a(
|
|
36353
36353
|
"button",
|
|
36354
36354
|
{
|
|
36355
|
-
className: "tcm
|
|
36355
|
+
className: "tcm-shrink-0 tcm-w-9 tcm-h-9 tcm-rounded-lg tcm-flex tcm-items-center tcm-justify-center tcm-text-muted-foreground tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
36356
36356
|
"aria-label": "Emoji",
|
|
36357
36357
|
children: /* @__PURE__ */ a(l0, { size: 18 })
|
|
36358
36358
|
}
|
|
36359
36359
|
),
|
|
36360
|
-
/* @__PURE__ */ a("div", { className: "tcm
|
|
36360
|
+
/* @__PURE__ */ a("div", { className: "tcm-w-px tcm-h-5 tcm-bg-border tcm-mx-1" }),
|
|
36361
36361
|
y11.map((d, i) => /* @__PURE__ */ a(
|
|
36362
36362
|
"button",
|
|
36363
36363
|
{
|
|
36364
|
-
className: "tcm
|
|
36364
|
+
className: "tcm-shrink-0 tcm-w-9 tcm-h-9 tcm-rounded-lg tcm-flex tcm-items-center tcm-justify-center tcm-text-lg tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
36365
36365
|
"aria-label": `Sticker pack ${i + 1}`,
|
|
36366
36366
|
children: d
|
|
36367
36367
|
},
|
|
@@ -36370,24 +36370,24 @@ function l11({ onSelect: t, onClose: o }) {
|
|
|
36370
36370
|
]
|
|
36371
36371
|
}
|
|
36372
36372
|
),
|
|
36373
|
-
/* @__PURE__ */ a("div", { className: "tcm
|
|
36373
|
+
/* @__PURE__ */ a("div", { className: "tcm-px-4 tcm-pt-3 tcm-pb-2", children: /* @__PURE__ */ a("span", { className: "tcm-text-xs tcm-font-semibold tcm-text-muted-foreground tcm-uppercase tcm-tracking-wide", children: "Favorites" }) }),
|
|
36374
36374
|
/* @__PURE__ */ a(
|
|
36375
36375
|
"div",
|
|
36376
36376
|
{
|
|
36377
|
-
className: "tcm
|
|
36377
|
+
className: "tcm-px-3 tcm-pb-4 tcm-overflow-y-auto",
|
|
36378
36378
|
style: { maxHeight: "calc(50vh - 100px)" },
|
|
36379
|
-
children: /* @__PURE__ */ a("div", { className: "tcm
|
|
36379
|
+
children: /* @__PURE__ */ a("div", { className: "tcm-grid tcm-grid-cols-4 tcm-gap-2", children: s11.map((d) => /* @__PURE__ */ a(
|
|
36380
36380
|
"button",
|
|
36381
36381
|
{
|
|
36382
36382
|
onClick: () => c(d.url),
|
|
36383
|
-
className: "tcm
|
|
36383
|
+
className: "tcm-aspect-square tcm-rounded-xl tcm-overflow-hidden tcm-hover:tcm-ring-2 tcm-hover:tcm-ring-ring tcm-transition-all",
|
|
36384
36384
|
"aria-label": "Select sticker",
|
|
36385
36385
|
children: /* @__PURE__ */ a(
|
|
36386
36386
|
"img",
|
|
36387
36387
|
{
|
|
36388
36388
|
src: d.url,
|
|
36389
36389
|
alt: "Sticker",
|
|
36390
|
-
className: "tcm
|
|
36390
|
+
className: "tcm-w-full tcm-h-full tcm-object-cover"
|
|
36391
36391
|
}
|
|
36392
36392
|
)
|
|
36393
36393
|
},
|
|
@@ -36443,49 +36443,49 @@ function u11({ onSelect: t, onClose: o }) {
|
|
|
36443
36443
|
return /* @__PURE__ */ s(
|
|
36444
36444
|
"div",
|
|
36445
36445
|
{
|
|
36446
|
-
className: "tcm
|
|
36446
|
+
className: "tcm-absolute tcm-bottom-full tcm-left-0 tcm-right-0 tcm-z-20 tcm-border-t tcm-border-border tcm-rounded-t-2xl tcm-animate-in tcm-slide-in-from-bottom-4 tcm-duration-200",
|
|
36447
36447
|
style: { background: "var(--card)", maxHeight: "60vh" },
|
|
36448
36448
|
children: [
|
|
36449
|
-
/* @__PURE__ */ a("div", { className: "tcm
|
|
36449
|
+
/* @__PURE__ */ a("div", { className: "tcm-overflow-y-auto", style: { maxHeight: "calc(60vh - 60px)" }, children: p11.map((d) => /* @__PURE__ */ s(
|
|
36450
36450
|
"button",
|
|
36451
36451
|
{
|
|
36452
36452
|
onClick: () => c(d.username),
|
|
36453
|
-
className: "tcm
|
|
36453
|
+
className: "tcm-w-full tcm-flex tcm-items-center tcm-gap-3 tcm-px-4 tcm-py-3 tcm-hover:tcm-bg-muted/50 tcm-transition-colors tcm-text-left",
|
|
36454
36454
|
children: [
|
|
36455
36455
|
/* @__PURE__ */ a(
|
|
36456
36456
|
"img",
|
|
36457
36457
|
{
|
|
36458
36458
|
src: d.avatar,
|
|
36459
36459
|
alt: `${d.name}'s avatar`,
|
|
36460
|
-
className: "tcm
|
|
36460
|
+
className: "tcm-rounded-full tcm-object-cover tcm-shrink-0 tcm-w-10 tcm-h-10"
|
|
36461
36461
|
}
|
|
36462
36462
|
),
|
|
36463
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36464
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36465
|
-
/* @__PURE__ */ a("span", { className: "tcm
|
|
36463
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex-1 tcm-min-w-0", children: [
|
|
36464
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-2", children: [
|
|
36465
|
+
/* @__PURE__ */ a("span", { className: "tcm-text-sm tcm-font-semibold tcm-text-foreground tcm-truncate", children: d.name }),
|
|
36466
36466
|
/* @__PURE__ */ a(
|
|
36467
36467
|
"span",
|
|
36468
36468
|
{
|
|
36469
|
-
className: "tcm
|
|
36469
|
+
className: "tcm-text-[10px] tcm-px-1.5 tcm-py-0.5 tcm-rounded-full tcm-shrink-0",
|
|
36470
36470
|
style: { background: "var(--muted)", color: "var(--muted-foreground)" },
|
|
36471
36471
|
children: d.badge
|
|
36472
36472
|
}
|
|
36473
36473
|
)
|
|
36474
36474
|
] }),
|
|
36475
|
-
/* @__PURE__ */ s("span", { className: "tcm
|
|
36475
|
+
/* @__PURE__ */ s("span", { className: "tcm-text-xs tcm-text-muted-foreground", children: [
|
|
36476
36476
|
"@",
|
|
36477
36477
|
d.username
|
|
36478
36478
|
] })
|
|
36479
36479
|
] }),
|
|
36480
|
-
/* @__PURE__ */ a(N0, { size: 20, className: "tcm
|
|
36480
|
+
/* @__PURE__ */ a(N0, { size: 20, className: "tcm-text-muted-foreground tcm-shrink-0" })
|
|
36481
36481
|
]
|
|
36482
36482
|
},
|
|
36483
36483
|
d.id
|
|
36484
36484
|
)) }),
|
|
36485
|
-
/* @__PURE__ */ a("div", { className: "tcm
|
|
36485
|
+
/* @__PURE__ */ a("div", { className: "tcm-flex tcm-items-center tcm-justify-around tcm-px-4 tcm-py-3 tcm-border-t tcm-border-border", children: k11.map((d, i) => /* @__PURE__ */ a(
|
|
36486
36486
|
"button",
|
|
36487
36487
|
{
|
|
36488
|
-
className: "tcm
|
|
36488
|
+
className: "tcm-w-10 tcm-h-10 tcm-flex tcm-items-center tcm-justify-center tcm-text-xl tcm-hover:tcm-bg-muted tcm-rounded-lg tcm-transition-colors",
|
|
36489
36489
|
"aria-label": `Insert ${d}`,
|
|
36490
36490
|
onClick: () => {
|
|
36491
36491
|
o();
|
|
@@ -36526,7 +36526,7 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36526
36526
|
return /* @__PURE__ */ s(
|
|
36527
36527
|
"div",
|
|
36528
36528
|
{
|
|
36529
|
-
className: "tcm
|
|
36529
|
+
className: "tcm-relative tcm-border-t tcm-border-border",
|
|
36530
36530
|
style: { background: "var(--background)" },
|
|
36531
36531
|
children: [
|
|
36532
36532
|
f && /* @__PURE__ */ a(
|
|
@@ -36546,13 +36546,13 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36546
36546
|
t && /* @__PURE__ */ s(
|
|
36547
36547
|
"div",
|
|
36548
36548
|
{
|
|
36549
|
-
className: "tcm
|
|
36549
|
+
className: "tcm-flex tcm-items-center tcm-justify-between tcm-px-4 tcm-py-2 tcm-text-xs tcm-border-b tcm-border-border",
|
|
36550
36550
|
style: { color: "var(--muted-foreground)" },
|
|
36551
36551
|
children: [
|
|
36552
36552
|
/* @__PURE__ */ s("span", { children: [
|
|
36553
36553
|
"Replying to",
|
|
36554
36554
|
" ",
|
|
36555
|
-
/* @__PURE__ */ s("span", { className: "tcm
|
|
36555
|
+
/* @__PURE__ */ s("span", { className: "tcm-font-semibold", style: { color: "var(--foreground)" }, children: [
|
|
36556
36556
|
"@",
|
|
36557
36557
|
t
|
|
36558
36558
|
] })
|
|
@@ -36561,7 +36561,7 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36561
36561
|
"button",
|
|
36562
36562
|
{
|
|
36563
36563
|
onClick: o,
|
|
36564
|
-
className: "tcm
|
|
36564
|
+
className: "tcm-font-semibold tcm-hover:tcm-text-foreground tcm-transition-colors",
|
|
36565
36565
|
"aria-label": "Cancel reply",
|
|
36566
36566
|
children: "Cancel"
|
|
36567
36567
|
}
|
|
@@ -36569,19 +36569,19 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36569
36569
|
]
|
|
36570
36570
|
}
|
|
36571
36571
|
),
|
|
36572
|
-
u && /* @__PURE__ */ a("div", { className: "tcm
|
|
36572
|
+
u && /* @__PURE__ */ a("div", { className: "tcm-px-4 tcm-pt-3 tcm-pb-1", children: /* @__PURE__ */ s("div", { className: "tcm-relative tcm-inline-block", children: [
|
|
36573
36573
|
/* @__PURE__ */ a(
|
|
36574
36574
|
"img",
|
|
36575
36575
|
{
|
|
36576
36576
|
src: u.url,
|
|
36577
36577
|
alt: u.type === "image" ? "Image preview" : "Sticker preview",
|
|
36578
|
-
className: "tcm
|
|
36578
|
+
className: "tcm-rounded-lg tcm-object-cover tcm-w-20 tcm-h-20"
|
|
36579
36579
|
}
|
|
36580
36580
|
),
|
|
36581
36581
|
/* @__PURE__ */ a(
|
|
36582
36582
|
"button",
|
|
36583
36583
|
{
|
|
36584
|
-
className: "tcm
|
|
36584
|
+
className: "tcm-absolute tcm-top-1 tcm-left-1 tcm-w-6 tcm-h-6 tcm-rounded-full tcm-bg-black/70 tcm-flex tcm-items-center tcm-justify-center tcm-text-white tcm-hover:tcm-bg-black/90 tcm-transition-colors",
|
|
36585
36585
|
"aria-label": "Edit attachment",
|
|
36586
36586
|
children: /* @__PURE__ */ a(q0, { size: 12 })
|
|
36587
36587
|
}
|
|
@@ -36590,7 +36590,7 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36590
36590
|
"button",
|
|
36591
36591
|
{
|
|
36592
36592
|
onClick: () => l(null),
|
|
36593
|
-
className: "tcm
|
|
36593
|
+
className: "tcm-absolute tcm-top-1 tcm-right-1 tcm-w-6 tcm-h-6 tcm-rounded-full tcm-bg-black/70 tcm-flex tcm-items-center tcm-justify-center tcm-text-white tcm-hover:tcm-bg-black/90 tcm-transition-colors",
|
|
36594
36594
|
"aria-label": "Remove attachment",
|
|
36595
36595
|
children: /* @__PURE__ */ a(D, { size: 12 })
|
|
36596
36596
|
}
|
|
@@ -36598,20 +36598,20 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36598
36598
|
] }) }),
|
|
36599
36599
|
h ? (
|
|
36600
36600
|
/* ── EXPANDED LAYOUT ── */
|
|
36601
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36602
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36603
|
-
/* @__PURE__ */ a("div", { className: "tcm
|
|
36601
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-flex-col", children: [
|
|
36602
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-start tcm-gap-2.5 tcm-px-3 tcm-pt-3 tcm-pb-2", children: [
|
|
36603
|
+
/* @__PURE__ */ a("div", { className: "tcm-shrink-0 tcm-mt-1", children: /* @__PURE__ */ a(
|
|
36604
36604
|
"img",
|
|
36605
36605
|
{
|
|
36606
36606
|
src: S,
|
|
36607
36607
|
alt: "Your avatar",
|
|
36608
|
-
className: "tcm
|
|
36608
|
+
className: "tcm-rounded-full tcm-object-cover tcm-w-9 tcm-h-9"
|
|
36609
36609
|
}
|
|
36610
36610
|
) }),
|
|
36611
36611
|
/* @__PURE__ */ s(
|
|
36612
36612
|
"div",
|
|
36613
36613
|
{
|
|
36614
|
-
className: "tcm
|
|
36614
|
+
className: "tcm-flex-1 tcm-min-w-0 tcm-flex tcm-flex-col tcm-rounded-2xl tcm-px-4 tcm-pt-3 tcm-pb-2 tcm-ring-1 tcm-ring-ring",
|
|
36615
36615
|
style: { background: "var(--input-surface)" },
|
|
36616
36616
|
children: [
|
|
36617
36617
|
/* @__PURE__ */ a(
|
|
@@ -36629,7 +36629,7 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36629
36629
|
},
|
|
36630
36630
|
rows: 1,
|
|
36631
36631
|
placeholder: t ? `Reply to @${t}…` : "Add comment…",
|
|
36632
|
-
className: "tcm
|
|
36632
|
+
className: "tcm-w-full tcm-bg-transparent tcm-text-sm tcm-text-foreground tcm-placeholder:tcm-text-muted-foreground tcm-resize-none tcm-outline-none tcm-leading-relaxed tcm-overflow-y-auto",
|
|
36633
36633
|
style: { scrollbarWidth: "none", minHeight: 22, maxHeight: 160 },
|
|
36634
36634
|
"aria-label": "Comment input",
|
|
36635
36635
|
autoFocus: !0
|
|
@@ -36638,7 +36638,7 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36638
36638
|
j > 0 && /* @__PURE__ */ s(
|
|
36639
36639
|
"span",
|
|
36640
36640
|
{
|
|
36641
|
-
className: "tcm
|
|
36641
|
+
className: "tcm-mt-1.5 tcm-text-[11px] tcm-self-start tcm-tabular-nums",
|
|
36642
36642
|
style: {
|
|
36643
36643
|
color: j >= w0 * 0.9 ? "var(--love-red)" : "var(--muted-foreground)"
|
|
36644
36644
|
},
|
|
@@ -36653,8 +36653,8 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36653
36653
|
}
|
|
36654
36654
|
)
|
|
36655
36655
|
] }),
|
|
36656
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36657
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36656
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-justify-between tcm-px-3 tcm-pb-3", children: [
|
|
36657
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-1", children: [
|
|
36658
36658
|
/* @__PURE__ */ a(
|
|
36659
36659
|
k_,
|
|
36660
36660
|
{
|
|
@@ -36693,30 +36693,30 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36693
36693
|
disabled: !b,
|
|
36694
36694
|
"aria-label": "Send comment",
|
|
36695
36695
|
className: p0(
|
|
36696
|
-
"tcm
|
|
36697
|
-
b ? "tcm
|
|
36696
|
+
"tcm-hidden tcm-lg:tcm-flex tcm-w-12 tcm-h-10 tcm-rounded-full tcm-items-center tcm-justify-center tcm-transition-all tcm-duration-150",
|
|
36697
|
+
b ? "tcm-opacity-100 tcm-scale-100" : "tcm-opacity-40 tcm-scale-95 tcm-cursor-not-allowed"
|
|
36698
36698
|
),
|
|
36699
36699
|
style: { background: b ? "var(--love-red)" : "var(--muted)" },
|
|
36700
|
-
children: /* @__PURE__ */ a(m0, { size: 18, className: "tcm
|
|
36700
|
+
children: /* @__PURE__ */ a(m0, { size: 18, className: "tcm-text-white" })
|
|
36701
36701
|
}
|
|
36702
36702
|
)
|
|
36703
36703
|
] })
|
|
36704
36704
|
] })
|
|
36705
36705
|
) : (
|
|
36706
36706
|
/* ── COLLAPSED LAYOUT ── */
|
|
36707
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36708
|
-
/* @__PURE__ */ a("div", { className: "tcm
|
|
36707
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-2.5 tcm-px-3 tcm-py-3", children: [
|
|
36708
|
+
/* @__PURE__ */ a("div", { className: "tcm-shrink-0", children: /* @__PURE__ */ a(
|
|
36709
36709
|
"img",
|
|
36710
36710
|
{
|
|
36711
36711
|
src: S,
|
|
36712
36712
|
alt: "Your avatar",
|
|
36713
|
-
className: "tcm
|
|
36713
|
+
className: "tcm-rounded-full tcm-object-cover tcm-w-9 tcm-h-9"
|
|
36714
36714
|
}
|
|
36715
36715
|
) }),
|
|
36716
36716
|
/* @__PURE__ */ s(
|
|
36717
36717
|
"div",
|
|
36718
36718
|
{
|
|
36719
|
-
className: "tcm
|
|
36719
|
+
className: "tcm-flex-1 tcm-min-w-0 tcm-flex tcm-items-center tcm-rounded-full tcm-px-4 tcm-py-2 tcm-gap-2",
|
|
36720
36720
|
style: { background: "var(--input-surface)" },
|
|
36721
36721
|
children: [
|
|
36722
36722
|
/* @__PURE__ */ a(
|
|
@@ -36729,12 +36729,12 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36729
36729
|
onFocus: () => k(!0),
|
|
36730
36730
|
rows: 1,
|
|
36731
36731
|
placeholder: t ? `Reply to @${t}…` : "Add comment…",
|
|
36732
|
-
className: "tcm
|
|
36732
|
+
className: "tcm-flex-1 tcm-bg-transparent tcm-text-sm tcm-text-foreground tcm-placeholder:tcm-text-muted-foreground tcm-resize-none tcm-outline-none tcm-leading-relaxed tcm-overflow-y-auto",
|
|
36733
36733
|
style: { scrollbarWidth: "none", minHeight: 22, maxHeight: 160 },
|
|
36734
36734
|
"aria-label": "Comment input"
|
|
36735
36735
|
}
|
|
36736
36736
|
),
|
|
36737
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36737
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-0.5 tcm-shrink-0", children: [
|
|
36738
36738
|
/* @__PURE__ */ a(p_, { icon: /* @__PURE__ */ a(g0, { size: 19 }), label: "Attach image", onClick: $ }),
|
|
36739
36739
|
/* @__PURE__ */ a(p_, { icon: /* @__PURE__ */ a(l0, { size: 19 }), label: "Stickers", onClick: () => M(!0) }),
|
|
36740
36740
|
/* @__PURE__ */ a(p_, { icon: /* @__PURE__ */ a(M0, { size: 19 }), label: "Mention", onClick: () => L(!0) })
|
|
@@ -36749,11 +36749,11 @@ function M11({ replyingTo: t, onCancelReply: o, onSubmit: n, currentUser: c }) {
|
|
|
36749
36749
|
disabled: !b,
|
|
36750
36750
|
"aria-label": "Send comment",
|
|
36751
36751
|
className: p0(
|
|
36752
|
-
"tcm
|
|
36753
|
-
b ? "tcm
|
|
36752
|
+
"tcm-hidden tcm-lg:tcm-flex tcm-shrink-0 tcm-w-9 tcm-h-9 tcm-rounded-full tcm-items-center tcm-justify-center tcm-transition-all tcm-duration-150",
|
|
36753
|
+
b ? "tcm-opacity-100 tcm-scale-100" : "tcm-opacity-40 tcm-scale-95 tcm-cursor-not-allowed"
|
|
36754
36754
|
),
|
|
36755
36755
|
style: { background: b ? "var(--love-red)" : "var(--muted)" },
|
|
36756
|
-
children: /* @__PURE__ */ a(m0, { size: 16, className: "tcm
|
|
36756
|
+
children: /* @__PURE__ */ a(m0, { size: 16, className: "tcm-text-white" })
|
|
36757
36757
|
}
|
|
36758
36758
|
)
|
|
36759
36759
|
] })
|
|
@@ -36774,7 +36774,7 @@ function p_({
|
|
|
36774
36774
|
{
|
|
36775
36775
|
onClick: c,
|
|
36776
36776
|
className: p0(
|
|
36777
|
-
"tcm
|
|
36777
|
+
"tcm-w-7 tcm-h-7 tcm-flex tcm-items-center tcm-justify-center tcm-rounded-full tcm-transition-colors",
|
|
36778
36778
|
n
|
|
36779
36779
|
),
|
|
36780
36780
|
style: { color: "var(--muted-foreground)" },
|
|
@@ -36796,8 +36796,8 @@ function k_({
|
|
|
36796
36796
|
{
|
|
36797
36797
|
onClick: n,
|
|
36798
36798
|
className: p0(
|
|
36799
|
-
"tcm
|
|
36800
|
-
c ? "tcm
|
|
36799
|
+
"tcm-w-10 tcm-h-10 tcm-flex tcm-items-center tcm-justify-center tcm-rounded-full tcm-transition-colors",
|
|
36800
|
+
c ? "tcm-bg-muted" : "tcm-hover:tcm-bg-muted"
|
|
36801
36801
|
),
|
|
36802
36802
|
style: { color: c ? "var(--foreground)" : "var(--muted-foreground)" },
|
|
36803
36803
|
"aria-label": o,
|
|
@@ -36837,7 +36837,7 @@ function x11({
|
|
|
36837
36837
|
"div",
|
|
36838
36838
|
{
|
|
36839
36839
|
className: p0(
|
|
36840
|
-
"tcm-root tcm
|
|
36840
|
+
"tcm-root tcm-flex tcm-flex-col tcm-h-full tcm-w-full tcm-overflow-x-hidden tcm-font-sans tcm-antialiased",
|
|
36841
36841
|
k === "dark" && "dark",
|
|
36842
36842
|
h
|
|
36843
36843
|
),
|
|
@@ -36847,20 +36847,20 @@ function x11({
|
|
|
36847
36847
|
/* @__PURE__ */ s(
|
|
36848
36848
|
"header",
|
|
36849
36849
|
{
|
|
36850
|
-
className: "tcm
|
|
36850
|
+
className: "tcm-sticky tcm-top-0 tcm-z-10 tcm-border-b tcm-border-border tcm-px-3 tcm-sm:tcm-px-4 tcm-pt-3 tcm-sm:tcm-pt-4 tcm-pb-0",
|
|
36851
36851
|
style: { background: "var(--background)" },
|
|
36852
36852
|
children: [
|
|
36853
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36854
|
-
/* @__PURE__ */ s("h2", { className: "tcm
|
|
36853
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-justify-between tcm-mb-3", children: [
|
|
36854
|
+
/* @__PURE__ */ s("h2", { className: "tcm-text-base tcm-font-bold tcm-text-foreground", children: [
|
|
36855
36855
|
C.toLocaleString(),
|
|
36856
36856
|
" comments"
|
|
36857
36857
|
] }),
|
|
36858
|
-
/* @__PURE__ */ s("div", { className: "tcm
|
|
36858
|
+
/* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-1", children: [
|
|
36859
36859
|
/* @__PURE__ */ a(
|
|
36860
36860
|
"button",
|
|
36861
36861
|
{
|
|
36862
36862
|
onClick: () => L((g) => !g),
|
|
36863
|
-
className: "tcm
|
|
36863
|
+
className: "tcm-w-8 tcm-h-8 tcm-flex tcm-items-center tcm-justify-center tcm-rounded-full tcm-text-muted-foreground tcm-hover:tcm-text-foreground tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
36864
36864
|
"aria-label": "Search comments",
|
|
36865
36865
|
children: /* @__PURE__ */ a(t1, { size: 18 })
|
|
36866
36866
|
}
|
|
@@ -36868,7 +36868,7 @@ function x11({
|
|
|
36868
36868
|
/* @__PURE__ */ a(
|
|
36869
36869
|
"button",
|
|
36870
36870
|
{
|
|
36871
|
-
className: "tcm
|
|
36871
|
+
className: "tcm-w-8 tcm-h-8 tcm-flex tcm-items-center tcm-justify-center tcm-rounded-full tcm-text-muted-foreground tcm-hover:tcm-text-foreground tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
36872
36872
|
"aria-label": "Sort comments",
|
|
36873
36873
|
children: /* @__PURE__ */ a(L0, { size: 18 })
|
|
36874
36874
|
}
|
|
@@ -36876,15 +36876,15 @@ function x11({
|
|
|
36876
36876
|
/* @__PURE__ */ a(
|
|
36877
36877
|
"button",
|
|
36878
36878
|
{
|
|
36879
|
-
className: "tcm
|
|
36879
|
+
className: "tcm-w-8 tcm-h-8 tcm-flex tcm-items-center tcm-justify-center tcm-rounded-full tcm-text-muted-foreground tcm-hover:tcm-text-foreground tcm-hover:tcm-bg-muted tcm-transition-colors",
|
|
36880
36880
|
"aria-label": "Close comments",
|
|
36881
36881
|
children: /* @__PURE__ */ a(D, { size: 18 })
|
|
36882
36882
|
}
|
|
36883
36883
|
)
|
|
36884
36884
|
] })
|
|
36885
36885
|
] }),
|
|
36886
|
-
w && /* @__PURE__ */ s("div", { className: "tcm
|
|
36887
|
-
/* @__PURE__ */ a(t1, { size: 14, className: "tcm
|
|
36886
|
+
w && /* @__PURE__ */ s("div", { className: "tcm-flex tcm-items-center tcm-gap-2 tcm-bg-input tcm-rounded-xl tcm-px-3 tcm-py-2 tcm-mb-3", children: [
|
|
36887
|
+
/* @__PURE__ */ a(t1, { size: 14, className: "tcm-text-muted-foreground tcm-shrink-0" }),
|
|
36888
36888
|
/* @__PURE__ */ a(
|
|
36889
36889
|
"input",
|
|
36890
36890
|
{
|
|
@@ -36892,16 +36892,16 @@ function x11({
|
|
|
36892
36892
|
value: x,
|
|
36893
36893
|
onChange: (g) => I(g.target.value),
|
|
36894
36894
|
placeholder: "Search comments…",
|
|
36895
|
-
className: "tcm
|
|
36895
|
+
className: "tcm-flex-1 tcm-bg-transparent tcm-text-sm tcm-text-foreground tcm-placeholder:tcm-text-muted-foreground tcm-outline-none"
|
|
36896
36896
|
}
|
|
36897
36897
|
),
|
|
36898
|
-
x && /* @__PURE__ */ a("button", { onClick: () => I(""), "aria-label": "Clear search", children: /* @__PURE__ */ a(D, { size: 14, className: "tcm
|
|
36898
|
+
x && /* @__PURE__ */ a("button", { onClick: () => I(""), "aria-label": "Clear search", children: /* @__PURE__ */ a(D, { size: 14, className: "tcm-text-muted-foreground tcm-hover:tcm-text-foreground" }) })
|
|
36899
36899
|
] }),
|
|
36900
|
-
!w && /* @__PURE__ */ a("div", { className: "tcm
|
|
36900
|
+
!w && /* @__PURE__ */ a("div", { className: "tcm-flex tcm-gap-1", children: ["top", "recent"].map((g) => /* @__PURE__ */ a(
|
|
36901
36901
|
"button",
|
|
36902
36902
|
{
|
|
36903
36903
|
onClick: () => M(g),
|
|
36904
|
-
className: `tcm
|
|
36904
|
+
className: `tcm-px-4 tcm-py-2 tcm-text-sm tcm-font-semibold tcm-capitalize tcm-rounded-t-lg tcm-transition-colors tcm-border-b-2 ${f === g ? "tcm-border-foreground tcm-text-foreground" : "tcm-border-transparent tcm-text-muted-foreground tcm-hover:tcm-text-foreground"}`,
|
|
36905
36905
|
children: g
|
|
36906
36906
|
},
|
|
36907
36907
|
g
|
|
@@ -36912,12 +36912,12 @@ function x11({
|
|
|
36912
36912
|
/* @__PURE__ */ a(
|
|
36913
36913
|
"main",
|
|
36914
36914
|
{
|
|
36915
|
-
className: "tcm
|
|
36915
|
+
className: "tcm-flex-1 tcm-overflow-y-auto tcm-pb-2 tcm-no-scrollbar",
|
|
36916
36916
|
"aria-label": "Comments list",
|
|
36917
|
-
children: R.length === 0 ? /* @__PURE__ */ s("div", { className: "tcm
|
|
36918
|
-
/* @__PURE__ */ a(t1, { size: 32, className: "tcm
|
|
36919
|
-
/* @__PURE__ */ a("p", { className: "tcm
|
|
36920
|
-
] }) : /* @__PURE__ */ a("ul", { children: R.map((g) => /* @__PURE__ */ a("li", { className: "tcm
|
|
36917
|
+
children: R.length === 0 ? /* @__PURE__ */ s("div", { className: "tcm-flex tcm-flex-col tcm-items-center tcm-justify-center tcm-py-20 tcm-text-muted-foreground tcm-gap-2", children: [
|
|
36918
|
+
/* @__PURE__ */ a(t1, { size: 32, className: "tcm-opacity-30" }),
|
|
36919
|
+
/* @__PURE__ */ a("p", { className: "tcm-text-sm", children: "No comments found" })
|
|
36920
|
+
] }) : /* @__PURE__ */ a("ul", { children: R.map((g) => /* @__PURE__ */ a("li", { className: "tcm-border-b tcm-border-border/40 tcm-last:tcm-border-0", children: /* @__PURE__ */ a(
|
|
36921
36921
|
r11,
|
|
36922
36922
|
{
|
|
36923
36923
|
comment: g,
|