@epam/ai-dial-ui-kit 0.16.0-dev.5 → 0.16.0-dev.50

package/dist/src/index.d.ts

@@ -1,58 +1,19 @@
 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 { 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,43 +25,18 @@ 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';
@@ -109,48 +45,36 @@ export { ConfirmationPopupVariant } from './types/confirmation-popup';
 export { DropdownType, DropdownTrigger, DropdownItemType, } 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 { Notification } from './components/New/Notification/Notification';
 export { Highlight } from './components/New/Highlight/Highlight';
@@ -186,7 +110,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';
@@ -249,11 +188,14 @@ export type { BadgeProps } from './components/New/Badge/Badge';
 export { BadgeColor, BadgeVariant } from './types/badge';
 export { Avatar } from './components/New/Avatar/Avatar';
 export type { AvatarProps } from './components/New/Avatar/Avatar';
-export { AvatarShape } from './types/avatar';
-export { extractInitials } from './utils/avatar';
+export { AvatarColor, AvatarShape } from './types/avatar';
+export { AVATAR_PALETTE, extractInitials } from './utils/avatar';
+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';
@@ -284,17 +226,24 @@ 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 { 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/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/avatar.d.ts

@@ -5,3 +5,12 @@ export declare enum AvatarShape {
     /** A rounded square — the avatar of an application, model or other entity. */
     Square = "square"
 }
+export declare enum AvatarColor {
+    Green1 = "green-1",
+    Violet2 = "violet-2",
+    Brown = "brown",
+    Red = "red",
+    Green2 = "green-2",
+    Blue = "blue",
+    Violet1 = "violet-1"
+}

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/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/avatar.d.ts

@@ -1,3 +1,4 @@
+import { AvatarColor } from '../types/avatar';
 /** A background and text colour pair for an initials avatar, as Tailwind classes. */
 export interface AvatarColorClasses {
     /** Background class, bound to a `--bg-visual-*` token. */
@@ -5,7 +6,7 @@ export interface AvatarColorClasses {
     /** Text class, bound to the matching `--text-visual-*` token. */
     foreground: string;
 }
-export declare const AVATAR_PALETTE: readonly AvatarColorClasses[];
+export declare const AVATAR_PALETTE: Record<AvatarColor, AvatarColorClasses>;
 /** Returns the palette entry for a name; the same name always gets the same colours. */
 export declare const pickAvatarColor: (name: string) => AvatarColorClasses;
 /** Returns 1–2 uppercase initials derived from a display name, or `'?'` when it has no letters. */

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/src/utils/sub-menu-floating.d.ts

@@ -64,5 +64,5 @@ interface SubMenuPanelProps {
  * Shared floating panel wrapper (FloatingPortal → FloatingFocusManager → container div).
  * Used by DropdownSubMenuItem and SelectSubMenuItem.
  */
-export declare const SubMenuPanel: ({ refs, floatingStyles, context, getFloatingProps, role, surfaceClassName, className, children, }: SubMenuPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SubMenuPanel: ({ refs, floatingStyles, context, getFloatingProps, role, surfaceClassName, className, children, }: SubMenuPanelProps) => import('react/jsx-runtime').JSX.Element;
 export {};

package/dist/types/avatar.js

@@ -1,4 +1,5 @@
-var e = /* @__PURE__ */ ((r) => (r.Circle = "circle", r.Square = "square", r))(e || {});
+var n = /* @__PURE__ */ ((e) => (e.Circle = "circle", e.Square = "square", e))(n || {}), i = /* @__PURE__ */ ((e) => (e.Green1 = "green-1", e.Violet2 = "violet-2", e.Brown = "brown", e.Red = "red", e.Green2 = "green-2", e.Blue = "blue", e.Violet1 = "violet-1", e))(i || {});
 export {
-  e as AvatarShape
+  i as AvatarColor,
+  n as AvatarShape
 };

package/dist/types/form-section.js

@@ -0,0 +1,4 @@
+var p = /* @__PURE__ */ ((t) => (t.Row = "row", t.Caption = "caption", t.Setting = "setting", t))(p || {});
+export {
+  p as FormSectionVariant
+};

package/dist/types/grid.js

@@ -1,4 +1,5 @@
-var t = /* @__PURE__ */ ((r) => (r.Light = "light", r.Dark = "dark", r))(t || {});
+var a = /* @__PURE__ */ ((t) => (t.Light = "light", t.Dark = "dark", t))(a || {}), r = /* @__PURE__ */ ((t) => (t.Default = "default", t.Chat = "chat", t))(r || {});
 export {
-  t as GridColorScheme
+  r as GridAppearance,
+  a as GridColorScheme
 };

package/dist/types/tab.js

@@ -1,6 +1,7 @@
-var l = /* @__PURE__ */ ((r) => (r.Horizontal = "horizontal", r.Vertical = "vertical", r))(l || {}), t = /* @__PURE__ */ ((r) => (r.Default = "default", r.Inline = "inline", r))(t || {}), e = /* @__PURE__ */ ((r) => (r.Mobile = "mobile", r.Tablet = "tablet", r))(e || {});
+var e = /* @__PURE__ */ ((r) => (r.Horizontal = "horizontal", r.Vertical = "vertical", r))(e || {}), l = /* @__PURE__ */ ((r) => (r.Error = "error", r.Warning = "warning", r))(l || {}), n = /* @__PURE__ */ ((r) => (r.Default = "default", r.Inline = "inline", r))(n || {}), a = /* @__PURE__ */ ((r) => (r.Mobile = "mobile", r.Tablet = "tablet", r))(a || {});
 export {
-  e as ScreenResolution,
-  l as TabOrientation,
-  t as TabView
+  a as ScreenResolution,
+  e as TabOrientation,
+  l as TabStatus,
+  n as TabView
 };

package/dist/types/tag.js

@@ -1,4 +1,4 @@
-var l = /* @__PURE__ */ ((e) => (e.Outlined = "outlined", e.Selectable = "selectable", e))(l || {});
+var d = /* @__PURE__ */ ((e) => (e.Outlined = "outlined", e.Selectable = "selectable", e.Bordered = "bordered", e))(d || {});
 export {
-  l as TagAppearance
+  d as TagAppearance
 };

package/dist/utils/avatar.js

@@ -1,22 +1,45 @@
-const o = [
-  { background: "bg-green-1", foreground: "text-green-2" },
-  { background: "bg-violet-2", foreground: "text-violet-1" },
-  { background: "bg-brown", foreground: "text-brown-2" },
-  { background: "bg-red", foreground: "text-red" },
-  { background: "bg-green-2", foreground: "text-green-3" },
-  { background: "bg-blue", foreground: "text-accent" },
-  { background: "bg-violet-1", foreground: "text-violet-2" }
-], c = (t) => {
-  let e = 0;
-  for (let r = 0; r < t.length; r++)
-    e += t.charCodeAt(r);
-  return o[e % o.length];
-}, n = (t) => t.match(new RegExp("\\p{L}", "u"))?.[0] ?? "", l = (t) => {
-  const e = t.trim().split(/\s+/).filter(Boolean);
-  return e.length === 0 ? "?" : e.length >= 2 ? (n(e[0]) + n(e[1])).toUpperCase() || "?" : e[0].replace(/[^\p{L}]/gu, "").slice(0, 2).toUpperCase() || "?";
+import { AvatarColor as t } from "../types/avatar.js";
+const l = {
+  [t.Green1]: {
+    background: "bg-green-1",
+    foreground: "text-green-2"
+  },
+  [t.Violet2]: {
+    background: "bg-violet-2",
+    foreground: "text-violet-1"
+  },
+  [t.Brown]: {
+    background: "bg-brown",
+    foreground: "text-brown-2"
+  },
+  [t.Red]: {
+    background: "bg-red",
+    foreground: "text-red"
+  },
+  [t.Green2]: {
+    background: "bg-green-2",
+    foreground: "text-green-3"
+  },
+  [t.Blue]: {
+    background: "bg-blue",
+    foreground: "text-accent"
+  },
+  [t.Violet1]: {
+    background: "bg-violet-1",
+    foreground: "text-violet-2"
+  }
+}, c = (r) => {
+  const e = Object.values(l);
+  let n = 0;
+  for (let o = 0; o < r.length; o++)
+    n += r.charCodeAt(o);
+  return e[n % e.length];
+}, g = (r) => r.match(new RegExp("\\p{L}", "u"))?.[0] ?? "", u = (r) => {
+  const e = r.trim().split(/\s+/).filter(Boolean);
+  return e.length === 0 ? "?" : e.length >= 2 ? (g(e[0]) + g(e[1])).toUpperCase() || "?" : e[0].replace(/[^\p{L}]/gu, "").slice(0, 2).toUpperCase() || "?";
 };
 export {
-  o as AVATAR_PALETTE,
-  l as extractInitials,
+  l as AVATAR_PALETTE,
+  u as extractInitials,
   c as pickAvatarColor
 };

package/dist/utils/merge-classes.js

@@ -1,15 +1,44 @@
-import t from "classnames";
-import { extendTailwindMerge as o } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
-const r = o({
+import i from "classnames";
+import { extendTailwindMerge as t } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
+const l = [
+  "display1",
+  "display2",
+  "display3",
+  "h1",
+  "h2",
+  "h3",
+  "body",
+  "body-semi",
+  "body-paragraph",
+  "body-paragraph-semi",
+  "small",
+  "small-semi",
+  "small-paragraph",
+  "small-paragraph-semi",
+  "tiny",
+  "tiny-semi",
+  "tiny-lead",
+  "tiny-lead-semi",
+  "caption",
+  "caption-lead-semi",
+  "code",
+  "italic",
+  "small-italic",
+  "tiny-italic",
+  "caption-italic"
+], e = t({
   extend: {
     classGroups: {
-      z: [{ z: ["popup", "floating", "interactive-tooltip", "tooltip"] }]
+      z: [{ z: ["popup", "floating", "interactive-tooltip", "tooltip"] }],
+      "dial-typography": l.map(
+        (a) => `dial-${a}-text`
+      )
     }
   }
 });
-function n(...e) {
-  return r(t(e));
+function o(...a) {
+  return e(i(a));
 }
 export {
-  n as mergeClasses
+  o as mergeClasses
 };

package/dist/utils/sub-menu-floating.js

@@ -14,7 +14,7 @@ const Z = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"],
   return n === -1 ? s === 1 ? 0 : o - 1 : (n + s + o) % o;
 };
 function le(t, n = "menu", o = !1, s) {
-  const [r, i] = b(!1), u = M(), { refs: a, elements: p, floatingStyles: S, context: c } = k({
+  const [r, i] = b(!1), u = M(), { refs: a, elements: d, floatingStyles: S, context: c } = k({
     nodeId: u,
     placement: "right-start",
     open: r,
@@ -40,13 +40,13 @@ function le(t, n = "menu", o = !1, s) {
   }), T = z(c, { role: n }), {
     getReferenceProps: g,
     getFloatingProps: y
-  } = X([O, D, R, T]), [w, h] = b(!1), d = p.floating;
+  } = X([O, D, R, T]), [h, w] = b(!1), p = d.floating;
   Q(() => {
-    !r || !w || d == null || (A(d)[0]?.focus(), h(!1));
-  }, [r, w, d]);
+    !r || !h || p == null || (A(p)[0]?.focus(), w(!1));
+  }, [r, h, p]);
   const F = f(
     (e) => {
-      o || !(e.key === v(e.currentTarget) || e.key === "Enter" || e.key === " ") || (e.preventDefault(), e.stopPropagation(), i(!0), h(!0));
+      o || !(e.key === v(e.currentTarget) || e.key === "Enter" || e.key === " ") || (e.preventDefault(), e.stopPropagation(), i(!0), w(!0));
     },
     [o]
   ), E = f(
@@ -97,7 +97,7 @@ const ne = "rounded bg-layer-0 shadow", ue = ({
   className: u,
   children: a
 }) => {
-  const p = W();
+  const d = W();
   return /* @__PURE__ */ m(Y, { children: /* @__PURE__ */ m(
     G,
     {
@@ -112,9 +112,9 @@ const ne = "rounded bg-layer-0 shadow", ue = ({
           style: n,
           role: r,
           className: J(
-            "z-floating overflow-auto text-primary focus-visible:outline-none",
+            "z-floating overflow-auto text-primary focus-visible:outline-hidden",
             i ?? ne,
-            p,
+            d,
             u
           ),
           ...s(),