indas-ui 0.1.1 → 0.1.2

package/dist/cjs/components/chat/index.js

@@ -10,10 +10,11 @@
 // Hosts that want the full assembly compose it themselves: SidePanel (from 'indas-ui/layout') for
 // the conversation rail, Messages for the transcript, MultimodalInput for the composer.
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatPromptNavigator = exports.MultimodalInput = exports.Messages = void 0;
+exports.ChatPromptNavigator = exports.DEFAULT_CHAT_ACCEPT = exports.MultimodalInput = exports.Messages = void 0;
 var ai_messages_1 = require("./ai-messages.js");
 Object.defineProperty(exports, "Messages", { enumerable: true, get: function () { return ai_messages_1.Messages; } });
 var multimodal_input_1 = require("./multimodal-input.js");
 Object.defineProperty(exports, "MultimodalInput", { enumerable: true, get: function () { return multimodal_input_1.MultimodalInput; } });
+Object.defineProperty(exports, "DEFAULT_CHAT_ACCEPT", { enumerable: true, get: function () { return multimodal_input_1.DEFAULT_CHAT_ACCEPT; } });
 var chat_prompt_navigator_1 = require("./chat-prompt-navigator.js");
 Object.defineProperty(exports, "ChatPromptNavigator", { enumerable: true, get: function () { return chat_prompt_navigator_1.ChatPromptNavigator; } });

package/dist/cjs/components/chat/multimodal-input.js

@@ -1,6 +1,7 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_CHAT_ACCEPT = void 0;
 exports.MultimodalInput = MultimodalInput;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
@@ -11,7 +12,9 @@ const react_1 = require("react");
 const lucide_react_1 = require("lucide-react");
 const utils_1 = require("../../lib/utils.js");
 const LanguageContext_1 = require("../../contexts/LanguageContext.js");
