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

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

@@ -6,6 +6,7 @@ export interface DialButtonDropdownProps extends Omit<DialButtonProps, 'iconAfte
 }
 /**
  * A Button dropdown component based on DialDropdown component
+ * aliases: SplitButton|MenuButton
  *
  * @example
  * ```tsx

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

@@ -6,6 +6,7 @@ export interface DialCaptionTextProps extends HTMLAttributes<HTMLSpanElement> {
 }
 /**
  * A component for displaying error messages with consistent styling
+ * aliases: HelperText|ValidationText
  *
  * @example
  * ```tsx

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

@@ -10,6 +10,7 @@ export interface DialCheckboxProps extends Omit<LabelHTMLAttributes<HTMLLabelEle
 }
 /**
  * A Checkbox component with styling options
+ * aliases: ToggleCheckbox|MultiSelectOption
  *
  * @example
  * ```tsx

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

@@ -8,6 +8,7 @@ export interface DialCloseButtonProps {
 }
 /**
  * A Close button component with a customizable icon and accessible label.
+ * aliases: DismissButton|ExitButton
  *
  * @example
  * ```tsx

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

@@ -13,6 +13,8 @@ export interface DialCollapsibleSidebarProps {
 }
 /**
  * A collapsible horizontal bar component that allows toggling between an expanded and collapsed state.
+ * aliases: ToggleSidebar|CollapsiblePanel
+ *
  * It supports customizable width, title, icons, additional buttons, and flexible styling options.
  *
  * @example

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

@@ -16,6 +16,7 @@ export interface DialConfirmationPopupProps extends DialPopupProps {
 }
 /**
  * A confirmation dialog built with DialPopup and DialButton.
+ * aliases: ConfirmDialog|WarningDialog
  *
  * Provides an accessible modal with a title, optional description or custom content,
  * and a footer with Cancel / Confirm actions.

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

@@ -9,6 +9,7 @@ export interface DialDraggableItemProps {
 }
 /**
  * A lightweight wrapper that makes its children sortable via drag-and-drop.
+ * aliases: SortableItem|DragHandle
  *
  * Renders a row with a grab handle (left) and the provided content (right).
  * Integrates with `react-dnd` using a simple "column" drag type and delegates

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

@@ -35,6 +35,8 @@ export interface DialDropdownProps {
 /**
  *
  * Renders the given trigger (`children`) and a floating contextual menu overlay.
+ * aliases: ContextMenu|PopupMenu
+ *
  * Supports click/hover/contextMenu triggers, controlled/uncontrolled open, and an optional
  * close button inside the overlay. Placement is taken directly from Floating UI; when
  * `placement` is **undefined** (default), automatic placement is handled by `autoPlacement`.

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

@@ -10,6 +10,8 @@ export interface DialEllipsisTooltipProps extends DialTooltipContainerOptions {
 }
 /**
  * Single-line text with CSS ellipsis that shows a tooltip **only when actually truncated**.
+ * aliases: TruncatedText|TruncationTooltip
+ *
  * If the text fits, tooltip content is empty and the popup stays hidden.
  *
  * Important: width must be finite for truncation.

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

@@ -10,6 +10,7 @@ export interface DialFileIconProps {
 }
 /**
  * Renders a file-type icon based on a file extension.
+ * aliases: ExtensionIcon|TypeIcon
  *
  * Uses DialIcon to provide consistent icon wrapper styling.
  *

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

@@ -1,20 +1,20 @@
-import { FC, ReactNode, Ref, RefObject } from 'react';
 import { ColDef, GridApi } from 'ag-grid-community';
-import { DialFile, DialRootFolder } from '../../models/file';
-import { DialFoldersTreeProps } from './components/FoldersTree/FoldersTree';
-import { DialFileManagerNavigationPanelProps } from './components/FileManagerNavigationPanel/FileManagerNavigationPanel';
+import { FC, ReactNode, Ref, RefObject } from 'react';
+import { ConflictResolutionPopupProps } from './components/ConflictResolutionPopup/ConflictResolutionPopup';
+import { FileUploadValidationMessages, FileUploadValidationResult } from './hooks/use-file-upload';
+import { RenameValidationMessages } from './hooks/use-item-renaming';
 import { DialGridProps } from '../Grid/Grid';
-import { DialFileManagerToolbarProps } from './components/FileManagerToolbar/DialFileManagerToolbar';
-import { DialFileManagerBulkActionsToolbarProps } from './components/FileManagerBulkActionsToolbar/FileManagerBulkActionsToolbar';
 import { DropdownItem } from '../../models/dropdown';
-import { DialCopiedItem, DialDeletedItem, DialUploadFileItem, DialFileManagerActionsRef, DialFileAcceptType } from '../../models/file-manager';
+import { DialFile, DialRootFolder } from '../../models/file';
+import { DialCopiedItem, DialDeletedItem, DialFileAcceptType, DialFileManagerActionsRef, DialUploadFileItem } from '../../models/file-manager';
+import { GridSelectionMode } from '../../models/selection-mode.ts';
+import { DialFileManagerActions, FileManagerColumnKey } from '../../types/file-manager';
 import { FileManagerGridRow } from './FileManagerContext';
 import { DestinationFolderPopupProps } from './components/DestinationFolderPopup/DestinationFolderPopup';
-import { FileUploadValidationResult, FileUploadValidationMessages } from './hooks/use-file-upload';
-import { DialFileManagerActions, FileManagerColumnKey } from '../../types/file-manager';
-import { ConflictResolutionPopupProps } from './components/ConflictResolutionPopup/ConflictResolutionPopup';
-import { RenameValidationMessages } from './hooks/use-item-renaming';
-import { GridSelectionMode } from '../../models/selection-mode.ts';
+import { DialFileManagerBulkActionsToolbarProps } from './components/FileManagerBulkActionsToolbar/FileManagerBulkActionsToolbar';
+import { DialFileManagerNavigationPanelProps } from './components/FileManagerNavigationPanel/FileManagerNavigationPanel';
+import { DialFileManagerToolbarProps } from './components/FileManagerToolbar/DialFileManagerToolbar';
+import { DialFoldersTreeProps } from './components/FoldersTree/FoldersTree';
 type GridRow = FileManagerGridRow;
 export type DialFileManagerConflictResolutionPopupOptions = Omit<ConflictResolutionPopupProps, 'open' | 'onClose' | 'onReplace' | 'onDuplicate' | 'conflictingFiles'>;
 export type DialFileManagerDestinationFolderPopupOptions = Pick<DestinationFolderPopupProps, 'setDestinationFolderPath' | 'destinationFolderPath' | 'addFolderLabel' | 'copyLabel' | 'moveLabel' | 'hiddenFilesSwitcherLabel' | 'header' | 'onCreateFolder' | 'onCreateFolderValidate' | 'folderCreationValidationMessages' | 'disabledPathTooltip' | 'emptyStateTitle' | 'emptyStateDescription'> & {
@@ -186,6 +186,7 @@ export interface DialFileManagerProps {
     onFolderPopupPathChange?: (newPath?: string) => void;
     onManagePermissions?: (path?: string) => void;
     onPreview?: (path?: string) => void;
+    onOpenInNewTab?: (file: DialFile) => void;
     previewExtensions?: string[];
     isRenameFileAvailable?: boolean;
     isDuplicateFolderAvailable?: boolean;
@@ -193,10 +194,15 @@ export interface DialFileManagerProps {
     customCreateNewItemAction?: (currentPath?: string, currentFolder?: DialFile) => void;
     customDuplicateAction?: (items?: DialFile[]) => void;
     customDeleteItemsAction?: (items: DialFile[], parentFolderPath: string) => void;
+    customDownloadItemsAction?: (items?: DialFile[]) => void;
     nonClickableTableColumns?: FileManagerColumnKey[];
+    hideSearchPathItemName?: boolean;
+    showHiddenFileSwitcherInDestinationPopup?: boolean;
+    autoSelectUploadedItems?: boolean;
 }
 /**
  * File Manager layout with a collapsible folders tree, breadcrumb/search header, and a data grid.
+ * aliases: FileExplorer|FileBrowser
  *
  * Features:
  * - Global `path` drives both the breadcrumb trail and the visible folder in the grid.
@@ -281,8 +287,9 @@ export interface DialFileManagerProps {
  * @param [onUploadFiles] - Callback fired when files are uploaded
  * @param [onValidateUpload] - Callback to validate files before upload
  * @param [maxFileSize] - Maximum allowed file size for uploads in bytes
- * @param [uploadValidationMessages] - Custom validation messages for file uploads
+ * @param [uploadValidationMessages] - Custom validation messages for file uploads. Consumers can customize these strings for a11y and copy consistency.
  * @param [uploadEnabled=true] - Whether files uploads are enabled
+ * @param [autoSelectUploadedItems=false] - When true, automatically selects newly uploaded or created items (files, archives, folders) after they appear in the current directory. Useful in attach flows where the user expects immediate selection feedback.
  *
  * @param [sharedByMePaths] - Set of items paths that the user has shared with others. Enables UI indicators (icons/badges) in the tree and grid.
  *

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

@@ -14,6 +14,7 @@ export interface FileManagerGridRow {
     size?: number;
     author?: string;
     path: string;
+    parentPath?: string | null;
     nodeType: DialFileNodeType;
     extension?: string;
     isTemporary?: boolean;
@@ -153,6 +154,7 @@ export interface FileManagerContextValue {
     onFolderPopupPathChange?: (newPath?: string) => void;
     onManagePermissions?: (path?: string) => void;
     onPreview?: (path?: string) => void;
+    onOpenInNewTab?: (file: DialFile) => void;
     previewExtensions?: string[];
     isRenameFileAvailable?: boolean;
     isDuplicateFolderAvailable?: boolean;
@@ -160,9 +162,12 @@ export interface FileManagerContextValue {
     customCreateNewItemAction?: (currentPath?: string, currentFolder?: DialFile) => void;
     customDuplicateAction?: (items?: DialFile[]) => void;
     customDeleteItemsAction?: (items: DialFile[], parentFolderPath: string) => void;
+    customDownloadItemsAction?: (items?: DialFile[]) => void;
     nonClickableTableColumns?: FileManagerColumnKey[];
     getDisabledTooltip?: (row: FileManagerGridRow) => string | undefined;
     fileTooLargeTooltip?: string;
     unsupportedFileTypeTooltip?: string;
+    hideSearchPathItemName?: boolean;
+    showHiddenFileSwitcherInDestinationPopup?: boolean;
 }
 export declare const FileManagerContext: import('react').Context<FileManagerContextValue | undefined>;

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

@@ -2,6 +2,7 @@ import { FC, ReactNode } from 'react';
 import { DialFileManagerProps } from './FileManager';
 export interface FileManagerProviderProps extends Omit<DialFileManagerProps, 'children'> {
     children: ReactNode;
+    autoSelectUploadedItems?: boolean;
 }
 /**
  * Provider that encapsulates all File Manager business logic:

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

@@ -0,0 +1,11 @@
+import { FileManagerGridRow } from './FileManagerContext';
+interface FileManagerTooltipProps {
+    disabledGridRowIds: Set<string>;
+    gridRows: FileManagerGridRow[];
+    getDisabledTooltip?: (row: FileManagerGridRow) => string | undefined;
+    getRowDisabledTooltip: (row: FileManagerGridRow, allowedFileTypes?: string[], maxSelectableFileSize?: number) => string | undefined;
+    allowedFileTypes?: string[];
+    maxSelectableFileSize?: number;
+}
+export declare const FileManagerTooltip: ({ disabledGridRowIds, gridRows, getDisabledTooltip, getRowDisabledTooltip, allowedFileTypes, maxSelectableFileSize, }: FileManagerTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -10,6 +10,7 @@ export interface DestinationFolderPopupProps extends DialFileManagerProps {
     copyLabel?: string;
     moveLabel?: string;
     addFolderLabel?: string;
+    showHiddenFileSwitcher?: boolean;
     hiddenFilesSwitcherLabel?: string;
     mode?: 'copy' | 'move';
     header?: ReactNode;
@@ -21,6 +22,7 @@ export interface DestinationFolderPopupProps extends DialFileManagerProps {
 }
 /**
  * DestinationFolderPopup
+ * aliases: FolderSelector|PathChooser
  *
  * A popup dialog for selecting a destination folder when copying or moving files.
  * Displays a File Manager interface with a footer containing action buttons and

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

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

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

@@ -21,6 +21,7 @@ export interface FileManagerGridContext {
     onRenameSave: (value: string) => void;
     onRenameCancel: () => void;
     getDisplayName: (item: DialFile) => string;
+    hideSearchPathItemName?: boolean;
 }
 export interface UseFileManagerColumnsArgs {
     userColumnDefs?: (ColDef<GridRow> | ((dateLocale: Intl.LocalesArgument, dateOptions: Intl.DateTimeFormatOptions | undefined, isCompactView: boolean) => ColDef<GridRow, unknown>))[];

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

@@ -7,9 +7,22 @@ export interface FileUploadValidationResult {
     message?: string;
 }
 export interface FileUploadValidationMessages {
+    /**
+     * Message displayed when duplicate files are selected. Customize for accessibility or copy consistency.
+     */
     duplicateFiles?: string;
