Merge remote-tracking branch 'origin/main' into fix-dialog-title

Author: ghostdevv

.github/workflows/autofix.yml

@@ -24,7 +24,7 @@ jobs:
         with:
           node-version: lts/*
 
-      - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c # 1e1c8eafbd745f64b1ef30a7d7ed7965034c486c
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # 4e1c8eafbd745f64b1ef30a7d7ed7965034c486c
         name: 🟧 Install pnpm
         with:
           cache: true

.github/workflows/ci.yml

@@ -31,7 +31,7 @@ jobs:
         with:
           node-version: lts/*
 
-      - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c # 1e1c8eafbd745f64b1ef30a7d7ed7965034c486c
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # 4e1c8eafbd745f64b1ef30a7d7ed7965034c486c
         name: 🟧 Install pnpm
         with:
           cache: true
@@ -53,7 +53,7 @@ jobs:
         with:
           node-version: lts/*
 
-      - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c # 1e1c8eafbd745f64b1ef30a7d7ed7965034c486c
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # 4e1c8eafbd745f64b1ef30a7d7ed7965034c486c
         name: 🟧 Install pnpm
         with:
           cache: true
@@ -75,7 +75,7 @@ jobs:
         with:
           node-version: lts/*
 
-      - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c # 1e1c8eafbd745f64b1ef30a7d7ed7965034c486c
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # 4e1c8eafbd745f64b1ef30a7d7ed7965034c486c
         name: 🟧 Install pnpm
         with:
           cache: true
@@ -103,7 +103,7 @@ jobs:
         with:
           node-version: lts/*
 
-      - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c # 1e1c8eafbd745f64b1ef30a7d7ed7965034c486c
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # 4e1c8eafbd745f64b1ef30a7d7ed7965034c486c
         name: 🟧 Install pnpm
         with:
           cache: true
@@ -142,7 +142,7 @@ jobs:
         with:
           node-version: lts/*
 
-      - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c # 1e1c8eafbd745f64b1ef30a7d7ed7965034c486c
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # 4e1c8eafbd745f64b1ef30a7d7ed7965034c486c
         name: 🟧 Install pnpm
         with:
           cache: true
@@ -172,7 +172,7 @@ jobs:
         with:
           node-version: lts/*
 
-      - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c # 1e1c8eafbd745f64b1ef30a7d7ed7965034c486c
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # 4e1c8eafbd745f64b1ef30a7d7ed7965034c486c
         name: 🟧 Install pnpm
         with:
           cache: true
@@ -200,7 +200,7 @@ jobs:
         with:
           node-version: lts/*
 
-      - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c # 1e1c8eafbd745f64b1ef30a7d7ed7965034c486c
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # 4e1c8eafbd745f64b1ef30a7d7ed7965034c486c
         name: 🟧 Install pnpm
         with:
           cache: true
@@ -225,7 +225,7 @@ jobs:
         with:
           node-version: lts/*
 
-      - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c # 1e1c8eafbd745f64b1ef30a7d7ed7965034c486c
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # 4e1c8eafbd745f64b1ef30a7d7ed7965034c486c
         name: 🟧 Install pnpm
         with:
           cache: true

.github/workflows/lunaria.yml

@@ -32,7 +32,7 @@ jobs:
         with:
           node-version: lts/*
 
-      - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c # 1e1c8eafbd745f64b1ef30a7d7ed7965034c486c
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # 4e1c8eafbd745f64b1ef30a7d7ed7965034c486c
         name: 🟧 Install pnpm
         with:
           cache: true

.github/workflows/welcome.yml

@@ -16,7 +16,7 @@ jobs:
     name: 🎉 Welcome new contributor
     steps:
       - name: 🎉 Welcome new contributor
-        uses: actions/github-script@60a0d83039c74a4aee543508d2ffcb1c3799cdea # v7.0.1
+        uses: actions/github-script@ed597411d8f924073f98dfc5c65a23a2325f34cd # v8.0.0
         with:
           script: |
             const pr = context.payload.pull_request;

app/components/Package/SkillsModal.vue

@@ -170,6 +170,7 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
             aria-hidden="true"
             :text="getWarningTooltip(skill)"
             to="#skills-modal"
+            defer
           >
             <span class="i-lucide:circle-alert w-3.5 h-3.5 text-amber-500" />
           </TooltipApp>

app/components/Tooltip/App.vue

@@ -8,6 +8,8 @@ const props = defineProps<{
   interactive?: boolean
   /** Teleport target for the tooltip content (defaults to 'body') */
   to?: string | HTMLElement
+  /** Whether to defer teleport rendering until after the component is mounted */
+  defer?: boolean
   /** Offset distance in pixels (default: 4) */
   offset?: number
 }>()
@@ -52,6 +54,7 @@ const tooltipAttrs = computed(() => {
     :position
     :interactive
     :to
+    :defer
     :offset
     :tooltip-attr="tooltipAttrs"
     @mouseenter="show"

app/components/Tooltip/Base.vue

@@ -17,6 +17,8 @@ const props = withDefaults(
     tooltipAttr?: HTMLAttributes
     /** Teleport target for the tooltip content (defaults to 'body') */
     to?: string | HTMLElement
+    /** Whether to defer teleport rendering until after the component is mounted */
+    defer?: boolean
     /** Offset distance in pixels (default: 4) */
     offset?: number
     /** Strategy for the tooltip - prefer fixed for sticky containers (defaults to 'absolute') */
@@ -46,7 +48,7 @@ const { floatingStyles } = useFloating(triggerRef, tooltipRef, {
   <div ref="triggerRef" class="inline-flex">
     <slot />
 
-    <Teleport :to="props.to">
+    <Teleport :to="props.to" :defer>
       <Transition
         enter-active-class="transition-opacity duration-150 motion-reduce:transition-none"
         leave-active-class="transition-opacity duration-100 motion-reduce:transition-none"

docs/content/2.guide/2.keyboard-shortcuts.md

@@ -7,30 +7,30 @@ navigation:
 
 npmx.dev supports keyboard navigation for faster browsing.
 
-## Use global shortcuts
+## Global shortcuts
 
-| Key | Action           |
-| --- | ---------------- |
-| `/` | Focus search bar |
-| `.` | Open code viewer |
+| Key | Action                   |
+| --- | ------------------------ |
+| `/` | Focus search bar         |
+| `?` | Highlight keyboard hints |
+| `,` | Open settings            |
+| `c` | Open compare             |
+
+::tip
+These shortcuts work anywhere on the site. Press `/` from any page to quickly search for a package.
+::
 
-## Navigate search results
+## Search results
 
 | Key                       | Action                |
 | ------------------------- | --------------------- |
 | `Arrow Up` / `Arrow Down` | Move through results  |
 | `Enter`                   | Open selected package |
 
-## Browse code
-
-When in the code viewer:
+## Package page
 
-| Key                       | Action             |
-| ------------------------- | ------------------ |
-| `Arrow Up` / `Arrow Down` | Navigate file tree |
-| `Enter`                   | Open selected file |
-| `Escape`                  | Close code viewer  |
-
-::tip
-These shortcuts work anywhere on the site. Press `/` from any page to quickly search for a package.
-::
+| Key | Action           |
+| --- | ---------------- |
+| `.` | Open code viewer |
+| `d` | Open docs        |
+| `c` | Compare package  |