@epam/ai-dial-ui-kit 0.16.0-dev.6 → 0.16.0-dev.61

package/dist/src/components/New/Tag/constants.d.ts

@@ -6,10 +6,18 @@ import { TagAppearance } from '../../../types/tag';
  */
 export declare const tagBaseClassName = "inline-flex h-[32px] max-w-full items-center gap-1 rounded-full px-3";
 /**
- * Fill and text colour per appearance and selection. No tag draws a rim: the
- * two appearances are told apart by their fill — `outlined` sits on the raised
- * layer, `selectable` on nothing until it is selected, where it also steps its
- * label up from secondary to primary.
+ * Shape and type scale per appearance, over `tagBaseClassName`. The bordered
+ * chip is the compact value chip of a form field — the removable twin of
+ * `Badge`'s outlined label: its 24px, 6px corner and rim on the sunken layer,
+ * with the value in primary text on the small type scale.
+ */
+export declare const tagShapeClassNames: Record<TagAppearance, string>;
+/**
+ * Fill and text colour per appearance and selection. `outlined` and
+ * `selectable` draw no rim and are told apart by their fill — `outlined` sits
+ * on the raised layer, `selectable` on nothing until it is selected, where it
+ * also steps its label up from secondary to primary. `bordered` is the one with
+ * a rim, on the sunken layer.
  */
 export declare const tagStateClassNames: Record<TagAppearance, Record<'default' | 'selected', string>>;
 /** Cursor and focus ring of a tag that can be activated. */

package/dist/src/components/New/ToggleChip/ToggleChip.d.ts

@@ -0,0 +1,70 @@
+import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+type NativeToggleChipProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'type' | 'onToggle' | 'aria-pressed'>;
+export interface ToggleChipProps extends NativeToggleChipProps {
+    label: ReactNode;
+    icon?: ReactNode;
+    isSelected?: boolean;
+    onToggle?: (isSelected: boolean) => void;
+}
+/**
+ * A chip that switches one option on and off on its own, for a row of
+ * independent toggles — tools a model may call, filters that combine.
+ * aliases: ChipToggle|ToggleTag|PressableChip|SelectableChip|MultiSelectChip
+ * Design system 2.0
+ *
+ * Draws the `TagAppearance.Selectable` filter chip of the 2.0 design — no fill
+ * until it is on, one accent hover tint shared by both states, an accent-alpha
+ * fill and a semibold label once on — so a row of these sits beside a
+ * `FilterChips` row without a seam. Turning it on therefore widens it by the
+ * difference between the regular and semibold label; give it a width if that
+ * shift matters.
+ *
+ * Reach for it when each chip is its own yes/no. `FilterChips` picks one value
+ * out of several and `Tag` is a label that may be clicked or removed; neither
+ * keeps several independent states, and `Tag` renders a `<span>` with a string
+ * label. This is a native `<button aria-pressed>`: Enter and Space work, the
+ * state is announced as "pressed", and `disabled` takes it out of the tab order
+ * and greys it out.
+ *
+ * Keep one accessible name across both states — the state rides on
+ * `aria-pressed`, and a control that renames itself on click reads as a
+ * different control. Visible state text such as "ON" / "OFF" belongs inside
+ * `label`, wrapped in `aria-hidden` so it is not read on top of the pressed
+ * state. There is no remove control: a chip that toggles and also closes gives
+ * a screen reader two actions with no way to tell which one it landed on, so a
+ * removable value is a closable `Tag` instead.
+ *
+ * Group a row of these in a named `role="group"` so they are announced
+ * together. Labels are the caller's to translate — the component ships no
+ * English defaults.
+ *
+ * @example
+ * ```tsx
+ * <div role="group" aria-label={t('Tools')} className="flex flex-wrap gap-1">
+ *   {tools.map((tool) => (
+ *     <ToggleChip
+ *       key={tool.id}
+ *       icon={tool.icon}
+ *       label={
+ *         <>
+ *           {tool.label}
+ *           <span aria-hidden="true">: {tool.isOn ? t('ON') : t('OFF')}</span>
+ *         </>
+ *       }
+ *       isSelected={tool.isOn}
+ *       onToggle={(isOn) => setTool(tool.id, isOn)}
+ *     />
+ *   ))}
+ * </div>
+ * ```
+ *
+ * @param label - Content of the chip after the icon. Any node, so trailing state text can follow the name; it truncates on one line
+ * @param [icon] - Icon rendered before the label; hidden from assistive tech
+ * @param [isSelected=false] - Whether the chip is on; rendered as `aria-pressed`
+ * @param [onToggle] - Called with the next value when the chip is activated by click, Enter or Space
+ * @param [disabled=false] - Greys the chip out and stops it responding; it keeps showing its on/off state
+ * @param [onClick] - Native click handler, called before `onToggle`
+ * @param [className] - Additional classes on the button
+ */
+export declare const ToggleChip: FC<ToggleChipProps>;
+export {};

