@farming-labs/theme 0.2.45 → 0.2.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/theme",
-  "version": "0.2.45",
+  "version": "0.2.46",
   "description": "Theme package for @farming-labs/docs — layout, provider, MDX components, and styles",
   "keywords": [
     "docs",
@@ -146,7 +146,7 @@
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
     "vitest": "^4.1.8",
-    "@farming-labs/docs": "0.2.45"
+    "@farming-labs/docs": "0.2.46"
   },
   "peerDependencies": {
     "@farming-labs/docs": ">=0.0.1",

package/styles/bundles/shared-framework.css

@@ -8704,6 +8704,15 @@ html.dark #nd-docs-layout[data-fd-framework] pre.shiki {
   border-radius: var(--radius, 12px) var(--radius, 12px) 0 0;
 }
 
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title-text,
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title figcaption {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 #nd-docs-layout[data-fd-framework] .fd-codeblock-title + .fd-copy-btn ~ pre {
   border-top-left-radius: 0 !important;
   border-top-right-radius: 0 !important;
@@ -8714,6 +8723,21 @@ html.dark #nd-docs-layout[data-fd-framework] pre.shiki {
   border-top-right-radius: 0 !important;
 }
 
+#nd-docs-layout[data-fd-framework] .fd-codeblock-actions {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  margin-left: auto;
+}
+
+#nd-docs-layout[data-fd-framework] .fd-codeblock-actions-floating {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  z-index: 2;
+}
+
 #nd-docs-layout[data-fd-framework] .fd-copy-btn {
   position: absolute;
   top: 4px;
@@ -8737,6 +8761,18 @@ html.dark #nd-docs-layout[data-fd-framework] pre.shiki {
     background 0.15s;
 }
 
+#nd-docs-layout[data-fd-framework] .fd-codeblock-actions .fd-copy-btn,
+#nd-docs-layout[data-fd-framework] .fd-codeblock-actions-floating .fd-copy-btn,
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title .fd-copy-btn {
+  position: static;
+  width: 28px;
+  height: 28px;
+}
+
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title .fd-copy-btn {
+  opacity: 1;
+}
+
 #nd-docs-layout[data-fd-framework] .fd-codeblock:hover .fd-copy-btn {
   opacity: 1;
 }
@@ -8787,7 +8823,8 @@ html.dark #nd-docs-layout[data-fd-framework] pre.shiki {
   color: var(--color-fd-foreground);
 }
 
-#nd-docs-layout[data-fd-framework] .fd-tab-trigger.fd-tab-active {
+#nd-docs-layout[data-fd-framework] .fd-tab-trigger.fd-tab-active,
+#nd-docs-layout[data-fd-framework] .fd-tab-trigger[data-state="active"] {
   color: var(--color-fd-foreground);
   font-weight: 600;
   border-bottom-color: var(--color-fd-primary);
@@ -8797,7 +8834,14 @@ html.dark #nd-docs-layout[data-fd-framework] pre.shiki {
   display: none;
 }
 
-#nd-docs-layout[data-fd-framework] .fd-tab-panel-active {
+#nd-docs-layout[data-fd-framework] .fd-tab-panel[data-state="inactive"],
+#nd-docs-layout[data-fd-framework] .fd-code-group-panel[data-state="inactive"] {
+  display: none;
+}
+
+#nd-docs-layout[data-fd-framework] .fd-tab-panel-active,
+#nd-docs-layout[data-fd-framework] .fd-tab-panel[data-state="active"],
+#nd-docs-layout[data-fd-framework] .fd-code-group-panel[data-state="active"] {
   display: block;
 }
 

package/styles/framework.css

@@ -1704,6 +1704,15 @@ html.dark #nd-docs-layout[data-fd-framework] pre.shiki {
   border-radius: var(--radius, 12px) var(--radius, 12px) 0 0;
 }
 
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title-text,
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title figcaption {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 #nd-docs-layout[data-fd-framework] .fd-codeblock-title + .fd-copy-btn ~ pre {
   border-top-left-radius: 0 !important;
   border-top-right-radius: 0 !important;
@@ -1714,6 +1723,21 @@ html.dark #nd-docs-layout[data-fd-framework] pre.shiki {
   border-top-right-radius: 0 !important;
 }
 
