Merge branch 'main' into dx-387/tailwind-compat

.changeset/wise-boats-flow.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': patch
+---
+
+Fix issue with nested `<Tabs>` components

.github/workflows/size-limit.yml

@@ -25,5 +25,5 @@ jobs:
         uses: andresz1/size-limit-action@dd31dce7dcc72a041fd3e49abf0502b13fc4ce05
         with:
           github_token: ${{ secrets.FREDKBOT_GITHUB_TOKEN }}
-          directory: docs/
+          build_script: 'build:examples'
           package_manager: pnpm

docs/package.json

@@ -6,7 +6,6 @@
   "scripts": {
     "test": "start-server-and-test preview http://localhost:3000 pa11y",
     "pa11y": "pa11y-ci --sitemap 'http://localhost:3000/sitemap-index.xml' --sitemap-find 'https://starlight.astro.build' --sitemap-replace 'http://localhost:3000'",
-    "size": "size-limit",
     "dev": "astro dev",
     "start": "astro dev",
     "build": "astro build",
@@ -15,35 +14,16 @@
   },
   "dependencies": {
     "@astrojs/starlight": "workspace:*",
-    "astro": "^2.10.3",
+    "astro": "^2.10.4",
     "sharp": "^0.32.3"
   },
   "devDependencies": {
-    "@size-limit/file": "^8.2.4",
     "hast-util-from-html": "^1.0.2",
     "hast-util-to-string": "^2.0.0",
     "hastscript": "^7.2.0",
     "pa11y-ci": "^3.0.1",
     "rehype": "^12.0.1",
-    "size-limit": "^8.2.4",
     "start-server-and-test": "^2.0.0",
     "unist-util-visit": "^4.1.2"
-  },
-  "size-limit": [
-    {
-      "name": "/index.html",
-      "path": "dist/index.html",
-      "limit": "14 kB"
-    },
-    {
-      "name": "/_astro/*.js",
-      "path": "dist/_astro/*.js",
-      "limit": "20 kB"
-    },
-    {
-      "name": "/_astro/*.css",
-      "path": "dist/_astro/*.css",
-      "limit": "10 kB"
-    }
-  ]
+  }
 }

docs/src/content/docs/es/showcase.md

@@ -23,6 +23,7 @@ Starlight ya está siendo utilizado en producción. Estos son algunos de los sit
 - [xs-dev docs](https://xs-dev.js.org)
 - [Athena OS](https://www.athenaos.org)
 - [simple-fm](https://simple.arciniega.one)
+- [CommandKit](https://commandkit.underctrl.io)
 
 Consulta todos los [repositorios de proyectos públicos que utilizan Starlight en GitHub](https://github.com/withastro/starlight/network/dependents).
 

docs/src/content/docs/fr/showcase.md

@@ -23,6 +23,7 @@ Starlight est déjà utilisé en production. Voici quelques sites sur le web :
 - [xs-dev docs](https://xs-dev.js.org)
 - [Athena OS](https://www.athenaos.org)
 - [simple-fm](https://simple.arciniega.one)
+- [CommandKit](https://commandkit.underctrl.io)
 
 Voir [les dépôts de projets publics utilisant Starlight sur GitHub](https://github.com/withastro/starlight/network/dependents).
 

docs/src/content/docs/showcase.md

@@ -23,6 +23,7 @@ Starlight is already being used in production. These are some of the sites aroun
 - [xs-dev docs](https://xs-dev.js.org)
 - [Athena OS](https://www.athenaos.org)
 - [simple-fm](https://simple.arciniega.one)
+- [CommandKit](https://commandkit.underctrl.io)
 
 See all the [public project repos using Starlight on GitHub](https://github.com/withastro/starlight/network/dependents).
 

docs/src/content/docs/zh/showcase.md

@@ -22,6 +22,7 @@ Starlight 已投入生产。 这些是网络上的一些网站：
 - [xs-dev docs](https://xs-dev.js.org)
 - [Athena OS](https://www.athenaos.org)
 - [simple-fm](https://simple.arciniega.one)
+- [CommandKit](https://commandkit.underctrl.io)
 
 查看所有[在 GitHub 上使用 Starlight 的公共项目仓库](https://github.com/withastro/starlight/network/dependents)。
 

examples/basics/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@astrojs/starlight": "^0.6.1",
-    "astro": "^2.10.3",
+    "astro": "^2.10.4",
     "sharp": "^0.32.3"
   }
 }

package.json

@@ -4,16 +4,37 @@
   "version": "1.0.0",
   "description": "",
   "scripts": {
+    "build:examples": "pnpm --filter @example/* build",
+    "size": "size-limit",
     "version": "pnpm changeset version && pnpm i --no-frozen-lockfile",
     "format": "prettier -w --cache --plugin prettier-plugin-astro ."
   },
   "license": "MIT",
   "devDependencies": {
     "@changesets/changelog-github": "^0.4.8",
     "@changesets/cli": "^2.26.1",
-    "astro": "^2.10.3",
+    "@size-limit/file": "^8.2.4",
+    "astro": "^2.10.4",
     "prettier": "^3.0.0",
-    "prettier-plugin-astro": "^0.11.0"
+    "prettier-plugin-astro": "^0.11.0",
+    "size-limit": "^8.2.4"
   },
-  "packageManager": "[email protected]"
+  "packageManager": "[email protected]",
+  "size-limit": [
+    {
+      "name": "/index.html",
+      "path": "examples/basics/dist/index.html",
+      "limit": "14 kB"
+    },
+    {
+      "name": "/_astro/*.js",
+      "path": "examples/basics/dist/_astro/*.js",
+      "limit": "20 kB"
+    },
+    {
+      "name": "/_astro/*.css",
+      "path": "examples/basics/dist/_astro/*.css",
+      "limit": "10 kB"
+    }
+  ]
 }

packages/starlight/package.json

@@ -37,7 +37,7 @@
   "devDependencies": {
     "@types/node": "^18.16.19",
     "@vitest/coverage-v8": "^0.33.0",
-    "astro": "^2.10.3",
+    "astro": "^2.10.4",
     "vitest": "^0.33.0"
   },
   "dependencies": {

packages/starlight/user-components/Tabs.astro

@@ -77,7 +77,7 @@ const { html, panels } = processPanels(panelHtml);
 			super();
 			const tablist = this.querySelector<HTMLUListElement>('[role="tablist"]')!;
 			this.tabs = [...tablist.querySelectorAll<HTMLAnchorElement>('[role="tab"]')];
-			this.panels = [...this.querySelectorAll<HTMLElement>('[role="tabpanel"]')];
+			this.panels = [...this.querySelectorAll<HTMLElement>(':scope > [role="tabpanel"]')];
 
 			this.tabs.forEach((tab, i) => {
 				// Handle clicks for mouse users