+    /**
+     * Message displayed when files exceed the maximum allowed size. Customize for accessibility or copy consistency.
+     */
     oversizedFiles?: string;
+    /**
+     * Message displayed when selected files are of unsupported types. Customize for accessibility or copy consistency.
+     */
     unsupportedFiles?: string;
+    /**
+     * Message displayed when folder uploads are attempted but not supported. Customize for accessibility or copy consistency.
+     */
+    foldersNotSupported?: string;
     validationFailed?: string;
     validationError?: string;
 }

package/dist/src/components/FileManager/hooks/use-grid-context-menu.d.ts

@@ -17,6 +17,7 @@ export interface UseGridContextMenuProps {
         [DialFileManagerActions.Info]?: string;
         [DialFileManagerActions.Unshare]?: string;
         [DialFileManagerActions.RemoveAccess]?: string;
+        [DialFileManagerActions.OpenInNewTab]?: string;
     };
     onDuplicate: (file: DialFile) => void;
     onCopy: (file: DialFile) => void;
@@ -33,9 +34,10 @@ export interface UseGridContextMenuProps {
     onAddChild?: (file: DialFile) => void;
     onManagePermissions?: (path?: string) => void;
     onPreview?: (path?: string) => void;
+    onOpenInNewTab?: (file: DialFile) => void;
     previewExtensions?: string[];
     isRenameFileAvailable?: boolean;
     isDuplicateFolderAvailable?: boolean;
     forbiddenSymbolsRegExp?: RegExp;
 }
