@epam/ai-dial-ui-kit 0.13.0-dev.9 → 0.14.0-dev.1

package/dist/src/components/SchemaRenderer/components/SchemaKeyValueEditor.d.ts

@@ -4,9 +4,13 @@ export interface SchemaKeyValueEditorProps {
     schema: JsonSchemaDef;
     value: unknown;
     onChange: (value: unknown) => void;
+    path: string[];
+    level: number;
 }
 /**
- * Renders an `additionalProperties` object schema as an editable key-value list.
+ * Renders an `additionalProperties` object schema as an editable key-value list. Primitive
+ * values render inline; object/`oneOf`/array values render as a collapsible section recursing
+ * back into `SchemaFieldContent`.
  * aliases: KeyValueSchemaEditor|AdditionalPropertiesEditor
  *
  * @example
@@ -15,11 +19,15 @@ export interface SchemaKeyValueEditorProps {
  *   schema={{ type: 'object', additionalProperties: { type: 'string' } }}
  *   value={{ foo: 'bar' }}
  *   onChange={(v) => console.log(v)}
+ *   path={['metadata']}
+ *   level={1}
  * />
  * ```
  *
  * @param schema - The JSON Schema object definition with `additionalProperties`
  * @param value - Current object value (treated as a key-value map)
  * @param onChange - Called with the updated object when pairs are added, removed, or changed
+ * @param path - Field path segments used for validation error tracking
+ * @param level - Nesting depth passed to child section components
  */
 export declare const SchemaKeyValueEditor: FC<SchemaKeyValueEditorProps>;

package/dist/src/components/SchemaRenderer/types.d.ts

@@ -22,6 +22,10 @@ export declare enum JsonSchemaType {
     Array = "array",
     Null = "null"
 }
