@dreamlake/dockit 0.2.24 → 0.2.26

package/dist/components/CodeBlock.js

@@ -99,7 +99,7 @@ function CodeBlock({ children, filename, lang }) {
           "div",
           {
             className: "absolute top-0 right-0 z-10 flex items-center opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity duration-150",
-            style: { gap: 6, padding: embedded ? "3px 8px" : "8px 8px", isolation: "isolate" },
+            style: { gap: embedded ? 8 : 6, padding: embedded ? "3px 0 3px 8px" : "8px 8px", isolation: "isolate" },
             children: [
               /* @__PURE__ */ jsx(
                 "span",

package/dist/components/CodeTabs.js

@@ -12,7 +12,7 @@ function CodeTabs({ children, "aria-label": label = "Code examples" }) {
   const id = useId();
   const buttons = useRef([]);
   if (!examples.length) return null;
-  return /* @__PURE__ */ jsx("div", { "data-code-tabs": true, className: "dockit-code-tabs group relative", children: /* @__PURE__ */ jsxs(Tabs, { value: String(active), onValueChange: (value) => setSelected(Number(value)), children: [
+  return /* @__PURE__ */ jsx("div", { "data-code-tabs": true, "data-first-active": active === 0, className: "dockit-code-tabs group relative", children: /* @__PURE__ */ jsxs(Tabs, { value: String(active), onValueChange: (value) => setSelected(Number(value)), children: [
     /* @__PURE__ */ jsx("div", { className: "dockit-code-tabs-header", children: /* @__PURE__ */ jsx(TabsList, { "aria-label": label, className: "dockit-code-tabs-list border-0 font-doc-template-ui", children: examples.map((example, index) => /* @__PURE__ */ jsx(
       TabsTrigger,
       {

package/dist/components/Topbar.js

@@ -288,7 +288,7 @@ function Topbar({ searchOpen, onOpenSearch, onCloseSearch, query, setQuery }) {
         // dropdown sitting just below it.
         backdropFilter: searchOpen ? "none" : "saturate(140%) blur(8px)",
         WebkitBackdropFilter: searchOpen ? "none" : "saturate(140%) blur(8px)",
-        background: searchOpen ? "transparent" : "var(--color-doc-template-bg)",
+        background: "transparent",
         boxShadow: searchOpen ? "none" : "0 1px 0 var(--color-doc-template-faint)",
         transition: "background 0.25s ease, box-shadow 0.25s ease"
       },

package/dist/components/mdx-components.js

@@ -135,7 +135,8 @@ const H2 = ({ id, children, style, ...rest }) => /* @__PURE__ */ jsxs(Fragment,
         paddingBottom: 8,
         gap: 8,
         lineHeight: 1.2,
-        backgroundColor: "color-mix(in srgb, var(--color-doc-template-bg) 92%, transparent)",
+        // Let the actual page surface show through, including custom themes.
+        backgroundColor: "transparent",
         backdropFilter: "saturate(140%) blur(8px)",
         WebkitBackdropFilter: "saturate(140%) blur(8px)",
         ...style

package/dist/styles.css

@@ -383,13 +383,13 @@
    their code/control state but are absent from keyboard and accessibility flow. */
 .dockit-code-tabs {
   margin: 18px 0 22px;
-  border-radius: var(--radius-doc-template);
+  border-radius: 6px 6px var(--radius-doc-template) var(--radius-doc-template);
   overflow: hidden;
 }
 .dockit-code-tabs-header {
   background: var(--color-doc-template-bg);
   min-height: 30px;
-  padding: 0 156px 0 12px;
+  padding: 0 156px 0 0;
 }
 .dockit-code-tabs-list { overflow-x: auto; min-height: 30px; gap: 2px; }
 /* Raised file-tab geometry follows Studio's chat TabStrip. UIKit supplies the
@@ -402,8 +402,10 @@
   background: transparent;
   line-height: 18px;
 }
+.dockit-code-tabs-list [role='tab']:first-child { margin-left: 0; }
 .dockit-code-tabs-list [role='tab'][aria-selected='false']:hover {
   border-color: var(--color-doc-template-faint);
+  border-bottom-color: transparent;
   color: var(--color-doc-template-ink);
 }
 .dockit-code-tabs-list [role='tab'][aria-selected='true'] {
@@ -423,4 +425,5 @@
   border-radius: var(--radius-doc-template);
   background: var(--color-doc-template-code);
 }
+.dockit-code-tabs[data-first-active='true'] [role='tabpanel'] { border-top-left-radius: 0; }
 .dockit-code-tabs [role='tabpanel'][hidden] { display: none; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamlake/dockit",
-  "version": "0.2.24",
+  "version": "0.2.26",
   "description": "The DreamLake documentation shell — Vike + React + Tailwind v4 + MDX docs framework with sidebar, TOC, search, and theming",
   "license": "MIT",
   "type": "module",