@epam/ai-dial-ui-kit 0.16.0-dev.7 → 0.16.0-dev.70

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

@@ -1,11 +1,37 @@
-import { FC } from 'react';
+import { FC, Ref } from 'react';
 export interface SpinnerProps {
     size?: number;
     className?: string;
     fullWidth?: boolean;
+    /**
+     * Covers the whole viewport: a fixed overlay on the page background, above
+     * the page and at the kit's popup layer, with the ring centred. For an app's
+     * loading screen; it replaces the `fullWidth` + `h-screen` wrappers hosts
+     * wrote themselves.
+     */
+    fullScreen?: boolean;
     ariaLabel?: string;
+    /**
+     * Makes the ring focusable (`tabIndex={-1}`) and points this ref at it, so
+     * a host can move focus to the loading state after a retry removes the
+     * focused control. The ring, not the overlay, takes focus, so the host's
+     * focus outline stays on screen.
+     */
+    focusRef?: Ref<HTMLDivElement>;
 }
 /**
  * Design system 2.0
+ *
+ * @example
+ * ```tsx
+ * <Spinner fullScreen size={48} ariaLabel="Checking your session…" />
+ * ```
+ *
+ * @param [size] - Ring diameter in px.
+ * @param [className] - Additional container classes.
+ * @param [fullWidth] - Stretches the container to its parent's width and height.
+ * @param [fullScreen] - Covers the whole viewport with the ring centred.
+ * @param [ariaLabel] - Accessible label for screen readers.
+ * @param [focusRef] - Makes the ring focusable and points this ref at it.
  */
 export declare const Spinner: FC<SpinnerProps>;

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

@@ -17,6 +17,15 @@ 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 `LoginScreen`. */
+    readonly loginScreen: "dial-kit-login-screen";
+    /** 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 +39,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 +66,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 +97,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 +112,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 +164,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 +224,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';
@@ -159,7 +84,7 @@ export type { CardShellProps } from './components/New/CardShell/CardShell';
 export { ErrorMessageNotification, ErrorToastNotification, GeneralMessageNotification, GeneralToastNotification, InfoMessageNotification, InfoToastNotification, LoadingMessageNotification, LoadingToastNotification, SuccessMessageNotification, SuccessToastNotification, WarningMessageNotification, WarningToastNotification, } from './components/New/Notification/NotificationWrapper';
 export { CalendarMode } from './types/calendar.ts';
 export { Calendar } from './components/New/Calendar/Calendar';
-export type { CalendarProps, CalendarValue, } from './components/New/Calendar/Calendar';
+export type { CalendarProps, CalendarTimeFieldRenderProps, CalendarValue, } from './components/New/Calendar/Calendar';
 export { FolderPath } from './components/New/FolderPath/FolderPath';
 export type { FolderPathProps } from './components/New/FolderPath/FolderPath';
 export { BreadcrumbsSize } from './types/breadcrumbs';
@@ -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,31 @@ 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 { ErrorBoundary } from './components/New/ErrorBoundary/ErrorBoundary';
+export type { ErrorBoundaryProps } from './components/New/ErrorBoundary/ErrorBoundary';
+export { LoginScreen } from './components/New/LoginScreen/LoginScreen';
+export type { LoginScreenProps, LoginScreenProvider, } from './components/New/LoginScreen/LoginScreen';
+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';

package/dist/src/types/breadcrumbs.d.ts

@@ -1,6 +1,12 @@
 export declare enum BreadcrumbsSize {
     /** 14px `dial-small-text`, with a `dial-small-semi-text` current page. */
     Small = "small",
+    /**
+     * 12px `dial-tiny-text`, with a `dial-tiny-semi-text` current page: a 16px
+     * trail for a dense header. It never clips, so a focus ring stays whole, and
+     * nothing is capped: the middle truncates first, the current page last.
+     */
+    Tiny = "tiny",
     /**
      * 18px `dial-h2-text`, for a trail that doubles as the page heading. The
      * token is semibold, so every segment is — including the current page.

package/dist/src/types/dropdown.d.ts

@@ -12,3 +12,19 @@ export declare enum DropdownItemType {
     Divider = "divider",
     PlainText = "plainText"
 }
+/**
+ * Role of the 2.0 `Dropdown`'s floating overlay, and with it the
+ * `aria-haspopup` value its trigger announces.
+ */
+export declare enum DropdownOverlayRole {
+    /** `role="menu"`, trigger `aria-haspopup="menu"`; options are arrow-key navigated. */
+    Menu = "menu",
+    /** `role="dialog"`, trigger `aria-haspopup="dialog"`; for a panel of free-form content. */
+    Dialog = "dialog",
+    /**
+     * No role on the overlay and no `aria-haspopup` on the trigger, which keeps
+     * `aria-expanded`/`aria-controls` as a disclosure; for an overlay whose
+     * content supplies its own semantics (a `region`, its own `dialog`).
+     */
+    None = "none"
+}

package/dist/src/types/editor.d.ts

