@mcp-b/react-components 0.19.0 → 0.20.1

package/dist/components/Toolbar.js

@@ -1,4 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
@@ -30,11 +31,17 @@ function ToolbarRoot({ className, ref, ...props }) {
 /**
 * A clickable button within the toolbar.
 */
-function ToolbarButton({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("toolbar__button", className);
+function ToolbarButton({ unstyled = false, className, ref, ...props }) {
+	const classes = mergeBaseClassName(unstyled ? "toolbar__button" : buttonVariants({
+		variant: "ghost",
+		color: "neutral",
+		size: "sm",
+		className: "toolbar__button"
+	}), className);
 	return /* @__PURE__ */ jsx(Toolbar$1.Button, {
 		ref,
 		"data-slot": "toolbar-button",
+		"data-unstyled": unstyled ? "" : void 0,
 		className: classes,
 		...props
 	});
@@ -42,11 +49,17 @@ function ToolbarButton({ className, ref, ...props }) {
 /**
 * A link element within the toolbar.
 */
-function ToolbarLink({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("toolbar__link", className);
+function ToolbarLink({ unstyled = false, className, ref, ...props }) {
+	const classes = mergeBaseClassName(unstyled ? "toolbar__link" : buttonVariants({
+		variant: "ghost",
+		color: "neutral",
+		size: "sm",
+		className: "toolbar__link"
+	}), className);
 	return /* @__PURE__ */ jsx(Toolbar$1.Link, {
 		ref,
 		"data-slot": "toolbar-link",
+		"data-unstyled": unstyled ? "" : void 0,
 		className: classes,
 		...props
 	});

package/dist/components/WebPreview.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-DLGzHsjc.js";
+import { r as ButtonProps } from "../Button-yRInko9u.js";
 import * as React from "react";
 
 //#region src/components/WebPreview.d.ts

package/dist/components/Workspace.d.ts

@@ -1,2 +1,2 @@
-import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-Jez8ffUj.js";
+import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-CWtust-2.js";
 export { UseWorkspaceOptions, WorkspaceFileReadTarget, WorkspaceInfo, WorkspaceQueryKey, WorkspaceSource, WorkspaceState, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

package/dist/components/WorkspaceBrowser.d.ts

@@ -1,4 +1,4 @@
-import { o as WorkspaceState } from "../Workspace-Jez8ffUj.js";
+import { o as WorkspaceState } from "../Workspace-CWtust-2.js";
 import * as React from "react";
 
 //#region src/components/WorkspaceBrowser.d.ts

package/dist/components/WorkspaceExplorer.d.ts

@@ -1,5 +1,5 @@
 import { a as WorkspaceFileLinkProps, c as WorkspaceLinkResolution, d as WorkspaceNavigationProvider, f as WorkspaceNavigationProviderProps, i as WorkspaceFileLink, l as WorkspaceNavigationAdapter, n as WorkspaceDestination, o as WorkspaceInvalidDestination, p as resolveWorkspaceLink, r as WorkspaceExternalDestination, s as WorkspaceLinkBase, t as ResolveWorkspaceLinkOptions, u as WorkspaceNavigationEntry } from "../WorkspaceLink-O-EBKUJ8.js";
-import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset } from "../WorkspaceFile-CzyHnESE.js";
-import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-Jez8ffUj.js";
-import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-B9dQWNVK.js";
+import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset } from "../WorkspaceFile-D8Un_xge.js";
+import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-CWtust-2.js";
+import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-DGigwsgH.js";
 export { type ResolveWorkspaceLinkOptions, type UseWorkspaceOptions, type WorkspaceDestination, WorkspaceExplorer, WorkspaceExplorerProps, type WorkspaceExternalDestination, type WorkspaceFileAsset, type WorkspaceFileAssetRequest, type WorkspaceFileAssetResolver, WorkspaceFileLink, type WorkspaceFileLinkProps, type WorkspaceFileReadTarget, type WorkspaceFileState, type WorkspaceInfo, type WorkspaceInvalidDestination, type WorkspaceLinkBase, type WorkspaceLinkResolution, type WorkspaceMediaInfo, type WorkspaceMediaKind, type WorkspaceMediaTrack, type WorkspaceMediaTrackKind, type WorkspaceNavigationAdapter, type WorkspaceNavigationEntry, WorkspaceNavigationProvider, type WorkspaceNavigationProviderProps, type WorkspaceQueryKey, type WorkspaceSkillDocument, type WorkspaceSource, type WorkspaceState, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill, resolveWorkspaceLink, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

package/dist/components/WorkspaceExplorer.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-BYYeTQLf.js";
-import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./WorkspaceFile.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
 import { t as WorkspaceFileView } from "../WorkspaceFileView-CEdArlOT.js";
+import { t as mergeRefs } from "../merge-refs-KlanQB7A.js";
 import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/WorkspaceFile.d.ts

@@ -1,2 +1,2 @@
-import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename } from "../WorkspaceFile-CzyHnESE.js";
+import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename } from "../WorkspaceFile-D8Un_xge.js";
 export { WorkspaceFileAsset, WorkspaceFileAssetRequest, WorkspaceFileAssetResolver, WorkspaceFileState, WorkspaceMediaInfo, WorkspaceMediaKind, WorkspaceMediaTrack, WorkspaceMediaTrackKind, WorkspaceSkillDocument, getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill };

package/dist/components/WorkspaceFileView.d.ts

@@ -1,4 +1,4 @@
-import { i as WorkspaceFileState } from "../WorkspaceFile-CzyHnESE.js";
+import { i as WorkspaceFileState } from "../WorkspaceFile-D8Un_xge.js";
 import * as React from "react";
 
 //#region src/components/WorkspaceFileView.d.ts

package/dist/{copy-button-D7aAYA-2.d.ts → copy-button-BrvQ7z4W.d.ts}

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "./Button-DLGzHsjc.js";
+import { r as ButtonProps } from "./Button-yRInko9u.js";
 import * as React from "react";
 
 //#region src/components/_internal/copy-button.d.ts

package/dist/{merge-refs-DF_7w2x_.js → merge-refs-KlanQB7A.js}

@@ -15,4 +15,4 @@ function mergeRefs(...refs) {
 	};
 }
 //#endregion
-export { mergeRefs as n, assignRef as t };
+export { mergeRefs as t };

package/dist/styles/accordion.css

@@ -37,7 +37,7 @@
     color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
 }
 
-.accordion__trigger:hover:not(:disabled):not([data-disabled]) {
+.accordion__trigger:hover:not([data-disabled]) {
   background-color: var(--sigvelo-color-neutral-bg-subtle);
 }
 
@@ -46,7 +46,7 @@
   box-shadow: var(--sigvelo-recipe-focus-shadow);
 }
 
-.accordion__trigger:is(:disabled, [data-disabled]) {
+.accordion__trigger[data-disabled] {
   color: var(--sigvelo-color-text-muted);
   cursor: not-allowed;
 }
@@ -56,7 +56,7 @@
 
   font-family: inherit;
   font-size: var(--sigvelo-text-sm);
-  line-height: 1.625;
+  line-height: var(--sigvelo-leading-relaxed);
   color: var(--sigvelo-color-text-muted);
 }
 

package/dist/styles/activity.css

@@ -91,7 +91,7 @@
   gap: var(--sigvelo-spacing-1-5);
   font-size: var(--sigvelo-text-compact);
   color: var(--sigvelo-color-text);
-  line-height: 1.6;
+  line-height: var(--sigvelo-leading-body);
 }
 
 /* Second collapse level: the trigger reads as a plain item row; the panel is
@@ -118,7 +118,7 @@
   font-size: var(--sigvelo-text-compact);
   font-weight: inherit;
   color: var(--sigvelo-color-text);
-  line-height: 1.6;
+  line-height: var(--sigvelo-leading-body);
   text-align: start;
   cursor: pointer;
   transition: background-color var(--sigvelo-motion-duration-interaction)
@@ -164,7 +164,7 @@
 .activity__group-text {
   margin: 0;
   font-size: var(--sigvelo-text-compact);
-  line-height: 1.6;
+  line-height: var(--sigvelo-leading-body);
   color: var(--sigvelo-color-text-muted);
   white-space: pre-wrap;
   overflow-wrap: anywhere;
@@ -200,7 +200,7 @@
   margin: 0;
   font-family: var(--sigvelo-font-mono);
   font-size: var(--sigvelo-text-xs);
-  line-height: 1.6;
+  line-height: var(--sigvelo-leading-body);
   color: var(--sigvelo-color-text);
   white-space: pre-wrap;
   overflow-wrap: anywhere;

package/dist/styles/agent-chat.css

@@ -200,7 +200,7 @@
   margin: 0;
   overflow-wrap: anywhere;
   font-size: var(--sigvelo-text-sm);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
 }
 
 .agent-chat__turn-error-actions {

package/dist/styles/agent-connection.css

@@ -36,7 +36,7 @@
   color: var(--sigvelo-color-text);
   font-size: var(--sigvelo-text-sm);
   font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1.2;
+  line-height: var(--sigvelo-leading-tight);
   letter-spacing: 0;
 }
 
@@ -124,7 +124,7 @@
 .agent-connect .code-block__content,
 .agent-connect .code-block__content--highlighted pre.shiki {
   font-size: var(--sigvelo-text-xs);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
 }
 
 .agent-connect__mcp-form {
@@ -145,7 +145,7 @@
   color: var(--sigvelo-color-text-muted);
   font-size: var(--sigvelo-text-xs);
   font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
   overflow-wrap: anywhere;
 }
 

package/dist/styles/agent-tool-detail.css

@@ -30,7 +30,7 @@
   overflow-wrap: anywhere;
   color: var(--sigvelo-color-text-muted);
   font-size: var(--sigvelo-text-xs);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
 }
 
 .agent-tool-detail__error {

package/dist/styles/alert-dialog.css

@@ -28,32 +28,11 @@
   inset-block-start: 50%;
   inset-inline-start: 50%;
   translate: -50% -50%;
-  scale: 1;
   z-index: 50;
   inline-size: calc(100% - var(--sigvelo-control-height-sm));
   max-inline-size: 28rem;
   max-block-size: calc(100dvb - var(--sigvelo-control-height-sm));
   overflow-block: auto;
-  transition:
-    opacity var(--sigvelo-motion-duration-presence) var(--sigvelo-motion-ease-change),
-    scale var(--sigvelo-motion-duration-presence) var(--sigvelo-motion-ease-enter);
-}
-
-.alert-dialog__popup[data-starting-style],
-.alert-dialog__popup[data-ending-style] {
-  opacity: 0;
-  scale: var(--sigvelo-motion-presence-scale);
-}
-
-:root[data-motion="reduce"] .alert-dialog__popup:is([data-starting-style], [data-ending-style]) {
-  scale: 1;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .alert-dialog__popup[data-starting-style],
-  .alert-dialog__popup[data-ending-style] {
-    scale: 1;
-  }
 }
 
 .alert-dialog__popup--sm {
@@ -67,7 +46,7 @@
 .alert-dialog__title {
   font-size: var(--sigvelo-text-base);
   font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
   color: var(--sigvelo-color-text);
   margin: 0 0 var(--sigvelo-spacing-1);
   text-wrap: balance;
@@ -87,91 +66,6 @@
   margin-block-end: var(--sigvelo-spacing-3);
 }
 
-.alert-dialog__footer {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  gap: var(--sigvelo-spacing-2);
-}
-
 .alert-dialog__media {
   margin-block-end: var(--sigvelo-spacing-3);
 }
-
-.alert-dialog__action {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-block-size: var(--sigvelo-recipe-control-height);
-  padding-block: 0;
-  padding-inline: var(--sigvelo-recipe-control-padding-inline);
-  font-family: inherit;
-  font-size: var(--sigvelo-recipe-control-font-size);
-  font-weight: var(--sigvelo-font-weight-semibold);
-  border: none;
-  border-radius: var(--sigvelo-radius-md);
-  cursor: pointer;
-  transition:
-    background-color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change),
-    color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change),
-    opacity var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
-}
-
-.alert-dialog__action:focus-visible {
-  outline: none;
-  box-shadow: var(--sigvelo-recipe-focus-shadow);
-}
-
-.alert-dialog__action:disabled {
-  cursor: not-allowed;
-  opacity: var(--sigvelo-recipe-disabled-opacity);
-}
-
-.alert-dialog__action--primary {
-  background-color: var(--sigvelo-color-primary-bg);
-  color: var(--sigvelo-color-primary-text-on-bg);
-}
-
-.alert-dialog__action--primary:hover:not(:disabled) {
-  background-color: color-mix(in oklab, var(--sigvelo-color-primary-bg), transparent 10%);
-}
-
-.alert-dialog__action--secondary {
-  background-color: var(--sigvelo-color-neutral-bg-subtle);
-  color: var(--sigvelo-color-neutral-text-on-subtle);
-}
-
-.alert-dialog__action--secondary:hover:not(:disabled) {
-  background-color: color-mix(in oklab, var(--sigvelo-color-neutral-bg-subtle), transparent 20%);
-}
-
-.alert-dialog__action--destructive {
-  background-color: var(--sigvelo-color-danger-bg);
-  color: var(--sigvelo-color-danger-text-on-bg);
-}
-
-.alert-dialog__action--destructive:hover:not(:disabled) {
-  background-color: color-mix(in oklab, var(--sigvelo-color-danger-bg), transparent 10%);
-}
-
-.alert-dialog__action--outline {
-  background-color: transparent;
-  color: var(--sigvelo-color-text);
-  border: var(--sigvelo-border-style) var(--sigvelo-border-width)
-    var(--sigvelo-color-neutral-border-muted);
-}
-
-.alert-dialog__action--outline:hover:not(:disabled) {
-  background-color: var(--sigvelo-color-neutral-bg-subtle);
-  color: var(--sigvelo-color-neutral-text-on-subtle);
-}
-
-.alert-dialog__action--ghost {
-  background-color: transparent;
-  color: var(--sigvelo-color-text);
-}
-
-.alert-dialog__action--ghost:hover:not(:disabled) {
-  background-color: var(--sigvelo-color-neutral-bg-subtle);
-  color: var(--sigvelo-color-neutral-text-on-subtle);
-}

package/dist/styles/approval.css

@@ -44,7 +44,7 @@
   color: var(--sigvelo-color-text-muted);
   font-family: var(--sigvelo-font-mono);
   font-size: var(--sigvelo-text-xs);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
 }
 
 .approval__preview-key {

package/dist/styles/artifact.css

@@ -53,16 +53,11 @@
   flex-shrink: 0;
 }
 
-.artifact__action,
-.artifact__close {
-  /* Inherits from Button variant=ghost size=icon; overrides only when needed */
-}
-
 .artifact__content {
   padding-block: var(--sigvelo-spacing-4);
   padding-inline: var(--sigvelo-spacing-4);
   font-size: var(--sigvelo-text-sm);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
   overflow-wrap: anywhere;
 }
 

package/dist/styles/badge.css

@@ -11,7 +11,7 @@
   font-family: inherit;
   font-size: var(--sigvelo-text-xs);
   font-weight: var(--sigvelo-font-weight-bold);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
   text-transform: uppercase;
   letter-spacing: 0.025em;
   border: var(--sigvelo-border-style) var(--sigvelo-border-width) transparent;
@@ -33,7 +33,7 @@
   box-shadow: var(--sigvelo-recipe-focus-shadow);
 }
 
-.badge:is([aria-invalid="true"], [data-invalid="true"], [data-invalid=""]) {
+.badge:is([aria-invalid="true"], [data-invalid]) {
   border-color: var(--sigvelo-color-danger-bg);
 }
 

package/dist/styles/base-ui-motion.css

@@ -24,23 +24,30 @@
   }
 }
 
