@epam/ai-dial-ui-kit 0.5.0-rc.6 → 0.5.0-rc.61

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

@@ -1,10 +1,9 @@
-import { FC, ReactNode } from 'react';
-export interface DialFieldLabelProps {
+import { FC, LabelHTMLAttributes, ReactNode } from 'react';
+type NativeLabelProps = Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'defaultValue' | 'onChange'>;
+export interface DialFieldLabelProps extends NativeLabelProps {
     fieldTitle?: string | ReactNode;
-    htmlFor: string;
     optional?: boolean;
     optionalText?: string;
-    cssClass?: string;
     description?: string;
 }
 /**
@@ -16,11 +15,10 @@ export interface DialFieldLabelProps {
  * <DialFieldLabel htmlFor="email-input" fieldTitle="Email Address" />
  * ```
  *
- * @param htmlFor - The ID of the form element this label is associated with
  * @param [fieldTitle] - The title/label text to display for the field
  * @param [optional=false] - Whether the field is optional (displays "(Optional)" text if optionalText is not provided)
  * @param [optionalText="(Optional)"] - Custom text for optional indicator
- * @param [cssClass] - Additional CSS classes to apply to the label element
  * @param [description] - Additional description text, displayed below the label.
  */
 export declare const DialFieldLabel: FC<DialFieldLabelProps>;
+export {};

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

@@ -3,7 +3,7 @@ export interface DialFileIconProps {
     extension: string;
     size?: number;
     stroke?: number;
-    cssClass?: string;
+    className?: string;
     decorative?: boolean;
     label?: string;
     indicator?: ReactNode;
@@ -23,7 +23,7 @@ export interface DialFileIconProps {
  * @param extension - File extension string (with or without leading dot)
  * @param [size=baseIconProps.size] - Icon pixel size
  * @param [stroke=baseIconProps.stroke] - Tabler icon stroke width
- * @param [cssClass] - Additional classes on the container
+ * @param [className] - Additional classes on the container
  * @param [decorative=false] - Whether the icon should be hidden from assistive technologies
  * @param [label] - Accessible label when not decorative; defaults to "<EXT> file icon"
  * @param [indicator] - Optional indicator element to display alongside the icon

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

@@ -6,18 +6,26 @@ import { DialFileManagerNavigationPanelProps } from './components/FileManagerNav
 import { DialGridProps } from '../Grid/Grid';
 import { DialFileManagerToolbarProps } from './components/FileManagerToolbar/DialFileManagerToolbar';
 import { DialFileManagerBulkActionsToolbarProps } from './components/FileManagerBulkActionsToolbar/FileManagerBulkActionsToolbar';
-import { DialFileManagerActions, DialCopiedItem, DialDeletedItem } from '../../types/file-manager';
+import { DialCopiedItem, DialDeletedItem, DialUploadFileItem } from '../../models/file-manager';
 import { FileManagerGridRow } from './FileManagerContext';
 import { DestinationFolderPopupProps } from './components/DestinationFolderPopup/DestinationFolderPopup';
+import { FileUploadValidationResult, FileUploadValidationMessages } from './hooks/use-file-upload';
+import { DialFileManagerActions } from '../../types/file-manager';
+import { FolderCreationValidationMessages } from './hooks/use-folder-creation';
+import { ConflictResolutionPopupProps } from './components/ConflictResolutionPopup/ConflictResolutionPopup';
+import { RenameValidationMessages } from './hooks/use-item-renaming';
 type GridRow = FileManagerGridRow;
-export type DialFileManagerDestinationFolderPopupOptions = Pick<DestinationFolderPopupProps, 'setDestinationFolderPath' | 'destinationFolderPath' | 'addFolderLabel' | 'copyLabel' | 'moveLabel' | 'hiddenFilesSwitcherLabel'>;
+export type DialFileManagerConflictResolutionPopupOptions = Omit<ConflictResolutionPopupProps, 'open' | 'onClose' | 'onReplace' | 'onDuplicate' | 'conflictingFiles'>;
+export type DialFileManagerDestinationFolderPopupOptions = Pick<DestinationFolderPopupProps, 'setDestinationFolderPath' | 'destinationFolderPath' | 'addFolderLabel' | 'copyLabel' | 'moveLabel' | 'hiddenFilesSwitcherLabel' | 'getCopyHeader' | 'getMoveHeader'>;
 export interface FileTreeOptions extends Omit<DialFoldersTreeProps, 'items' | 'selectedPath' | 'onItemClick'> {
     width?: number;
     title?: string;
-    containerCssClass?: string;
+    containerClassName?: string;
     additionalButtons?: ReactNode;
     collapsed?: boolean;
     onCollapseChange?: (collapsed: boolean) => void;
+    expandedPaths?: Set<string>;
+    onExpandedPathsChange?: (expandedPaths: Set<string>) => void;
     actionLabels?: {
         [DialFileManagerActions.Duplicate]?: string;
         [DialFileManagerActions.Copy]?: string;
@@ -39,12 +47,39 @@ export interface GridOptions extends Omit<DialGridProps<GridRow>, 'rowData' | 'c
     filterable?: boolean;
     dateLocale?: Intl.LocalesArgument;
     dateOptions?: Intl.DateTimeFormatOptions;
+    actionLabels?: {
+        [DialFileManagerActions.Duplicate]?: string;
+        [DialFileManagerActions.Copy]?: string;
+        [DialFileManagerActions.Rename]?: string;
+        [DialFileManagerActions.Download]?: string;
+        [DialFileManagerActions.Delete]?: string;
+        [DialFileManagerActions.Move]?: string;
+    };
+}
+export type ToolbarOptions = Omit<DialFileManagerToolbarProps, 'areHiddenFilesVisible' | 'onToggleHiddenFiles'> & {
+    newActionLabels?: {
+        uploadFiles?: string;
+        newFolder?: string;
+        uploadArchive?: string;
+    };
+};
+export type BulkActionsToolbarOptions = Omit<DialFileManagerBulkActionsToolbarProps, 'onClearSelection' | 'actions'> & {
+    actionLabels?: {
+        [DialFileManagerActions.Duplicate]?: string;
+        [DialFileManagerActions.Copy]?: string;
+        [DialFileManagerActions.Download]?: string;
+        [DialFileManagerActions.Delete]?: string;
+        [DialFileManagerActions.Move]?: string;
+    };
+};
+export interface CreateFolderValidationMessages {
+    emptyName?: string;
+    duplicateName?: string;
+    forbiddenChars?: string;
 }
-export type ToolbarOptions = Omit<DialFileManagerToolbarProps, 'areHiddenFilesVisible' | 'onToggleHiddenFiles'>;
-export type BulkActionsToolbarOptions = Omit<DialFileManagerBulkActionsToolbarProps, 'onClearSelection'>;
 export interface DialFileManagerProps {
     path?: string;
-    cssClass?: string;
+    className?: string;
     items?: DialFile[];
     rootItem?: DialRootFolder;
     filesLoading?: boolean;
@@ -57,16 +92,23 @@ export interface DialFileManagerProps {
     bulkActionsToolbarOptions?: BulkActionsToolbarOptions;
     deleteConfirmationOptions?: DeleteConfirmationOptions;
     destinationFolderPopupOptions?: DialFileManagerDestinationFolderPopupOptions;
+    conflictResolutionPopupOptions?: DialFileManagerConflictResolutionPopupOptions;
     onPathChange?: (nextPath?: string) => void;
     onTableFileClick?: (file: GridRow) => void;
     onCopyFiles?: (items: DialCopiedItem[], destinationFolder: string) => void;
     onMoveToFiles?: (items: DialCopiedItem[], sourceFolder: string, destinationFolder: string) => void;
     onDeleteFiles?: (items: DialDeletedItem[], sourceFolder: string) => void;
     onDownloadFiles?: (items: DialFile[]) => void;
-    onRename?: (itemPath: string) => void;
-    onRenameSave?: (value: string) => void;
-    onRenameCancel?: () => void;
     onRenameValidate?: (value: string, item: DialFile) => string | null;
+    renameValidationMessages?: RenameValidationMessages;
+    onCreateFolder?: (file: DialUploadFileItem, folderPath: string, fileId: string) => void | Promise<void>;
+    onCreateFolderValidate?: (name: string, parentFolder: DialFile) => string | null;
+    folderCreationValidationMessages?: FolderCreationValidationMessages;
+    onUploadFiles?: (files: DialUploadFileItem[], destinationFolder: string) => void;
+    onValidateUpload?: (files: DialUploadFileItem[], existingFiles: DialFile[], destinationFolder: string) => FileUploadValidationResult | Promise<FileUploadValidationResult>;
+    maxFileSize?: number;
+    uploadValidationMessages?: FileUploadValidationMessages;
+    onUploadArchive?: (file: File, name: string, destinationFolder: string) => void;
 }
 /**
  * File Manager layout with a collapsible folders tree, breadcrumb/search header, and a data grid.
@@ -114,7 +156,7 @@ export interface DialFileManagerProps {
  * ```
  *
  * @param [path] - Absolute path of the current location (e.g. "/All files/Design/Icons")
- * @param [cssClass] - Additional classes for the root container
+ * @param [className] - Additional classes for the root container
  * @param [items] - Full hierarchical list of files and folders used by both tree and grid
  * @param [rootItem] - Optional root folder item to represent the top-level container in the tree
  * @param [filesLoading=false] - When true, shows skeleton loading state in the grid
@@ -132,6 +174,10 @@ export interface DialFileManagerProps {
  * @param [onCopyFiles] - Callback fired when files copy-paste
  * @param [onMoveToFiles] - Callback fired when files cut-paste or rename
  * @param [onDeleteFiles] - Callback fired when files are deleted
+ *
+ * @param [onDownloadFiles] - Callback fired when files are downloaded
+ *
+ * @param [onUploadArchive] - Callback fired when archive files are uploaded
  */
 export declare const DialFileManager: FC<DialFileManagerProps>;
 /**

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

@@ -1,6 +1,10 @@
+import { DragEvent, RefObject } from 'react';
 import { DialFile, DialRootFolder, DialFileNodeType } from '../../models/file';
-import { FileTreeOptions, NavigationPanelOptions, GridOptions, ToolbarOptions, BulkActionsToolbarOptions, DialFileManagerProps, DeleteConfirmationOptions, DialFileManagerDestinationFolderPopupOptions } from './FileManager';
-import { DestinationFolderMode } from './hooks/use-file-clipboard';
+import { FileTreeOptions, NavigationPanelOptions, GridOptions, ToolbarOptions, BulkActionsToolbarOptions, DialFileManagerProps, DeleteConfirmationOptions, DialFileManagerDestinationFolderPopupOptions, DialFileManagerConflictResolutionPopupOptions } from './FileManager';
+import { FileUploadValidationMessages } from './hooks/use-file-upload';
+import { DropdownItem } from '../../models/dropdown';
+import { FileConflictDecision } from './components/ConflictResolutionPopup/ConflictResolutionPopup';
+import { DestinationFolderMode } from '../../types/file-manager';
 export interface FileManagerGridRow {
     id: string;
     name: string;
@@ -10,9 +14,10 @@ export interface FileManagerGridRow {
     path: string;
     nodeType: DialFileNodeType;
     extension?: string;
+    isTemporary?: boolean;
 }
 export interface FileManagerContextValue {
-    cssClass?: string;
+    className?: string;
     items: DialFile[];
     rootItem?: DialRootFolder;
     filesLoading?: boolean;
@@ -23,6 +28,7 @@ export interface FileManagerContextValue {
     bulkActionsToolbarOptions?: BulkActionsToolbarOptions;
     deleteConfirmationOptions?: DeleteConfirmationOptions;
     destinationFolderPopupOptions?: DialFileManagerDestinationFolderPopupOptions;
+    conflictResolutionPopupOptions?: DialFileManagerConflictResolutionPopupOptions;
     currentPath?: string;
     setCurrentPath: (p?: string) => void;
     searchValue: string;
@@ -34,7 +40,8 @@ export interface FileManagerContextValue {
     toggleTreeCollapse: () => void;
     setIsTreeCollapsed: (value: boolean) => void;
     selectedIds: Set<string>;
-    setSelectedIds: (next: Set<string>) => void;
+    selectedFiles: Map<string, DialFile>;
+    setSelectedFiles: (next: Map<string, DialFile>) => void;
     clearSelection: () => void;
     currentFolder?: DialFile;
     gridRows: FileManagerGridRow[];
@@ -48,6 +55,7 @@ export interface FileManagerContextValue {
     handleSetCopiedFiles: (files: DialFile[]) => void;
     handleSetMovedFiles: (files: DialFile[]) => void;
     renamedPath?: string;
+    renamedItem?: DialFile;
     onRename: (file: string) => void;
     onRenameSave: (value: string) => void;
     onRenameCancel: () => void;
@@ -64,5 +72,33 @@ export interface FileManagerContextValue {
     handleTableRowClick: (row: FileManagerGridRow) => void;
     onTableFileClick?: DialFileManagerProps['onTableFileClick'];
     handleDownloadFiles: (items: DialFile[]) => void;
+    isDragging: boolean;
+    isDraggingOverWindow: boolean;
+    uploadError?: string;
+    handleDragEnter: (e: DragEvent) => void;
+    handleDragLeave: (e: DragEvent) => void;
+    handleDragOver: (e: DragEvent) => void;
+    handleDrop: (e: DragEvent) => void;
+    clearUploadError: () => void;
+    onUploadFiles?: DialFileManagerProps['onUploadFiles'];
+    onValidateUpload?: DialFileManagerProps['onValidateUpload'];
+    maxFileSize?: number;
+    uploadValidationMessages?: FileUploadValidationMessages;
+    newActions: DropdownItem[];
+    isNewButtonVisible: boolean;
+    openFileDialog: () => void;
+    fileInputRef: RefObject<HTMLInputElement | null>;
+    isCreatingFolder: boolean;
+    newFolderTempId: string | null;
+    startFolderCreation: () => void;
+    cancelFolderCreation: () => void;
+    saveFolderCreation: (name: string) => Promise<void>;
+    validateFolderName: (name: string) => string | null;
+    conflictingFiles: DialFile[];
+    conflictResolutionOpen: boolean;
+    closeConflictResolution: () => void;
+    handleConflictReplace: () => void;
+    handleConflictDuplicate: () => void;
+    handleConflictDecideForEach: (decisions: FileConflictDecision[]) => void;
 }
 export declare const FileManagerContext: import('react').Context<FileManagerContextValue | undefined>;

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

@@ -13,6 +13,7 @@ export interface FileManagerProviderProps extends Omit<DialFileManagerProps, 'ch
  * - clipboard (copy / cut / paste)
  * - delete confirmation state
  * - computed grid rows
+ * - new actions
  *
  */
 export declare const FileManagerProvider: FC<FileManagerProviderProps>;

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

@@ -0,0 +1,92 @@
+import { FC } from 'react';
+import { DialFile } from '../../../../models/file';
+import { DialFileManagerConflictActions, DialFileManagerConflictStrategies } from '../../../../types/file-manager';
+export interface FileConflictDecision {
+    file: DialFile;
+    action: DialFileManagerConflictActions;
+}
+export interface ConflictResolutionPopupProps {
+    open: boolean;
+    onClose: () => void;
+    onReplace: () => void;
+    onDuplicate: () => void;
+    onDecideForEach?: (decisions: FileConflictDecision[]) => void;
+    conflictingFiles: DialFile[];
+    title?: string;
+    singleFileTitle?: string;
+    multipleFilesTitle?: string;
+    message?: string;
+    actionLabels?: {
+        [DialFileManagerConflictActions.Replace]?: string;
+        [DialFileManagerConflictActions.Duplicate]?: string;
+        [DialFileManagerConflictActions.Cancel]?: string;
+    };
+    strategyLabels?: {
+        [DialFileManagerConflictStrategies.ReplaceAll]?: string;
+        [DialFileManagerConflictStrategies.DuplicateAll]?: string;
+        [DialFileManagerConflictStrategies.DecideForEach]?: string;
+    };
+    confirmLabel?: string;
+    cancelLabel?: string;
+    nameColumnLabel?: string;
+    actionColumnLabel?: string;
+}
+/**
+ * ConflictResolutionPopup
+ *
+ * A popup dialog for resolving file name conflicts during copy or move operations.
+ * Shows different UI based on number of conflicting files:
+ * - Single file: Simple Replace/Duplicate choice with radio buttons
+ * - Multiple files: Replace all / Duplicate all / Decide for each strategy with optional grid
+ *
+ * When "Decide for each" is selected, displays a grid with dropdown selectors for individual
+ * file resolution (Replace/Duplicate/Cancel).
+ *
+ * @example
+ * ```tsx
+ * // Single file conflict
+ * <ConflictResolutionPopup
+ *   open={isOpen}
+ *   onClose={handleClose}
+ *   onReplace={handleReplace}
+ *   onDuplicate={handleDuplicate}
+ *   conflictingFiles={[file]}
+ * />
+ *
+ * // Multiple files with custom labels
+ * <ConflictResolutionPopup
+ *   open={isOpen}
+ *   onClose={handleClose}
+ *   onReplace={handleReplaceAll}
+ *   onDuplicate={handleDuplicateAll}
+ *   onDecideForEach={handleDecisions}
+ *   conflictingFiles={files}
+ *   actionLabels={{
+ *     [DialFileManagerConflictActions.Replace]: 'Overwrite',
+ *     [DialFileManagerConflictActions.Duplicate]: 'Keep Both',
+ *   }}
+ *   strategyLabels={{
+ *     [DialFileManagerConflictStrategies.ReplaceAll]: 'Overwrite All',
+ *     [DialFileManagerConflictStrategies.DuplicateAll]: 'Keep All',
+ *   }}
+ * />
+ * ```
+ *
+ * @param open - Whether the popup is visible
+ * @param onClose - Callback fired when the popup is closed
+ * @param onReplace - Callback fired when Replace/Replace All is confirmed
+ * @param onDuplicate - Callback fired when Duplicate/Duplicate All is confirmed
+ * @param [onDecideForEach] - Callback fired when individual decisions are confirmed; receives array of decisions
+ * @param conflictingFiles - Array of files with name conflicts
+ * @param [title] - Custom title (overrides singleFileTitle and multipleFilesTitle)
+ * @param [singleFileTitle="Replace Or Duplicate Item"] - Title for single file conflicts
+ * @param [multipleFilesTitle="Replace Or Duplicate Items"] - Title for multiple file conflicts
+ * @param [message] - Custom message (overrides default conflict description)
+ * @param [actionLabels] - Custom labels for conflict actions (Replace/Duplicate/Cancel)
+ * @param [strategyLabels] - Custom labels for conflict strategies (Replace all/Duplicate all/Decide for each)
+ * @param [confirmLabel="Confirm"] - Label for the confirm button
+ * @param [cancelLabel="Cancel"] - Label for the cancel button
+ * @param [nameColumnLabel="Name"] - Label for the file name column in the grid
+ * @param [actionColumnLabel="Action"] - Label for the action column in the grid
+ */
+export declare const ConflictResolutionPopup: FC<ConflictResolutionPopupProps>;

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

@@ -11,6 +11,8 @@ export interface DestinationFolderPopupProps extends DialFileManagerProps {
     addFolderLabel?: string;
     hiddenFilesSwitcherLabel?: string;
     mode?: 'copy' | 'move';
+    getCopyHeader?: (itemsCount: number, itemName?: string) => string;
+    getMoveHeader?: (itemsCount: number, itemName?: string) => string;
 }
 /**
  * DestinationFolderPopup
@@ -36,7 +38,7 @@ export interface DestinationFolderPopupProps extends DialFileManagerProps {
  * @param open - Whether the popup is visible
  * @param onClose - Callback fired when the popup is closed
  * @param [onConfirm] - Callback fired when the confirm button is clicked
- * @param [mode="copy"] - Operation mode: 'copy' or 'move'
+ * @param [mode=DestinationFolderMode.Copy] - Operation mode: 'copy' or 'move'
  * @param [copyLabel="Copy"] - Label for the copy button
  * @param [moveLabel="Move"] - Label for the move button
  * @param [addFolderLabel="Add folder"] - Label for the add folder button
@@ -45,5 +47,7 @@ export interface DestinationFolderPopupProps extends DialFileManagerProps {
  * @param rootItem - Root folder item
  * @param path - Current path in the File Manager
  * @param onPathChange - Callback fired when the path changes
+ * @param getCopyHeader - Function to get custom header for copy mode
+ * @param getMoveHeader - Function to get custom header for move mode
  */
 export declare const DestinationFolderPopup: FC<DestinationFolderPopupProps>;

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

@@ -38,7 +38,7 @@ export interface DialFileManagerItemIconProps extends Omit<DialFileIconProps, 'e
  * @param {boolean} [props.loading=false] - Whether to display the loading state.
  * @param {number} [props.size] - Optional icon size override.
  * @param {number} [props.stroke] - Optional icon stroke width override.
- * @param {string} [props.cssClass] - Optional CSS class for styling.
+ * @param {string} [props.className] - Optional CSS class for styling.
  * @param {boolean} [props.decorative] - Whether the icon is decorative (for accessibility).
  * @param {string} [props.label] - Accessible label for screen readers.
  * @param {ReactNode} [props.indicator] - Optional indicator to display over the icon.

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

@@ -8,7 +8,7 @@ export interface DialFileManagerItemNameInputProps {
     elementId: string;
     iconSize?: number;
     iconStroke?: number;
-    iconCssClass?: string;
+    iconClassName?: string;
     iconLabel?: string;
     iconIndicator?: ReactNode;
     inputInvalid?: boolean;
@@ -53,7 +53,7 @@ export interface DialFileManagerItemNameInputProps {
  * @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.iconClassName] - 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.

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

@@ -1,11 +1,11 @@
 import { FC } from 'react';
 import { DialBreadcrumbProps } from '../../../Breadcrumb/Breadcrumb';
 import { DialSearchProps } from '../../../Search/Search';
-export interface DialFileManagerNavigationPanelProps extends Omit<DialBreadcrumbProps, 'pathItems' | 'children' | 'cssClass' | 'separator'>, Omit<DialSearchProps, 'onChange' | 'elementId' | 'value' | 'cssClass' | 'containerCssClass' | 'placeholder' | 'size'> {
+export interface DialFileManagerNavigationPanelProps extends Omit<DialBreadcrumbProps, 'pathItems' | 'children' | 'className' | 'separator'>, Omit<DialSearchProps, 'onChange' | 'elementId' | 'value' | 'className' | 'containerClassName' | 'placeholder' | 'size'> {
     path?: string;
     makeHref?: (segments: string[], index: number) => string | undefined;
-    cssClass?: string;
-    breadcrumbCssClass?: string;
+    className?: string;
+    breadcrumbClassName?: string;
     onItemClick?: (href?: string) => void;
     rootItemPath?: string;
     rootItemLabel?: string;
@@ -13,8 +13,8 @@ export interface DialFileManagerNavigationPanelProps extends Omit<DialBreadcrumb
     value?: string | number | null;
     elementId?: string;
     onSearchChange?: (value: string) => void;
-    searchCssClass?: string;
-    searchContainerCssClass?: string;
+    searchClassName?: string;
+    searchContainerClassName?: string;
 }
 /**
  * FileManagerNavigationPanel
@@ -38,23 +38,23 @@ export interface DialFileManagerNavigationPanelProps extends Omit<DialBreadcrumb
  * // With clickable parents
  * <FileManagerNavigationPanel
  *   path="Org/Design/Assets"
- *   makeHref={(segments, i) => '#' + '/' + segments.slice(0, i + 1).join('/')}
+ *   makeHref={(segments, i) => '#' + segments.slice(0, i + 1).join('/')}
  * />
  * ```
  *
  * @param [ariaLabel="Breadcrumb"] - Aria label for the breadcrumb `<nav>`
- * @param [titleCssClass] - Extra classes for breadcrumb titles
+ * @param [titleClassName] - Extra classes for breadcrumb titles
  * @param [path] - A full path string that will be split into breadcrumb items
  * @param [makeHref] - Factory to create hrefs for segments
  * @param [onItemClick] - Callback fired when a breadcrumb item is clicked
- * @param [cssClass] - Additional classes for the panel container
- * @param [breadcrumbCssClass] - Classes forwarded to inner `DialBreadcrumb`
+ * @param [className] - Additional classes for the panel container
+ * @param [breadcrumbClassName] - ClassName forwarded to inner `DialBreadcrumb`
  * @param [searchable=true] - Whether to render the search control
  * @param [value] - Controlled value for the search input (parent-managed)
  * @param [elementId="fm-search"] - DOM id for the internal DialSearch input
  * @param [size=SearchSize.Base] - Size of the search input (from DialSearchProps)
  * @param [onSearchChange] - Callback fired when the search value changes
- * @param [searchCssClass] - Extra classes for the search input element
- * @param [searchContainerCssClass] - Extra classes for the search container
+ * @param [searchClassName] - Extra classes for the search input element
+ * @param [searchContainerClassName] - Extra classes for the search container
  */
 export declare const DialFileManagerNavigationPanel: FC<DialFileManagerNavigationPanelProps>;

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

@@ -1,3 +1,3 @@
-export declare const panelBaseClasses = "w-full h-[12] flex items-center justify-between gap-4";
-export declare const breadcrumbContainerClasses = "min-w-0 h-[38px] flex-1 overflow-hidden bg-layer-3 px-3 flex items-center rounded";
-export declare const searchContainerClasses = "w-[260px]";
+export declare const panelBaseClassName = "w-full h-[12] flex items-center justify-between gap-4";
+export declare const breadcrumbContainerClassName = "min-w-0 h-[38px] flex-1 overflow-hidden bg-layer-3 px-3 flex items-center rounded";
+export declare const searchContainerWrapperClassName = "w-[260px]";

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

@@ -10,10 +10,10 @@ export interface DialFileManagerToolbarProps {
     hiddenFilesSwitcherLabel?: string;
     showHiddenFilesLabel?: string;
     hideHiddenFilesLabel?: string;
-    isCreateButtonVisible?: boolean;
-    createButtonVariant?: ButtonVariant;
-    createButtonDropdownItems?: DropdownItem[];
-    createButtonLabel?: string;
+    isNewButtonVisible?: boolean;
+    newButtonVariant?: ButtonVariant;
+    newButtonDropdownItems?: DropdownItem[];
+    newButtonLabel?: string;
     onTabChange?: (id: DialFileManagerTabs) => void;
     onToggleHiddenFiles?: (value: boolean) => void;
 }
@@ -24,7 +24,7 @@ export interface DialFileManagerToolbarProps {
  * - 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
+ * - An optional "New" button or dropdown for creating new files or folders
  *
  * @example
  * ```tsx
@@ -40,8 +40,8 @@ export interface DialFileManagerToolbarProps {
  *   onTabChange={(id) => console.log('Switched to tab:', id)}
  *   onToggleHiddenFiles={(visible) => console.log('Hidden files visible:', visible)}
  *   onRefresh={() => console.log('Refreshed')}
- *   isCreateButtonVisible
- *   createButtonDropdownItems={[
+ *   isNewButtonVisible
+ *   newButtonDropdownItems={[
  *     { key: 'folder', label: 'New Folder' },
  *     { key: 'file', label: 'Upload File' },
  *   ]}
@@ -56,16 +56,16 @@ export interface DialFileManagerToolbarProps {
  * @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 [isCreateButtonVisible] - Whether the "Create" button or dropdown should be displayed.
- * @param [createButtonVariant=ButtonVariant.Secondary] - Visual style variant 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.
+ * @param [isNewButtonVisible] - Whether the "New" button or dropdown should be displayed.
+ * @param [newButtonVariant=ButtonVariant.Secondary] - Visual style variant for the new button.
+ * @param [newButtonDropdownItems=[]] - Dropdown items available under the new button. If empty, a single new button is shown instead.
+ * @param [newButtonLabel='New'] - Label text for the new button.
  *
  * @remarks
  * - Tabs are rendered via `DialTabs`.
  * - The hidden files toggle uses `DialSwitch`.
- * - The refresh and create actions use `DialButton` or dropdown variants for consistency.
+ * - The refresh and new 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.
+ * - When `newButtonDropdownItems` is provided, the new button becomes a dropdown menu.
  */
 export declare const DialFileManagerToolbar: FC<DialFileManagerToolbarProps>;

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

@@ -17,6 +17,7 @@ export interface DialFoldersTreeProps {
     onRenameValidate?: (value: string, item: DialFile) => string | null;
     getContextMenuItems?: (item: DialFile) => DropdownItem[];
     areHiddenFilesVisible?: boolean;
+    onExpandedPathsChange?: (expandedPaths: Set<string>) => void;
 }
 /**
  * DialFoldersTree — A hierarchical folder tree component with nested expand/collapse support, selection highlighting,

package/dist/src/components/FileManager/components/FoldersTree/hooks/use-expanded-paths.d.ts

@@ -0,0 +1,13 @@
+export interface UseExpandedPathsOptions {
+    expandedPaths?: Set<string>;
+    onExpandedPathsChange?: (expandedPaths: Set<string>) => void;
+}
+export declare const useExpandedPaths: (options?: UseExpandedPathsOptions) => {
+    expandedPaths: Set<string>;
+    setExpandedPaths: (newSet: Set<string>) => void;
+    togglePath: (path: string) => void;
+    collapseAll: () => void;
+    expandPath: (path: string) => void;
+    collapsePath: (path: string) => void;
+    isControlled: boolean;
+};

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

@@ -1,9 +1,14 @@
-export declare const containerBaseClasses = "w-full h-full grid grid-rows-[auto_1fr] gap-5 p-6 overflow-hidden min-w-0 bg-layer-2";
-export declare const toolbarBaseClasses = "w-full text-secondary flex items-center gap-2";
-export declare const mainGridClasses = "flex min-h-0 min-w-0 h-full gap-4 overflow-hidden";
-export declare const contentGridClasses = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-4";
-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 containerBaseClassName = "w-full h-full grid grid-rows-[auto_1fr] gap-5 p-6 overflow-hidden min-w-0 bg-layer-2";
+export declare const toolbarBaseClassName = "w-full text-secondary flex items-center gap-2";
+export declare const mainGridClassName = "flex min-h-0 min-w-0 h-full gap-4 overflow-hidden";
+export declare const contentGridClassName = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-4";
+export declare const contentHeaderClassName = "items-center";
+export declare const treeBaseClassName = "w-full h-full rounded bg-layer-3 text-secondary overflow-auto min-w-0";
+export declare const gridBaseClassName = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0";
 export declare const sidebarWidth = 280;
 export declare const sidebarTitleDefault = "Files";
+export declare const BASE_FILE_MANAGER_ICON_SIZE = 20;
+export declare const FILES_DATA_TRANSFER_TYPE = "Files";
+export declare const FOLDER_PLACEHOLDER_FILE_NAME = ".dial_folder";
+export declare const FOLDERS_TREE_PANEL_MIN_WIDTH = 280;
+export declare const FOLDERS_TREE_PANEL_MAX_WIDTH = 460;

package/dist/src/components/FileManager/hooks/__tests__/use-conflict-resolution.spec.d.ts

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

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

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

package/dist/src/components/FileManager/hooks/use-bulk-actions.d.ts

@@ -0,0 +1,22 @@
+import { DialFile } from '../../../models/file';
+import { DialFileManagerActions } from '../../../types/file-manager';
+import { DialActionDropdownItem } from '../components/FileManagerBulkActionsToolbar/FileManagerBulkActionsToolbar';
+export interface UseBulkActionsProps {
+    selectedFiles: Map<string, DialFile>;
+    actionLabels?: {
+        [DialFileManagerActions.Duplicate]?: string;
+        [DialFileManagerActions.Copy]?: string;
+        [DialFileManagerActions.Rename]?: string;
+        [DialFileManagerActions.Download]?: string;
+        [DialFileManagerActions.Delete]?: string;
+        [DialFileManagerActions.Move]?: string;
+    };
+    onDuplicate: (files: DialFile[]) => void;
+    onCopy: (files: DialFile[]) => void;
+    onMove: (files: DialFile[]) => void;
+    onDownload: (files: DialFile[]) => void;
+    onRename: (filePath: string) => void;
+    onDelete: (files: DialFile[], parentFolderPath: string) => void;
+    getCurrentFolderPath: () => string;
+}
+export declare const useBulkActions: ({ selectedFiles, actionLabels, onDuplicate, onCopy, onMove, onDownload, onDelete, getCurrentFolderPath, }: UseBulkActionsProps) => DialActionDropdownItem[];

package/dist/src/components/FileManager/hooks/use-conflict-resolution.d.ts

@@ -0,0 +1,26 @@
+import { DialFile } from '../../../models/file';
+import { DialCopiedItem } from '../../../models/file-manager';
+import { FileConflictDecision } from '../components/ConflictResolutionPopup/ConflictResolutionPopup';
+import { DialFileManagerConflictActions } from '../../../types/file-manager';
+export interface UseConflictResolutionOptions {
+    getDestinationFiles: (path: string) => DialFile[];
+    onResolve?: (items: DialCopiedItem[], destinationFolder: string) => void;
+}
+export interface ConflictResolutionResult {
+    hasConflicts: boolean;
+    conflicts: DialFile[];
+}
+export declare const useConflictResolution: ({ getDestinationFiles, onResolve, }: UseConflictResolutionOptions) => {
+    conflictingFiles: DialFile[];
+    conflictResolutionOpen: boolean;
+    hasActiveConflictRef: import('react').RefObject<boolean>;
+    checkForConflicts: (destinationFolder: string, files: DialFile[]) => ConflictResolutionResult;
+    startConflictResolution: (destinationFolder: string, files: DialFile[], metadata?: Record<string, unknown>) => ConflictResolutionResult;
+    resolveConflictsWithStrategy: (destinationFolder: string, files: DialFile[], overwrite: boolean, metadata?: Record<string, unknown>) => DialCopiedItem[];
+    resolveConflictsWithDecisions: (destinationFolder: string, files: DialFile[], decisions: Map<string, DialFileManagerConflictActions>, metadata?: Record<string, unknown>) => DialCopiedItem[];
+    openConflictResolution: (files: DialFile[]) => void;
+    closeConflictResolution: () => void;
+    handleReplaceAll: () => void;
+    handleDuplicateAll: () => void;
+    handleDecideForEach: (decisions: FileConflictDecision[]) => void;
+};