package/dist/src/components/New/ToggleChip/constants.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Type scale per state, as the selectable `Tag` draws it: the regular label
+ * steps up to semibold once the chip is on.
+ */
+export declare const toggleChipLabelClassNames: Record<'default' | 'selected', string>;
+/**
+ * Colours of a disabled chip. The `Tag` design defines no disabled state, so
+ * these follow the kit's other 2.0 controls — the disabled text colour, and on
+ * a chip that is on, the disabled fill `SegmentedControl` gives its selected
+ * segment — keeping the on/off state visible while the chip cannot respond.
+ */
+export declare const toggleChipDisabledClassNames: Record<'default' | 'selected', string>;

package/dist/src/components/New/Tooltip/constants.d.ts

@@ -19,8 +19,8 @@ export declare const HOVER_OPEN_DELAY = 500;
  */
 export declare const arrowClassName = "fill-control-inverted";
 /**
- * Tooltips sit at the top of the overlay ladder (`z-tooltip`, see `zIndex` in
- * `tailwind.config.js`) — above popups (`z-popup`), dropdowns and the calendar
+ * Tooltips sit at the top of the overlay ladder (`z-tooltip`, see `--z-index-*` in
+ * `src/styles/theme.scss`) — above popups (`z-popup`), dropdowns and the calendar
  * (`z-floating`) and interactive tooltips — since they can be triggered by a
  * control inside any of them.
  *

package/dist/src/components/New/TransferQueue/TransferQueue.d.ts

@@ -52,7 +52,11 @@ export interface TransferQueueLabels {
     closeConfirmHeader: string;
     /** Confirmation description when an item is in progress and none failed. */
     closeConfirmDescriptionInProgress: string;
-    /** Confirmation description when an item failed and none is in progress. */
+    /**
+     * Confirmation description when an item failed and none is in progress.
+     * @deprecated Never shown: closing asks for confirmation only while an item
+     * is in progress, since a failed one has nothing left to lose.
+     */
     closeConfirmDescriptionFailed: string;
     /** Confirmation description when items are both in progress and failed. */
     closeConfirmDescriptionMixed: string;
