indas-ui 0.1.0 → 0.1.2

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

@@ -0,0 +1,20 @@
+'use client';
+"use strict";
+// Chat Components - Centralized exports
+//
+// Only the backend-agnostic pieces are exported. `Chat` itself is deliberately left out: it is
+// bound to Estimo's stack (next-auth's useSession, the /api/synthia endpoints in lib/api/ai/chat,
+// and Estimo's alert and language contexts), so a host app on a different backend cannot use it.
+// `Messages` and `MultimodalInput` take everything they render as props and so travel anywhere.
+//
+// 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.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,8 +12,12 @@ 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 }) {
-    const { t } = (0, LanguageContext_1.useLanguage)();
+/** 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)();
     const [input, setInput] = (0, react_1.useState)('');
     const [files, setFiles] = (0, react_1.useState)([]);
     const [isListening, setIsListening] = (0, react_1.useState)(false);
@@ -102,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/cjs/components/forms/date-picker/DatePicker.js

@@ -48,7 +48,7 @@ const shared_utils_1 = require("./shared-utils.js");
 // ============================================
 // DatePicker Component (Single/Range dates without time)
 // ============================================
-function DatePicker({ value, onChange, mode = 'single', placeholder = 'Select date...', label, error, disabled = false, minDate, maxDate, className, showTime = false, showFromTo = false, returnFormat = 'date', inline = false, iconOnly = false, popoverAlign, presets }) {
+function DatePicker({ id, 'aria-label': ariaLabel, value, onChange, mode = 'single', placeholder = 'Select date...', label, error, disabled = false, minDate, maxDate, className, showTime = false, showFromTo = false, returnFormat = 'date', inline = false, iconOnly = false, popoverAlign, presets }) {
     const [isOpen, setIsOpen] = React.useState(false);
     const [currentMonth, setCurrentMonth] = React.useState(new Date());
     const [secondMonth, setSecondMonth] = React.useState(() => {
@@ -703,7 +703,7 @@ function DatePicker({ value, onChange, mode = 'single', placeholder = 'Select da
                                 ? `Date filter: ${selectedRange.from ? new Date(selectedRange.from).toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' }) : ''}${selectedRange.to ? ` – ${new Date(selectedRange.to).toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' })}` : ''}`
                                 : 'Select date range', children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CalendarDays, { className: "h-3.5 w-3.5 flex-shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "hidden sm:inline text-xs", children: selectedRange.from || selectedRange.to
                                         ? `${selectedRange.from ? new Date(selectedRange.from).toLocaleDateString('en-GB', { day: '2-digit', month: 'short' }) : ''}${selectedRange.to ? ` – ${new Date(selectedRange.to).toLocaleDateString('en-GB', { day: '2-digit', month: 'short' })}` : ''}`
-                                        : 'Date' }), (selectedRange.from || selectedRange.to) && ((0, jsx_runtime_1.jsx)("span", { className: "absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-[rgb(var(--color-primary))] ring-1 ring-[rgb(var(--bg-surface))]" }))] })) : ((0, jsx_runtime_1.jsx)("div", { className: "relative", ref: inputWrapperRef, children: (0, jsx_runtime_1.jsx)(ui_2.Input, { value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, onKeyDown: handleInputKeyDown, placeholder: getPlaceholder(), disabled: disabled, error: error, className: (0, utils_1.cn)('pl-2 pr-9 text-xs w-full', error && 'border-red-300'), onFocus: () => !disabled && setIsOpen(true), rightIcon: lucide_react_1.Calendar, onRightIconClick: () => !disabled && setIsOpen(!isOpen) }) })) }), (0, jsx_runtime_1.jsx)(Popover.Portal, { container: typeof document !== 'undefined' ? document.body : undefined, children: (0, jsx_runtime_1.jsxs)(Popover.Content, { ref: calendarRef, className: (0, utils_1.cn)("z-[300] bg-[rgb(var(--bg-surface))] rounded-xl shadow-2xl border border-[rgb(var(--bd-default))] backdrop-blur-sm", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2", mode === 'range' ? 'w-[95vw] sm:w-auto sm:min-w-[580px] p-2' : 'w-[95vw] sm:w-auto sm:min-w-[280px] p-3', 'max-w-[calc(100vw-2rem)]'), side: "bottom", align: popoverAlign ?? (mode === 'range' ? 'end' : 'start'), sideOffset: 8, avoidCollisions: true, collisionPadding: 16, sticky: "always", onOpenAutoFocus: (e) => e.preventDefault(), onKeyDown: handleCalendarKeyDown, tabIndex: -1, onInteractOutside: (e) => {
+                                        : 'Date' }), (selectedRange.from || selectedRange.to) && ((0, jsx_runtime_1.jsx)("span", { className: "absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-[rgb(var(--color-primary))] ring-1 ring-[rgb(var(--bg-surface))]" }))] })) : ((0, jsx_runtime_1.jsx)("div", { className: "relative", ref: inputWrapperRef, onClick: (e) => e.preventDefault(), children: (0, jsx_runtime_1.jsx)(ui_2.Input, { id: id, "aria-label": ariaLabel, value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, onKeyDown: handleInputKeyDown, placeholder: getPlaceholder(), disabled: disabled, error: error, className: (0, utils_1.cn)('pl-2 pr-9 text-xs w-full', error && 'border-red-300'), onFocus: () => !disabled && setIsOpen(true), rightIcon: lucide_react_1.Calendar, onRightIconClick: () => !disabled && setIsOpen(!isOpen) }) })) }), (0, jsx_runtime_1.jsx)(Popover.Portal, { container: typeof document !== 'undefined' ? document.body : undefined, children: (0, jsx_runtime_1.jsxs)(Popover.Content, { ref: calendarRef, className: (0, utils_1.cn)("z-[300] bg-[rgb(var(--bg-surface))] rounded-xl shadow-2xl border border-[rgb(var(--bd-default))] backdrop-blur-sm", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2", mode === 'range' ? 'w-[95vw] sm:w-auto sm:min-w-[580px] p-2' : 'w-[95vw] sm:w-auto sm:min-w-[280px] p-3', 'max-w-[calc(100vw-2rem)]'), side: "bottom", align: popoverAlign ?? (mode === 'range' ? 'end' : 'start'), sideOffset: 8, avoidCollisions: true, collisionPadding: 16, sticky: "always", onOpenAutoFocus: (e) => e.preventDefault(), onKeyDown: handleCalendarKeyDown, tabIndex: -1, onInteractOutside: (e) => {
                                 // Prevent closing when interacting with nested Radix portals (like Dropdowns)
                                 const target = e.target;
                                 if (target?.closest('[data-radix-popper-content-wrapper]')) {

package/dist/cjs/components/forms/file-attachment/FileAttachment.js

@@ -40,7 +40,7 @@ const React = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const framer_motion_1 = require("framer-motion");
 const react_image_crop_1 = __importStar(require("react-image-crop"));
-require("react-image-crop/dist/ReactCrop.css");
+
 const lucide_react_1 = require("lucide-react");
 const utils_1 = require("../../../lib/utils.js");
 const ui_1 = require("../../ui/index.js");

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

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FloatingActionButton = exports.Grid = exports.Page = exports.AppShell = exports.CompactFooter = exports.Footer = exports.DynamicSidebar = void 0;
+exports.SidePanel = exports.FloatingActionButton = exports.Grid = exports.Page = exports.AppShell = exports.CompactFooter = exports.Footer = exports.DynamicSidebar = void 0;
 // Layout Components - Centralized exports
 var sidebar_1 = require("./sidebar.js");
 Object.defineProperty(exports, "DynamicSidebar", { enumerable: true, get: function () { return sidebar_1.DynamicSidebar; } });
@@ -14,3 +14,5 @@ Object.defineProperty(exports, "Page", { enumerable: true, get: function () { re
 Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return app_shell_1.Grid; } });
 var floating_action_button_1 = require("./floating-action-button.js");
 Object.defineProperty(exports, "FloatingActionButton", { enumerable: true, get: function () { return floating_action_button_1.FloatingActionButton; } });
+var side_panel_1 = require("./side-panel.js");
+Object.defineProperty(exports, "SidePanel", { enumerable: true, get: function () { return side_panel_1.SidePanel; } });

package/dist/cjs/components/layout/sidebar.js

@@ -48,7 +48,7 @@ const useTranslation_1 = require("../../hooks/useTranslation.js");
 const ui_1 = require("../ui/index.js");
 const api_1 = require("../../lib/api/index.js");
 const utils_2 = require("../../lib/utils.js");
-require("../../styles/sidebar-scrollbar.css");
+
 const react_dom_1 = require("react-dom");
 const SidebarContextMenu_1 = require("./SidebarContextMenu.js");
 const SidebarPreferencesContext_1 = require("../../contexts/SidebarPreferencesContext.js");

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

@@ -0,0 +1,5 @@
+export { Messages } from './ai-messages.js';
+export type { SelectableItem } from './ai-messages.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

@@ -0,0 +1,13 @@
+'use client';
+// Chat Components - Centralized exports
+//
+// Only the backend-agnostic pieces are exported. `Chat` itself is deliberately left out: it is
+// bound to Estimo's stack (next-auth's useSession, the /api/synthia endpoints in lib/api/ai/chat,
+// and Estimo's alert and language contexts), so a host app on a different backend cannot use it.
+// `Messages` and `MultimodalInput` take everything they render as props and so travel anywhere.
+//
+// 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, 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,11 +5,15 @@ 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 { useLanguage } from '../../contexts/LanguageContext.js';
-export function MultimodalInput({ onSubmit, onStop, isLoading = false, placeholder = 'Send a message...', allowFileUpload = true, compact = false, disabled = false, disabledReason }) {
-    const { t } = useLanguage();
+import { useOptionalLanguage } from '../../contexts/LanguageContext.js';
+/** 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();
     const [input, setInput] = useState('');
     const [files, setFiles] = useState([]);
     const [isListening, setIsListening] = useState(false);
@@ -99,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/dist/components/forms/date-picker/DatePicker.d.ts

@@ -4,6 +4,10 @@ export interface DateRange {
     to?: Date;
 }
 export interface DatePickerProps {
+    /** Forwarded to the text input so a <label htmlFor> can target it. */
+    id?: string;
+    /** Accessible name for the input when no visible label is rendered. */
+    'aria-label'?: string;
     value?: Date | DateRange | string;
     onChange?: (date: Date | DateRange | string | undefined) => void;
     mode?: 'single' | 'range';