-export declare const useGridContextMenu: ({ actionLabels, onDuplicate, onCopy, onMove, onDownload, onRename, onDelete, onInfo, onUnshare, onRemoveAccess, sharedWithMeIds, sharedByMePaths, onAddSibling, onAddChild, onManagePermissions, onPreview, previewExtensions, isRenameFileAvailable, isDuplicateFolderAvailable, forbiddenSymbolsRegExp, }: UseGridContextMenuProps) => (file: DialFile) => DropdownItem[];
+export declare const useGridContextMenu: ({ actionLabels, onDuplicate, onCopy, onMove, onDownload, onRename, onDelete, onInfo, onUnshare, onRemoveAccess, sharedWithMeIds, sharedByMePaths, onAddSibling, onAddChild, onManagePermissions, onPreview, onOpenInNewTab, previewExtensions, isRenameFileAvailable, isDuplicateFolderAvailable, forbiddenSymbolsRegExp, }: UseGridContextMenuProps) => (file: DialFile) => DropdownItem[];

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

@@ -1,6 +1,7 @@
 import { DialFile } from '../../models/file';
 import { DialFileAcceptType } from '../../models/file-manager';
 import { ReactNode } from 'react';
+import { FileManagerGridRow } from './FileManagerContext';
 export declare const findNodeByPath: (nodes: DialFile[] | undefined, path: string) => DialFile | undefined;
 export declare const findFolderForPath: (root: DialFile[] | undefined, path?: string) => DialFile | undefined;
 export declare const normalizeToLowerCase: (input?: string) => string;
