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

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

@@ -7,9 +7,10 @@ export interface TooltipContentProps extends HTMLProps<HTMLDivElement> {
  * Design system 2.0
  *
  * Rendered in a portal, above popups and dropdowns, with an arrow pointing back
- * at the trigger. Renders nothing on a mobile screen, where there is no hover
- * to reveal it — so a control must never depend on a tooltip alone to be
- * understood, or to have an accessible name.
+ * at the trigger. Renders nothing on a touch-only device, where no pointer can
+ * hover to reveal it — so a control must never depend on a tooltip alone to be
+ * understood, or to have an accessible name. A narrow viewport is not itself
+ * disqualifying: an embed a few hundred pixels wide still hovers on a desktop.
  *
  * @param children - The content to display inside the tooltip
  * @param [className] - Additional CSS classes applied to the tooltip bubble

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

@@ -26,5 +26,14 @@ export declare const arrowClassName = "fill-control-inverted";
  * that is around 60 characters a line, past which a line stops being
  * comfortable to read. Longer text wraps instead of widening the bubble. The
  * width stays a literal because Tailwind only sees static class strings.
+ *
+ * `shadow-xs` is the elevation the design gives a tooltip — the tightest step
+ * of the scale, which is what a bubble anchored to its trigger needs: enough to
+ * lift it off the surface underneath without reading as a floating panel, the
+ * way `shadow-md` marks a dropdown or a calendar. It matters most where the
+ * inverted surface is the lightest thing on screen, on a dark panel. The arrow
+ * takes no shadow of its own: both `xs` layers blur 4px or less, so there is
+ * nothing to see around a 7px triangle that the box's own shadow does not
+ * already carry.
  */
-export declare const tooltipClassName = "z-[55] max-w-[376px] whitespace-pre-wrap break-words rounded-lg bg-control-inverted px-3 py-2 dial-small-text text-control-inverted";
+export declare const tooltipClassName = "z-[55] max-w-[376px] whitespace-pre-wrap break-words rounded-lg bg-control-inverted px-3 py-2 dial-small-text text-control-inverted shadow-xs";

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

@@ -0,0 +1,22 @@
+/**
+ * Icon stroke (1.5px) from the 2.0 stroke scale. Tabler renders every outline
+ * icon at `stroke={2}` unless told otherwise, so the token has to be passed
+ * explicitly — a 2.0 component that omits it draws a heavier icon than the
+ * design system asks for.
+ *
+ * It is a number rather than a Tailwind utility because an icon's weight is an
+ * SVG `stroke-width` attribute on the glyph, not a border on its box. The
+ * border half of the same scale stays on plain Tailwind widths — `border`,
+ * `border-2`, `border-4`, and `border-[0.5px]` for a table divider.
+ *
+ * Exported publicly so icons a consumer passes into a 2.0 component — a button
+ * icon, a menu item, a segmented-control segment — can match the ones the
+ * components draw themselves.
+ *
+ * Two deliberate departures inside the library: the empty-state illustrations
+ * (`NoDataContent`, the grid's no-rows overlay) use a much lighter stroke,
+ * since a 1.5px line reads as a drawing at 16px and as a fence at 100px; and
+ * the checkbox glyph uses a heavier one, because it is a control mark sized to
+ * a 14px box rather than an icon from the set.
+ */
+export declare const DIAL_KIT_ICON_STROKE = 1.5;

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

@@ -22,6 +22,13 @@ export declare const overlayItemClassName: string;
  * the accent-alpha ramp, so hovering a selected row still has somewhere to go.
  */
 export declare const overlayItemSelectedClassName = "bg-control-accent-alpha";
+/**
+ * The row that is currently open in a navigation menu: the same faint tint as a
+ * selected row, with the label and its icon in the accent colour. Unlike
+ * {@link overlayItemSelectedClassName} it carries no separate mark — the colour
+ * *is* the mark, which is what the design's in-navigation state shows.
+ */
+export declare const overlayItemHighlightClassName: string;
 /**
  * A row that cannot be chosen. `overlayItemClassName` tints every row on hover
  * and a selected row carries a tint at rest, so both have to be turned off

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

@@ -6,6 +6,10 @@ export interface Props extends HTMLProps<HTMLDivElement> {
  * The content area of a tooltip that displays the tooltip information
  * Design system 1.0
  *
+ * Renders nothing on a touch-only device, where no pointer can hover to reveal
+ * it. A narrow viewport is not itself disqualifying: an embed a few hundred
+ * pixels wide still hovers on a desktop.
+ *
  * @param children - The content to display inside the tooltip
  * @param [style] - Additional inline styles for the tooltip content
  */

package/dist/src/hooks/use-has-hover.d.ts

@@ -0,0 +1,20 @@
+/**
+ * A React hook that reports whether the device's primary pointer can hover.
+ *
+ * Tracks the `hover: none` media query rather than the viewport width, so a
+ * narrow embed on a desktop still counts as hover-capable, and re-evaluates
+ * when a hybrid device switches input — a tablet that gains a trackpad starts
+ * hovering without a reload.
+ *
+ * Defaults to `true` where the capability cannot be read (SSR, or a browser
+ * without `matchMedia`), so hover-only UI is never dropped on a guess.
+ *
+ * @returns {boolean} `true` when the pointer can hover, `false` on a touch-only device.
+ *
+ * @example
+ * const hasHover = useHasHover();
+ * if (!hasHover) {
+ *   return null; // Nothing would ever reveal a hover-only bubble here
+ * }
+ */
+export declare const useHasHover: () => boolean;

package/dist/src/index.d.ts

@@ -107,6 +107,7 @@ 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 { MenuItemMark } from './types/menu-item';
 export { ElementSize } from './types/size';
 export { ScreenResolution, TabOrientation, TabView } from './types/tab';
 export type { DialBreadcrumbPathItem } from './models/breadcrumb';
@@ -143,8 +144,8 @@ export { NOT_ALLOWED_SYMBOLS, NOT_ALLOWED_SPACES, NOT_ALLOWED_SYMBOLS_REGEXP, NO
 export { DialSchemaRenderer } from './components/SchemaRenderer/SchemaRenderer';
 export { SchemaRendererVariant, SchemaDisplayMode, SchemaOrientation, JsonSchemaType, } from './components/SchemaRenderer/types';
 export type { DialSchemaRendererProps, JsonSchema, JsonSchemaDef, ValidationError, } from './components/SchemaRenderer/types';
-export declare const LazyDialJsonEditor: () => Promise<typeof import("./components/JsonEditor/JsonEditor")>;
-export declare const LazyDialMarkdownEditor: () => Promise<typeof import("./components/MarkdownEditor/MarkdownEditor")>;
+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';
@@ -167,7 +168,7 @@ 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 { LazyMarkdownEditor } from './components/New/MarkdownEditor/lazy';
 export { InlineSelect, InlineSelectTrigger, } from './components/New/InlineSelect/InlineSelect';
 export type { InlineSelectProps, InlineSelectTriggerProps, } from './components/New/InlineSelect/InlineSelect';
 export { Select } from './components/New/Select/Select';
@@ -178,7 +179,7 @@ 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 { Textarea, TextareaResize } 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';
@@ -193,6 +194,10 @@ export { ConfirmationPopup } from './components/New/ConfirmationPopup/Confirmati
 export type { ConfirmationPopupProps } from './components/New/ConfirmationPopup/ConfirmationPopup';
 export { Dropdown } from './components/New/Dropdown/Dropdown';
 export type { DropdownProps } from './components/New/Dropdown/Dropdown';
+export { ThemeScope, useThemeScope, } from './components/New/ThemeScope/ThemeScope';
+export type { ThemeScopeProps } from './components/New/ThemeScope/ThemeScope';
+export { MenuItem } from './components/New/MenuItem/MenuItem';
+export type { MenuItemProps } from './components/New/MenuItem/MenuItem';
 export type { TextareaProps } from './components/New/Textarea/Textarea';
 export type { CaptionTextProps } from './components/New/CaptionText/CaptionText';
 export { CaptionText, ErrorText, } from './components/New/CaptionText/CaptionText';
@@ -226,6 +231,8 @@ 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';
+export { Slider } from './components/New/Slider/Slider';
+export type { SliderProps } from './components/New/Slider/Slider';
 export { Tooltip } from './components/New/Tooltip/Tooltip';
 export type { TooltipProps } from './components/New/Tooltip/Tooltip';
 export { TooltipContainer } from './components/New/Tooltip/TooltipContainer';
@@ -234,5 +241,24 @@ export type { TooltipContentProps } from './components/New/Tooltip/TooltipConten
 export { TooltipTrigger } from './components/New/Tooltip/TooltipTrigger';
 export type { TooltipContainerOptions } from './components/New/Tooltip/TooltipContext';
 export { TooltipPlacement } from './types/tooltip.ts';
+export { InteractiveTooltip } from './components/New/InteractiveTooltip/InteractiveTooltip';
+export type { InteractiveTooltipProps } from './components/New/InteractiveTooltip/InteractiveTooltip';
 export { EllipsisTooltip } from './components/New/EllipsisTooltip/EllipsisTooltip';
 export type { EllipsisTooltipProps } from './components/New/EllipsisTooltip/EllipsisTooltip';
+export { CollapsibleSidebar } from './components/New/CollapsibleSidebar/CollapsibleSidebar';
+export type { CollapsibleSidebarProps } from './components/New/CollapsibleSidebar/CollapsibleSidebar';
+export { ResizableContainer } from './components/New/ResizableContainer/ResizableContainer';
+export type { ResizableContainerProps } from './components/New/ResizableContainer/ResizableContainer';
+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 { Grid, GRID_SELECTION_COLUMN_ID } from './components/New/Grid/Grid';
+export type { GridProps } from './components/New/Grid/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';
+export { GRID_ALIGN_RIGHT_CLASS, GRID_ROOT_CLASS, GRID_THEME_PARAMS, ROW_HEIGHT as GRID_ROW_HEIGHT, } from './components/New/Grid/constants';
+export { DIAL_KIT_ICON_STROKE } from './components/New/constants/icon';
+export { convertToDate } from './utils/grid-date';
+export { baseColumnComparator, checkColDefsChanges, } from './utils/grid-comparators';

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

@@ -1,4 +1,6 @@
 import { DropdownItemType } from '../types/dropdown';
+import { MenuItemMark } from '../types/menu-item';
+import { TooltipPlacement } from '../types/tooltip';
 import { ReactNode, MouseEvent } from 'react';
 export interface DropdownSubMenuHoverOptions {
     /** Delay (ms) before the submenu opens/closes on hover. Defaults to `{ open: 80, close: 80 }`. */
@@ -9,6 +11,22 @@ export interface DropdownSubMenuHoverOptions {
     /** Whether pointer movement (not just rest) can trigger the hover open. Defaults to `false`. */
     move?: boolean;
 }
+/**
+ * Data for the interactive panel {@link Dropdown} anchors to an item's row —
+ * unlike a plain tooltip, its content can hold controls of its own (a "View
+ * details" link, for example), which is why it takes a full node rather than
+ * a string.
+ */
+export interface DropdownItemInteractiveTooltip {
+    content: ReactNode;
+    /** @default TooltipPlacement.Right */
+    placement?: TooltipPlacement;
+    /**
+     * Additional CSS classes for the panel — e.g. a wider `max-w-*` for content
+     * that does not fit the default 320px.
+     */
+    contentClassName?: string;
+}
 export interface DropdownItem {
     key: string;
     label?: ReactNode;
@@ -23,8 +41,23 @@ export interface DropdownItem {
      * `onClick` (or the dropdown's `onItemClick`).
      */
     selectable?: boolean;
-    /** Whether a `selectable` item is currently checked. */
+    /**
+     * How this item is marked while `checked`, straight from the design's
+     * Menu-item states: a trailing check (`Check`, a single choice that closes
+     * the menu), a leading checkbox box (`Checkbox`, the multiselect row that
+     * keeps the menu open) or an accent tint (`Highlight`, the current item of
+     * a navigation menu). Defaults to `Checkbox` for a `selectable` item and to
+     * `None` otherwise.
+     */
+    mark?: MenuItemMark;
+    /** Whether a marked item is currently checked. */
     checked?: boolean;
+    /**
+     * A control of its own at the row's trailing edge — a favourite toggle, a
+     * delete button. It is rendered beside the row rather than inside it, so it
+     * keeps its own click and stays out of the row's accessible name.
+     */
+    rightControl?: ReactNode;
     type?: DropdownItemType;
     className?: string;
     onClick?: (info: {
@@ -50,4 +83,10 @@ export interface DropdownItem {
     renderItem?: (item: DropdownItem) => ReactNode;
     /** Overrides the default hover-open behavior of this item's submenu. */
     subMenuHoverOptions?: DropdownSubMenuHoverOptions;
+    /**
+     * Anchors an {@link InteractiveTooltip} to this item's row, open on hover
+     * or focus. Use it for content too rich for a plain label — an explanation
+     * with its own link or button.
+     */
+    interactiveTooltip?: DropdownItemInteractiveTooltip;
 }

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

@@ -1,4 +1,21 @@
 import { ReactNode } from 'react';
+import { TooltipPlacement } from '../types/tooltip';
+/**
+ * Data for the interactive panel {@link Select} anchors to an option's row —
+ * unlike a plain tooltip, its content can hold controls of its own (a "View
+ * details" link, for example), which is why it takes a full node rather than
+ * a string.
+ */
+export interface SelectOptionInteractiveTooltip {
+    content: ReactNode;
+    /** @default TooltipPlacement.Right */
+    placement?: TooltipPlacement;
+    /**
+     * Additional CSS classes for the panel — e.g. a wider `max-w-*` for content
+     * that does not fit the default 320px.
+     */
+    contentClassName?: string;
+}
 export interface SelectOption {
     value: string;
     label: string;
@@ -11,5 +28,18 @@ export interface SelectOption {
     description?: string;
     disabled?: boolean;
     icon?: ReactNode;
+    /**
+     * A control of its own at the row's trailing edge — a favourite toggle, a
+     * delete button. It is rendered beside the row rather than inside it, so it
+     * keeps its own click and stays out of the row's accessible name.
+     */
+    rightControl?: ReactNode;
+    /**
+     * Anchors an {@link InteractiveTooltip} to this option's row, open on hover
+     * or focus. Use it for content too rich for `description` — an explanation
+     * with its own link or button, the way a skill picker explains what a
+     * skill does before it is chosen.
+     */
+    interactiveTooltip?: SelectOptionInteractiveTooltip;
     children?: SelectOption[];
 }

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

@@ -0,0 +1,22 @@
+/**
+ * `@epam/ai-dial-ui-kit/editors` - curated subpath for the JSON/Markdown
+ * editor lazy loaders.
+ *
+ * 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)
+ * 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/file-manager.d.ts

@@ -0,0 +1,21 @@
+/**
+ * `@epam/ai-dial-ui-kit/file-manager` - curated subpath for `DialFileManager`
+ * and its directly related types/hooks/constants.
+ *
+ * Re-exports the FileManager-related names from the root `src/index.ts`
+ * barrel. `DialFileManager` reaches the legacy `DialGrid`
+ * (src/components/FileManager/FileManager.tsx:46), so importing from this
+ * subpath pulls in ag-grid-community/ag-grid-react exactly as importing
+ * `DialFileManager` from the root does.
+ */
+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 { useDialFileManagerTabs } from '../components/FileManager/hooks/use-file-manager-tabs';
+export { FileManagerProvider } from '../components/FileManager/FileManagerProvider';
+export { useFileManagerContext } from '../components/FileManager/hooks/use-file-manager-context';
+export { DialFileManagerTabs, DialFileManagerActions, FileManagerColumnKey, } from '../types/file-manager';
+export { type DialCopiedItem, type DialDeletedItem, type DialUploadFileItem, type DialFileManagerActionsRef, type DialFileAcceptType, } from '../models/file-manager';
+export { NAME_COLUMN, SIZE_COLUMN, UPDATED_AT_COLUMN, } from '../constants/file-grid-columns';

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

@@ -0,0 +1,25 @@
+/**
+ * `@epam/ai-dial-ui-kit/grid` - curated subpath for both Grid generations.
+ *
+ * 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.
+ */
+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 { 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';
+export { GRID_ALIGN_RIGHT_CLASS, GRID_ROOT_CLASS, GRID_THEME_PARAMS, ROW_HEIGHT as GRID_ROW_HEIGHT, } from '../components/New/Grid/constants';
+export { convertToDate } from '../utils/grid-date';
+export { baseColumnComparator, checkColDefsChanges, } from '../utils/grid-comparators';
+export { GridSelectionMode } from '../models/selection-mode';

package/dist/src/types/menu-item.d.ts

@@ -0,0 +1,21 @@
+/**
+ * How a chosen row inside an overlay (dropdown menu, select list) is marked.
+ *
+ * The design marks a chosen row differently depending on what the overlay is.
+ * A **menu** puts a check at the trailing edge, single- and multi-select alike,
+ * and gives the current item of a navigation menu an accent label. A **select
+ * list** tints the chosen row instead, with a checkbox in front of it when the
+ * list is a multiselect.
+ */
+export declare enum MenuItemMark {
+    /** Nothing marks the row — it is only ever unselected. */
+    None = "none",
+    /** A trailing check on the chosen row; the row keeps its plain background. */
+    Check = "check",
+    /** The chosen row is tinted, with no glyph — the select list's own mark. */
+    Tint = "tint",
+    /** A leading checkbox box, tinted while checked, for multiselect rows. */
+    Checkbox = "checkbox",
+    /** Accent label on a tinted row: the current item in a navigation menu. */
+    Highlight = "highlight"
+}

package/dist/src/utils/__tests__/element-size-observer.spec.d.ts

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

package/dist/src/utils/__tests__/pointer.spec.d.ts

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

package/dist/src/utils/element-size-observer.d.ts

@@ -0,0 +1,26 @@
+type SizeCallback = () => void;
+/**
+ * Queues a measurement for the next animation frame, coalescing it with every
+ * other measurement queued for that frame.
+ *
+ * Passing the same callback twice before the frame runs schedules it once.
+ *
+ * @param callback - Reads layout and stores the result; must be referentially stable
+ */
+export declare const scheduleMeasure: (callback: SizeCallback) => void;
+/**
+ * Watches an element's box for size changes and calls back — batched through
+ * {@link scheduleMeasure} — whenever it may need re-measuring.
+ *
+ * A parent can resize without the window doing so, which is what the
+ * `ResizeObserver` covers; the `window.resize` listener stays for environments
+ * that have no `ResizeObserver`.
+ *
+ * One callback per element: observing the same element again replaces it.
+ *
+ * @param element - The element to watch
+ * @param callback - Runs when the element may have changed size; must be referentially stable
+ * @returns Unsubscribes the element, tearing the shared observer down once nothing is left to watch
+ */
+export declare const observeElementSize: (element: Element, callback: SizeCallback) => () => void;
+export {};

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

@@ -0,0 +1,4 @@
+import { ColDef, IRowNode } from 'ag-grid-community';
+export declare const baseColumnComparator: (a: string | number | undefined, b: string | number | undefined, _nodeA?: IRowNode, _nodeB?: IRowNode, isInverted?: boolean) => number;
+export declare const omitUndefined: <T extends object>(value: T | undefined) => T;
+export declare const checkColDefsChanges: (cols: ColDef[], initialCols: ColDef[]) => boolean;

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

@@ -0,0 +1,7 @@
+export type DateValue = string | number | Date;
+/**
+ * Normalises the value a date cell can receive into a `Date`, or `null` when it
+ * carries no usable date. A pure integer string is read as epoch milliseconds,
+ * so a serialised timestamp behaves like the number it came from.
+ */
+export declare const convertToDate: (input?: DateValue | null) => Date | null;

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

@@ -0,0 +1,16 @@
+/**
+ * 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.
+ *
+ * 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
+ * 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.
+ */
+export declare const registerAgGridModulesOnce: () => void;

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

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

package/dist/src/utils/pointer.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Media query matched only by a device that positively reports it cannot hover
+ * its primary pointer — a touch-only phone or tablet.
+ *
+ * `(hover: none)` is deliberately the whole query. `(pointer: coarse)` would
+ * also catch a touchscreen laptop driven by a mouse and a TV remote, both of
+ * which hover perfectly well.
+ */
+export declare const NO_HOVER_MEDIA_QUERY = "(hover: none)";
+/**
+ * Reports whether the device says its primary pointer cannot hover.
+ *
+ * Keyed on input capability rather than viewport width on purpose: an app
+ * embedded in a narrow desktop iframe sees a `window.innerWidth` of a few
+ * hundred pixels while still being driven by a mouse, so a width test would
+ * wrongly strip its hover-only affordances.
+ *
+ * Returns `false` when there is no `window` (SSR) or no `matchMedia` support,
+ * so hover-only UI stays rendered rather than silently disappearing wherever
+ * the question cannot be answered.
+ *
+ * @returns {boolean} `true` only when the device reports `hover: none`.
+ *
+ * @example
+ * if (!hasNoHoverSupport()) {
+ *   console.log('The pointer can hover — hover-only affordances are usable');
+ * }
+ */
+export declare const hasNoHoverSupport: () => boolean;

package/dist/src/utils/sub-menu-floating.d.ts

@@ -12,6 +12,7 @@ export interface SubMenuHoverOptions {
  */
 export declare function useSubMenuFloating(gap: number, ariaRole?: 'menu' | 'listbox', disabled?: boolean, hoverOptions?: SubMenuHoverOptions): {
     isOpen: boolean;
+    nodeId: string | undefined;
     refs: {
         reference: import('react').MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
         floating: React.MutableRefObject<HTMLElement | null>;

package/dist/types/analytics.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((e) => (e.Default = "default", e.Compact = "compact", e))(t || {});
+export {
+  t as AnalyticsCardVariant
+};

package/dist/types/button.js

@@ -0,0 +1,5 @@
+var s = /* @__PURE__ */ ((r) => (r.Primary = "primary", r.Neutral = "neutral", r.Danger = "danger", r.Static = "static", r.Success = "success", r.Secondary = "secondary", r.Tertiary = "tertiary", r))(s || {}), e = /* @__PURE__ */ ((r) => (r.Solid = "solid", r.Outlined = "outlined", r.Ghost = "ghost", r.Link = "link", r))(e || {});
+export {
+  e as ButtonAppearance,
+  s as ButtonVariant
+};

package/dist/types/calendar.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((e) => (e.Date = "date", e.DateTime = "datetime", e.Time = "time", e.Weekday = "weekday", e))(t || {});
+export {
+  t as CalendarMode
+};

package/dist/types/caption.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.Description = "description", r.Error = "error", r))(e || {});
+export {
+  e as CaptionType
+};

package/dist/types/confirmation-popup.js

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((e) => (e.Info = "info", e.Danger = "danger", e))(r || {});
+export {
+  r as ConfirmationPopupVariant
+};

package/dist/types/dropdown.js

@@ -0,0 +1,6 @@
+var t = /* @__PURE__ */ ((e) => (e.Dropdown = "dropdown", e.Menu = "menu", e))(t || {}), n = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.ContextMenu = "contextMenu", e))(n || {}), i = /* @__PURE__ */ ((e) => (e.Item = "item", e.Divider = "divider", e.PlainText = "plainText", e))(i || {});
+export {
+  i as DropdownItemType,
+  n as DropdownTrigger,
+  t as DropdownType
+};

package/dist/types/editor.js

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((r) => (r.dark = "dark", r.light = "light", r))(a || {});
+export {
+  a as EditorThemes
+};

package/dist/types/file-manager.js

@@ -0,0 +1,12 @@
+var v = /* @__PURE__ */ ((d) => (d.MyFiles = "my_files", d.Shared = "shared", d.Organization = "organization", d.Review = "review", d))(v || {}), p = /* @__PURE__ */ ((d) => (d.AddSibling = "addSibling", d.AddChild = "addChild", d.Duplicate = "duplicate", d.Copy = "copy", d.Move = "move", d.Download = "download", d.Delete = "delete", d.Rename = "rename", d.Info = "info", d.Unshare = "unshare", d.RemoveAccess = "removeAccess", d.ManagePermissions = "managePermissions", d.Preview = "preview", d.OpenInNewTab = "openInNewTab", d))(p || {}), r = /* @__PURE__ */ ((d) => (d.Replace = "replace", d.Duplicate = "duplicate", d.Cancel = "cancel", d))(r || {}), h = /* @__PURE__ */ ((d) => (d.ReplaceAll = "replaceAll", d.DuplicateAll = "duplicateAll", d.DecideForEach = "decideForEach", d))(h || {}), u = /* @__PURE__ */ ((d) => (d.Copy = "copy", d.Move = "move", d))(u || {}), w = /* @__PURE__ */ ((d) => (d.Tree = "tree", d.Grid = "grid", d))(w || {}), c = /* @__PURE__ */ ((d) => (d.Tree = "tree", d.Grid = "grid", d))(c || {}), m = /* @__PURE__ */ ((d) => (d.Folder = "folder", d.Child = "child", d.Sibling = "sibling", d))(m || {}), t = /* @__PURE__ */ ((d) => (d.Name = "name", d.UpdatedAt = "updatedAt", d.Size = "size", d.Author = "author", d.Owner = "owner", d.Path = "path", d.Actions = "__actions", d.Version = "version", d))(t || {});
+export {
+  u as DestinationFolderMode,
+  p as DialFileManagerActions,
+  r as DialFileManagerConflictActions,
+  h as DialFileManagerConflictStrategies,
+  v as DialFileManagerTabs,
+  t as FileManagerColumnKey,
+  c as FileManagerCreateFolderTriggerView,
+  m as FileManagerCreateFolderType,
+  w as FileManagerRenameTriggerView
+};

package/dist/types/flexible-actions.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.Normal = "normal", r.Reverse = "reverse", r))(e || {});
+export {
+  e as FlexibleActionsDirection
+};

package/dist/types/form-item.js

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((r) => (r.Vertical = "vertical", r.Horizontal = "horizontal", r))(a || {});
+export {
+  a as FormItemOrientation
+};

package/dist/types/item.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.File = "file", r.Folder = "folder", r))(e || {});
+export {
+  e as DialItemType
+};

package/dist/types/menu-item.js

@@ -0,0 +1,4 @@
+var c = /* @__PURE__ */ ((h) => (h.None = "none", h.Check = "check", h.Tint = "tint", h.Checkbox = "checkbox", h.Highlight = "highlight", h))(c || {});
+export {
+  c as MenuItemMark
+};

package/dist/types/notification.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((e) => (e.Info = "info", e.Success = "success", e.Warning = "warning", e.Error = "error", e.Loading = "loading", e.General = "general", e))(r || {}), s = /* @__PURE__ */ ((e) => (e.Toast = "toast", e.SectionMessage = "section-message", e))(s || {});
+export {
+  s as NotificationType,
+  r as NotificationVariant
+};

package/dist/types/popup.js

@@ -0,0 +1,4 @@
+var m = /* @__PURE__ */ ((r) => (r.Sm = "sm", r.Md = "md", r.Lg = "lg", r))(m || {});
+export {
+  m as PopupSize
+};

package/dist/types/radio-group.js

@@ -0,0 +1,4 @@
+var m = /* @__PURE__ */ ((l) => (l.Row = "Row", l.Column = "Column", l))(m || {});
+export {
+  m as RadioGroupOrientation
+};

package/dist/types/resizable-container.js

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((t) => (t.Left = "left", t.Right = "right", t))(r || {});
+export {
+  r as ResizableContainerSide
+};

package/dist/types/screen.js

@@ -0,0 +1,4 @@
+var d = /* @__PURE__ */ ((t) => (t.Undefined = "undefined", t.Mobile = "mobile", t.Tablet = "tablet", t.Desktop = "desktop", t))(d || {});
+export {
+  d as ScreenType
+};

package/dist/types/select.js

@@ -0,0 +1,5 @@
+var m = /* @__PURE__ */ ((r) => (r.Sm = "sm", r.Md = "md", r))(m || {}), a = /* @__PURE__ */ ((r) => (r.Primary = "Primary", r.Secondary = "Secondary", r))(a || {});
+export {
+  m as SelectSize,
+  a as SelectVariant
+};