@burdenoff/website-sdk 2026.828.1 → 2026.828.2

package/dist/index.mjs

@@ -6570,7 +6570,11 @@ function ExploreCta({
     onNavigate(href);
   };
   const classes = {
-    header: "inline-flex items-center gap-1.5 rounded-full bg-gradient-to-r from-primary to-primary/70 px-3.5 py-1.5 text-sm font-medium text-primary-foreground shadow-sm transition-opacity hover:opacity-90",
+    // `shrink-0` matters: this sits in a host header's flex row, and without it the
+    // surrounding nav gets squeezed and its links wrap onto two lines. The label is hidden
+    // below 2xl for the same reason — most product headers are already close to full at
+    // 1440px, and a 90px pill there pushes them over.
+    header: "inline-flex shrink-0 items-center gap-1.5 rounded-full bg-gradient-to-r from-primary to-primary/70 px-2.5 py-1.5 text-sm font-medium text-primary-foreground shadow-sm transition-opacity hover:opacity-90 2xl:px-3.5",
     mobile: "inline-flex w-full items-center gap-2 rounded-lg border border-border bg-card px-3 py-2 text-sm font-medium text-card-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
     floating: "fixed bottom-5 right-5 z-40 inline-flex items-center gap-2 rounded-full bg-gradient-to-r from-primary to-primary/70 px-4 py-3 text-sm font-medium text-primary-foreground shadow-lg transition-opacity hover:opacity-90"
   };
@@ -6603,7 +6607,16 @@ function ExploreCta({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: cn(variant === "floating" && "hidden sm:inline"), children: label })
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              variant === "floating" && "hidden sm:inline",
+              variant === "header" && "hidden 2xl:inline"
+            ),
+            children: label
+          }
+        )
       ]
     }
   );