@@ -40,8 +41,11 @@ export declare const formatBytes: (bytes?: number) => string;
  */
 export declare const formatDate: (date?: string, locale?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions) => string;
 export declare function isFileAccepted(allowedFileTypes: DialFileAcceptType[] | undefined, contentType: string, fileName?: string): boolean;
+export declare const formatAllowedFileTypesForTooltip: (allowedFileTypes: DialFileAcceptType[] | undefined) => string;
+export declare const getExtensionsListForMimeType: (mimeType: string) => string[];
 export declare const cleanForbiddenSymbolsRegExp: (forbiddenSymbolsRegExp?: RegExp) => RegExp | undefined;
 export declare function getForbiddenSymbolsTooltip(item: {
     name: string;
     isFolder: boolean;
 }, forbiddenSymbolsRegExp?: RegExp, forbiddenSymbolsTooltip?: ReactNode): ReactNode | undefined;
+export declare const getRowTooltip: (file: FileManagerGridRow, allowedFileTypes?: string[], maxSelectableFileSize?: number, unsupportedFileTypeTooltip?: string, fileTooLargeTooltip?: string) => string | undefined;

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

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

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

@@ -14,6 +14,8 @@ export interface DialFileNameProps {
 }
 /**
  * Component to display a file name with a file icon and shared indicator.
+ * aliases: FileDisplay|NameDisplay
+ *
  * Handles long names with ellipsis and tooltip.
  *
  * If `details` is provided (e.g., file size, date), the component switches to

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

@@ -13,6 +13,8 @@ export interface DialFolderNameProps {
 }
 /**
  * Component to display a folder name with a folder icon and shared indicator.
+ * aliases: FolderDisplay|DirectoryName
+ *
  * Handles long names with ellipsis and tooltip.
  *
  * @example

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

@@ -13,6 +13,7 @@ export interface DialFormItemProps extends DialFormItemBaseProps {
 }
 /**
  * A layout wrapper for form controls with label, helper text and error message.
+ * aliases: FieldWrapper|FormControl
  *
  * Uses `DialLabel` for the label and `DialErrorText` for consistent error styling.
  * Wires accessibility with:

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

@@ -12,6 +12,7 @@ export interface DialFormPopupProps extends DialPopupProps {
 }
 /**
  * A form-oriented popup dialog.
+ * aliases: FormDialog|FormModal
  *
  * Provides an accessible popup with a title, custom body,
  * and a footer with "Cancel" and "Submit" actions.

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

@@ -12,7 +12,6 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
     wrapCustomCellRenderers?: boolean | ((col: ColDef<T>) => boolean);
     disabledRowIds?: Set<string>;
     selectedRowIds?: Set<string>;
-    selectionOnHover?: boolean;
     onGridApiChange?: (api: GridApi<T>) => void;
     onSelectionChange?: (selectedRowIds: Set<string>, selectedRows: T[]) => void;
     getRowId?: (row: T) => string;
@@ -29,6 +28,7 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
 }
 /**
  * DialGrid — A feature-rich data grid wrapper built on ag-Grid with dark theme support.
+ * aliases: DataTable|TableGrid
  *
  * Provides a pre-configured grid with:
  * - Dark theme styling with CSS variable integration
@@ -101,7 +101,6 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
  * @param [wrapCustomCellRenderers=true] - Whether to wrap custom cell renderers with context menu support
  * @param [disabledRowIds] - Set of row IDs that should be disabled. Disabled rows are non-interactive and cannot be selected. IDs must match values from `getRowId`.
  * @param [selectedRowIds] - Controlled selection: set of row IDs that should be selected
- * @param [selectionOnHover=true] - Whether row selection highlights are shown on hover
  * @param [onSelectionChange] - Callback invoked when selection changes (selectedIds, selectedRows)
  * @param [onGridApiChange] - Callback invoked when the grid API becomes available
  * @param [getRowId] - Function to extract unique ID from a row object (defaults to 'id' field)
@@ -117,4 +116,4 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
  * @param [selectionMode] - Could be GridSelectionMode.MULTIPLE or GridSelectionMode.SINGLE to enable selection column
  * @param [allowDisabledContextMenu] - Enables context menu actions even if row itself is disabled for selection
  */