+export interface DialMeta {
+    'dial:propertyOrder'?: number;
+    [key: string]: unknown;
+}
 export interface JsonSchemaDef {
     $ref?: string;
     type?: string | string[];
@@ -41,11 +45,12 @@ export interface JsonSchemaDef {
     items?: JsonSchemaDef;
     oneOf?: JsonSchemaDef[];
     anyOf?: JsonSchemaDef[];
+    allOf?: JsonSchemaDef[];
     discriminator?: {
         propertyName: string;
         mapping: Record<string, string>;
     };
-    'dial:meta'?: Record<string, unknown>;
+    'dial:meta'?: DialMeta;
     'dial:resource'?: boolean;
     acceptableResourceTypes?: string[];
     [key: string]: unknown;

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

@@ -1,5 +1,6 @@
 import { JsonSchema, JsonSchemaDef, ValidationError } from './types';
 export declare function resolveRef(schema: JsonSchemaDef, rootSchema: JsonSchema, depth?: number): JsonSchemaDef;
+export declare function sortByPropertyOrder(entries: [string, JsonSchemaDef][]): [string, JsonSchemaDef][];
 export declare function isMissingRequiredValue(value: unknown): boolean;
 export declare function isObjectType(schema: JsonSchemaDef): boolean;
 export declare function toFieldLabel(key: string): string;

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

@@ -9,6 +9,7 @@ export interface DialSearchProps extends Omit<DialInputProps, 'type' | 'size' |
 /**
  * A search input component with a customizable placeholder, icons, flexible props, and the ability
  * aliases: SearchField|QueryInput
+ * Design system 1.0
  *
  * to clear the input value via a clear button. Supports multiple sizes for flexible layouts.
  *

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

@@ -11,6 +11,7 @@ export interface DialSegmentedControlProps<T extends string> {
  * A single-select control for switching between a small set of mutually exclusive,
  * equally-sized options (e.g. view switchers).
  * aliases: SegmentedButton|ViewSwitcher
+ * Design system 1.0
  *
  * Renders a horizontal group of segments where every option is always visible and
  * equally sized. Supports 2 or more segments, optional per-option icons, and

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

@@ -41,6 +41,7 @@ export interface DialSelectProps {
 /**
  * A versatile select supporting single and multiple selections.
  * aliases: OptionPicker|ChoiceSelector
+ * Design system 1.0
  *
  * Single mode mirrors the legacy visual:
  * - Trigger shows the selected option's leading icon + label.

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

@@ -9,6 +9,7 @@ export interface DialSelectFieldProps extends Omit<DialSelectProps, 'className'
 /**
  * A Select field wrapper that composes `DialFormItem` and `DialSelect`.
  * aliases: SelectInput|ComboField
+ * Design system 1.0
  *
  * Provides unified label, description, error rendering and a readonly view that shows
  * the selected option labels (comma-separated in single mode, list in multiple).

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

@@ -10,6 +10,7 @@ export interface DialSharedEntityIndicatorProps {
 /**
  * A compact icon-only indicator to denote a "shared" entity.
  * aliases: SharedIcon|AccessIndicator
+ * Design system 1.0
  *
  * Renders a small arrow-up-right icon with token-based colors.
  *

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

@@ -1,29 +1,30 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import { DialSkeletonVariant, DialSkeletonAvatarSize, DialSkeletonAvatarShape } from '../../types/skeleton';
-export interface DialSkeletonProps extends HTMLAttributes<HTMLDivElement> {
+import { SkeletonVariant, SkeletonAvatarSize, SkeletonAvatarShape } from '../../types/skeleton';
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
     active?: boolean;
     paragraph?: boolean | {
         rows?: number;
         width?: string | string[];
     };
     avatar?: boolean | {
-        size?: number | DialSkeletonAvatarSize;
-        shape?: DialSkeletonAvatarShape;
+        size?: number | SkeletonAvatarSize;
+        shape?: SkeletonAvatarShape;
     };
     showTitle?: boolean | {
         width?: string;
     };
     loading?: boolean;
     children?: ReactNode;
-    variant?: DialSkeletonVariant;
+    variant?: SkeletonVariant;
     width?: string | number;
     height?: string | number;
     overlay?: ReactNode;
     color?: string;
 }
 /**
- * DialSkeleton
+ * Skeleton
  * aliases: PlaceholderUI|ShimmerLoader
+ * Design system 2.0
  *
  * A placeholder component to show while content is loading.
  * Provides various skeleton shapes and configurations.
@@ -31,16 +32,16 @@ export interface DialSkeletonProps extends HTMLAttributes<HTMLDivElement> {
  * @example
  * ```tsx
  * // Simple skeleton
- * <DialSkeleton />
+ * <Skeleton />
  *
  * // Text skeleton with custom size
- * <DialSkeleton variant={DialSkeletonVariant.Text} width="200px" height="20px" />
+ * <Skeleton variant={SkeletonVariant.Text} width="200px" height="20px" />
  *
  * // Circular avatar skeleton
- * <DialSkeleton variant={DialSkeletonVariant.Circular} width={40} height={40} />
+ * <Skeleton variant={SkeletonVariant.Circular} width={40} height={40} />
  *
  * // Complex skeleton with avatar, showTitle and paragraph
- * <DialSkeleton
+ * <Skeleton
  *   avatar
  *   showTitle
  *   paragraph={{ rows: 3 }}
@@ -48,20 +49,20 @@ export interface DialSkeletonProps extends HTMLAttributes<HTMLDivElement> {
  * />
  *
  * // Conditional loading
- * <DialSkeleton loading={isLoading}>
+ * <Skeleton loading={isLoading}>
  *   <div>Your content here</div>
- * </DialSkeleton>
+ * </Skeleton>
  *
  * // Custom paragraph widths
- * <DialSkeleton
+ * <Skeleton
  *   paragraph={{ rows: 3, width: ['100%', '80%', '60%'] }}
  * />
  *
  * // Avatar with size and shape
- * <DialSkeleton
+ * <Skeleton
  *   avatar={{
- *     size: DialSkeletonAvatarSize.Large,
- *     shape: DialSkeletonAvatarShape.Square
+ *     size: SkeletonAvatarSize.Large,
+ *     shape: SkeletonAvatarShape.Square
  *   }}
  * />
  * ```
@@ -72,11 +73,11 @@ export interface DialSkeletonProps extends HTMLAttributes<HTMLDivElement> {
  * @param [showTitle=true] - Show title placeholder or configure its appearance
  * @param [loading=true] - Display the skeleton when true
  * @param [children] - Content to be displayed when loading is false
- * @param [variant=DialSkeletonVariant.Default] - Skeleton variant
+ * @param [variant=SkeletonVariant.Default] - Skeleton variant
  * @param [width] - Width of the skeleton
  * @param [height] - Height of the skeleton
  * @param [className] - Additional CSS classes
  * @param [overlay] - Content to overlay on top of the skeleton (e.g., a spinner)
  * @param [color] - Custom background color for the skeleton elements (overrides the default token)
  */
-export declare const DialSkeleton: FC<DialSkeletonProps>;
+export declare const Skeleton: FC<SkeletonProps>;

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

@@ -1,2 +1,2 @@
-import { DialSkeletonAvatarSize } from '../../types/skeleton';
-export declare const getAvatarSize: (size?: number | DialSkeletonAvatarSize) => number;
+import { SkeletonAvatarSize } from '../../types/skeleton';
+export declare const getAvatarSize: (size?: number | SkeletonAvatarSize) => number;

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

@@ -24,6 +24,7 @@ export interface DialSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'o
 /**
  * A range slider with a custom thumb showing the current value and optional labels.
  * aliases: RangeInput|TemperatureSlider
+ * Design system 1.0
  *
  * @example
  * ```tsx

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

@@ -1,8 +1,11 @@
 import { FC } from 'react';
-export interface DialSpinnerProps {
+export interface SpinnerProps {
     size?: number;
     className?: string;
     fullWidth?: boolean;
     ariaLabel?: string;
 }
-export declare const DialSpinner: FC<DialSpinnerProps>;
+/**
+ * Design system 2.0
+ */
+export declare const Spinner: FC<SpinnerProps>;

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

@@ -8,6 +8,7 @@ export interface DialStepsProps {
 /**
  * Props for the DialSteps component, which renders a multi-step navigation UI.
  * aliases: StepWizard|ProgressSteps
+ * Design system 1.0
  *
  * @example
  * ```tsx

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

@@ -10,6 +10,7 @@ export interface DialSwitchProps {
 /**
  * A Switch component with various styling options
  * aliases: ToggleSwitch|BinaryToggle
+ * Design system 1.0
  *
  * @example
  * ```tsx

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

@@ -19,6 +19,7 @@ export interface DialTabsProps {
 /**
  * A responsive and overflow-aware tabs component that automatically adapts its layout
  * aliases: TabNavigation|TabBar
+ * Design system 1.0
  *
  * between a scrollable tab bar and a dropdown menu on smaller screens.
  *

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

@@ -20,5 +20,6 @@ export interface DialTagProps {
 }
 /**
  * A compact label element used for selections, filters, or categories.
+ * Design system 1.0
  */
 export declare const DialTag: FC<DialTagProps>;

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

@@ -17,6 +17,7 @@ export interface DialTagInputProps extends DialLabelProps {
 /**
  * A tag input field that allows users to add multiple tags using the Enter or comma key.
  * aliases: MultiTag|TagField
+ * Design system 1.0
  *
  * Supports removing tags, displaying field labels, optional indicators, validation states,
  * and dynamic layout adjustment when tags wrap to multiple lines.

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

@@ -12,6 +12,7 @@ export interface DialTextareaProps extends DetailedHTMLProps<Omit<TextareaHTMLAt
 /**
  * A flexible textarea component with validation support and consistent styling
  * aliases: MultilineInput|TextBox
+ * Design system 1.0
  *
  * @example
  * ```tsx

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

@@ -10,6 +10,7 @@ export interface DialTooltipProps extends DialTooltipContainerOptions {
 /**
  * A Tooltip component that displays information on hover
  * aliases: HoverPopover|InfoPopover
+ * Design system 1.0
  *
  * @example
  * ```tsx

package/dist/src/components/Tooltip/TooltipContainer.d.ts

@@ -5,6 +5,7 @@ interface Props {
 }
 /**
  * The container component that provides tooltip context and state management
+ * Design system 1.0
  *
  *
  * @param children - The tooltip trigger and content components

package/dist/src/components/Tooltip/TooltipContent.d.ts

@@ -4,6 +4,7 @@ export interface Props extends HTMLProps<HTMLDivElement> {
 }
 /**
  * The content area of a tooltip that displays the tooltip information
+ * Design system 1.0
  *
  * @param children - The content to display inside the tooltip
  * @param [style] - Additional inline styles for the tooltip content

package/dist/src/components/Tooltip/TooltipTrigger.d.ts

@@ -4,6 +4,7 @@ interface TooltipTriggerProps extends HTMLProps<HTMLElement> {
 }
 /**
  * The trigger element for a tooltip that can be clicked or hovered
+ * Design system 1.0
  *
  * @param children - The element that will trigger the tooltip
  * @param [asChild=false] - Whether to render as a child element instead of wrapping in a span

package/dist/src/index.d.ts

@@ -17,11 +17,12 @@ 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 { DialSpinner } from './components/Spinner/Spinner';
-export type { DialSpinnerProps } from './components/Spinner/Spinner';
-export { DialProgressBar, DialProgressBarSize, } from './components/ProgressBar/ProgressBar';
-export type { DialProgressBarProps } from './components/ProgressBar/ProgressBar';
+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';
@@ -38,29 +39,38 @@ 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 { DialSkeleton } from './components/Skeleton/Skeleton';
+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';
 export { DialBreadcrumbItem } from './components/Breadcrumb/BreadcrumbItem';
 export { DialButton } from './components/Button/Button';
 export { DialIconButton } from './components/IconButton/IconButton';
 export type { DialIconButtonProps } from './components/IconButton/IconButton';
-export { DialDangerButton, DialNeutralButton, DialPrimaryButton, DialGhostButton, DialLinkButton, DialRoundedButton, } from './components/Button/ButtonWrappers';
-export type { DialRoundedButtonProps } from './components/Button/ButtonWrappers';
+export { DialDangerButton, DialNeutralButton, DialPrimaryButton, DialGhostButton, DialLinkButton, } from './components/Button/ButtonWrappers';
 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 { DialFabButton } from './components/FabButton/FabButton';
-export type { DialFabButtonProps } from './components/FabButton/FabButton';
 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';
@@ -74,6 +84,7 @@ 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';
@@ -89,14 +100,15 @@ 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.tsx';
+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 { ElementSize } from './types/size';
-export { TabOrientation, TabView } from './types/tab';
+export { ScreenResolution, TabOrientation, TabView } from './types/tab';
 export type { DialBreadcrumbPathItem } from './models/breadcrumb';
 export { FormItemOrientation } from './types/form-item';
 export { SelectSize, SelectVariant } from './types/select';
@@ -104,9 +116,10 @@ export { DialFileManagerTabs, DialFileManagerActions, FileManagerColumnKey, } fr
 export { FlexibleActionsDirection } from './types/flexible-actions';
 export { DialItemType } from './types/item';
 export { ResizableContainerSide } from './types/resizable-container';
-export { DialSkeletonVariant, DialSkeletonAvatarSize, DialSkeletonAvatarShape, } from './types/skeleton';
+export { SkeletonVariant, SkeletonAvatarSize, SkeletonAvatarShape, } from './types/skeleton';
 export { useDialFileManagerTabs } from './components/FileManager/hooks/use-file-manager-tabs';
-export { useEditableItem } from './hooks/use-editable-item';
+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';
@@ -134,4 +147,67 @@ export declare const LazyDialJsonEditor: () => Promise<typeof import("./componen
 export declare const LazyDialMarkdownEditor: () => Promise<typeof import("./components/MarkdownEditor/MarkdownEditor")>;
 export { NotificationVariant, NotificationType } 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';
+export type { CardShellProps } from './components/New/CardShell/CardShell';
 export { ErrorMessageNotification, ErrorToastNotification, 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 { FolderPath } from './components/New/FolderPath/FolderPath';
+export type { FolderPathProps } from './components/New/FolderPath/FolderPath';
+export { DangerButton, GhostButton, LinkButton, NeutralButton, OutlinedButton, PrimaryButton, } from './components/New/Button/ButtonWrappers';
+export { DangerIconButton, GhostIconButton, NeutralIconButton, PrimaryIconButton, StaticIconButton, } from './components/New/IconButton/IconButtonWrappers';
+export { Button } from './components/New/Button/Button';
+export { IconButton } from './components/New/IconButton/IconButton';
+export type { ButtonProps } from './components/New/Button/Button';
+export type { IconButtonProps } from './components/New/IconButton/IconButton';
+export { FabButton } from './components/FabButton/FabButton';
+export type { FabButtonProps } from './components/FabButton/FabButton';
+export { ButtonDropdown } from './components/New/ButtonDropdown/ButtonDropdown';
+export type { ButtonDropdownProps } from './components/New/ButtonDropdown/ButtonDropdown';
+export type { MarkdownEditorProps } from './components/New/MarkdownEditor/MarkdownEditor';
+export declare const LazyMarkdownEditor: () => Promise<typeof import("./components/New/MarkdownEditor/MarkdownEditor")>;
+export { InlineSelect, InlineSelectTrigger, } from './components/New/InlineSelect/InlineSelect';
+export type { InlineSelectProps, InlineSelectTriggerProps, } from './components/New/InlineSelect/InlineSelect';
+export { Select } from './components/New/Select/Select';
+export type { SelectProps } from './components/New/Select/Select';
+export { MultiSelectTags } from './components/New/Select/MultiSelectTags';
+export type { MultiSelectTagsProps } from './components/New/Select/MultiSelectTags';
+export { InfoButton } from './components/New/InfoButton/InfoButton';
+export type { InfoButtonProps } from './components/New/InfoButton/InfoButton';
+export type { LabelProps } from './components/New/Label/Label';
+export { Label } from './components/New/Label/Label';
+export { Textarea } from './components/New/Textarea/Textarea';
+export { Input } from './components/New/Input/Input';
+export type { InputProps } from './components/New/Input/Input';
+export { PasswordInput } from './components/New/PasswordInput/PasswordInput';
+export type { PasswordInputProps } from './components/New/PasswordInput/PasswordInput';
+export { NumberInput } from './components/New/NumberInput/NumberInput';
+export type { NumberInputProps } from './components/New/NumberInput/NumberInput';
+export { Popup } from './components/New/Popup/Popup';
+export type { PopupProps } from './components/New/Popup/Popup';
+export { CloseButton } from './components/New/CloseButton/CloseButton';
+export type { CloseButtonProps } from './components/New/CloseButton/CloseButton';
+export { ConfirmationPopup } from './components/New/ConfirmationPopup/ConfirmationPopup';
+export type { ConfirmationPopupProps } from './components/New/ConfirmationPopup/ConfirmationPopup';
+export { Dropdown } from './components/New/Dropdown/Dropdown';
+export type { DropdownProps } from './components/New/Dropdown/Dropdown';
+export type { TextareaProps } from './components/New/Textarea/Textarea';
+export type { CaptionTextProps } from './components/New/CaptionText/CaptionText';
+export { CaptionText, ErrorText, } from './components/New/CaptionText/CaptionText';
+export { Accordion } from './components/New/Accordion/Accordion';
+export type { AccordionProps } from './components/New/Accordion/Accordion';
+export { Switch } from './components/New/Switch/Switch';
+export type { SwitchProps } from './components/New/Switch/Switch';
+export { Tabs } from './components/New/Tabs/Tabs';
+export type { TabsProps, TabItem } from './components/New/Tabs/Tabs';
+export { FileDropzone } from './components/New/FileDropzone/FileDropzone';
+export type { FileDropzoneProps } from './components/New/FileDropzone/FileDropzone';
+export { Tag } from './components/New/Tag/Tag';
+export type { TagProps } from './components/New/Tag/Tag';
+export { TagInput } from './components/New/TagInput/TagInput';
+export type { TagInputProps } from './components/New/TagInput/TagInput';
+export { Search } from './components/New/Search/Search';
+export type { SearchProps } from './components/New/Search/Search';
+export { matchesAccept } from './utils/file-accept';

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

@@ -11,9 +11,21 @@ export interface LazyComponentEntry {
     ssr: false;
     nextDynamicExample: string;
 }
+/**
+ * Component generation. `2.0` components live under `src/components/New/` and
+ * are exported without the `Dial` prefix; everything else is `1.0`.
+ */
+export type ComponentGeneration = '1.0' | '2.0';
 export interface ComponentEntry {
     name: string;
     category: string;
+    /** `2.0` components are the current design system and should be preferred. */
+    generation: ComponentGeneration;
+    /**
+     * Present on `1.0` components that have a `2.0` replacement — the name of
+     * that replacement (e.g. `DialButton` → `Button`).
+     */
+    supersededBy?: string;
     description: string;
     props: PropEntry[];
     examples: string[];

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

@@ -1,5 +1,14 @@
 import { DropdownItemType } from '../types/dropdown';
 import { ReactNode, MouseEvent } from 'react';
+export interface DropdownSubMenuHoverOptions {
+    /** Delay (ms) before the submenu opens/closes on hover. Defaults to `{ open: 80, close: 80 }`. */
+    delay?: number | {
+        open?: number;
+        close?: number;
+    };
+    /** Whether pointer movement (not just rest) can trigger the hover open. Defaults to `false`. */
+    move?: boolean;
+}
 export interface DropdownItem {
     key: string;
     label?: ReactNode;
@@ -13,4 +22,22 @@ export interface DropdownItem {
         domEvent: MouseEvent;
     }) => void;
     children?: DropdownItem[];
+    /** Content rendered above the children list in this item's submenu panel. */
+    menuHeader?: ReactNode | (() => ReactNode);
+    /** Content rendered below the children list in this item's submenu panel. */
+    menuFooter?: ReactNode | (() => ReactNode);
+    /**
+     * Fully replaces the submenu panel content (children/menuHeader/menuFooter are ignored).
+     * Use this to show a custom popup — e.g. a preview or a picker — instead of a plain item list.
+     */
+    renderSubMenu?: () => ReactNode;
+    /**
+     * Replaces this item's icon + label content while keeping its button element, click
+     * handling, and (for a submenu trigger) the caret intact. Use this for lighter-weight
+     * customization — e.g. a badge or avatar next to the label — without giving up the
+     * default row/list wiring the way `renderSubMenu` does.
+     */
+    renderItem?: (item: DropdownItem) => ReactNode;
+    /** Overrides the default hover-open behavior of this item's submenu. */
+    subMenuHoverOptions?: DropdownSubMenuHoverOptions;
 }

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

@@ -2,6 +2,7 @@ export declare enum ButtonVariant {
     Primary = "primary",
     Neutral = "neutral",
     Danger = "danger",
+    Static = "static",
     Success = "success",
     Secondary = "secondary",
     Tertiary = "tertiary"

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

@@ -0,0 +1,6 @@
+export declare enum CalendarMode {
+    Date = "date",
+    DateTime = "datetime",
+    Time = "time",
+    Weekday = "weekday"
+}

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

@@ -1,15 +1,15 @@
-export declare enum DialSkeletonVariant {
+export declare enum SkeletonVariant {
     Default = "default",
     Text = "text",
     Circular = "circular",
     Rectangular = "rectangular"
 }
-export declare enum DialSkeletonAvatarSize {
+export declare enum SkeletonAvatarSize {
     Small = "small",
     Default = "default",
     Large = "large"
 }
-export declare enum DialSkeletonAvatarShape {
+export declare enum SkeletonAvatarShape {
     Circle = "circle",
     Square = "square"
 }

package/dist/src/utils/__tests__/accessible-name.spec.d.ts

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

package/dist/src/utils/__tests__/file-accept.spec.d.ts

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

package/dist/src/utils/accessible-name.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+/**
+ * Picks the first usable accessible name from an ordered list of candidates.
+ *
+ * Only non-empty strings can serve as an `aria-label`, so any candidate that is
+ * a different kind of `ReactNode` (an element, `undefined`, a number) is
+ * skipped. Callers pass candidates in priority order, which lets each component
+ * declare its own naming precedence.
+ *
+ * A tooltip is a common last resort: a control whose only label is a tooltip
+ * would otherwise be unnamed, because `DialTooltip` puts its `aria-describedby`
+ * on a wrapper element rather than on the control itself, and is suppressed on
+ * mobile. Pass the tooltip only when nothing else names the control — as an
+ * `aria-label` it overrides the element's own content.
+ *
+ * @param candidates - Naming candidates, highest priority first
+ * @returns The first non-empty string candidate, or `undefined` if there is none
+ */
+export declare const resolveAccessibleName: (...candidates: ReactNode[]) => string | undefined;