+#nd-docs-layout[data-fd-framework] .fd-codeblock-actions {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  margin-left: auto;
+}
+
+#nd-docs-layout[data-fd-framework] .fd-codeblock-actions-floating {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  z-index: 2;
+}
+
 #nd-docs-layout[data-fd-framework] .fd-copy-btn {
   position: absolute;
   top: 4px;
@@ -1737,6 +1761,18 @@ html.dark #nd-docs-layout[data-fd-framework] pre.shiki {
     background 0.15s;
 }
 
+#nd-docs-layout[data-fd-framework] .fd-codeblock-actions .fd-copy-btn,
+#nd-docs-layout[data-fd-framework] .fd-codeblock-actions-floating .fd-copy-btn,
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title .fd-copy-btn {
+  position: static;
+  width: 28px;
+  height: 28px;
+}
+
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title .fd-copy-btn {
+  opacity: 1;
+}
+
 #nd-docs-layout[data-fd-framework] .fd-codeblock:hover .fd-copy-btn {
   opacity: 1;
 }
@@ -1789,7 +1825,8 @@ html.dark #nd-docs-layout[data-fd-framework] pre.shiki {
   color: var(--color-fd-foreground);
 }
 
-#nd-docs-layout[data-fd-framework] .fd-tab-trigger.fd-tab-active {
+#nd-docs-layout[data-fd-framework] .fd-tab-trigger.fd-tab-active,
+#nd-docs-layout[data-fd-framework] .fd-tab-trigger[data-state="active"] {
   color: var(--color-fd-foreground);
   font-weight: 600;
   border-bottom-color: var(--color-fd-primary);
@@ -1799,7 +1836,14 @@ html.dark #nd-docs-layout[data-fd-framework] pre.shiki {
   display: none;
 }
 
-#nd-docs-layout[data-fd-framework] .fd-tab-panel-active {
+#nd-docs-layout[data-fd-framework] .fd-tab-panel[data-state="inactive"],
+#nd-docs-layout[data-fd-framework] .fd-code-group-panel[data-state="inactive"] {
+  display: none;
+}
+
+#nd-docs-layout[data-fd-framework] .fd-tab-panel-active,
+#nd-docs-layout[data-fd-framework] .fd-tab-panel[data-state="active"],
+#nd-docs-layout[data-fd-framework] .fd-code-group-panel[data-state="active"] {
   display: block;
 }
 

package/styles/hardline.css

@@ -603,6 +603,7 @@ aside button[class*="bg-fd-secondary"] {
 #nd-docs-layout article#nd-page figure.shiki figcaption,
 .fd-docs-content .fd-codeblock-title,
 #nd-docs-layout[data-fd-framework] .fd-codeblock-title {
+  box-sizing: border-box;
   min-height: 40px;
   padding: 8px 14px !important;
   border: 0 !important;
@@ -615,11 +616,47 @@ aside button[class*="bg-fd-secondary"] {
   line-height: 1.45;
 }
 
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title {
+  height: 40px;
+}
+
 .fd-docs-content figure.shiki:has(figcaption) > div:first-child::before,
 #nd-docs-layout article#nd-page figure.shiki:has(figcaption) > div:first-child::before {
   display: none;
 }
 
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title .fd-codeblock-title-text {
+  min-height: 0;
+  padding: 0 14px;
+  border: 0 !important;
+  background: transparent !important;
+  line-height: inherit;
+}
+
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title .fd-codeblock-actions {
+  margin-inline-end: -8px;
+}
+
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title .fd-copy-btn {
+  width: 24px !important;
+  height: 24px !important;
+  border: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  color: var(--color-fd-muted-foreground) !important;
+  opacity: 0 !important;
+}
+
+#nd-docs-layout[data-fd-framework] .fd-codeblock:hover .fd-codeblock-title .fd-copy-btn,
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title .fd-copy-btn:focus-visible {
+  opacity: 1 !important;
+}
+
+#nd-docs-layout[data-fd-framework] .fd-codeblock-title .fd-copy-btn:hover {
+  background: transparent !important;
+  color: var(--color-fd-foreground) !important;
+}
+
 .fd-docs-content figure.shiki > div[role="region"],
 #nd-docs-layout article#nd-page figure.shiki > div[role="region"],
 .fd-docs-content .fd-codeblock-content,