-export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, className, ariaLabel, wrapCustomCellRenderers, disabledRowIds, selectedRowIds, selectionOnHover, onSelectionChange, onGridApiChange, getRowId, alternateOddRowColors, filterPlaceholder, emptyStateIcon, emptyStateTitle, emptyStateDescription, loading, wrapperBorder, withoutHeaderBorders, allowDisabledContextMenu, selectionMode, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, className, ariaLabel, wrapCustomCellRenderers, disabledRowIds, selectedRowIds, onSelectionChange, onGridApiChange, getRowId, alternateOddRowColors, filterPlaceholder, emptyStateIcon, emptyStateTitle, emptyStateDescription, loading, wrapperBorder, withoutHeaderBorders, allowDisabledContextMenu, selectionMode, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,6 +5,7 @@ export interface DialIconProps {
 }
 /**
  * A wrapper component for rendering icons with consistent styling
+ * aliases: IconRenderer|SVGWrapper
  *
  * @example
  * ```tsx

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

@@ -12,6 +12,7 @@ export interface DialIconButtonProps extends DetailedHTMLProps<ButtonHTMLAttribu
 }
 /**
  * A Icon Button component with flexible icon and text positioning
+ * aliases: IconicButton|SymbolButton
  *
  * @example
  * ```tsx

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

@@ -1 +1 @@
-export declare const infoButtonClassName = "w-[24px] h-[24px] border border-solid rounded-[6px] border-transparent p-1 text-secondary hover:text-controls-accent-primary-hover active:text-controls-accent-primary-active focus-within:border-focus";
+export declare const infoButtonClassName = "w-[24px] h-[24px] border border-solid rounded-[6px] border-transparent flex items-center justify-center text-secondary hover:text-controls-accent-primary-hover active:text-controls-accent-primary-active focus-within:border-focus";

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

@@ -7,6 +7,7 @@ export interface DialInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
     invalid?: boolean;
     error?: string;
     caption?: string;
+    tooltipText?: string;
     iconBefore?: ReactNode;
     iconAfter?: ReactNode;
     prefix?: string;
@@ -18,6 +19,7 @@ export interface DialInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
 }
 /**
  * A flexible input component with icon support and various styling options
+ * aliases: TextField|FormInput
  *
  * @example
  * ```tsx

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

@@ -12,9 +12,15 @@ export interface DialInputPopupProps {
     errorText?: string;
     invalid?: boolean;
     emptyValueText?: string;
+    editable?: boolean;
+    onValueChange?: (value: string) => void;
+    collapseTagOverflow?: boolean;
+    iconBefore?: ReactNode;
 }
 /**
  * An input field that opens a popup when clicked, displaying a selected value or a list of values.
+ * aliases: PopupInput|ReadonlyInput
+ *
  * It supports read-only mode, error states, and disabled state, with customizable styling.
  * The modal content is rendered using a portal for seamless integration.
  *
@@ -47,5 +53,8 @@ export interface DialInputPopupProps {
  * @param [errorText] - An optional error message displayed below the input when an error state is present.
  * @param [invalid] - Whether the input is in an invalid state, affecting styling. Applied automatically if errorText is provided.
  * @param [emptyValueText] - The text displayed when no value is selected and placeholder is not provided.
+ * @param [editable=false] - When true, the input area becomes an editable text field; only the icon opens the popup.
+ * @param [onValueChange] - Callback fired when the user types in the editable input.
+ * @param [iconBefore] - Optional icon rendered at the start of the field, before the value.
  */
 export declare const DialInputPopup: FC<DialInputPopupProps>;

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