-function MultimodalInput({ onSubmit, onStop, isLoading = false, placeholder = 'Send a message...', allowFileUpload = true, compact = false, disabled = false, disabledReason }) {
+/** What the paperclip offers when the host does not say: images, PDFs and documents. */
+exports.DEFAULT_CHAT_ACCEPT = 'image/*,application/pdf,.doc,.docx,.txt';
+function MultimodalInput({ onSubmit, onStop, isLoading = false, placeholder = 'Send a message...', allowFileUpload = true, accept = exports.DEFAULT_CHAT_ACCEPT, multiple = true, attachLabel = 'Attach file', compact = false, disabled = false, disabledReason }) {
     // Optional: the composer is exported for host apps that have no LanguageProvider, and falls
     // back to the English source text rather than throwing.
     const { t } = (0, LanguageContext_1.useOptionalLanguage)();
@@ -104,12 +107,14 @@ function MultimodalInput({ onSubmit, onStop, isLoading = false, placeholder = 'S
     };
     const handleFileSelect = (e) => {
         const selectedFiles = Array.from(e.target.files || []);
-        setFiles(prev => [...prev, ...selectedFiles]);
+        setFiles(prev => (multiple ? [...prev, ...selectedFiles] : selectedFiles.slice(0, 1)));
+        // Cleared so picking the same file again (after removing it) still fires a change.
+        e.target.value = '';
     };
     const removeFile = (index) => {
         setFiles(prev => prev.filter((_, i) => i !== index));
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("bg-[rgb(var(--bg-surface))] shrink-0", compact ? "px-1 py-1" : "border-t border-[rgb(var(--bd-default))] px-4 py-2.5"), children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-3xl mx-auto", children: [disabled && disabledReason && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-2 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/30 text-xs text-amber-700 dark:text-amber-400 flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }), (0, jsx_runtime_1.jsx)("span", { children: disabledReason })] })), files.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-2 mb-3", children: files.map((file, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 bg-[rgb(var(--bg-app))] border border-[rgb(var(--bd-default))] rounded-lg text-sm", children: [file.type.startsWith('image/') ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Image, { className: "w-4 h-4 text-[rgb(var(--fg-muted))]" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.FileIcon, { className: "w-4 h-4 text-[rgb(var(--fg-muted))]" })), (0, jsx_runtime_1.jsx)("span", { className: "text-[rgb(var(--fg-default))] truncate max-w-[150px]", children: file.name }), (0, jsx_runtime_1.jsx)("button", { onClick: () => removeFile(index), className: "text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-3 h-3" }) })] }, index))) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("relative flex items-center gap-1 bg-[rgb(var(--bg-app))]/60 backdrop-blur-xl border border-[rgb(var(--bd-default))] shadow-lg transition-all duration-250 focus-within:border-[rgb(var(--color-primary))] focus-within:shadow-[0_0_0_4px_rgb(var(--color-primary)/0.12),0_20px_25px_-5px_rgba(0,0,0,0.15)] focus-within:-translate-y-px", compact ? "rounded-xl p-1.5" : "rounded-2xl p-2.5"), children: [allowFileUpload && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", multiple: true, accept: "image/*,application/pdf,.doc,.docx,.txt", onChange: handleFileSelect, className: "hidden" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => fileInputRef.current?.click(), className: "shrink-0 !min-h-0 w-9 h-9 rounded-lg flex items-center justify-center transition-colors text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-subtle))]", "aria-label": "Attach file", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Paperclip, { className: "w-4 h-4" }) })] })), (0, jsx_runtime_1.jsx)("textarea", { ref: textareaRef, "data-chat-input": true, value: input, onChange: (e) => setInput(e.target.value), onKeyDown: handleKeyDown, placeholder: disabled ? t('Conversation closed — start a new chat')
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("bg-[rgb(var(--bg-surface))] shrink-0", compact ? "px-1 py-1" : "border-t border-[rgb(var(--bd-default))] px-4 py-2.5"), children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-3xl mx-auto", children: [disabled && disabledReason && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-2 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/30 text-xs text-amber-700 dark:text-amber-400 flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }), (0, jsx_runtime_1.jsx)("span", { children: disabledReason })] })), files.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-2 mb-3", children: files.map((file, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2 bg-[rgb(var(--bg-app))] border border-[rgb(var(--bd-default))] rounded-lg text-sm", children: [file.type.startsWith('image/') ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Image, { className: "w-4 h-4 text-[rgb(var(--fg-muted))]" })) : /\.(xlsx|xls|csv)$/i.test(file.name) ? ((0, jsx_runtime_1.jsx)(lucide_react_1.FileSpreadsheet, { className: "w-4 h-4 text-[rgb(var(--fg-muted))]" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.FileIcon, { className: "w-4 h-4 text-[rgb(var(--fg-muted))]" })), (0, jsx_runtime_1.jsx)("span", { className: "text-[rgb(var(--fg-default))] truncate max-w-[150px]", children: file.name }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => removeFile(index), "aria-label": `Remove ${file.name}`, className: "text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-3 h-3" }) })] }, index))) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("relative flex items-center gap-1 bg-[rgb(var(--bg-app))]/60 backdrop-blur-xl border border-[rgb(var(--bd-default))] shadow-lg transition-all duration-250 focus-within:border-[rgb(var(--color-primary))] focus-within:shadow-[0_0_0_4px_rgb(var(--color-primary)/0.12),0_20px_25px_-5px_rgba(0,0,0,0.15)] focus-within:-translate-y-px", compact ? "rounded-xl p-1.5" : "rounded-2xl p-2.5"), children: [allowFileUpload && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", multiple: multiple, accept: accept, onChange: handleFileSelect, className: "hidden" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => fileInputRef.current?.click(), className: "shrink-0 !min-h-0 w-9 h-9 rounded-lg flex items-center justify-center transition-colors text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-subtle))]", "aria-label": attachLabel, title: attachLabel, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Paperclip, { className: "w-4 h-4" }) })] })), (0, jsx_runtime_1.jsx)("textarea", { ref: textareaRef, "data-chat-input": true, value: input, onChange: (e) => setInput(e.target.value), onKeyDown: handleKeyDown, placeholder: disabled ? t('Conversation closed — start a new chat')
                                 : isListening ? t('Listening...')
                                     : placeholder, disabled: isListening || disabled, autoFocus: !disabled, rows: 1, className: (0, utils_1.cn)('flex-1 bg-transparent text-[rgb(var(--fg-default))] placeholder:text-[rgb(var(--fg-muted))]', 'resize-none outline-none text-sm', compact ? 'px-2 py-1.5 max-h-[120px]' : 'px-3 py-2.5 max-h-[200px]', 'overflow-y-auto', disabled && 'cursor-not-allowed') }), speechSupported && ((0, jsx_runtime_1.jsx)("button", { onClick: handleVoiceInput, className: (0, utils_1.cn)('shrink-0 !min-h-0 w-9 h-9 rounded-lg flex items-center justify-center transition-colors', isListening
                                 ? 'text-red-500 bg-red-500/10 animate-pulse'

package/dist/components/chat/index.d.ts

@@ -1,5 +1,5 @@
 export { Messages } from './ai-messages.js';
 export type { SelectableItem } from './ai-messages.js';
-export { MultimodalInput } from './multimodal-input.js';
+export { MultimodalInput, DEFAULT_CHAT_ACCEPT } from './multimodal-input.js';
 export { ChatPromptNavigator } from './chat-prompt-navigator.js';
 export type { Message, Conversation, UIDataEntry, UIDataItem, TokenUsage } from '../../lib/api/ai/types.js';

package/dist/components/chat/index.js

@@ -9,5 +9,5 @@
 // Hosts that want the full assembly compose it themselves: SidePanel (from 'indas-ui/layout') for
 // the conversation rail, Messages for the transcript, MultimodalInput for the composer.
 export { Messages } from './ai-messages.js';
-export { MultimodalInput } from './multimodal-input.js';
+export { MultimodalInput, DEFAULT_CHAT_ACCEPT } from './multimodal-input.js';
 export { ChatPromptNavigator } from './chat-prompt-navigator.js';

package/dist/components/chat/multimodal-input.d.ts

@@ -1,12 +1,23 @@
+/** What the paperclip offers when the host does not say: images, PDFs and documents. */
+export declare const DEFAULT_CHAT_ACCEPT = "image/*,application/pdf,.doc,.docx,.txt";
 interface MultimodalInputProps {
     onSubmit: (text: string, files?: File[]) => void;
     onStop?: () => void;
     isLoading?: boolean;
     placeholder?: string;
     allowFileUpload?: boolean;
+    /**
+     * File types the paperclip offers, as an `<input accept>` list. Defaults to
+     * DEFAULT_CHAT_ACCEPT; a host that reads spreadsheets adds `.xlsx,.xls,.csv`.
+     */
+    accept?: string;
+    /** Allow several files at once. Default true; false keeps one attachment, replacing the last. */
+    multiple?: boolean;
+    /** Screen-reader name of the paperclip. Default "Attach file". */
+    attachLabel?: string;
     compact?: boolean;
     disabled?: boolean;
     disabledReason?: string;
 }
-export declare function MultimodalInput({ onSubmit, onStop, isLoading, placeholder, allowFileUpload, compact, disabled, disabledReason }: MultimodalInputProps): import("react").JSX.Element;
+export declare function MultimodalInput({ onSubmit, onStop, isLoading, placeholder, allowFileUpload, accept, multiple, attachLabel, compact, disabled, disabledReason }: MultimodalInputProps): import("react").JSX.Element;
 export {};

package/dist/components/chat/multimodal-input.js

@@ -5,10 +5,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Chat input with auto-expanding textarea, file upload, and voice input
  */
 import { useState, useRef, useEffect, useCallback } from 'react';
-import { Send, Paperclip, Mic, MicOff, X, FileIcon, Image as ImageIcon } from 'lucide-react';
+import { Send, Paperclip, Mic, MicOff, X, FileIcon, FileSpreadsheet, Image as ImageIcon } from 'lucide-react';
 import { cn } from '../../lib/utils.js';
 import { useOptionalLanguage } from '../../contexts/LanguageContext.js';
-export function MultimodalInput({ onSubmit, onStop, isLoading = false, placeholder = 'Send a message...', allowFileUpload = true, compact = false, disabled = false, disabledReason }) {
+/** What the paperclip offers when the host does not say: images, PDFs and documents. */
+export const DEFAULT_CHAT_ACCEPT = 'image/*,application/pdf,.doc,.docx,.txt';
+export function MultimodalInput({ onSubmit, onStop, isLoading = false, placeholder = 'Send a message...', allowFileUpload = true, accept = DEFAULT_CHAT_ACCEPT, multiple = true, attachLabel = 'Attach file', compact = false, disabled = false, disabledReason }) {
     // Optional: the composer is exported for host apps that have no LanguageProvider, and falls
     // back to the English source text rather than throwing.
     const { t } = useOptionalLanguage();
@@ -101,12 +103,14 @@ export function MultimodalInput({ onSubmit, onStop, isLoading = false, placehold
     };
     const handleFileSelect = (e) => {
         const selectedFiles = Array.from(e.target.files || []);
-        setFiles(prev => [...prev, ...selectedFiles]);
+        setFiles(prev => (multiple ? [...prev, ...selectedFiles] : selectedFiles.slice(0, 1)));
+        // Cleared so picking the same file again (after removing it) still fires a change.
+        e.target.value = '';
     };
     const removeFile = (index) => {
         setFiles(prev => prev.filter((_, i) => i !== index));
     };
-    return (_jsx("div", { className: cn("bg-[rgb(var(--bg-surface))] shrink-0", compact ? "px-1 py-1" : "border-t border-[rgb(var(--bd-default))] px-4 py-2.5"), children: _jsxs("div", { className: "max-w-3xl mx-auto", children: [disabled && disabledReason && (_jsxs("div", { className: "mb-2 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/30 text-xs text-amber-700 dark:text-amber-400 flex items-center gap-2", children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }), _jsx("span", { children: disabledReason })] })), files.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: files.map((file, index) => (_jsxs("div", { className: "flex items-center gap-2 px-3 py-2 bg-[rgb(var(--bg-app))] border border-[rgb(var(--bd-default))] rounded-lg text-sm", children: [file.type.startsWith('image/') ? (_jsx(ImageIcon, { className: "w-4 h-4 text-[rgb(var(--fg-muted))]" })) : (_jsx(FileIcon, { className: "w-4 h-4 text-[rgb(var(--fg-muted))]" })), _jsx("span", { className: "text-[rgb(var(--fg-default))] truncate max-w-[150px]", children: file.name }), _jsx("button", { onClick: () => removeFile(index), className: "text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] transition-colors", children: _jsx(X, { className: "w-3 h-3" }) })] }, index))) })), _jsxs("div", { className: cn("relative flex items-center gap-1 bg-[rgb(var(--bg-app))]/60 backdrop-blur-xl border border-[rgb(var(--bd-default))] shadow-lg transition-all duration-250 focus-within:border-[rgb(var(--color-primary))] focus-within:shadow-[0_0_0_4px_rgb(var(--color-primary)/0.12),0_20px_25px_-5px_rgba(0,0,0,0.15)] focus-within:-translate-y-px", compact ? "rounded-xl p-1.5" : "rounded-2xl p-2.5"), children: [allowFileUpload && (_jsxs(_Fragment, { children: [_jsx("input", { ref: fileInputRef, type: "file", multiple: true, accept: "image/*,application/pdf,.doc,.docx,.txt", onChange: handleFileSelect, className: "hidden" }), _jsx("button", { onClick: () => fileInputRef.current?.click(), className: "shrink-0 !min-h-0 w-9 h-9 rounded-lg flex items-center justify-center transition-colors text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-subtle))]", "aria-label": "Attach file", children: _jsx(Paperclip, { className: "w-4 h-4" }) })] })), _jsx("textarea", { ref: textareaRef, "data-chat-input": true, value: input, onChange: (e) => setInput(e.target.value), onKeyDown: handleKeyDown, placeholder: disabled ? t('Conversation closed — start a new chat')
+    return (_jsx("div", { className: cn("bg-[rgb(var(--bg-surface))] shrink-0", compact ? "px-1 py-1" : "border-t border-[rgb(var(--bd-default))] px-4 py-2.5"), children: _jsxs("div", { className: "max-w-3xl mx-auto", children: [disabled && disabledReason && (_jsxs("div", { className: "mb-2 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/30 text-xs text-amber-700 dark:text-amber-400 flex items-center gap-2", children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }), _jsx("span", { children: disabledReason })] })), files.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 mb-3", children: files.map((file, index) => (_jsxs("div", { className: "flex items-center gap-2 px-3 py-2 bg-[rgb(var(--bg-app))] border border-[rgb(var(--bd-default))] rounded-lg text-sm", children: [file.type.startsWith('image/') ? (_jsx(ImageIcon, { className: "w-4 h-4 text-[rgb(var(--fg-muted))]" })) : /\.(xlsx|xls|csv)$/i.test(file.name) ? (_jsx(FileSpreadsheet, { className: "w-4 h-4 text-[rgb(var(--fg-muted))]" })) : (_jsx(FileIcon, { className: "w-4 h-4 text-[rgb(var(--fg-muted))]" })), _jsx("span", { className: "text-[rgb(var(--fg-default))] truncate max-w-[150px]", children: file.name }), _jsx("button", { type: "button", onClick: () => removeFile(index), "aria-label": `Remove ${file.name}`, className: "text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] transition-colors", children: _jsx(X, { className: "w-3 h-3" }) })] }, index))) })), _jsxs("div", { className: cn("relative flex items-center gap-1 bg-[rgb(var(--bg-app))]/60 backdrop-blur-xl border border-[rgb(var(--bd-default))] shadow-lg transition-all duration-250 focus-within:border-[rgb(var(--color-primary))] focus-within:shadow-[0_0_0_4px_rgb(var(--color-primary)/0.12),0_20px_25px_-5px_rgba(0,0,0,0.15)] focus-within:-translate-y-px", compact ? "rounded-xl p-1.5" : "rounded-2xl p-2.5"), children: [allowFileUpload && (_jsxs(_Fragment, { children: [_jsx("input", { ref: fileInputRef, type: "file", multiple: multiple, accept: accept, onChange: handleFileSelect, className: "hidden" }), _jsx("button", { onClick: () => fileInputRef.current?.click(), className: "shrink-0 !min-h-0 w-9 h-9 rounded-lg flex items-center justify-center transition-colors text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-subtle))]", "aria-label": attachLabel, title: attachLabel, children: _jsx(Paperclip, { className: "w-4 h-4" }) })] })), _jsx("textarea", { ref: textareaRef, "data-chat-input": true, value: input, onChange: (e) => setInput(e.target.value), onKeyDown: handleKeyDown, placeholder: disabled ? t('Conversation closed — start a new chat')
                                 : isListening ? t('Listening...')
                                     : placeholder, disabled: isListening || disabled, autoFocus: !disabled, rows: 1, className: cn('flex-1 bg-transparent text-[rgb(var(--fg-default))] placeholder:text-[rgb(var(--fg-muted))]', 'resize-none outline-none text-sm', compact ? 'px-2 py-1.5 max-h-[120px]' : 'px-3 py-2.5 max-h-[200px]', 'overflow-y-auto', disabled && 'cursor-not-allowed') }), speechSupported && (_jsx("button", { onClick: handleVoiceInput, className: cn('shrink-0 !min-h-0 w-9 h-9 rounded-lg flex items-center justify-center transition-colors', isListening
                                 ? 'text-red-500 bg-red-500/10 animate-pulse'

package/package.json

@@ -1,187 +1,187 @@
-{
-  "name": "indas-ui",
-  "version": "0.1.1",
-  "description": "Indas UI — React component library for business apps: Tailwind design tokens, Radix primitives, Lucide icons, DataGrid, dashboards and charts.",
-  "license": "MIT",
-  "author": "Indas Analytics Pvt Ltd",
-  "contributors": [
-    "Shreyansh Patidar",
-    "Abhinav"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ShreyanshPatidar/indas-ui.git",
-    "directory": "packages/indas-ui"
-  },
-  "homepage": "https://shreyanshpatidar.github.io/indas-ui",
-  "type": "module",
-  "main": "./dist/cjs/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/cjs/index.js"
-    },
-    "./ui": {
-      "types": "./dist/components/ui/index.d.ts",
-      "import": "./dist/components/ui/index.js",
-      "require": "./dist/cjs/components/ui/index.js"
-    },
-    "./layout": {
-      "types": "./dist/components/layout/index.d.ts",
-      "import": "./dist/components/layout/index.js",
-      "require": "./dist/cjs/components/layout/index.js"
-    },
-    "./datagrid": {
-      "types": "./dist/components/datagrid/index.d.ts",
-      "import": "./dist/components/datagrid/index.js",
-      "require": "./dist/cjs/components/datagrid/index.js"
-    },
-    "./dashboard": {
-      "types": "./dist/components/dashboard/index.d.ts",
-      "import": "./dist/components/dashboard/index.js",
-      "require": "./dist/cjs/components/dashboard/index.js"
-    },
-    "./charts": {
-      "types": "./dist/components/dashboard/charts/index.d.ts",
-      "import": "./dist/components/dashboard/charts/index.js",
-      "require": "./dist/cjs/components/dashboard/charts/index.js"
-    },
-    "./kpi": {
-      "types": "./dist/components/dashboard/kpi/index.d.ts",
-      "import": "./dist/components/dashboard/kpi/index.js",
-      "require": "./dist/cjs/components/dashboard/kpi/index.js"
-    },
-    "./modals": {
-      "types": "./dist/components/modals/index.d.ts",
-      "import": "./dist/components/modals/index.js",
-      "require": "./dist/cjs/components/modals/index.js"
-    },
-    "./forms": {
-      "types": "./dist/components/forms/index.d.ts",
-      "import": "./dist/components/forms/index.js",
-      "require": "./dist/cjs/components/forms/index.js"
-    },
-    "./chat": {
-      "types": "./dist/components/chat/index.d.ts",
-      "import": "./dist/components/chat/index.js",
-      "require": "./dist/cjs/components/chat/index.js"
-    },
-    "./providers": {
-      "types": "./dist/providers.d.ts",
-      "import": "./dist/providers.js",
-      "require": "./dist/cjs/providers.js"
-    },
-    "./tokens.css": "./dist/styles/tokens.css",
-    "./styles/*": "./dist/styles/*",
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "scripts": {
-    "build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json --resolve-full-paths && tsc -p tsconfig.build.cjs.json && tsc-alias -p tsconfig.build.cjs.json --resolve-full-paths && node scripts/copy-assets.mjs",
-    "dev": "node scripts/dev.mjs",
-    "type-check": "tsc --noEmit",
-    "prepublishOnly": "npm run build"
-  },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
-  "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@microsoft/signalr": "^10.0.0",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tanstack/react-query": "^5.90.10",
-    "@tanstack/react-query-devtools": "^5.90.2",
-    "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.12",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "echarts": "^6.0.0",
-    "echarts-for-react": "^3.0.5",
-    "exceljs": "^4.4.0",
-    "file-saver": "^2.0.5",
-    "framer-motion": "^12.23.12",
-    "jspdf": "^3.0.2",
-    "jspdf-autotable": "^5.0.2",
-    "ldrs": "^1.1.9",
-    "lucide-react": "^0.562.0",
-    "next-auth": "^4.24.7",
-    "papaparse": "^5.5.3",
-    "react-hook-form": "^7.76.1",
-    "react-image-crop": "^11.0.10",
-    "react-markdown": "^10.1.0",
-    "rehype-highlight": "^7.0.2",
-    "rehype-raw": "^7.0.0",
-    "remark-gfm": "^4.0.1",
-    "svg2pdf.js": "^2.7.0",
-    "tailwind-merge": "^3.3.1"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "next": "^16.2.1",
-    "tsc-alias": "^1.9.4",
-    "typescript": "^5.7.2"
-  },
-  "keywords": [
-    "react",
-    "components",
-    "ui",
-    "tailwind",
-    "design-system",
-    "datagrid",
-    "indas",
-    "erp"
-  ],
-  "typesVersions": {
-    "*": {
-      "ui": [
-        "./dist/components/ui/index.d.ts"
-      ],
-      "layout": [
-        "./dist/components/layout/index.d.ts"
-      ],
-      "datagrid": [
-        "./dist/components/datagrid/index.d.ts"
-      ],
-      "dashboard": [
-        "./dist/components/dashboard/index.d.ts"
-      ],
-      "charts": [
-        "./dist/components/dashboard/charts/index.d.ts"
-      ],
-      "kpi": [
-        "./dist/components/dashboard/kpi/index.d.ts"
-      ],
-      "modals": [
-        "./dist/components/modals/index.d.ts"
-      ],
-      "forms": [
-        "./dist/components/forms/index.d.ts"
-      ],
-      "providers": [
-        "./dist/providers.d.ts"
-      ]
-    }
-  }
-}
+{
+  "name": "indas-ui",
+  "version": "0.1.2",
+  "description": "Indas UI — React component library for business apps: Tailwind design tokens, Radix primitives, Lucide icons, DataGrid, dashboards and charts.",
+  "license": "MIT",
+  "author": "Indas Analytics Pvt Ltd",
+  "contributors": [
+    "Shreyansh Patidar",
+    "Abhinav"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ShreyanshPatidar/indas-ui.git",
+    "directory": "packages/indas-ui"
+  },
+  "homepage": "https://shreyanshpatidar.github.io/indas-ui",
+  "type": "module",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./ui": {
+      "types": "./dist/components/ui/index.d.ts",
+      "import": "./dist/components/ui/index.js",
+      "require": "./dist/cjs/components/ui/index.js"
+    },
+    "./layout": {
+      "types": "./dist/components/layout/index.d.ts",
+      "import": "./dist/components/layout/index.js",
+      "require": "./dist/cjs/components/layout/index.js"
+    },
+    "./datagrid": {
+      "types": "./dist/components/datagrid/index.d.ts",
+      "import": "./dist/components/datagrid/index.js",
+      "require": "./dist/cjs/components/datagrid/index.js"
+    },
+    "./dashboard": {
+      "types": "./dist/components/dashboard/index.d.ts",
+      "import": "./dist/components/dashboard/index.js",
+      "require": "./dist/cjs/components/dashboard/index.js"
+    },
+    "./charts": {
+      "types": "./dist/components/dashboard/charts/index.d.ts",
+      "import": "./dist/components/dashboard/charts/index.js",
+      "require": "./dist/cjs/components/dashboard/charts/index.js"
+    },
+    "./kpi": {
+      "types": "./dist/components/dashboard/kpi/index.d.ts",
+      "import": "./dist/components/dashboard/kpi/index.js",
+      "require": "./dist/cjs/components/dashboard/kpi/index.js"
+    },
+    "./modals": {
+      "types": "./dist/components/modals/index.d.ts",
+      "import": "./dist/components/modals/index.js",
+      "require": "./dist/cjs/components/modals/index.js"
+    },
+    "./forms": {
+      "types": "./dist/components/forms/index.d.ts",
+      "import": "./dist/components/forms/index.js",
+      "require": "./dist/cjs/components/forms/index.js"
+    },
+    "./chat": {
+      "types": "./dist/components/chat/index.d.ts",
+      "import": "./dist/components/chat/index.js",
+      "require": "./dist/cjs/components/chat/index.js"
+    },
+    "./providers": {
+      "types": "./dist/providers.d.ts",
+      "import": "./dist/providers.js",
+      "require": "./dist/cjs/providers.js"
+    },
+    "./tokens.css": "./dist/styles/tokens.css",
+    "./styles/*": "./dist/styles/*",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json --resolve-full-paths && tsc -p tsconfig.build.cjs.json && tsc-alias -p tsconfig.build.cjs.json --resolve-full-paths && node scripts/copy-assets.mjs",
+    "dev": "node scripts/dev.mjs",
+    "type-check": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@microsoft/signalr": "^10.0.0",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-query": "^5.90.10",
+    "@tanstack/react-query-devtools": "^5.90.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.12",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "echarts": "^6.0.0",
+    "echarts-for-react": "^3.0.5",
+    "exceljs": "^4.4.0",
+    "file-saver": "^2.0.5",
+    "framer-motion": "^12.23.12",
+    "jspdf": "^3.0.2",
+    "jspdf-autotable": "^5.0.2",
+    "ldrs": "^1.1.9",
+    "lucide-react": "^0.562.0",
+    "next-auth": "^4.24.7",
+    "papaparse": "^5.5.3",
+    "react-hook-form": "^7.76.1",
+    "react-image-crop": "^11.0.10",
+    "react-markdown": "^10.1.0",
+    "rehype-highlight": "^7.0.2",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.1",
+    "svg2pdf.js": "^2.7.0",
+    "tailwind-merge": "^3.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "next": "^16.2.1",
+    "tsc-alias": "^1.9.4",
+    "typescript": "^5.7.2"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "tailwind",
+    "design-system",
+    "datagrid",
+    "indas",
+    "erp"
+  ],
+  "typesVersions": {
+    "*": {
+      "ui": [
+        "./dist/components/ui/index.d.ts"
+      ],
+      "layout": [
+        "./dist/components/layout/index.d.ts"
+      ],
+      "datagrid": [
+        "./dist/components/datagrid/index.d.ts"
+      ],
+      "dashboard": [
+        "./dist/components/dashboard/index.d.ts"
+      ],
+      "charts": [
+        "./dist/components/dashboard/charts/index.d.ts"
+      ],
+      "kpi": [
+        "./dist/components/dashboard/kpi/index.d.ts"
+      ],
+      "modals": [
+        "./dist/components/modals/index.d.ts"
+      ],
+      "forms": [
+        "./dist/components/forms/index.d.ts"
+      ],
+      "providers": [
+        "./dist/providers.d.ts"
+      ]
+    }
+  }
+}