@@ -103,12 +107,12 @@ export interface TransferQueueProps {
  * Each row shows the file's `FileIcon` and name, and a trailing status: a
  * spinner (with a cancel control on hover or focus) while in progress, a check
  * on success, a warning or error icon whose reason is both its tooltip and its
- * accessible name, or "Canceled". The header carries the host's title, a count
- * of failed items, and collapse and close controls. Collapsed while work runs,
+ * accessible name, or "Canceled". The header carries the host's title and the
+ * collapse and close controls. Collapsed while work runs,
  * the rows are replaced by one aggregate `ProgressBar`.
  *
- * Closing while an item is in progress or has failed asks for confirmation
- * first. Once every item has succeeded the queue closes itself after
+ * Closing while an item is in progress asks for confirmation first; a queue
+ * whose items have all settled, failed ones included, closes straight away. Once every item has succeeded the queue closes itself after
  * `autoCloseDelay`; a warned or canceled row keeps it open so it can be read.
  *
  * The root is a polite `role="status"` live region. Positioning is left to

package/dist/src/components/New/TransferQueue/TransferQueueHeader.d.ts

@@ -2,8 +2,6 @@ import { FC } from 'react';
 import { TransferQueueLabels } from './TransferQueue';
 interface TransferQueueHeaderProps {
     title: string;
-    /** The badge renders only when this is positive. */
-    failedCount: number;
     isCollapsed: boolean;
     /** Id of the rows container the collapse toggle controls. */
     itemsId: string;
@@ -11,6 +9,6 @@ interface TransferQueueHeaderProps {
     onToggleCollapse: () => void;
     onClose: () => void;
 }
-/** Queue heading with its failed-item badge and the collapse and close controls. */
+/** Queue heading with the collapse and close controls. */
 export declare const TransferQueueHeader: FC<TransferQueueHeaderProps>;
 export {};

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

@@ -1,19 +1,31 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
 import { LabelProps } from '../New/Label/Label';
+import { ProgressBarRole } from '../../types/progress-bar';
 import { ElementSize } from '../../types/size';
-type NativeProgressBarProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+type NativeProgressBarProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role'>;
 export interface ProgressBarProps extends NativeProgressBarProps {
     value: number;
     max?: number;
     size?: ElementSize;
     labelProps?: LabelProps;
     valueLabel?: ReactNode;
+    role?: ProgressBarRole;
 }
 /**
- * A horizontal bar indicating progress toward a goal.
- * aliases: Progress|LoadingBar|Meter
+ * A horizontal bar indicating progress toward a goal, or a level within a range.
+ * aliases: Progress|LoadingBar|Meter|Gauge|CapacityMeter|UsageBar
  * Design system 2.0
  *
+ * `role` picks what the bar means. The default, `ProgressBarRole.Progressbar`,
+ * is a task on its way to done — an upload, an import. `ProgressBarRole.Meter`
+ * renders `role="meter"`: a level inside a known range that never completes —
+ * capacity used, a quota, a budget. Both carry `aria-valuemin`,
+ * `aria-valuemax`, `aria-valuenow` and, when given, `aria-valuetext`, and draw
+ * the same track and accent fill; the role changes only what a screen reader
+ * announces. The bar has no low / optimum / high colouring, so a meter that
+ * must change colour near its limit is restyled by the caller through
+ * `className`.
+ *
  * Names itself from `labelProps.label` through `aria-labelledby`; without one it
  * falls back to `aria-label`, and finally to `Progress` so the bar is never
  * anonymous. Prefer a real label — several bars all announcing "Progress" tell a
@@ -33,6 +45,13 @@ export interface ProgressBarProps extends NativeProgressBarProps {
  * <ProgressBar value={40} labelProps={{ label: 'Uploading' }} />
  * <ProgressBar value={3} max={10} aria-valuetext="3 of 10 files" />
  * <ProgressBar value={80} size={ElementSize.Small} />
+ * <ProgressBar
+ *   role={ProgressBarRole.Meter}
+ *   value={usedBytes}
+ *   max={maxBytes}
+ *   aria-label="Project capacity"
+ *   aria-valuetext="42% used"
+ * />
  *
  * <ProgressBar
  *   value={3.313182}
@@ -48,6 +67,7 @@ export interface ProgressBarProps extends NativeProgressBarProps {
  * @param [size=ElementSize.Standard] - Bar height: standard is 8px, small is 4px.
  * @param [labelProps] - Props of the {@link Label} rendered above the bar, which also names it.
  * @param [valueLabel] - Readout rendered at the end of the label row.
+ * @param [role=ProgressBarRole.Progressbar] - ARIA role of the bar: `progressbar` for a task's progress, `meter` for a level within a range. Without a label the bar is named `Progress` or `Meter` respectively.
  * @param [className] - Additional classes on the track element.
  */
 export declare const ProgressBar: FC<ProgressBarProps>;

package/dist/src/constants/public-class-names.d.ts

@@ -17,6 +17,13 @@ export declare const DIAL_KIT_CLASS: {
     readonly notification: "dial-kit-notification";
     /** The empty-state root of `NoDataContent`. */
     readonly noDataContent: "dial-kit-no-data-content";
+    /** The `section` root of a `StateScreen`. */
+    readonly stateScreen: "dial-kit-state-screen";
+    /**
+     * The always-mounted wrapper of a `LiveRegion` — also the wrapper `CaptionText`
+     * and `ErrorText` render when given `announce`.
+     */
+    readonly liveRegion: "dial-kit-live-region";
     /** The `role="status"` panel of a `TransferQueue`: header, rows and aggregate bar. */
     readonly transferQueue: "dial-kit-transfer-queue";
     /** The text element of a `Highlight`, which renders the matched query. */
@@ -30,12 +37,26 @@ export declare const DIAL_KIT_CLASS: {
     readonly errorText: "dial-kit-error-text";
     /** The `Label` root, which wraps the `label` element and its info button. */
     readonly label: "dial-kit-label";
+    /** The root of a `LabelledText`, wrapping its caption and value. */
+    readonly labelledText: "dial-kit-labelled-text";
+    /** The `ol` root of a `Steps`, holding one button per step. */
+    readonly steps: "dial-kit-steps";
+    /** The root of an `AnalyticsCard`: the box holding its title, value and description. */
+    readonly analyticsCard: "dial-kit-analytics-card";
+    /** The root of an `AnalyticsBar`: the title row and track, stacked or inline. */
+    readonly analyticsBar: "dial-kit-analytics-bar";
+    /** The root of an `AnalyticsBarGroup`: its accordion, header and bars. */
+    readonly analyticsBarGroup: "dial-kit-analytics-bar-group";
+    /** The root of an `AnalyticsHistogram`: its title, axis and columns. */
+    readonly analyticsHistogram: "dial-kit-analytics-histogram";
     /** The `article` element of a `CardShell`. */
     readonly cardShell: "dial-kit-card-shell";
     /** The `aside` element of a `CollapsibleSidebar`. */
     readonly collapsibleSidebar: "dial-kit-collapsible-sidebar";
     /** The content box inside a `ResizableContainer`'s resize frame. */
     readonly resizableContainer: "dial-kit-resizable-container";
+    /** The `role="separator"` element of a `ResizeHandle`. */
+    readonly resizeHandle: "dial-kit-resize-handle";
     /**
      * The `role="dialog"` panel of a `Popup`. Its backdrop is reached through
      * `overlayClassName`.
@@ -43,6 +64,11 @@ export declare const DIAL_KIT_CLASS: {
     readonly popup: "dial-kit-popup";
     /** The `role="dialog"` panel of a `BottomSheet`. */
     readonly bottomSheet: "dial-kit-bottom-sheet";
+    /**
+     * The backdrop of a `BottomSheet`: the portalled, scroll-locking layer on
+     * `z-popup` that holds the panel.
+     */
+    readonly bottomSheetOverlay: "dial-kit-bottom-sheet-overlay";
     /** The `role="dialog"` panel of a `SideDrawer`, open or closed. */
     readonly sideDrawer: "dial-kit-side-drawer";
     /** The `Popup` panel of a `ConfirmationPopup`, additive to `popup`. */
@@ -69,6 +95,8 @@ export declare const DIAL_KIT_CLASS: {
      * on a submenu's own list. It is *not* the floating panel.
      */
     readonly dropdownList: "dial-kit-dropdown-list";
+    /** The search row above the item list of a `searchable` `Dropdown`. */
+    readonly dropdownSearch: "dial-kit-dropdown-search";
     /**
      * One row of a floating overlay: a dropdown item, a `Select` option, a
      * submenu trigger, or a submenu child. It sits on the element that draws the
@@ -82,13 +110,6 @@ export declare const DIAL_KIT_CLASS: {
      * state.
      */
     readonly menuItemCheck: "dial-kit-menuitem-check";
-    /** The primary icon of a `DialDropdownIcon` trigger. */
-    readonly dropdownIcon: "dial-kit-dropdown-icon";
-    /**
-     * The caret badge of a `DialDropdownIcon` trigger — the round plate the
-     * chevron sits on. Absent when `showCaret` is `false`.
-     */
-    readonly dropdownIconCaret: "dial-kit-dropdown-icon-caret";
     /** The bubble of a `Tooltip`, rendered by `TooltipContent` into a portal. */
     readonly tooltip: "dial-kit-tooltip";
     /** The panel of an `InteractiveTooltip` — the one whose content takes focus. */
@@ -141,6 +162,10 @@ export declare const DIAL_KIT_CLASS: {
     readonly avatar: "dial-kit-avatar";
     /** The root row of an `EntityIdentity`: its icon, type label, name and version. */
     readonly entityIdentity: "dial-kit-entity-identity";
+    /** The bordered card of a `SelectedEntityCard`, not the wrapper that also holds its error. */
+    readonly selectedEntityCard: "dial-kit-selected-entity-card";
+    /** The `section` root of a `FormSection`: its heading row, description and content. */
+    readonly formSection: "dial-kit-form-section";
     /** The row of a `Switch`: the control and its label. */
     readonly switch: "dial-kit-switch";
     /** The row of a `Checkbox`: the box and its label. */
@@ -197,6 +222,8 @@ export declare const DIAL_KIT_CLASS: {
      * already carries.
      */
     readonly toggleIconButton: "dial-kit-toggle-icon-button";
+    /** The `<button aria-pressed>` of a `ToggleChip`. */
+    readonly toggleChip: "dial-kit-toggle-chip";
     /** A `CloseButton`, additive to `dial-kit-base-icon-button`. */
     readonly closeButton: "dial-kit-close-button";
     /** An `InfoButton`, additive to `dial-kit-base-icon-button`. */

package/dist/src/index.d.ts

@@ -1,58 +1,20 @@
 export { DialCaptionText, DialErrorText, } from './components/CaptionText/CaptionText';
-export { DialAnalyticsCard } from './components/Analytics';
-export type { DialAnalyticsCardProps } from './components/Analytics';
-export { AnalyticsCardVariant } from './types/analytics';
-export { DialAnalyticsBar } from './components/Analytics';
-export type { DialAnalyticsBarProps } from './components/Analytics';
-export { DEFAULT_ANALYTICS_BAR_COLOR_MAP } from './components/Analytics';
-export type { AnalyticsBarColorStop, AnalyticsCardCompareItem, } from './models/analytics';
-export { DialAnalyticsErrorTag } from './components/Analytics';
-export type { DialAnalyticsErrorTagProps } from './components/Analytics';
-export { DialAnalyticsBarGroup } from './components/Analytics';
-export type { DialAnalyticsBarGroupProps } from './components/Analytics';
-export { DialAnalyticsHistogram } from './components/Analytics';
-export type { DialAnalyticsHistogramProps } from './components/Analytics';
 export { DialLabel } from './components/Label/Label';
 export { DialAccordion } from './components/Accordion/Accordion';
 export type { DialAccordionProps } from './components/Accordion/Accordion';
 export { DialIcon } from './components/Icon/Icon';
-export { DialNotification } from './components/Notification/Notification.tsx';
-export type { DialNotificationProps } from './components/Notification/Notification.tsx';
 export { DialLoader } from './components/Loader/Loader';
 export { Spinner } from './components/Spinner/Spinner';
 export type { SpinnerProps } from './components/Spinner/Spinner';
 export { ProgressBar } from './components/ProgressBar/ProgressBar';
 export type { ProgressBarProps } from './components/ProgressBar/ProgressBar';
-export { DialPagination } from './components/Pagination/Pagination';
-export type { DialPaginationProps } from './components/Pagination/Pagination';
-export { DialCheckbox } from './components/Checkbox/Checkbox';
-export { DialSteps } from './components/Steps/Steps';
-export { DialRadioButton } from './components/RadioButton/RadioButton';
-export { DialRadioGroup } from './components/RadioGroup/RadioGroup';
-export { DialSlider } from './components/Slider/Slider';
-export type { DialSliderProps } from './components/Slider/Slider';
+export { ProgressBarRole } from './types/progress-bar';
 export { DialNoDataContent } from './components/NoDataContent/NoDataContent';
 export type { DialNoDataContentProps } from './components/NoDataContent/NoDataContent';
-export { DialCollapsibleSidebar } from './components/CollapsibleSidebar/CollapsibleSidebar';
 export { DialLabelledText } from './components/LabelledText/LabelledText';
 export { DialTag } from './components/Tag/Tag';
 export { DialEllipsisTooltip } from './components/EllipsisTooltip/EllipsisTooltip';
-export { DialDraggableItem } from './components/DraggableItem/DraggableItem';
-export { DialFileIcon } from './components/FileIcon/FileIcon';
-export type { DialFileIconProps } from './components/FileIcon/FileIcon';
-export { DialFormItem } from './components/FormItem/FormItem';
-export { DialSharedEntityIndicator } from './components/SharedEntityIndicator/SharedEntityIndicator';
-export { DialFileName } from './components/FileName/FileName';
-export { DialFolderName } from './components/FolderName/FolderName';
-export { DialResizableContainer } from './components/ResizableContainer/ResizableContainer';
-export { DialConditionalResizableContainer } from './components/ResizableContainer/ConditionalResizableContainer';
 export { Skeleton } from './components/Skeleton/Skeleton';
-export { DialGrid } from './components/Grid/Grid';
-export type { DialGridProps } from './components/Grid/Grid';
-export { DialDateCellRenderer } from './components/Grid/renderers/DateCellRenderer';
-export type { DateValue as DialGridDateValue, DialDateCellRendererProps, } from './components/Grid/renderers/DateCellRenderer';
-export { DEFAULT_DATE_FORMAT_OPTIONS as DEFAULT_GRID_DATE_FORMAT_OPTIONS, DEFAULT_LOCALE as DEFAULT_GRID_DATE_LOCALE, } from './components/Grid/renderers/constants';
-export { convertToDate as convertGridDateToDate } from './components/Grid/renderers/utils';
 export { DialTabs } from './components/Tabs/Tabs';
 export { DialBreadcrumb } from './components/Breadcrumb/Breadcrumb';
 export type { DialBreadcrumbProps } from './components/Breadcrumb/Breadcrumb';
@@ -64,94 +26,57 @@ export { DialDangerButton, DialNeutralButton, DialPrimaryButton, DialGhostButton
 export { DialDangerIconButton, DialGhostIconButton, DialNeutralIconButton, DialPrimaryIconButton, DialSecondaryIconButton, DialSuccessIconButton, DialTertiaryIconButton, } from './components/IconButton/IconButtonWrappers';
 export { DialCloseButton } from './components/CloseButton/CloseButton';
 export { DialRemoveButton } from './components/RemoveButton/RemoveButton';
-export { DialTextarea } from './components/Textarea/Textarea';
 export { DialTooltip } from './components/Tooltip/Tooltip';
 export type { DialTooltipProps } from './components/Tooltip/Tooltip';
 export { DialTooltipContainer } from './components/Tooltip/TooltipContainer';
 export { DialTooltipContent } from './components/Tooltip/TooltipContent';
 export { DialTooltipTrigger } from './components/Tooltip/TooltipTrigger';
 export type { DialTooltipContainerOptions } from './components/Tooltip/TooltipContext';
-export { DialSwitch } from './components/Switch/Switch';
-export { DialSegmentedControl } from './components/SegmentedControl/SegmentedControl';
-export type { DialSegmentedControlProps } from './components/SegmentedControl/SegmentedControl';
-export { DialPopup } from './components/Popup/Popup';
-export { DialConfirmationPopup } from './components/ConfirmationPopup/ConfirmationPopup';
-export { DialRadioGroupPopupField } from './components/RadioGroupPopupField/RadioGroupPopupField';
-export { DialFormPopup } from './components/FormPopup/FormPopup';
 export { DialInput } from './components/Input/Input';
 export type { DialInputButtonProps } from './components/Input/Button/InputButton';
 export type { DialInputProps } from './components/Input/Input';
-export { DialNumberInput } from './components/NumberInput/NumberInput';
-export { DialPasswordInput } from './components/PasswordInput/PasswordInput';
-export { DialSearch } from './components/Search/Search';
-export type { DialSearchProps } from './components/Search/Search';
-export { DialInputPopup } from './components/InputPopup/InputPopup';
-export { DialAutocompleteInputValue } from './components/AutocompleteInput/AutocompleteInputValue';
-export { DialTagInput } from './components/TagInput/TagInput';
-export { DialSelect } from './components/Select/Select';
-export { DialSelectField } from './components/SelectField/SelectField';
 export { DialLoadFileArea } from './components/LoadFileArea/LoadFileArea';
 export { DialLoadFileAreaField } from './components/LoadFileArea/LoadFileAreaField';
 export { DialDropdown } from './components/Dropdown/Dropdown';
-export { DialButtonDropdown } from './components/ButtonDropdown/ButtonDropdown';
-export { DialDropdownIcon } from './components/DropdownIcon/DropdownIcon';
-export type { DialDropdownIconProps } from './components/DropdownIcon/DropdownIcon';
-export { DialFileManager } from './components/FileManager/FileManager';
-export type { FileManagerGridRow } from './components/FileManager/FileManagerContext';
-export type { GridOptions, ToolbarOptions, BulkActionsToolbarOptions, } from './components/FileManager/FileManager';
-export { DialDestinationFolderPopup } from './components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup';
-export { DialFoldersTree } from './components/FileManager/components/FoldersTree/FoldersTree';
 export { EditorThemes } from './types/editor';
 export { ButtonVariant, ButtonAppearance } from './types/button';
 export { RadioGroupOrientation } from './types/radio-group';
 export { PopupSize } from './types/popup';
 export { ConfirmationPopupVariant } from './types/confirmation-popup';
-export { DropdownType, DropdownTrigger, DropdownItemType, } from './types/dropdown';
+export { DropdownType, DropdownTrigger, DropdownItemType, DropdownOverlayRole, } from './types/dropdown';
 export { MenuItemMark } from './types/menu-item';
 export { ElementSize } from './types/size';
-export { ScreenResolution, TabOrientation, TabView } from './types/tab';
+export { ScreenResolution, TabOrientation, TabStatus, TabView, } from './types/tab';
 export type { DialBreadcrumbPathItem } from './models/breadcrumb';
-export { FormItemOrientation } from './types/form-item';
-export { SelectSize, SelectVariant } from './types/select';
-export { DialFileManagerTabs, DialFileManagerActions, FileManagerColumnKey, } from './types/file-manager';
 export { FlexibleActionsDirection } from './types/flexible-actions';
 export { DialItemType } from './types/item';
 export { ResizableContainerSide } from './types/resizable-container';
 export { SkeletonVariant, SkeletonAvatarSize, SkeletonAvatarShape, } from './types/skeleton';
-export { useDialFileManagerTabs } from './components/FileManager/hooks/use-file-manager-tabs';
 export { EDITABLE_CONTAINER_ATTRIBUTE, editableContainerProps, useEditableItem, } from './hooks/use-editable-item';
 export type { UseEditableItemOptions } from './hooks/use-editable-item';
-export { FileManagerProvider } from './components/FileManager/FileManagerProvider';
-export { useFileManagerContext } from './components/FileManager/hooks/use-file-manager-context';
 export { StepStatus } from './models/step';
 export type { Step } from './models/step';
 export type { RadioButtonWithContent } from './models/radio';
 export type { SelectOption } from './models/select';
-export type { SegmentedControlOption } from './models/segmented-control';
 export type { TabModel } from './models/tab';
 export type { DropdownItem } from './models/dropdown';
 export type { DialModifiedEntity } from './models/base-entity';
 export type { DialFile } from './models/file';
 export { DialFileNodeType, DialFilePermission, DialFileResourceType, } from './models/file';
 export type { DialRootFolder } from './models/file';
-export { type DialCopiedItem, type DialDeletedItem, type DialUploadFileItem, type DialFileManagerActionsRef, type DialFileAcceptType, } from './models/file-manager';
 export { GridSelectionMode } from './models/selection-mode';
 export { mergeClasses } from './utils/merge-classes';
 export { wrapInRootFolder } from './utils/flat-to-hierarchy-convertor.ts';
 export { getTimezoneLabel } from './utils/timezone';
 export type { TimezoneLabelOptions } from './utils/timezone';
-export { NAME_COLUMN, SIZE_COLUMN, UPDATED_AT_COLUMN, } from './constants/file-grid-columns';
 export { DIAL_ICON_SIZE, BASE_ICON_PROPS, BASE_ICON_SIZE, } from './constants/icon.ts';
 export { NOT_ALLOWED_SYMBOLS, NOT_ALLOWED_SPACES, NOT_ALLOWED_SYMBOLS_REGEXP, NOT_ALLOWED_SPACES_REGEXP, } from './constants/validation.ts';
 export { DIAL_KIT_CLASS } from './constants/public-class-names';
-export { DialSchemaRenderer } from './components/SchemaRenderer/SchemaRenderer';
-export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from './components/SchemaRenderer/types';
-export type { DialSchemaRendererProps, JsonSchema, JsonSchemaDef, ValidationError, SchemaRendererTexts, } from './components/SchemaRenderer/types';
+export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from './types/json-schema';
+export type { JsonSchema, JsonSchemaDef, ValidationError, SchemaRendererTexts, } from './models/json-schema';
 export { SchemaRenderer } from './components/New/SchemaRenderer/SchemaRenderer';
 export type { SchemaRendererProps, SchemaRenderField, } from './components/New/SchemaRenderer/types';
-export { LazyDialJsonEditor } from './components/JsonEditor/lazy';
-export { LazyDialMarkdownEditor } from './components/MarkdownEditor/lazy';
-export { NotificationVariant, NotificationType } from './types/notification.ts';
+export { NotificationVariant, NotificationType, NotificationSurface, } from './types/notification.ts';
 export { Notification } from './components/New/Notification/Notification';
 export { Highlight } from './components/New/Highlight/Highlight';
 export { CardShell } from './components/New/CardShell/CardShell';
@@ -186,7 +111,22 @@ export type { MultiSelectTagsProps } from './components/New/Select/MultiSelectTa
 export { InfoButton } from './components/New/InfoButton/InfoButton';
 export type { InfoButtonProps } from './components/New/InfoButton/InfoButton';
 export type { LabelProps } from './components/New/Label/Label';
+export { Steps } from './components/New/Steps/Steps';
+export type { StepsProps } from './components/New/Steps/Steps';
+export { AnalyticsCard } from './components/New/Analytics/Card/Card';
+export type { AnalyticsCardProps } from './components/New/Analytics/Card/Card';
+export { AnalyticsCardVariant } from './types/analytics';
+export { AnalyticsBar } from './components/New/Analytics/Bar/Bar';
+export type { AnalyticsBarProps } from './components/New/Analytics/Bar/Bar';
+export { DEFAULT_ANALYTICS_BAR_COLOR_MAP } from './components/New/Analytics/Bar/utils';
+export type { AnalyticsBarColorStop, AnalyticsCardCompareItem, } from './models/analytics';
+export { AnalyticsBarGroup } from './components/New/Analytics/BarGroup/BarGroup';
+export type { AnalyticsBarGroupProps } from './components/New/Analytics/BarGroup/BarGroup';
+export { AnalyticsHistogram } from './components/New/Analytics/Histogram/Histogram';
+export type { AnalyticsHistogramProps } from './components/New/Analytics/Histogram/Histogram';
 export { Label } from './components/New/Label/Label';
+export type { LabelledTextProps } from './components/New/LabelledText/LabelledText';
+export { LabelledText } from './components/New/LabelledText/LabelledText';
 export { Textarea, TextareaResize } from './components/New/Textarea/Textarea';
 export { Input } from './components/New/Input/Input';
 export type { InputProps } from './components/New/Input/Input';
@@ -226,6 +166,8 @@ export { CheckboxBox } from './components/New/Checkbox/CheckboxBox';
 export type { CheckboxBoxProps } from './components/New/Checkbox/CheckboxBox';
 export { ToggleIconButton } from './components/New/ToggleIconButton/ToggleIconButton';
 export type { ToggleIconButtonProps } from './components/New/ToggleIconButton/ToggleIconButton';
+export { ToggleChip } from './components/New/ToggleChip/ToggleChip';
+export type { ToggleChipProps } from './components/New/ToggleChip/ToggleChip';
 export { SegmentedControl } from './components/New/SegmentedControl/SegmentedControl';
 export type { SegmentedControlProps, SegmentedControlItem, } from './components/New/SegmentedControl/SegmentedControl';
 export { Tabs } from './components/New/Tabs/Tabs';
@@ -255,6 +197,8 @@ export type { AvatarColorClasses } from './utils/avatar';
 export { EntityIdentity } from './components/New/EntityIdentity/EntityIdentity';
 export type { EntityIdentityProps, EntityIdentityItem, EntityIdentityLabels, } from './components/New/EntityIdentity/EntityIdentity';
 export { EntityType } from './types/entity-type';
+export { SelectedEntityCard } from './components/New/SelectedEntityCard/SelectedEntityCard';
+export type { SelectedEntityCardProps, SelectedEntityCardLabels, } from './components/New/SelectedEntityCard/SelectedEntityCard';
 export { SideDrawer } from './components/New/SideDrawer/SideDrawer';
 export type { SideDrawerProps } from './components/New/SideDrawer/SideDrawer';
 export { Tag } from './components/New/Tag/Tag';
@@ -285,17 +229,27 @@ export { CollapsibleSidebar } from './components/New/CollapsibleSidebar/Collapsi
 export type { CollapsibleSidebarProps } from './components/New/CollapsibleSidebar/CollapsibleSidebar';
 export { ResizableContainer } from './components/New/ResizableContainer/ResizableContainer';
 export type { ResizableContainerProps } from './components/New/ResizableContainer/ResizableContainer';
+export { ResizeHandle } from './components/New/ResizeHandle/ResizeHandle';
+export type { ResizeHandleProps } from './components/New/ResizeHandle/ResizeHandle';
 export { ConditionalResizableContainer } from './components/New/ResizableContainer/ConditionalResizableContainer';
 export type { ConditionalResizableContainerProps } from './components/New/ResizableContainer/ConditionalResizableContainer';
 export { NoDataContent } from './components/New/NoDataContent/NoDataContent';
 export type { NoDataContentProps } from './components/New/NoDataContent/NoDataContent';
+export { StateScreen } from './components/New/StateScreen/StateScreen';
+export type { StateScreenProps } from './components/New/StateScreen/StateScreen';
+export { LiveRegion } from './components/New/LiveRegion/LiveRegion';
+export type { LiveRegionProps } from './components/New/LiveRegion/LiveRegion';
+export { LiveRegionElement, LiveRegionPoliteness } from './types/live-region';
+export { FormSection } from './components/New/FormSection/FormSection';
+export type { FormSectionProps, FormSectionHeadingLevel, } from './components/New/FormSection/FormSection';
+export { FormSectionVariant } from './types/form-section';
 export { TransferQueue } from './components/New/TransferQueue/TransferQueue';
 export type { TransferQueueItem, TransferQueueLabels, TransferQueueProps, } from './components/New/TransferQueue/TransferQueue';
 export { DEFAULT_TRANSFER_QUEUE_LABELS, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS, } from './components/New/TransferQueue/constants';
 export { TransferQueueItemStatus } from './types/transfer-queue';
 export { Grid, GRID_SELECTION_COLUMN_ID } from './components/New/Grid/Grid';
 export type { GridProps } from './components/New/Grid/Grid';
-export { GridColorScheme } from './types/grid';
+export { GridAppearance, GridColorScheme } from './types/grid';
 export { DateCellRenderer } from './components/New/Grid/renderers/DateCellRenderer';
 export type { DateCellRendererProps, DateValue, } from './components/New/Grid/renderers/DateCellRenderer';
 export { DEFAULT_DATE_FORMAT_OPTIONS, DEFAULT_LOCALE as DEFAULT_DATE_LOCALE, } from './components/New/Grid/renderers/constants';

package/dist/src/models/step.d.ts

@@ -2,6 +2,8 @@ export interface Step {
     id: string;
     name: string;
     status?: StepStatus;
+    /** Blocks entering the step regardless of the statuses before it. */
+    disabled?: boolean;
 }
 export declare enum StepStatus {
     VALID = "valid",

package/dist/src/subpaths/editors.d.ts

@@ -1,22 +1,16 @@
 /**
- * `@epam/ai-dial-ui-kit/editors` - curated subpath for the JSON/Markdown
- * editor lazy loaders.
+ * `@epam/ai-dial-ui-kit/editors` - curated subpath for the Markdown editor
+ * lazy loader.
  *
- * The three loaders below are re-exported from the same shared leaf modules
- * `src/index.ts` re-exports (`components/JsonEditor/lazy`,
- * `components/MarkdownEditor/lazy`, `components/New/MarkdownEditor/lazy`),
- * so this entry and the root reference one emitted chunk per loader instead
- * of each carrying its own duplicate copy of the loader's `import()` call -
- * see `components/JsonEditor/lazy.ts`'s comment for the emitted-topology
- * defect that duplication caused. `src/mcp/generate-manifest.ts` follows
- * this re-export back to the leaf module to keep attaching lazy-loading
- * metadata to `DialJsonEditor`/`DialMarkdownEditor`/`MarkdownEditor` (2.0)
+ * The loader below is re-exported from the same shared leaf module
+ * `src/index.ts` re-exports (`components/New/MarkdownEditor/lazy`), so this
+ * entry and the root reference one emitted chunk instead of each carrying
+ * its own duplicate copy of the loader's `import()` call - see that module's
+ * comment for the emitted-topology defect that duplication caused.
+ * `src/mcp/generate-manifest.ts` follows this re-export back to the leaf
+ * module to keep attaching lazy-loading metadata to `MarkdownEditor` (2.0)
  * in the published MCP component manifest.
  */
-export { LazyDialJsonEditor } from '../components/JsonEditor/lazy';
-export { LazyDialMarkdownEditor } from '../components/MarkdownEditor/lazy';
 export { LazyMarkdownEditor } from '../components/New/MarkdownEditor/lazy';
-export declare const LazyDialMarkdownEditorContainer: () => Promise<typeof import("../components/MarkdownEditor/MarkdownEditorContainer")>;
 export { EditorThemes } from '../types/editor';
 export type { MarkdownEditorProps } from '../components/New/MarkdownEditor/MarkdownEditor';
-export type { DialMarkdownEditorContainerProps } from '../components/MarkdownEditor/MarkdownEditorContainer';

package/dist/src/subpaths/grid.d.ts

@@ -1,22 +1,16 @@
 /**
- * `@epam/ai-dial-ui-kit/grid` - curated subpath for both Grid generations.
+ * `@epam/ai-dial-ui-kit/grid` - curated subpath for the Grid.
  *
  * Re-exports the Grid-related names from the root `src/index.ts` barrel.
  * This subpath is an ergonomic feature boundary, not a substitute for the
  * root entry's own tree-shaking (which
  * `preserveModules` already provides for a root `import { Button } from
  * '@epam/ai-dial-ui-kit'`). Importing from here pulls in ag-grid-community /
- * ag-grid-react, exactly as importing `Grid`/`DialGrid` from the root does.
+ * ag-grid-react, exactly as importing `Grid` from the root does.
  */
-export { DialGrid } from '../components/Grid/Grid';
-export type { DialGridProps } from '../components/Grid/Grid';
-export { DialDateCellRenderer } from '../components/Grid/renderers/DateCellRenderer';
-export type { DateValue as DialGridDateValue, DialDateCellRendererProps, } from '../components/Grid/renderers/DateCellRenderer';
-export { DEFAULT_DATE_FORMAT_OPTIONS as DEFAULT_GRID_DATE_FORMAT_OPTIONS, DEFAULT_LOCALE as DEFAULT_GRID_DATE_LOCALE, } from '../components/Grid/renderers/constants';
-export { convertToDate as convertGridDateToDate } from '../components/Grid/renderers/utils';
 export { Grid, GRID_SELECTION_COLUMN_ID } from '../components/New/Grid/Grid';
 export type { GridProps } from '../components/New/Grid/Grid';
-export { GridColorScheme } from '../types/grid';
+export { GridAppearance, GridColorScheme } from '../types/grid';
 export { DateCellRenderer } from '../components/New/Grid/renderers/DateCellRenderer';
 export type { DateCellRendererProps, DateValue, } from '../components/New/Grid/renderers/DateCellRenderer';
 export { DEFAULT_DATE_FORMAT_OPTIONS, DEFAULT_LOCALE as DEFAULT_DATE_LOCALE, } from '../components/New/Grid/renderers/constants';