@epam/ai-dial-ui-kit 0.11.0 → 0.12.0-dev.10

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

@@ -1,10 +1,12 @@
 import { FC, HTMLAttributes } from 'react';
+import { DialLabelProps } from '../Label/Label';
 export interface DialSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     value: number;
     min?: number;
     max?: number;
     step?: number;
     disabled?: boolean;
+    labelProps?: DialLabelProps;
     /** 2-element or 3-element label tuple rendered below the track */
     labels?: [string, string] | [string, string, string];
     /** Custom formatter for the thumb value; defaults to fixed-decimal based on step */
@@ -41,6 +43,7 @@ export interface DialSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'o
  * @param [max=1] - Maximum value
  * @param [step=0.1] - Step increment
  * @param [disabled=false] - Disables interaction
+ * @param [labelProps] - Props forwarded to DialLabel rendered above the slider
  * @param [labels] - 2 or 3 strings rendered below the track (start, [middle,] end)
  * @param [formatValue] - Custom value formatter for the thumb display
  * @param [onChange] - Callback fired with the new value on interaction

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

@@ -1,11 +1,13 @@
 import { ButtonHTMLAttributes, FC } from 'react';
 import { TabModel } from '../../models/tab';
+import { TabView } from '../../types/tab';
 type NativeButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'children' | 'type' | 'role' | 'disabled'>;
 export interface DialTabProps extends NativeButtonProps {
     tab: TabModel;
     active: boolean;
     invalid?: boolean;
     horizontal?: boolean;
+    view?: TabView;
     onClick: (id: string) => void;
 }
 /**
@@ -26,6 +28,8 @@ export interface DialTabProps extends NativeButtonProps {
  * @param tab - The tab model containing its `id`, `name`, [`disabled`], [`invalid`], [`warning`].
  * @param active - Whether the tab is currently active.
  * @param [horizontal=false] - Whether the tab is displayed in horizontal orientation.
+ * @param [view=TabView.Default] - Visual style of the tab. Uses the {@link TabView} enum.
+ *   `Inline` renders a compact pill with a leading check icon when active.
  * @param onClick - Callback fired when the tab is clicked. Receives the tab’s `id`.
  */
 export declare const DialTab: FC<DialTabProps>;

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

@@ -1,16 +1,20 @@
 import { FC } from 'react';
 import { TabModel } from '../../models/tab';
-import { ScreenResolution, TabOrientation } from '../../types/tab';
+import { ScreenResolution, TabOrientation, TabView } from '../../types/tab';
 export interface DialTabsProps {
     tabs: TabModel[];
     activeTab: string;
     onClick: (id: string) => void;
     orientation?: TabOrientation;
+    view?: TabView;
+    className?: string;
     screenThreshold?: ScreenResolution;
     smallScreenContainerClassName?: string;
     smallScreenDropdownItemClassName?: string;
     desktopDropdownClassName?: string;
     desktopTabClassName?: string;
+    inlineContainerClassName?: string;
+    inlineTabClassName?: string;
 }
 /**
  * A responsive and overflow-aware tabs component that automatically adapts its layout
@@ -47,6 +51,9 @@ export interface DialTabsProps {
  * @param activeTab - The identifier of the currently active tab.
  * @param onClick - Callback fired when a tab is selected. Receives the tab's `id` as an argument.
  * @param [orientation=TabOrientation.Horizontal] - Layout direction of the tabs. Uses the {@link TabOrientation} enum.
+ * @param [view=TabView.Default] - Visual style of the tabs. Uses the {@link TabView} enum.
+ *   `Inline` renders a compact segmented control where the active tab is marked with a
+ *   leading check icon. The inline view is not responsive and ignores overflow/dropdown logic.
  * @param [screenThreshold=ScreenResolution.Tablet] - Defines the screen size threshold
  *   below which tabs collapse into a dropdown. Uses the {@link ScreenRelosution} enum.
  *   When set to `Tablet`, both mobile and tablet screens will trigger dropdown mode.

package/dist/src/index.d.ts

@@ -1,5 +1,20 @@
 export { DialCaptionText, DialErrorText, } from './components/CaptionText/CaptionText';
+export { DialAnalyticsCard } from './components/Analytics';
+export type { DialAnalyticsCardProps } from './components/Analytics';
+export { AnalyticsCardVariant } from './types/analytics';
+export { DialAnalyticsBar } from './components/Analytics';
+export type { DialAnalyticsBarProps } from './components/Analytics';
+export { DEFAULT_ANALYTICS_BAR_COLOR_MAP } from './components/Analytics';
+export type { AnalyticsBarColorStop } 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 { DialLoader } from './components/Loader/Loader';
@@ -79,7 +94,7 @@ 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 } from './types/tab';
+export { TabOrientation, TabView } from './types/tab';
 export type { DialBreadcrumbPathItem } from './models/breadcrumb';
 export { FormItemOrientation } from './types/form-item';
 export { SelectSize, SelectVariant } from './types/select';

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

@@ -0,0 +1,8 @@
+export interface AnalyticsBarColorStop {
+    /** Lower bound of the band (exclusive), as a ratio of value to maxValue (0–1). */
+    from: number;
+    /** Upper bound of the band (inclusive), as a ratio of value to maxValue (0–1). */
+    to: number;
+    /** CSS color applied to the fill when the ratio falls within this band. */
+    color: string;
+}

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

@@ -0,0 +1,4 @@
+export declare enum AnalyticsCardVariant {
+    Default = "default",
+    Compact = "compact"
+}

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

@@ -2,6 +2,10 @@ export declare enum TabOrientation {
     Horizontal = "horizontal",
     Vertical = "vertical"
 }
+export declare enum TabView {
+    Default = "default",
+    Inline = "inline"
+}
 export declare enum ScreenResolution {
     Mobile = "mobile",
     Tablet = "tablet"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.11.0",
+  "version": "0.12.0-dev.10",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -71,7 +71,8 @@
     "lodash": "4.18.1",
     "dompurify": "3.4.10",
     "shell-quote": "1.8.4",
-    "esbuild": "0.28.1"
+    "esbuild": "0.28.1",
+    "undici": "^6.27.0"
   },
   "dependencies": {
     "ag-grid-community": "^35.2.1",