@epam/ai-dial-ui-kit 0.4.0-rc.8 → 0.4.0

package/dist/src/components/FileManager/components/FileManagerItemNameInput/FileManagerItemNameInput.d.ts

@@ -0,0 +1,65 @@
+import { FC, ReactNode, Ref } from 'react';
+import { DialItemType } from '../../../../types/item';
+export interface DialFileManagerItemNameInputProps {
+    type: DialItemType;
+    name: string;
+    shared?: boolean;
+    loading?: boolean;
+    elementId: string;
+    iconSize?: number;
+    iconStroke?: number;
+    iconCssClass?: string;
+    iconLabel?: string;
+    iconIndicator?: ReactNode;
+    inputInvalid?: boolean;
+    inputInvalidMessage?: string;
+    inputIconAfter?: ReactNode;
+    inputRef?: Ref<HTMLInputElement>;
+    onChange?: (value?: string) => void;
+}
+/**
+ * Combines a file/folder icon with an editable text input.
+ *
+ * Used for renaming or labeling file/folder entities within the File Manager.
+ * Displays:
+ * - The item icon (with optional loading/shared state)
+ * - An inline text input
+ * - A validation tooltip when `inputInvalid` is `true`
+ *
+ * @example
+ * ```tsx
+ * <DialFileManagerItemNameInput
+ *   type={DialItemType.File}
+ *   name="report.pdf"
+ *   elementId="file-input-1"
+ *   shared
+ *   onChange={(value) => console.log('New name:', value)}
+ * />
+ *
+ * <DialFileManagerItemNameInput
+ *   type={DialItemType.Folder}
+ *   name="Project A"
+ *   elementId="folder-input-2"
+ *   inputInvalid
+ *   inputInvalidMessage="Invalid name"
+ * />
+ * ```
+ *
+ * @param {Object} props
+ * @param {DialItemType} props.type - The type of item (file or folder).
+ * @param {string} props.name - Current name of the entity.
+ * @param {string} props.elementId - Unique ID for the input element.
+ * @param {boolean} [props.shared=false] - Whether the entity is shared.
+ * @param {boolean} [props.loading=false] - Whether the icon is loading.
+ * @param {number} [props.iconSize] - Optional size override for the icon.
+ * @param {number} [props.iconStroke] - Optional stroke width override for the icon.
+ * @param {string} [props.iconCssClass] - Optional CSS class for the icon.
+ * @param {string} [props.iconLabel] - Optional accessible label for the icon.
+ * @param {ReactNode} [props.iconIndicator] - Optional indicator to render over the icon.
+ * @param {boolean} [props.inputInvalid=false] - Marks the input as invalid.
+ * @param {string} [props.inputInvalidMessage] - Tooltip message shown when invalid.
+ * @param {ReactNode} [props.inputIconAfter] - Optional icon shown after the input (defaults to an error icon).
+ * @param {Ref<HTMLInputElement>} [props.inputRef] - Ref to access the underlying input element.
+ * @param {(value: string) => void} [props.onChange] - Callback fired when input value changes.
+ */
+export declare const DialFileManagerItemNameInput: FC<DialFileManagerItemNameInputProps>;

package/dist/src/components/FileManager/components/FileManagerNavigationPanel/FileManagerNavigationPanel.d.ts

@@ -7,6 +7,8 @@ export interface DialFileManagerNavigationPanelProps extends Omit<DialBreadcrumb
     cssClass?: string;
     breadcrumbCssClass?: string;
     onItemClick?: (href?: string) => void;
+    rootItemPath?: string;
+    rootItemLabel?: string;
     searchable?: boolean;
     value?: string | number | null;
     elementId?: string;

package/dist/src/components/FileManager/components/FileManagerToolbar/DialFileManagerToolbar.d.ts

