@farming-labs/astro-theme 0.2.45 → 0.2.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/astro-theme",
-  "version": "0.2.45",
+  "version": "0.2.46",
   "description": "Astro UI components for @farming-labs/docs — layout, sidebar, TOC, search, and theme toggle",
   "keywords": [
     "astro",
@@ -119,8 +119,8 @@
   },
   "dependencies": {
     "sugar-high": "^0.9.5",
-    "@farming-labs/docs": "0.2.45",
-    "@farming-labs/astro": "0.2.45"
+    "@farming-labs/docs": "0.2.46",
+    "@farming-labs/astro": "0.2.46"
   },
   "peerDependencies": {
     "astro": ">=4.0.0"

package/src/components/DocsPage.astro

@@ -679,11 +679,16 @@ const localizedParentUrl = withLang(parentUrl);
         trigger.addEventListener('click', () => {
           const val = trigger.getAttribute('data-tab-value');
           tabs.querySelectorAll('.fd-tab-trigger').forEach(t => {
-            t.classList.toggle('fd-tab-active', t.getAttribute('data-tab-value') === val);
-            t.setAttribute('aria-selected', String(t.getAttribute('data-tab-value') === val));
+            const active = t.getAttribute('data-tab-value') === val;
+            t.classList.toggle('fd-tab-active', active);
+            t.setAttribute('aria-selected', String(active));
+            t.setAttribute('data-state', active ? 'active' : 'inactive');
+            t.setAttribute('tabindex', active ? '0' : '-1');
           });
           tabs.querySelectorAll('.fd-tab-panel').forEach(p => {
-            p.classList.toggle('fd-tab-panel-active', p.getAttribute('data-tab-panel') === val);
+            const active = p.getAttribute('data-tab-panel') === val;
+            p.classList.toggle('fd-tab-panel-active', active);
+            p.setAttribute('data-state', active ? 'active' : 'inactive');
           });
         });
       });