From 95e7a5d6b41e2f59c4d62b8e0c5df6093a3200b7 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Tue, 3 Feb 2026 12:28:32 +0000
Subject: [PATCH 1/3] fix: correct package name copy tooltip hiding

---
 app/pages/package/[...package].vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index 2ecb60c3f..b2e9ac142 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -445,7 +445,7 @@ defineOgImageComponent('Package', {
               <button
                 type="button"
                 @click="copyPkgName()"
-                class="copy-button absolute z-20 left-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap text-fg-muted bg-bg border-border opacity-0 -translate-y-1 pointer-events-none transition-all duration-150 group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/40"
+                class="copy-button absolute z-20 left-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap text-fg-muted bg-bg border-border hidden opacity-0 -translate-y-1 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto group-hover:flex focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/40"
                 :aria-label="$t('package.copy_name')"
               >
                 <span class="i-carbon:copy w-3.5 h-3.5" aria-hidden="true" />
@@ -1191,6 +1191,13 @@ defineOgImageComponent('Package', {
   min-width: 0;
 }
 
+.copy-button {
+  transition:
+    opacity ease-in-out 0.15s,
+    display 0.15s;
+  transition-behavior: allow-discrete;
+}
+
 @media (hover: none) {
   .copy-button {
     display: none;

From cb0116a2d68803a2c744f50d4df2526b4dc567bf Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Tue, 3 Feb 2026 13:54:12 +0000
Subject: [PATCH 2/3] fix: improve a11y for copy button

---
 app/pages/package/[...package].vue | 31 +++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index b2e9ac142..0c2a914cc 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -445,7 +445,7 @@ defineOgImageComponent('Package', {
               <button
                 type="button"
                 @click="copyPkgName()"
-                class="copy-button absolute z-20 left-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap text-fg-muted bg-bg border-border hidden opacity-0 -translate-y-1 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto group-hover:flex focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/40"
+                class="copy-button absolute z-20 left-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap text-fg-muted bg-bg border-border opacity-0 -translate-y-1 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/40"
                 :aria-label="$t('package.copy_name')"
               >
                 <span class="i-carbon:copy w-3.5 h-3.5" aria-hidden="true" />
@@ -1192,12 +1192,37 @@ defineOgImageComponent('Package', {
 }
 
 .copy-button {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  width: 1px;
   transition:
-    opacity ease-in-out 0.15s,
-    display 0.15s;
+    opacity 0.25s 0.1s,
+    translate 0.15s 0.1s,
+    clip 0s 0.35s,
+    clip-path 0s 0.35s,
+    height 0s 0.35s,
+    width 0s 0.35s;
   transition-behavior: allow-discrete;
 }
 
+.group:hover .copy-button,
+.copy-button:focus-visible {
+  clip: auto;
+  clip-path: none;
+  height: auto;
+  overflow: visible;
+  width: auto;
+  transition:
+    opacity 0.15s,
+    translate 0.15s,
+    clip 0.15s,
+    clip-path 0s,
+    height 0s,
+    width 0s;
+}
+
 @media (hover: none) {
   .copy-button {
     display: none;

From 657caff13701625f4d1fba41392fdcbad843a1c1 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Tue, 3 Feb 2026 14:20:04 +0000
Subject: [PATCH 3/3] fix: fix transitions for bundler

---
 app/pages/package/[...package].vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index 0c2a914cc..364a224d8 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -1200,11 +1200,10 @@ defineOgImageComponent('Package', {
   transition:
     opacity 0.25s 0.1s,
     translate 0.15s 0.1s,
-    clip 0s 0.35s,
-    clip-path 0s 0.35s,
-    height 0s 0.35s,
-    width 0s 0.35s;
-  transition-behavior: allow-discrete;
+    clip 0.01s 0.34s allow-discrete,
+    clip-path 0.01s 0.34s allow-discrete,
+    height 0.01s 0.34s allow-discrete,
+    width 0.01s 0.34s allow-discrete;
 }
 
 .group:hover .copy-button,
@@ -1216,11 +1215,7 @@ defineOgImageComponent('Package', {
   width: auto;
   transition:
     opacity 0.15s,
-    translate 0.15s,
-    clip 0.15s,
-    clip-path 0s,
-    height 0s,
-    width 0s;
+    translate 0.15s;
 }
 
 @media (hover: none) {