@@ -1,9 +1,3 @@
-import { editor } from 'monaco-editor';
-export type JSONEditorError = editor.IMarker;
-export type JSONEditorThemeConfig = editor.IStandaloneThemeData;
-export interface JSONEditorErrorNotification extends JSONEditorError {
-    id: string;
-}
 export declare enum EditorThemes {
     dark = "dark",
     light = "light"

package/dist/src/types/form-section.d.ts

@@ -0,0 +1,9 @@
+/** How a `FormSection` sets its heading, description and content. */
+export declare enum FormSectionVariant {
+    /** A field of a form: small semibold heading, small description, an 8px header gap. */
+    Row = "row",
+    /** A titled group of a builder column: caption-lead heading, tiny description. */
+    Caption = "caption",
+    /** One setting inside a group: tiny semibold heading, tiny description. */
+    Setting = "setting"
+}

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

@@ -6,3 +6,13 @@ export declare enum GridColorScheme {
     Light = "light",
     Dark = "dark"
 }
+/**
+ * Visual treatment of `Grid`. `Default` is the framed data grid. `Chat` is the
+ * "Chat table" of the design: a borderless card with a 12px corner and the MD
+ * shadow, 12px of cell padding on both sides, row dividers inset by that
+ * padding, and rounded hover and selected rows.
+ */
+export declare enum GridAppearance {
+    Default = "default",
+    Chat = "chat"
+}

package/dist/src/types/live-region.d.ts

@@ -0,0 +1,17 @@
+/**
+ * How urgently a `LiveRegion` asks a screen reader to read a change.
+ */
+export declare enum LiveRegionPoliteness {
+    /** `role="status"` + `aria-live="polite"`: read once the user is idle, queued behind other speech. */
+    Polite = "polite",
+    /** `role="alert"` + `aria-live="assertive"`: interrupts current speech. Reserve for failures the user must act on. */
+    Assertive = "assertive"
+}
+/**
+ * The element a `LiveRegion` renders as its always-mounted wrapper.
+ */
+export declare enum LiveRegionElement {
+    Div = "div",
+    Span = "span",
+    P = "p"
+}

package/dist/src/types/notification.d.ts

@@ -10,3 +10,14 @@ export declare enum NotificationType {
     Toast = "toast",
     SectionMessage = "section-message"
 }
+/**
+ * Which surface a `Notification` draws on.
+ *
+ * - `Variant` — the variant's own coloured surface (`bg-info`, `bg-warning` …).
+ * - `Neutral` — the neutral sunken layer (`bg-layer-sunken`) with primary text;
+ *   the variant still picks the icon, the icon colour and the live-region role.
+ */
+export declare enum NotificationSurface {
+    Variant = "variant",
+    Neutral = "neutral"
+}

package/dist/src/types/progress-bar.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The ARIA role a `ProgressBar` renders, which decides what its value means to
+ * a screen reader.
+ */
+export declare enum ProgressBarRole {
+    /** `role="progressbar"`: how far a task has got toward completion — an upload, an import. */
+    Progressbar = "progressbar",
+    /**
+     * `role="meter"`: a scalar inside a known range that is not a task's
+     * progress — capacity used, a quota, a score. It never "completes".
+     */
+    Meter = "meter"
+}

package/dist/src/types/tab.d.ts

@@ -2,6 +2,11 @@ export declare enum TabOrientation {
     Horizontal = "horizontal",
     Vertical = "vertical"
 }
+/** Validation state a tab can flag on itself, e.g. a form section with problems. */
+export declare enum TabStatus {
+    Error = "error",
+    Warning = "warning"
+}
 export declare enum TabView {
     Default = "default",
     Inline = "inline"

package/dist/src/types/tag.d.ts

@@ -1,4 +1,6 @@
 export declare enum TagAppearance {
     Outlined = "outlined",
-    Selectable = "selectable"
+    Selectable = "selectable",
+    /** The compact, rimmed chip of a value in a form field (a host, a variable). */
+    Bordered = "bordered"
 }

package/dist/src/utils/grid-registration.d.ts

@@ -1,14 +1,12 @@
 /**
  * Registers AG Grid's community modules and configures its test-id
- * attribute exactly once, the first time either Grid generation actually
- * renders - never merely because a module that re-exports `DialGrid`/`Grid`
- * was imported or evaluated.
+ * attribute exactly once, the first time the Grid actually renders - never
+ * merely because a module that re-exports `Grid` was imported or evaluated.
  *
- * Both Grid generations (`src/components/Grid/Grid.tsx`,
- * `src/components/New/Grid/Grid.tsx`) call this at the top of their render
- * path instead of running the registration at module scope. That keeps the
- * side effect provably absent from the module body itself: a consumer's
- * bundler that ends up retaining either Grid module in its graph for some
+ * The Grid (`src/components/New/Grid/Grid.tsx`) calls this at the top of its
+ * render path instead of running the registration at module scope. That
+ * keeps the side effect provably absent from the module body itself: a
+ * consumer's bundler that ends up retaining the Grid module in its graph for some
  * other reason (e.g. an eager root-barrel re-export it cannot prove is
  * unused) no longer thereby executes `ag-grid-community`/`ag-grid-react`
  * registration - only actually rendering a Grid does.

package/dist/types/breadcrumbs.js

@@ -1,4 +1,4 @@
-var l = /* @__PURE__ */ ((a) => (a.Small = "small", a.Heading = "heading", a))(l || {});
+var l = /* @__PURE__ */ ((n) => (n.Small = "small", n.Tiny = "tiny", n.Heading = "heading", n))(l || {});
 export {
   l as BreadcrumbsSize
 };