@mcp-b/react-components 0.31.5 → 0.31.7

package/dist/styles/prompt-input.css

@@ -373,18 +373,18 @@
 }
 
 @container prompt-input (inline-size <= 36rem) {
-  .prompt-input__textarea {
-    font-size: var(--sigvelo-text-base);
-    line-height: var(--sigvelo-text-base-leading);
-  }
-
   .prompt-input__footer {
     gap: var(--sigvelo-spacing-1);
+    flex-wrap: wrap;
+  }
+
+  .prompt-input__footer-end {
+    margin-inline-start: auto;
   }
 
   .prompt-input__tools {
     min-inline-size: 0;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
   }
 
   .prompt-input__button[data-responsive-label] {
@@ -419,19 +419,6 @@
 }
 
 @container prompt-input (inline-size <= 22rem) {
-  .prompt-input__footer {
-    flex-wrap: wrap;
-  }
-
-  .prompt-input__tools {
-    flex: 1 1 100%;
-    flex-wrap: wrap;
-  }
-
-  .prompt-input__footer-end {
-    margin-inline-start: auto;
-  }
-
   .prompt-input__context-trigger {
     inline-size: var(--sigvelo-control-height-xs);
     padding-inline: 0;
@@ -677,7 +664,8 @@
 
   .prompt-input__button,
   .prompt-input__footer .button,
-  .prompt-input__attachment-remove {
+  .prompt-input__attachment-remove,
+  .prompt-input__reference.button {
     --sigvelo-recipe-button-height: var(--sigvelo-control-height-xl);
   }
 
@@ -689,6 +677,12 @@
   .prompt-input__permissions-trigger,
   .prompt-input__context-trigger {
     min-inline-size: var(--sigvelo-control-height-xl);
+    min-block-size: var(--sigvelo-control-height-xl);
+  }
+
+  .prompt-input__reference-remove {
+    position: static;
+    opacity: 1;
   }
 
   .prompt-input__attachment[data-image] .prompt-input__attachment-remove {

package/dist/styles/recipes.css

@@ -151,8 +151,7 @@
 }
 
 :where([data-recipe~="application-plane"]) {
-  margin-inline: var(--sigvelo-spacing-2);
-  margin-block-end: var(--sigvelo-spacing-2);
+  margin: var(--sigvelo-spacing-3);
   border-radius: var(--sigvelo-radius-lg);
   background: var(--sigvelo-color-surface);
   box-shadow: var(--sigvelo-elevation-floating);

package/dist/styles/think-full-app.css

@@ -289,15 +289,14 @@ body.is-resizing-side-panel .think-full-app__view-scope {
   .think-full-app .agent-chat__composer {
     padding-block: var(--sigvelo-spacing-2)
       max(var(--sigvelo-spacing-2), env(safe-area-inset-bottom, 0px));
-    padding-inline: max(var(--sigvelo-spacing-2), env(safe-area-inset-left, 0px))
-      max(var(--sigvelo-spacing-2), env(safe-area-inset-right, 0px));
+    padding-inline: max(var(--sigvelo-spacing-3), env(safe-area-inset-left, 0px))
+      max(var(--sigvelo-spacing-3), env(safe-area-inset-right, 0px));
   }
 
   .think-full-app .prompt-input {
     gap: var(--sigvelo-spacing-1);
     padding-block: var(--sigvelo-spacing-2);
     padding-inline: var(--sigvelo-spacing-2-5);
-    border-radius: var(--sigvelo-radius-lg);
   }
 
   .think-full-app .message__content {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.31.5",
+  "version": "0.31.7",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -58,7 +58,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.1",
-    "@mcp-b/design-tokens": "0.31.5"
+    "@mcp-b/design-tokens": "0.31.7"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.230",

package/dist/{icons-B1Qw05te.js → icons-B4mGvCvc.js}

@@ -1,8 +1,8 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
+import { jsx } from "react/jsx-runtime";
 import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Hash, Image, Info, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Target, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
 import { FaSlack } from "react-icons/fa6";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
-import { jsx } from "react/jsx-runtime";
 //#region src/components/_internal/icons.tsx
 function icon(Component) {
 	return function DesignSystemIcon({ size = 16, strokeWidth = 1.75, ...props }) {