@@ -28,4 +32,4 @@ export interface DatePickerProps {
         value: Date | DateRange;
     }>;
 }
-export declare function DatePicker({ value, onChange, mode, placeholder, label, error, disabled, minDate, maxDate, className, showTime, showFromTo, returnFormat, inline, iconOnly, popoverAlign, presets }: DatePickerProps): React.JSX.Element;
+export declare function DatePicker({ id, 'aria-label': ariaLabel, value, onChange, mode, placeholder, label, error, disabled, minDate, maxDate, className, showTime, showFromTo, returnFormat, inline, iconOnly, popoverAlign, presets }: DatePickerProps): React.JSX.Element;

package/dist/components/forms/date-picker/DatePicker.js

@@ -12,7 +12,7 @@ import { MONTHS, WEEKDAYS, PERIOD_OPTIONS, TIME_OPTIONS, getDaysInMonth, getFirs
 // ============================================
 // DatePicker Component (Single/Range dates without time)
 // ============================================
-export function DatePicker({ value, onChange, mode = 'single', placeholder = 'Select date...', label, error, disabled = false, minDate, maxDate, className, showTime = false, showFromTo = false, returnFormat = 'date', inline = false, iconOnly = false, popoverAlign, presets }) {
+export function DatePicker({ id, 'aria-label': ariaLabel, value, onChange, mode = 'single', placeholder = 'Select date...', label, error, disabled = false, minDate, maxDate, className, showTime = false, showFromTo = false, returnFormat = 'date', inline = false, iconOnly = false, popoverAlign, presets }) {
     const [isOpen, setIsOpen] = React.useState(false);
     const [currentMonth, setCurrentMonth] = React.useState(new Date());
     const [secondMonth, setSecondMonth] = React.useState(() => {
@@ -667,7 +667,7 @@ export function DatePicker({ value, onChange, mode = 'single', placeholder = 'Se
                                 ? `Date filter: ${selectedRange.from ? new Date(selectedRange.from).toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' }) : ''}${selectedRange.to ? ` – ${new Date(selectedRange.to).toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' })}` : ''}`
                                 : 'Select date range', children: [_jsx(CalendarDays, { className: "h-3.5 w-3.5 flex-shrink-0" }), _jsx("span", { className: "hidden sm:inline text-xs", children: selectedRange.from || selectedRange.to
                                         ? `${selectedRange.from ? new Date(selectedRange.from).toLocaleDateString('en-GB', { day: '2-digit', month: 'short' }) : ''}${selectedRange.to ? ` – ${new Date(selectedRange.to).toLocaleDateString('en-GB', { day: '2-digit', month: 'short' })}` : ''}`
-                                        : 'Date' }), (selectedRange.from || selectedRange.to) && (_jsx("span", { className: "absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-[rgb(var(--color-primary))] ring-1 ring-[rgb(var(--bg-surface))]" }))] })) : (_jsx("div", { className: "relative", ref: inputWrapperRef, children: _jsx(Input, { value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, onKeyDown: handleInputKeyDown, placeholder: getPlaceholder(), disabled: disabled, error: error, className: cn('pl-2 pr-9 text-xs w-full', error && 'border-red-300'), onFocus: () => !disabled && setIsOpen(true), rightIcon: Calendar, onRightIconClick: () => !disabled && setIsOpen(!isOpen) }) })) }), _jsx(Popover.Portal, { container: typeof document !== 'undefined' ? document.body : undefined, children: _jsxs(Popover.Content, { ref: calendarRef, className: cn("z-[300] bg-[rgb(var(--bg-surface))] rounded-xl shadow-2xl border border-[rgb(var(--bd-default))] backdrop-blur-sm", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2", mode === 'range' ? 'w-[95vw] sm:w-auto sm:min-w-[580px] p-2' : 'w-[95vw] sm:w-auto sm:min-w-[280px] p-3', 'max-w-[calc(100vw-2rem)]'), side: "bottom", align: popoverAlign ?? (mode === 'range' ? 'end' : 'start'), sideOffset: 8, avoidCollisions: true, collisionPadding: 16, sticky: "always", onOpenAutoFocus: (e) => e.preventDefault(), onKeyDown: handleCalendarKeyDown, tabIndex: -1, onInteractOutside: (e) => {
+                                        : 'Date' }), (selectedRange.from || selectedRange.to) && (_jsx("span", { className: "absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-[rgb(var(--color-primary))] ring-1 ring-[rgb(var(--bg-surface))]" }))] })) : (_jsx("div", { className: "relative", ref: inputWrapperRef, onClick: (e) => e.preventDefault(), children: _jsx(Input, { id: id, "aria-label": ariaLabel, value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, onKeyDown: handleInputKeyDown, placeholder: getPlaceholder(), disabled: disabled, error: error, className: cn('pl-2 pr-9 text-xs w-full', error && 'border-red-300'), onFocus: () => !disabled && setIsOpen(true), rightIcon: Calendar, onRightIconClick: () => !disabled && setIsOpen(!isOpen) }) })) }), _jsx(Popover.Portal, { container: typeof document !== 'undefined' ? document.body : undefined, children: _jsxs(Popover.Content, { ref: calendarRef, className: cn("z-[300] bg-[rgb(var(--bg-surface))] rounded-xl shadow-2xl border border-[rgb(var(--bd-default))] backdrop-blur-sm", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2", mode === 'range' ? 'w-[95vw] sm:w-auto sm:min-w-[580px] p-2' : 'w-[95vw] sm:w-auto sm:min-w-[280px] p-3', 'max-w-[calc(100vw-2rem)]'), side: "bottom", align: popoverAlign ?? (mode === 'range' ? 'end' : 'start'), sideOffset: 8, avoidCollisions: true, collisionPadding: 16, sticky: "always", onOpenAutoFocus: (e) => e.preventDefault(), onKeyDown: handleCalendarKeyDown, tabIndex: -1, onInteractOutside: (e) => {
                                 // Prevent closing when interacting with nested Radix portals (like Dropdowns)
                                 const target = e.target;
                                 if (target?.closest('[data-radix-popper-content-wrapper]')) {

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

@@ -6,3 +6,5 @@ export { AppShell, Page, Grid } from './app-shell.js';
 export type { AppShellProps, PageProps, GridProps } from './app-shell.js';
 export { FloatingActionButton } from './floating-action-button.js';
 export type { FABAction } from './floating-action-button.js';
+export { SidePanel } from './side-panel.js';
+export type { SidePanelProps, SidePanelCategory, SidePanelItem } from './side-panel.js';

package/dist/components/layout/index.js

@@ -4,3 +4,4 @@ export { DynamicSidebar } from './sidebar.js';
 export { Footer, CompactFooter } from './footer.js';
 export { AppShell, Page, Grid } from './app-shell.js';
 export { FloatingActionButton } from './floating-action-button.js';
+export { SidePanel } from './side-panel.js';

package/package.json

@@ -1,182 +1,187 @@
-{
-  "name": "indas-ui",
-  "version": "0.1.0",
-  "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"
-    },
-    "./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"
+      ]
+    }
+  }
+}