@@ -8,6 +8,8 @@ export interface DialFileManagerToolbarProps {
     activeTab?: string;
     areHiddenFilesVisible: boolean;
     hiddenFilesSwitcherLabel?: string;
+    showHiddenFilesLabel?: string;
+    hideHiddenFilesLabel?: string;
     isCreateButtonVisible?: boolean;
     createButtonVariant?: ButtonVariant;
     createButtonDropdownItems?: DropdownItem[];
@@ -18,18 +20,16 @@ export interface DialFileManagerToolbarProps {
     onRefresh?: () => void;
 }
 /**
- * DialFileManagerToolbar — A configurable toolbar component for file manager views.
+ * DialFileManagerToolbar — A configurable, responsive toolbar component for file management views.
  *
- * Provides a clean and functional toolbar for file management pages with:
- * - Tab navigation for switching between different sections or views
- * - Hidden files toggle via `DialSwitch`
- * - Refresh button with icon
- * - Optional "Create" button or dropdown for file/folder creation
- * - Fully responsive horizontal layout
+ * Provides a flexible toolbar interface for file managers or similar UIs, supporting:
+ * - Tab navigation for switching between file sections or views
+ * - A toggle for showing or hiding hidden files
+ * - A refresh button for reloading content
+ * - An optional "Create" button or dropdown for creating new files or folders
  *
  * @example
  * ```tsx
- * // Basic usage
  * const tabs: TabModel[] = [
  *   { id: 'all', name: 'All Files' },
  *   { id: 'favorites', name: 'Favorites' },
@@ -40,8 +40,8 @@ export interface DialFileManagerToolbarProps {
  *   activeTab="all"
  *   areHiddenFilesVisible={false}
  *   onTabChange={(id) => console.log('Switched to tab:', id)}
- *   onToggleHiddenFiles={(visible) => console.log('Hidden files:', visible)}
- *   onRefresh={() => console.log('Refreshing...')}
+ *   onToggleHiddenFiles={(visible) => console.log('Hidden files visible:', visible)}
+ *   onRefresh={() => console.log('Refreshed')}
  *   isCreateButtonVisible
  *   createButtonDropdownItems={[
  *     { key: 'folder', label: 'New Folder' },
@@ -50,23 +50,26 @@ export interface DialFileManagerToolbarProps {
  * />
  * ```
  *
- * @param [tabs] - Array of tabs to display, each defined by a `TabModel` (id and label).
- * @param [activeTab] - ID of the currently active tab.
- * @param [onTabChange] - Callback fired when the user selects a different tab.
- * @param [areHiddenFilesVisible] - Indicates whether hidden files are currently visible.
- * @param [onToggleHiddenFiles] - Callback fired when the hidden files toggle is switched.
- * @param [hiddenFilesSwitcherLabel='Hidden files'] - Label text for the hidden files toggle switch.
+ * @param [tabs] - List of tab definitions to display, each represented by a `TabModel` containing `id` and `name`.
+ * @param [activeTab] - The ID of the currently active tab.
+ * @param areHiddenFilesVisible - Whether hidden files are currently visible.
+ * @param [hiddenFilesSwitcherLabel='Hidden files'] - Label for the hidden files toggle control.
+ * @param [showHiddenFilesLabel='Show hidden'] - Label shown when hidden files are not visible.
+ * @param [hideHiddenFilesLabel='Hide hidden'] - Label shown when hidden files are visible.
+ * @param [onTabChange] - Callback fired when the user switches between tabs. Receives the selected tab ID.
+ * @param [onToggleHiddenFiles] - Callback fired when the hidden files visibility is toggled. Receives the new visibility state.
  * @param [onRefresh] - Callback fired when the refresh button is clicked.
- * @param [refreshButtonLabel='Refresh'] - Label for the refresh button.
- * @param [isCreateButtonVisible] - Whether the create button or dropdown should be visible.
+ * @param [refreshButtonLabel='Refresh'] - Text label for the refresh button.
+ * @param [isCreateButtonVisible] - Whether the "Create" button or dropdown should be displayed.
  * @param [createButtonVariant=ButtonVariant.Secondary] - Visual style variant for the create button.
- * @param [createButtonDropdownItems=[]] - Dropdown menu items for the create button (used when multiple creation options are available).
- * @param [createButtonLabel='Create'] - Label for the create button.
+ * @param [createButtonDropdownItems=[]] - Dropdown items available under the create button. If empty, a single create button is shown instead.
+ * @param [createButtonLabel='Create'] - Label text for the create button.
  *
  * @remarks
- * - The component is layout-flexible and designed for use inside file or asset management toolbars.
- * - Tabs are rendered using `DialTabs`, and actions use `DialButton`, `DialSwitch`, and `DialButtonDropdown`.
- * - The refresh and create actions are aligned on the right for intuitive placement.
- * - When `createButtonDropdownItems` is empty, the create button behaves as a single-action button.
+ * - Tabs are rendered via `DialTabs`.
+ * - The hidden files toggle uses `DialSwitch`.
+ * - The refresh and create actions use `DialButton` or dropdown variants for consistency.
+ * - The toolbar automatically adapts its layout for different screen sizes.
+ * - When `createButtonDropdownItems` is provided, the create button becomes a dropdown menu.
  */
 export declare const DialFileManagerToolbar: FC<DialFileManagerToolbarProps>;

package/dist/src/components/FileManager/components/FoldersTree/FoldersTree.d.ts

@@ -6,12 +6,17 @@ export interface DialFoldersTreeProps {
     expandedPaths?: Set<string>;
     loadingPaths?: Set<string>;
     selectedPath?: string;
+    renamedPath?: string;
     showFiles?: boolean;
     emptyStateTitle?: string;
     emptyStateDescription?: string;
     emptyStateIcon?: ReactNode;
     onItemClick?: (item: DialFile) => void;
+    onRenameSave?: (value: string) => void;
+    onRenameCancel?: () => void;
+    onRenameValidate?: (value: string, item: DialFile) => string | null;
     getContextMenuItems?: (item: DialFile) => DropdownItem[];
+    areHiddenFilesVisible?: boolean;
 }
 /**
  * DialFoldersTree — A hierarchical folder tree component with nested expand/collapse support, selection highlighting,
@@ -21,6 +26,7 @@ export interface DialFoldersTreeProps {
  * - Expandable and collapsible items
  * - Optional file visibility
  * - Loading state indicators for specific paths
+ * - Inline renaming support for folders or files
  * - Multi-item selection highlighting
  * - Context menu integration via `DialDropdown`
  * - Recursive rendering with indentation and icons
@@ -48,15 +54,23 @@ export interface DialFoldersTreeProps {
  *
  * // With expanded and selected items
  * const expandedPaths = new Set(['/documents']);
- * const selectedPaths = new Set(['/documents/file.txt']);
  *
  * <DialFoldersTree
  *   items={items}
  *   expandedPaths={expandedPaths}
- *   selectedPaths={selectedPaths}
+ *   selectedPath="/documents/file.txt"
  *   onItemClick={(item) => console.log('Clicked:', item.path)}
  * />
  *
+ * // With inline renaming and validation
+ * <DialFoldersTree
+ *   items={items}
+ *   renamedPath="/documents"
+ *   onRenameValidate={(value) => (value.trim() ? null : 'Name cannot be empty')}
+ *   onRenameSave={(newValue) => console.log('Saved new name:', newValue)}
+ *   onRenameCancel={() => console.log('Edit cancelled')}
+ * />
+ *
  * // With custom empty state and context menu
  * const getContextMenuItems = (item: DialFile): DropdownItem[] => [
  *   { key: 'rename', label: 'Rename' },
@@ -76,16 +90,22 @@ export interface DialFoldersTreeProps {
  * @param [expandedPaths] - Set of folder paths that should be expanded.
  * @param [loadingPaths] - Set of folder paths currently loading (shows spinner or placeholder).
  * @param [selectedPath] - Path representing the currently selected folder or file.
+ * @param [renamedPath] - Path of the folder or file currently being edited.
  * @param [showFiles=false] - Whether to show files in addition to folders.
  * @param [emptyStateTitle='No Folders'] - Title text displayed when there are no items.
  * @param [emptyStateDescription] - Optional description text for the empty state.
  * @param [emptyStateIcon] - Optional icon to display in the empty state.
  * @param [onItemClick] - Callback fired when a folder or file is clicked (receives the corresponding `DialFile` node).
+ * @param [onRenameSave] - Callback fired when editing is confirmed with a valid name (receives the new name).
+ * @param [onRenameCancel] - Callback fired when editing is cancelled.
+ * @param [onRenameValidate] - Function to validate the new name during editing. Should return an error string or `null` if valid.
  * @param [getContextMenuItems] - Function returning context menu items for a given node.
+ * @param [areHiddenFilesVisible=false] - Whether hidden files (dotfiles) should be visible in the tree.
  *
  * @remarks
  * - Folder and file data must follow the `DialFile` model.
- * - The `expandedPaths`, `loadingPaths`, and `selectedPaths` props are externally controlled; the component itself does not manage them internally.
+ * - The `expandedPaths`, `loadingPaths`, `selectedPath`, and `renamedPath` props are externally controlled.
+ * - Inline renaming is fully customizable using `onRenameSave`, `onRenameCancel`, and `onRenameValidate`.
  * - Context menus can be attached to both folders and files using `getContextMenuItems`.
  * - Use `showFiles={false}` to render only folders for a simplified tree.
  */

package/dist/src/components/FileManager/constants.d.ts

@@ -5,5 +5,5 @@ export declare const contentGridClasses = "flex flex-col flex-1 min-h-0 min-w-0
 export declare const contentHeaderClasses = "items-center";
 export declare const treeBaseClasses = "w-full h-full rounded bg-layer-3 text-secondary overflow-auto min-w-0";
 export declare const gridBaseClasses = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0";
-export declare const sidebarWidth = 360;
+export declare const sidebarWidth = 280;
 export declare const sidebarTitleDefault = "Files";

package/dist/src/components/FileManager/hooks/__tests__/use-current-path.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/FileManager/hooks/__tests__/use-file-clipboard.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/FileManager/hooks/__tests__/use-file-delete.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/FileManager/hooks/__tests__/use-file-download.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/FileManager/hooks/__tests__/use-show-hidden-files.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/FileManager/hooks/use-collapse-tree.d.ts

@@ -0,0 +1,9 @@
+export interface UseCollapseTreeOptions {
+    collapsed?: boolean;
+    onCollapseChange?: (collapsed: boolean) => void;
+}
+export declare const useCollapseTree: (options?: UseCollapseTreeOptions) => {
+    isTreeCollapsed: boolean;
+    toggleTreeCollapse: () => void;
+    setIsTreeCollapsed: (value: boolean) => void;
+};

package/dist/src/components/FileManager/hooks/use-current-path.d.ts

@@ -0,0 +1,10 @@
+export interface UseCurrentPathOptions {
+    path?: string;
+    onPathChange?: (nextPath?: string) => void;
+    onSelectionClear?: () => void;
+}
+export declare const useCurrentPath: ({ path, onPathChange, onSelectionClear, }: UseCurrentPathOptions) => {
+    currentPath: string | undefined;
+    setCurrentPath: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
+    handlePathChange: (nextPath?: string) => void;
+};

package/dist/src/components/FileManager/hooks/use-file-clipboard.d.ts

@@ -0,0 +1,20 @@
+import { DialFile } from '../../../models/file';
+import { DialCopiedItem } from '../../../types/file-manager';
+export interface UseFileClipboardOptions {
+    getDestination: () => string;
+    getDestinationFiles: () => DialFile[];
+    getSourceFiles: () => DialFile[];
+    onCopyFiles?: (items: DialCopiedItem[], destinationFolder: string) => void;
+    onMoveToFiles?: (items: DialCopiedItem[], sourceFolder: string, destinationFolder: string) => void;
+}
+export declare const useFileClipboard: ({ getDestination, getDestinationFiles, getSourceFiles, onCopyFiles, onMoveToFiles, }: UseFileClipboardOptions) => {
+    state: {
+        copied: Set<string>;
+        cut: Set<string>;
+        hasItems: boolean;
+    };
+    copy: (files: string[]) => void;
+    cut: (files: string[]) => void;
+    paste: (overwrite?: boolean) => void;
+    clear: () => void;
+};

package/dist/src/components/FileManager/hooks/use-file-delete.d.ts

@@ -0,0 +1,12 @@
+import { DialFile } from '../../../models/file';
+import { DialDeletedItem } from '../../../types/file-manager';
+export interface UseFileDeleteOptions {
+    onDeleteFiles?: (items: DialDeletedItem[], sourceFolder: string) => void;
+}
+export declare const useFileDelete: ({ onDeleteFiles }: UseFileDeleteOptions) => {
+    deleteConfirmationOpen: boolean;
+    itemsToDelete: DialFile[];
+    openDeleteConfirmation: (items: DialFile[], parentFolderPath: string) => void;
+    closeDeleteConfirmation: () => void;
+    confirmDelete: () => void;
+};

package/dist/src/components/FileManager/hooks/use-file-download.d.ts

@@ -0,0 +1,7 @@
+import { DialFile } from '../../../models/file';
+export interface UseFileDownloadOptions {
+    onDownloadFiles?: (items: DialFile[]) => void;
+}
+export declare const useFileDownload: ({ onDownloadFiles, }: UseFileDownloadOptions) => {
+    downloadFiles: (items: DialFile[]) => void;
+};

package/dist/src/components/FileManager/hooks/use-file-manager-context.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook to read the File Manager context.
+ * Throws if used outside of the provider.
+ */
+export declare const useFileManagerContext: () => import('../FileManagerContext').FileManagerContextValue;

package/dist/src/components/FileManager/hooks/use-item-renaming.d.ts

@@ -0,0 +1,13 @@
+import { DialFile } from '../../../models/file';
+export declare const useItemRenaming: ({ onRename, onRenameSave, onRenameCancel, onRenameValidate, }: {
+    onRename?: (path: string) => void;
+    onRenameSave?: (value: string) => void;
+    onRenameCancel?: () => void;
+    onRenameValidate?: (value: string, item: DialFile) => string | null;
+}) => {
+    renamedPath: string | undefined;
+    renameHandler: (path: string) => void;
+    renameSaveHandler: (value: string) => void;
+    renameCancelHandler: () => void;
+    renameValidateHandler: (value: string, item: DialFile) => string | null;
+};

package/dist/src/components/FileManager/hooks/use-show-hidden-files.d.ts

@@ -0,0 +1,5 @@
+export declare const useShowHiddenFiles: (initialState?: boolean) => {
+    areHiddenFilesVisible: boolean;
+    toggleHiddenFilesVisibility: () => void;
+    setAreHiddenFilesVisible: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};

package/dist/src/components/FileManager/utils.d.ts

@@ -3,3 +3,4 @@ export declare const findFolderForPath: (root: DialFile[] | undefined, path?: st
 export declare const normalizeToLowerCase: (input?: string) => string;
 export declare const normalizeExtensionWithoutDot: (input?: string) => string;
 export declare const collectAllDescendants: (folder?: DialFile) => DialFile[];
+export declare const isHiddenDotFile: (node: DialFile) => boolean;

package/dist/src/components/Grid/Grid.d.ts

@@ -1,4 +1,5 @@
 import { ColDef, GridOptions } from 'ag-grid-community';
+import { ReactNode } from 'react';
 import { DropdownItem } from '../../models/dropdown';
 export interface DialGridProps<T extends object = Record<string, unknown>> {
     columnDefs?: ColDef<T>[];
@@ -14,6 +15,9 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
     getRowId?: (row: T) => string;
     alternateOddRowColors?: boolean;
     filterPlaceholder?: string;
+    emptyStateIcon?: ReactNode;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
 }
 /**
  * DialGrid — A feature-rich data grid wrapper built on ag-Grid with dark theme support.
@@ -86,5 +90,9 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
  * @param [getRowId] - Function to extract unique ID from a row object (defaults to 'id' field)
  * @param [alternateOddRowColors=false] - Whether to alternate background colors for odd/even rows
  * @param [filterPlaceholder='Enter value'] - Placeholder text for column filter inputs
+ * @param [emptyStateIcon] - Optional icon for empty state
+ * @param [emptyStateTitle] - Optional title text displayed when the grid has no rows to show.
+ * @param [emptyStateDescription] - Optional description text displayed below the empty state title,
+ *   providing additional context or instructions (e.g., “No data found” or “Try adjusting your filters”).
  */
-export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, cssClass, ariaLabel, withSelectionColumn, wrapCustomCellRenderers, selectedRowIds, onSelectionChange, getRowId, alternateOddRowColors, filterPlaceholder, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, cssClass, ariaLabel, withSelectionColumn, wrapCustomCellRenderers, selectedRowIds, onSelectionChange, getRowId, alternateOddRowColors, filterPlaceholder, emptyStateIcon, emptyStateTitle, emptyStateDescription, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Grid/comparators/base-column-comparator.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Grid/constants.d.ts

@@ -18,7 +18,6 @@ export declare const GRID_THEME_COLORS: {
     fontFamily: {
         googleFont: string;
     };
-    headerColumnBorderHeight: string;
     cellStyle: {
         textAlign: string;
     };

package/dist/src/components/Grid/renderers/DateCellRenderer.d.ts

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import { ICellRendererParams } from 'ag-grid-community';
+export type DateValue = string | number | Date;
+export interface DialDateCellRendererProps extends Partial<ICellRendererParams<Record<string, unknown>, DateValue>> {
+    value?: DateValue | null;
+    locale?: string;
+    options?: Intl.DateTimeFormatOptions;
+    emptyPlaceholder?: string;
+    cssClass?: string;
+}
+/**
+ * Minimal date cell renderer (ag-Grid compatible).
+ *
+ * Renders the value in the **"MMM dd, yyyy"** format (e.g., "Jul 20, 2025"),
+ * wrapped in `DialEllipsisTooltip` (tooltip only appears if truncated).
+ *
+ * @example
+ * ```tsx
+ * // ag-Grid colDef
+ * { field: 'createdAt', cellRenderer: DateCellRenderer, cellRendererParams: { options: { timeZone: 'UTC' } } }
+ *
+ * // Direct usage
+ * <DateCellRenderer value="2025-07-20T00:00:00Z" options={{ timeZone: 'UTC' }} />
+ * <DateCellRenderer value={1752969600000} options={{ timeZone: 'UTC' }} /> // milliseconds
+ * ```
+ *
+ * @param [locale='en-US'] - Locale fixed to U.S. English by default to enforce "Jul 20, 2025".
+ * @param [options={ year: 'numeric', month: 'numeric', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', timeZone: 'UTC' }] - Options for date formatting (e.g., timeZone).
+ * @param [emptyPlaceholder='—'] - Placeholder when value is empty/invalid.
+ * @param [cssClass] - Additional classes merged into the wrapper.
+ */
+export declare const DialDateCellRenderer: FC<DialDateCellRendererProps>;

package/dist/src/components/Grid/renderers/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_LOCALE = "en-US";
+export declare const DEFAULT_DATE_FORMAT_OPTIONS: Intl.DateTimeFormatOptions;
+export declare const dateCellBaseClasses = "text-primary";

package/dist/src/components/Grid/renderers/utils.d.ts

@@ -0,0 +1,2 @@
+import { DateValue } from './DateCellRenderer';
+export declare function convertToDate(input?: DateValue | null): Date | null;

package/dist/src/components/Grid/renderers/utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Input/Input.d.ts

@@ -1,4 +1,4 @@
-import { FC, FocusEvent } from 'react';
+import { FC, FocusEvent, Ref } from 'react';
 import { InputBaseProps, NumberInputBaseProps } from '../../models/field-control-props';
 export interface DialInputProps extends InputBaseProps, Partial<NumberInputBaseProps> {
     type?: string;
@@ -7,6 +7,8 @@ export interface DialInputProps extends InputBaseProps, Partial<NumberInputBaseP
     hideBorder?: boolean;
     tooltipText?: string;
     tooltipTriggerClassName?: string;
+    hideTooltip?: boolean;
+    inputRef?: Ref<HTMLInputElement>;
     onChange?: (value?: string) => void;
     onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void;
 }
@@ -34,6 +36,7 @@ export interface DialInputProps extends InputBaseProps, Partial<NumberInputBaseP
  * @param hideBorder - Whether to hide the input border styling
  * @param tooltipText - The text to display inside the tooltip. If empty, the tooltip will display the value prop.
  * @param tooltipTriggerClassName - Additional CSS classes to apply to the tooltip
+ * @param hideTooltip - Whether to hide the tooltip
  * @param onChange - Callback function called when the input value changes
  * @param onBlur - Callback function called when the input blurs
  */

package/dist/src/components/InputPopup/InputPopup.d.ts

@@ -7,9 +7,11 @@ export interface DialInputPopupProps {
     disabled?: boolean;
     valueCssClasses?: string;
     inputCssClasses?: string;
+    placeholder?: string;
     elementId?: string;
     errorText?: string;
-    emptyValueText: string;
+    invalid?: boolean;
+    emptyValueText?: string;
 }
 /**
  * An input field that opens a popup when clicked, displaying a selected value or a list of values.
@@ -35,6 +37,7 @@ export interface DialInputPopupProps {
  *
  * @param [open] - The current state of the modal, indicating whether it is opened or closed.
  * @param [selectedValue] - The currently selected value(s). Can be a string for a single value or an array of strings for multiple values.
+ * @param [placeholder] - Placeholder text displayed when no value is selected.
  * @param children - The content to render inside the modal when it is opened.
  * @param onOpen - A callback function triggered when the modal open button is clicked.
  * @param [disabled=false] - Whether the input is disabled, preventing user interaction.
@@ -42,6 +45,7 @@ export interface DialInputPopupProps {
  * @param [inputCssClasses] - Additional CSS classes applied to the input container.
  * @param [elementId] - A unique identifier for the input element, useful for accessibility and testing.
  * @param [errorText] - An optional error message displayed below the input when an error state is present.
- * @param emptyValueText - The text displayed when no value is selected.
+ * @param [invalid] - Whether the input is in an invalid state, affecting styling. Applyed automatically if errorText is provided.
+ * @param [emptyValueText] - The text displayed when no value is selected and placeholder is not provided.
  */
 export declare const DialInputPopup: FC<DialInputPopupProps>;

package/dist/src/components/NoDataContent/NoDataContent.d.ts

@@ -3,6 +3,9 @@ export interface DialNoDataContentProps {
     icon?: ReactNode;
     title: string;
     description?: string;
+    containerCssClass?: string;
+    titleCssClass?: string;
+    descriptionCssClass?: string;
 }
 /**
  * A component for displaying a message and icon when there is no data to show.

package/dist/src/components/Search/Search.d.ts

@@ -11,6 +11,7 @@ export interface DialSearchProps {
     containerCssClass?: string;
     onChange?: (value: string) => void;
     size?: SearchSize;
+    allowClear?: boolean;
 }
 /**
  * A search input component with a customizable placeholder, icons, flexible props, and the ability
@@ -38,5 +39,6 @@ export interface DialSearchProps {
  * @param [containerCssClass] - Additional CSS classes applied to the container
  * @param [onChange] - Callback fired when the input value changes
  * @param [size=SearchSize.Base] - The size of the search input. Uses the {@link SearchSize} enum.
+ * @param [allowClear=true] - Whether to show a clear button when there is a value
  */
 export declare const DialSearch: FC<DialSearchProps>;

package/dist/src/components/Select/MultiSelectTags.d.ts

@@ -1,8 +1,8 @@
 import { SelectOption } from '../../models/select';
-import { MouseEvent } from 'react';
+import { FC, MouseEvent } from 'react';
 export interface DialMultiSelectTagsProps {
     options: SelectOption[];
     selectedValues: string[];
     handleRemoveTag?: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, val: string) => void;
 }
-export declare const DialMultiSelectTags: React.FC<DialMultiSelectTagsProps>;
+export declare const DialMultiSelectTags: FC<DialMultiSelectTagsProps>;