@farming-labs/docs 0.2.129 → 0.2.130

package/dist/native-api-reference.mjs

@@ -142,9 +142,9 @@ function renderOperation(operation, options) {
       </div>
       <aside class="fl-api-code-panel" aria-label="Request example and interactive console" data-console-root>
         <div class="fl-api-code-header">
-          <div class="fl-api-code-tabs" role="tablist" aria-label="Request tools">
-            <button id="example-tab-${escapeAttribute(operation.slug)}" type="button" role="tab" aria-selected="true" aria-controls="example-panel-${escapeAttribute(operation.slug)}" tabindex="0" data-console-tab="example">cURL</button>
-            <button id="console-tab-${escapeAttribute(operation.slug)}" type="button" role="tab" aria-selected="false" aria-controls="console-panel-${escapeAttribute(operation.slug)}" tabindex="-1" data-console-tab="console">Try it</button>
+          <div class="fl-api-code-tabs fd-tabs-list" role="tablist" aria-label="Request tools">
+            <button id="example-tab-${escapeAttribute(operation.slug)}" type="button" role="tab" class="fd-tabs-trigger" aria-selected="true" aria-controls="example-panel-${escapeAttribute(operation.slug)}" tabindex="0" data-console-tab="example">cURL</button>
+            <button id="console-tab-${escapeAttribute(operation.slug)}" type="button" role="tab" class="fd-tabs-trigger" aria-selected="false" aria-controls="console-panel-${escapeAttribute(operation.slug)}" tabindex="-1" data-console-tab="console">Try it</button>
           </div>
           <button type="button" class="fl-api-copy" data-copy="${escapeAttribute(curl)}" data-example-copy aria-label="Copy cURL request">Copy</button>
         </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/docs",
-  "version": "0.2.129",
+  "version": "0.2.130",
   "description": "Modern, flexible MDX-based docs framework — core types, config, and CLI",
   "keywords": [
     "docs",

package/styles/themes/shadcn.css

@@ -949,7 +949,7 @@ aside#nd-sidebar button.text-fd-muted-foreground,
 }
 
 .fd-tabs-list,
-[role="tablist"] {
+.fd-tabs > [role="tablist"] {
   border: 0 !important;
   border-bottom: 1px solid var(--color-fd-border) !important;
   border-radius: 0 !important;
@@ -960,7 +960,7 @@ aside#nd-sidebar button.text-fd-muted-foreground,
 
 .fd-tabs-trigger,
 .fd-tab-trigger,
-[role="tab"] {
+.fd-tabs > [role="tablist"] > [role="tab"] {
   border: 0 !important;
   border-bottom: 2px solid transparent !important;
   border-radius: 0 !important;
@@ -974,17 +974,18 @@ aside#nd-sidebar button.text-fd-muted-foreground,
 }
 
 .fd-tabs-trigger[data-state="active"],
+.fd-tabs-trigger[aria-selected="true"],
 .fd-tab-trigger[data-state="active"],
 .fd-tab-trigger.fd-tab-active,
-[role="tab"][aria-selected="true"],
-[role="tab"][data-active="true"] {
+.fd-tabs > [role="tablist"] > [role="tab"][aria-selected="true"],
+.fd-tabs > [role="tablist"] > [role="tab"][data-active="true"] {
   border-bottom-color: var(--color-fd-foreground) !important;
   color: var(--color-fd-foreground) !important;
 }
 
 .fd-tabs-trigger:focus-visible,
 .fd-tab-trigger:focus-visible,
-[role="tab"]:focus-visible {
+.fd-tabs > [role="tablist"] > [role="tab"]:focus-visible {
   outline: 2px solid var(--color-fd-ring) !important;
   outline-offset: -2px !important;
 }