@dreamlake/dockit 0.2.7 → 0.2.8

package/dist/components/TabStrip.js

@@ -51,7 +51,22 @@ function TabStrip() {
       ref: containerRef,
       "aria-label": "Documentation sections",
       className: "flex items-stretch relative m-0 p-0 list-none",
-      style: { height: "100%" },
+      style: {
+        height: "100%",
+        // Labels never wrap. A second line would grow this row and push
+        // the topbar past its fixed 40px, so each tab keeps its
+        // intrinsic width (`shrink-0` on the <li>) and the strip clips
+        // whatever no longer fits rather than reflowing.
+        //
+        // `clip`, not `hidden`: the underbar below sits at bottom:-13px,
+        // deliberately outside this box. Setting `overflow-x: hidden`
+        // makes CSS compute the still-`visible` overflow-y to `auto`,
+        // which would clip that bar away (and risk a stray scrollbar).
+        // `clip` is the one overflow value that leaves the other axis
+        // genuinely visible.
+        overflowX: "clip",
+        overflowY: "visible"
+      },
       onMouseLeave: () => setHovered(null),
       children: [
         visibleTabs.map((tab) => {
@@ -59,7 +74,7 @@ function TabStrip() {
           return /* @__PURE__ */ jsx(
             "li",
             {
-              className: "flex items-stretch",
+              className: "flex items-stretch shrink-0",
               onMouseEnter: () => setHovered(tab.id),
               children: /* @__PURE__ */ jsx(
                 "a",
@@ -76,6 +91,7 @@ function TabStrip() {
                     fontWeight: 600,
                     letterSpacing: "0.12em",
                     textTransform: "uppercase",
+                    whiteSpace: "nowrap",
                     color: isActive || hovered === tab.id ? "var(--color-doc-template-ink)" : "var(--color-doc-template-muted)",
                     cursor: "pointer",
                     transition: "color 0.18s ease"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dreamlake/dockit",
-  "version": "0.2.7",
-  "description": "The DreamLake documentation shell — Vike + React + Tailwind v4 + MDX docs framework with sidebar, TOC, search, and theming",
+  "version": "0.2.8",
+  "description": "The DreamLake documentation shell \u2014 Vike + React + Tailwind v4 + MDX docs framework with sidebar, TOC, search, and theming",
   "license": "MIT",
   "type": "module",
   "files": [
@@ -37,6 +37,10 @@
     },
     "./styles.css": "./dist/styles.css"
   },
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc --noEmit"
+  },
   "peerDependencies": {
     "@mdx-js/react": ">=3.0.0",
     "react": ">=19.0.0",
@@ -75,9 +79,5 @@
     "vite": "^7.0.0",
     "vite-plugin-dts": "^4.3.0",
     "tailwindcss": "^4.0.0"
-  },
-  "scripts": {
-    "build": "vite build",
-    "typecheck": "tsc --noEmit"
   }
-}
+}