@mcp-b/react-components 0.43.0 → 0.44.1

package/dist/styles/description-list.css

@@ -22,6 +22,31 @@
   text-align: end;
 }
 
+.description-list[data-align="start"] .description-list__item {
+  justify-content: start;
+  align-items: first baseline;
+}
+
+.description-list[data-align="start"] .description-list__item:has(:is(input, textarea)) {
+  align-items: center;
+}
+
+.description-list[data-align="start"] .description-list__term {
+  flex: none;
+  min-inline-size: 9ch;
+}
+
+.description-list[data-align="start"] .description-list__term :is(label, .field__label) {
+  font: inherit;
+  color: inherit;
+}
+
+.description-list[data-align="start"] .description-list__details {
+  flex: 1;
+  min-inline-size: 0;
+  text-align: start;
+}
+
 .description-list[data-variant="divided"] {
   gap: 0;
   border-block: var(--sigvelo-border-style) var(--sigvelo-border-width)

package/dist/styles/index.css

@@ -90,6 +90,7 @@
 @import "./checkpoint.css" layer(components);
 @import "./code-block.css" layer(components);
 @import "./commit.css" layer(components);
+@import "./connected-app-card.css" layer(components);
 @import "./context.css" layer(components);
 @import "./conversation.css" layer(components);
 @import "./conversation-tab-picker.css" layer(components);

package/dist/styles/think-routine-library.css

@@ -4,6 +4,34 @@
   background: var(--sigvelo-color-canvas);
 }
 
+.think-routine-library__editor {
+  position: relative;
+  block-size: 100%;
+  min-block-size: 0;
+  display: grid;
+  grid-template-rows: auto var(--sigvelo-layout-track-fill);
+  background: var(--sigvelo-color-canvas);
+}
+
+.think-routine-library__editor-error {
+  position: absolute;
+  z-index: 2;
+  inset-block-start: calc(var(--sigvelo-layout-chrome) + var(--sigvelo-layout-gutter));
+  inset-inline: 50% auto;
+  max-inline-size: min(32rem, calc(100% - var(--sigvelo-layout-gutter) * 2));
+  padding: var(--sigvelo-layout-cluster) var(--sigvelo-layout-gutter);
+  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
+    var(--sigvelo-color-danger-border-subtle);
+  border-radius: var(--sigvelo-radius-sm);
+  translate: -50% 0;
+  display: flex;
+  align-items: center;
+  gap: var(--sigvelo-spacing-2);
+  color: var(--sigvelo-color-danger-text);
+  background: var(--sigvelo-color-danger-bg-subtle);
+  font-size: var(--sigvelo-text-compact);
+}
+
 .think-routine-detail,
 .think-routine-form {
   container-type: inline-size;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.43.0",
+  "version": "0.44.1",
   "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": {
@@ -53,7 +53,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.43.0"
+    "@mcp-b/design-tokens": "0.44.1"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",