@mast-ai/react-ui 0.1.0 → 0.1.2

package/dist/mentions/MentionPicker.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { MentionItem } from './types';
+import type { MentionItem } from './types.js';
 /**
  * Props accepted by {@link MentionPicker}. Exported for consumers building
  * a bespoke compound input on top of {@link useMentions}.
@@ -21,7 +21,7 @@ export interface MentionPickerProps<T = unknown> {
     renderItem?: (item: MentionItem<T>, isActive: boolean) => ReactNode;
 }
 /**
- * Floating popover rendered above {@link import('../components/ChatInput').ChatInput}
+ * Floating popover rendered above {@link import('../components/ChatInput.js').ChatInput}
  * when an in-progress mention has at least one filtered item.
  *
  * Uses `role="listbox"` with `role="option"` rows so screen readers announce

package/dist/mentions/index.d.ts

@@ -1,6 +1,6 @@
-export type { MentionItem, MentionSegment, MentionsConfig } from './types';
-export { buildInlineMentionPrompt, extractMentionQuery, removeMentionTrigger } from './utils';
-export { useMentions } from './useMentions';
-export type { UseMentionsReturn } from './useMentions';
-export { MentionPicker } from './MentionPicker';
-export type { MentionPickerProps } from './MentionPicker';
+export type { MentionItem, MentionSegment, MentionsConfig } from './types.js';
+export { buildInlineMentionPrompt, extractMentionQuery, removeMentionTrigger } from './utils.js';
+export { useMentions } from './useMentions.js';
+export type { UseMentionsReturn } from './useMentions.js';
+export { MentionPicker } from './MentionPicker.js';
+export type { MentionPickerProps } from './MentionPicker.js';

package/dist/mentions/useMentions.d.ts

@@ -1,5 +1,5 @@
 import type { KeyboardEvent } from 'react';
-import type { MentionItem, MentionSegment, MentionsConfig } from './types';
+import type { MentionItem, MentionSegment, MentionsConfig } from './types.js';
 /**
  * Return shape of {@link useMentions}.
  *

package/dist/mentions/utils.d.ts

@@ -1,4 +1,4 @@
-import type { MentionSegment } from './types';
+import type { MentionSegment } from './types.js';
 /**
  * Returns the query suffix at the end of `input` if the user is currently
  * typing an in-progress mention, or `null` otherwise.

package/dist/styles.css

@@ -300,9 +300,6 @@
   border-radius: var(--mast-radius);
   padding: 0.5rem 0.75rem;
   font-size: var(--mast-text-sm);
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
 }
 
 .mast-tool-call-block[data-streaming='true'] .mast-tool-call-block-status {
@@ -331,6 +328,31 @@
   display: flex;
   align-items: center;
   gap: 0.5rem;
+  cursor: pointer;
+  list-style: none;
+  user-select: none;
+}
+
+.mast-tool-call-block-header::-webkit-details-marker {
+  display: none;
+}
+
+.mast-tool-call-block-chevron {
+  display: inline-block;
+  width: 0.75rem;
+  color: var(--mast-fg-muted);
+  transition: transform 0.15s ease;
+}
+
+.mast-tool-call-block[open] > .mast-tool-call-block-header > .mast-tool-call-block-chevron {
+  transform: rotate(90deg);
+}
+
+.mast-tool-call-block-body {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  margin-top: 0.5rem;
 }
 
 .mast-tool-call-block-status,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mast-ai/react-ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -34,7 +34,7 @@
     "format": "prettier --write src"
   },
   "peerDependencies": {
-    "@mast-ai/core": "^0.1.0",
+    "@mast-ai/core": "^0.1.2",
     "@tanstack/react-virtual": ">=3.0.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"