@movable/ui 4.3.0 → 4.4.0

package/lib/components/InkAiMessages/markdownComponents.d.ts

@@ -1,8 +1,9 @@
 import type { MarkdownToJSX } from 'markdown-to-jsx';
 /**
  * Mapping passed to <Markdown options={{ overrides }} /> so markdown nodes
- * inherit MUI typography/colors instead of browser defaults. Keeps the
- * Movable Ink AI assistant brand styling (blue.800 inline link, semi-bold
- * strong, body2 paragraphs, disc lists with 4px item gap).
+ * inherit MUI typography/colors instead of browser defaults. Mirrors the
+ * Movable Ink AI assistant markdown spec (Figma 22-3582): subtitle1/subtitle2
+ * semi-bold headings, body2 paragraphs & lists (6px item gap), primary.dark
+ * inline links, and compact InkDataGrid-style tables.
  */
 export declare const markdownComponents: MarkdownToJSX.Overrides;

package/lib/components/InkAiPromptInput/InkAiPromptInput.d.ts

@@ -0,0 +1,28 @@
+import { SxProps, Theme } from '@mui/material';
+export type InkAiPromptInputProps = {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string) => void;
+    isGenerating?: boolean;
+    onStop?: () => void;
+    disabled?: boolean;
+    placeholder?: string;
+    autoFocus?: boolean;
+    /**
+     * Stable name for the input. Generated via `useId()` if omitted — supply
+     * explicitly when rendering multiple instances on the same page or when the
+     * consumer needs a predictable selector.
+     */
+    name?: string;
+    className?: string;
+    sx?: SxProps<Theme>;
+};
+/**
+ * Single-line counterpart to {@link InkAiChatInput}: a fixed-height row with
+ * just the input and send button. Shares the glow, gradient border, and send
+ * button chrome with the chat composer. Use it for compact, single-message
+ * prompts (subject lines, quick asks) where chips, scope, and attach / mention
+ * are not needed.
+ */
+declare const InkAiPromptInput: import("react").ForwardRefExoticComponent<InkAiPromptInputProps & import("react").RefAttributes<HTMLDivElement>>;
+export { InkAiPromptInput };

package/lib/components/InkAiPromptInput/index.d.ts

@@ -0,0 +1 @@
+export { InkAiPromptInput, type InkAiPromptInputProps, } from './InkAiPromptInput';

package/lib/components/aiInputShared/AiInputGlobalStyles.d.ts

@@ -0,0 +1 @@
+export declare function AiInputGlobalStyles(): import("react/jsx-runtime").JSX.Element;

package/lib/components/aiInputShared/SendButton.d.ts

@@ -0,0 +1,8 @@
+export type SendButtonState = 'active' | 'disabled' | 'generating';
+type SendButtonProps = {
+    state: SendButtonState;
+    onSubmit: () => void;
+    onStop?: () => void;
+};
+export declare function SendButton({ state, onSubmit, onStop }: SendButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/aiInputShared/aiInputShared.d.ts

@@ -0,0 +1,24 @@
+import { SxProps, Theme } from '@mui/material';
+import { SystemStyleObject } from '@mui/system';
+import type { SendButtonState } from './SendButton';
+export declare const INPUT_TEXT_SX: {
+    readonly fontSize: "14px";
+    readonly lineHeight: 1.43;
+    readonly letterSpacing: "0.17px";
+    readonly color: "text.primary";
+    readonly '&::placeholder': {
+        readonly color: "text.disabled";
+        readonly opacity: 1;
+    };
+};
+export declare const GLOW_HALO_SX: SxProps<Theme>;
+export declare const getBaseContainerSx: (theme: Theme, disabled: boolean) => SystemStyleObject<Theme>;
+export declare const useSubmitGlow: () => {
+    glowKey: number;
+    triggerGlow: () => void;
+};
+export declare const resolveSendState: ({ isGenerating, disabled, value, }: {
+    isGenerating: boolean;
+    disabled: boolean;
+    value: string;
+}) => SendButtonState;

package/lib/components/aiInputShared/index.d.ts

@@ -0,0 +1,3 @@
+export * from './aiInputShared';
+export { AiInputGlobalStyles } from './AiInputGlobalStyles';
+export { SendButton, type SendButtonState } from './SendButton';

package/lib/components/index.d.ts

@@ -14,6 +14,7 @@ export { InkToggleIconGroup, type InkToggleIconGroupProps, } from './InkToggleIc
 export { InkEmptyState } from './InkEmptyState';
 export { InkAttributeList } from './InkAttributeList';
 export { InkAiChatInput, type InkAiChatInputProps, type ChatChip, type ScopeOption, } from './InkAiChatInput';
+export { InkAiPromptInput, type InkAiPromptInputProps, } from './InkAiPromptInput';
 export { InkAiUserMessage, type InkAiUserMessageProps, InkAiAssistantMessage, type InkAiAssistantMessageProps, } from './InkAiMessages';
 export { InkAiThinkingIndicator, type InkAiThinkingIndicatorProps, InkAiReasoningHeader, type InkAiReasoningHeaderProps, InkAiReasoningContent, type InkAiReasoningContentProps, } from './InkAiReasoning';
 export { InkImage } from './InkImage';

package/lib/index.d.ts

@@ -417,6 +417,34 @@ export declare type InkAiChatInputProps = {
     sx?: SxProps<Theme_2>;
 };
 
+/**
+ * Single-line counterpart to {@link InkAiChatInput}: a fixed-height row with
+ * just the input and send button. Shares the glow, gradient border, and send
+ * button chrome with the chat composer. Use it for compact, single-message
+ * prompts (subject lines, quick asks) where chips, scope, and attach / mention
+ * are not needed.
+ */
+export declare const InkAiPromptInput: ForwardRefExoticComponent<InkAiPromptInputProps & RefAttributes<HTMLDivElement>>;
+
+export declare type InkAiPromptInputProps = {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string) => void;
+    isGenerating?: boolean;
+    onStop?: () => void;
+    disabled?: boolean;
+    placeholder?: string;
+    autoFocus?: boolean;
+    /**
+     * Stable name for the input. Generated via `useId()` if omitted — supply
+     * explicitly when rendering multiple instances on the same page or when the
+     * consumer needs a predictable selector.
+     */
+    name?: string;
+    className?: string;
+    sx?: SxProps<Theme_2>;
+};
+
 /**
  * Body slot for CopilotKit's CopilotChatReasoningMessage `contentView`
  * slot. Renders the streaming/static reasoning text in a left-bordered