-.base-ui-popup {
-  transform-origin: var(--transform-origin);
-  translate: 0;
+.base-ui-popup,
+.base-ui-modal-popup {
   scale: 1;
   transition:
     opacity var(--sigvelo-motion-duration-presence) var(--sigvelo-motion-ease-change),
-    scale var(--sigvelo-motion-duration-presence) var(--sigvelo-motion-ease-enter),
-    translate var(--sigvelo-motion-duration-presence) var(--sigvelo-motion-ease-enter);
+    scale var(--sigvelo-motion-duration-presence) var(--sigvelo-motion-ease-enter);
 }
 
-.base-ui-popup[data-starting-style],
-.base-ui-popup[data-ending-style] {
+.base-ui-popup {
+  transform-origin: var(--transform-origin);
+  translate: 0;
+  transition-property: opacity, scale, translate;
+  transition-duration: var(--sigvelo-motion-duration-presence);
+  transition-timing-function:
+    var(--sigvelo-motion-ease-change), var(--sigvelo-motion-ease-enter),
+    var(--sigvelo-motion-ease-enter);
+}
+
+:is(.base-ui-popup, .base-ui-modal-popup):is([data-starting-style], [data-ending-style]) {
   opacity: 0;
   scale: var(--sigvelo-motion-presence-scale);
 }
 
-.base-ui-popup[data-ending-style] {
+:is(.base-ui-popup, .base-ui-modal-popup)[data-ending-style] {
   transition-timing-function: var(--sigvelo-motion-ease-exit);
 }
 
@@ -77,23 +84,29 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .base-ui-popup {
+  :is(.base-ui-popup, .base-ui-modal-popup) {
     transition-duration: var(--sigvelo-duration-reduced);
   }
 
-  .base-ui-popup[data-starting-style],
-  .base-ui-popup[data-ending-style] {
+  :is(.base-ui-popup, .base-ui-modal-popup):is([data-starting-style], [data-ending-style]) {
     scale: 1;
+  }
+
+  .base-ui-popup:is([data-starting-style], [data-ending-style]) {
     translate: none;
   }
 }
 
-:root[data-motion="reduce"] .base-ui-popup {
+:root[data-motion="reduce"] :is(.base-ui-popup, .base-ui-modal-popup) {
   transition-duration: var(--sigvelo-duration-reduced);
 }
 
-:root[data-motion="reduce"] .base-ui-popup:is([data-starting-style], [data-ending-style]) {
+:root[data-motion="reduce"]
+  :is(.base-ui-popup, .base-ui-modal-popup):is([data-starting-style], [data-ending-style]) {
   scale: 1;
+}
+
+:root[data-motion="reduce"] .base-ui-popup:is([data-starting-style], [data-ending-style]) {
   translate: none;
 }
 

package/dist/styles/base.css

@@ -17,7 +17,7 @@ body {
   position: relative;
   font-family: var(--sigvelo-font-sans);
   font-size: var(--sigvelo-text-base);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
   color: var(--sigvelo-color-text);
   background-color: var(--sigvelo-color-canvas);
   -webkit-font-smoothing: antialiased;

package/dist/styles/browser-run-panel.css

@@ -57,14 +57,14 @@
   color: var(--sigvelo-color-primary-text);
   font-size: var(--sigvelo-text-3xs);
   font-weight: var(--sigvelo-font-weight-bold);
-  line-height: 1;
+  line-height: var(--sigvelo-leading-none);
 }
 
 .browser-run-panel__tab-title {
   overflow: hidden;
   max-inline-size: 100%;
   font-size: var(--sigvelo-text-xs);
-  line-height: 1.2;
+  line-height: var(--sigvelo-leading-tight);
   text-overflow: ellipsis;
   white-space: nowrap;
 }

package/dist/styles/button.css

@@ -18,7 +18,7 @@
   font-family: inherit;
   font-size: var(--sigvelo-recipe-button-font-size);
   font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
   text-decoration: none;
   border-radius: var(--sigvelo-recipe-button-radius);
   translate: 0;
@@ -49,8 +49,8 @@
 }
 
 .button[data-disabled] {
-  pointer-events: none;
   opacity: var(--sigvelo-recipe-disabled-opacity);
+  cursor: not-allowed;
 }
 
 /* Normal appearance */

package/dist/styles/chain-of-thought.css

@@ -68,7 +68,7 @@
 .chain-of-thought__step-description {
   font-size: var(--sigvelo-text-xs);
   color: var(--sigvelo-color-text-muted);
-  line-height: 1.5;
+  line-height: var(--sigvelo-leading-normal);
 }
 
 .chain-of-thought__step-children {

package/dist/styles/chatgpt-sign-in-screen.css

@@ -84,7 +84,7 @@
   color: var(--sigvelo-color-text-muted);
   font-size: var(--sigvelo-text-sm);
   font-weight: var(--sigvelo-font-weight-semibold);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
 }
 
 .chatgpt-sign-in__brand-mark,

package/dist/styles/checkbox.css

@@ -33,11 +33,11 @@
   border-color: var(--sigvelo-color-primary-bg);
 }
 
-.checkbox:is([aria-invalid="true"], [data-invalid="true"], [data-invalid=""]) {
+.checkbox:is([aria-invalid="true"], [data-invalid]) {
   border-color: var(--sigvelo-color-danger-bg);
 }
 
-.checkbox:is([aria-invalid="true"], [data-invalid="true"], [data-invalid=""]):focus-visible {
+.checkbox:is([aria-invalid="true"], [data-invalid]):focus-visible {
   box-shadow: var(--sigvelo-recipe-invalid-focus-shadow);
 }
 

package/dist/styles/codex-model-selector.css

@@ -23,7 +23,7 @@
   font-family: inherit;
   font-size: var(--sigvelo-control-text-md);
   font-weight: var(--sigvelo-font-weight-normal);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
   isolation: isolate;
 }
 
@@ -135,7 +135,7 @@
   color: var(--sigvelo-color-text-muted);
   font-size: var(--sigvelo-control-text-sm);
   font-weight: var(--sigvelo-font-weight-normal);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
 }
 
 .codex-model-selector__submenu-trigger::after {
@@ -167,7 +167,7 @@
 .codex-model-selector__option-description {
   margin-block-start: var(--sigvelo-spacing-0-5);
   font-size: var(--sigvelo-control-text-sm);
-  line-height: 1.25;
+  line-height: var(--sigvelo-leading-compact);
 }
 
 .codex-model-selector__option-indicator {

package/dist/styles/collapsible.css

@@ -28,7 +28,7 @@
     border-color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
 }
 
-.collapsible__trigger:hover {
+.collapsible__trigger:hover:not([data-disabled]) {
   background-color: var(--sigvelo-color-neutral-bg-subtle);
 }
 

package/dist/styles/context.css

@@ -3,7 +3,7 @@
   font-family: inherit;
 }
 
-/* Bare ring icon — undo the popover__trigger pill chrome. */
+/* Bare ring icon owns its trigger chrome. */
 .context__trigger {
   display: inline-flex;
   align-items: center;