@@ -7,6 +7,7 @@ export interface DialLabelProps extends NativeLabelProps {
 }
 /**
  * A label component
+ * aliases: FormLabel|RequiredIndicator
  *
  * @example
  * ```tsx

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

@@ -9,6 +9,7 @@ export interface DialLabelledTextProps {
 }
 /**
  * A label component for form fields with optional tooltip, content, and custom elements.
+ * aliases: LabelValue|DisplayText
  *
  * @example
  * ```tsx

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

@@ -10,6 +10,8 @@ export interface DialLoadFileAreaProps extends DialEmptyFileAreaProps {
 }
 /**
  * A drag-and-drop file upload area component that allows users to upload files
+ * aliases: FileDropZone|DragDropUpload
+ *
  * either by dragging them into the area or by selecting them through the file picker.
  * Displays helpful text, button prompts, and validation errors for file format or count limits.
  *

package/dist/src/components/LoadFileArea/LoadFileAreaField.d.ts

@@ -9,6 +9,8 @@ export interface DialLoadFileAreaFieldProps extends DialLoadFileAreaProps {
 }
 /**
  * A composite file upload field that combines a label, file list management,
+ * aliases: UploadField|FileListField
+ *
  * and a drag-and-drop upload area. Allows users to add, remove, and validate files
  * with customizable restrictions on file types and count.
  *

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

@@ -8,6 +8,7 @@ export interface DialLoaderProps {
 }
 /**
  * A simple loading spinner component.
+ * aliases: LoadingSpinner|ProgressSpinner
  *
  * Renders a spinning SVG with optional full-width container.
  *

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

@@ -9,6 +9,7 @@ export interface DialNoDataContentProps {
 }
 /**
  * A component for displaying a message and icon when there is no data to show.
+ * aliases: EmptyState|NoResults
  *
  * @example
  * ```tsx

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

@@ -1,10 +1,13 @@
 import { FC } from 'react';
 import { DialInputProps } from '../Input/Input';
 export interface DialNumberInputProps extends Omit<DialInputProps, 'onChange'> {
+    /** When true, restricts input to integer values only — blocks decimal points, minus, plus, and scientific notation (e/E) */
+    integer?: boolean;
     onChange?: (value?: number | string) => void;
 }
 /**
  * A number input field component
+ * aliases: NumericField|NumberField
  *
  * @example
  * ```tsx
@@ -19,6 +22,11 @@ export interface DialNumberInputProps extends Omit<DialInputProps, 'onChange'> {
  * @params - Component properties extending:
  * - {@link DialInputProps} - Standard input properties (id, value, placeholder, disabled, invalid, etc.) excluding `onChange`
  *
+ * @param [integer] - When true, restricts input to integer values only — blocks decimal points, minus, plus, and scientific notation (e/E)
+ * @param [min] - Minimum allowed value
+ * @param [max] - Maximum allowed value
+ * @param [onKeyDown] - Custom keydown handler (ignored when `integer` is true)
+ * @param [onPaste] - Custom paste handler (ignored when `integer` is true)
  * @param onChange - Callback function called when the input value changes.
  *                        Returns either a number (for most values) or a string (for decimal values < 1 with leading zeros)
  */

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

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { DialInputProps } from '../Input/Input';
 /**
  * A password input component with show/hide functionality and customizable props.
+ * aliases: SecureInput|ToggleablePassword
  *
  * @example
  * ```tsx

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

@@ -20,6 +20,7 @@ export interface DialPopupProps {
 }
 /**
  * An accessible modal dialog component using Floating UI.
+ * aliases: Modal|Dialog
  *
  * Renders in a portal with a scrim overlay, focus management, header with a title,
  * content area, optional footer and a close control.

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

@@ -15,6 +15,7 @@ export interface DialRadioButtonProps {
 }
 /**
  * A stylized, accessible radio input with optional description.
+ * aliases: ChoiceOption|RadioInput
  *
  * Renders a native `<input type="radio" />` paired with a label. When `checked`
  * and `description` are provided, a supporting text block appears under the control.

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

@@ -22,6 +22,7 @@ export interface DialRadioGroupProps {
 }
 /**
  * Groups multiple `DialRadio` options and renders custom content for the active option.
+ * aliases: SelectionGroup|OptionGroup
  *
  * Uses `DialField` as the field label and a container with `role="radiogroup"`.
  * Content provided in `radioButtons[].content` is shown under the currently active radio.

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

@@ -17,6 +17,7 @@ export interface RadioGroupPopupFieldProps extends Pick<DialLabelProps, 'label'
 }
 /**
  * A composite field that opens a popup with a radio group selector.
+ * aliases: PopupRadio|ChoicePopup
  *
  * Renders a labeled readout using `DialInputPopup`; when opened, a `DialPopup`
  * displays a `DialRadioGroup` allowing the user to pick from a list of options.

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

@@ -5,6 +5,7 @@ export interface DialRemoveButtonProps extends Omit<DialButtonProps, 'iconBefore
 }
 /**
  * A specialized button component for removal or delete actions.
+ * aliases: DeleteButton|TrashButton
  *
  * Renders a `DialErrorButton` with a predefined trash icon (`IconTrashX`) as the leading icon.
  * Additional props are passed directly to the underlying `DialErrorButton`.

package/dist/src/components/ResizableContainer/ConditionalResizableContainer.d.ts

@@ -5,6 +5,7 @@ export interface DialConditionalResizableContainerProps extends DialResizableCon
 }
 /**
  * DialConditionalResizableContainer — A conditional wrapper around `DialResizableContainer`.
+ * aliases: OptionalResize|ConditionalPanel
  *
  * This component renders its children inside a resizable container only when `enabled` is true.
  * When `enabled` is false, children are rendered directly without any resizable behavior.

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

@@ -14,6 +14,8 @@ export interface DialResizableContainerProps {
 }
 /**
  * DialResizableContainer — A reusable resizable container
+ * aliases: ResizePanel|SizableContainer
+ *
  * supporting both **controlled** and **uncontrolled** width modes.
  *
  * Controlled Mode