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

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+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;
+}
+export interface AnalyticsCardCompareItem {
+    /** Sub-title shown above the value in compare mode. */
+    title: ReactNode;
+    /** The metric value to display. */
+    value: ReactNode;
+}

package/dist/src/models/segmented-control.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface SegmentedControlOption<T extends string = string> {
+    value: T;
+    label?: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+}

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

@@ -2,6 +2,12 @@ import { ReactNode } from 'react';
 export interface SelectOption {
     value: string;
     label: string;
+    /**
+     * Custom node rendered in place of `label` in the option list, trigger and
+     * submenu. `label` is still used for filtering/search matching and as the
+     * accessible name, so keep it as a plain-text representation of `labelNode`.
+     */
+    labelNode?: ReactNode;
     description?: string;
     disabled?: boolean;
     icon?: ReactNode;

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.12.0-dev.8",
+  "version": "0.12.0",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",

package/dist/JsonEditor-BJZNbUaI.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-CwuDpFCz.cjs"),o=require("./editor-Ba3vCFHk.cjs"),u=require("@monaco-editor/react"),c={[o.EditorThemes.dark]:{base:"vs-dark",inherit:!1,rules:[{token:"string.key.json",foreground:"#37BABC"},{token:"string.value.json",foreground:"#5C8DEA"},{token:"number",foreground:"#D97C27"},{token:"keyword.json",foreground:"#F4CE46"},{token:"delimiter",foreground:"#EEF1F7"},{token:"delimiter.bracket.json",foreground:"#A972FF"},{token:"delimiter.parenthesis",foreground:"#A972FF"}],colors:{"editor.foreground":"#F76464","editor.background":"#161B2D","editorCursor.foreground":"#EEF1F7","editor.selectionBackground":"#5C8DEA2B","editorLineNumber.foreground":"#242C42","scrollbarSlider.background":"#242C42","scrollbarSlider.hoverBackground":"#242C42","scrollbarSlider.activeBackground":"#242C42"}},[o.EditorThemes.light]:{base:"vs",inherit:!1,rules:[{token:"string.key.json",foreground:"#009D9F"},{token:"string.value.json",foreground:"#2764D9"},{token:"number",foreground:"#B25500"},{token:"keyword.json",foreground:"#3F3D25"},{token:"delimiter",foreground:"#161B2D"},{token:"delimiter.bracket.json",foreground:"#7E39EC"},{token:"delimiter.parenthesis",foreground:"#7E39EC"}],colors:{"editor.foreground":"#AE2F2F","editor.background":"#EEF1F7","editorCursor.foreground":"#161B2D","editor.selectionBackground":"#5C8DEA2B","editorLineNumber.foreground":"#242C42","scrollbarSlider.background":"#242C42","scrollbarSlider.hoverBackground":"#242C42","scrollbarSlider.activeBackground":"#242C42"}}},g=({value:t,onChange:n,onValidateJSON:i,options:s,currentTheme:e,themesConfig:d=c})=>{function a(r){r?.editor?.defineTheme(e,d[e]),r.languages.json.jsonDefaults.setDiagnosticsOptions({validate:!0,enableSchemaRequest:!1,schemas:[{uri:"http://custom-schema/object-required.json",fileMatch:["*"],schema:{type:"object",description:"Top-level value must be an object",additionalProperties:!0}}]})}return l.jsxRuntimeExports.jsx(u.Editor,{beforeMount:a,height:"100%",defaultLanguage:"json",value:t,onChange:n,theme:e,onValidate:i,options:{minimap:{enabled:!1},formatOnType:!0,formatOnPaste:!0,selectOnLineNumbers:!1,automaticLayout:!0,scrollBeyondLastLine:!1,wordWrap:"on",smoothScrolling:!0,overviewRulerLanes:0,scrollbar:{horizontal:"hidden",verticalScrollbarSize:4,verticalSliderSize:4},...s??{}}})};exports.DialJsonEditor=g;

package/dist/MarkdownEditor-V1kWnFFC.js

@@ -1,36 +0,0 @@
-import { j as o, m as l } from "./index-BB-aX52k.js";
-import c from "@uiw/react-md-editor";
-import { E as x } from "./editor-Cu1dRT39.js";
-const E = ({
-  value: e,
-  onChange: s,
-  height: r = 300,
-  preview: a = "edit",
-  theme: i = x.dark,
-  className: d,
-  placeholder: t
-}) => {
-  const m = t !== void 0 && !e;
-  return /* @__PURE__ */ o.jsxs(
-    "div",
-    {
-      "data-color-mode": i,
-      className: l("relative", d),
-      children: [
-        /* @__PURE__ */ o.jsx(
-          c,
-          {
-            value: e,
-            onChange: (n) => s?.(n || ""),
-            height: r,
-            preview: a
-          }
-        ),
-        m && /* @__PURE__ */ o.jsx("div", { className: "pointer-events-none absolute left-0 top-8 px-2 dial-small-text text-secondary opacity-40", children: t })
-      ]
-    }
-  );
-};
-export {
-  E as DialMarkdownEditor
-};

package/dist/MarkdownEditor-_e6afNxe.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CwuDpFCz.cjs"),c=require("@uiw/react-md-editor"),x=require("./editor-Ba3vCFHk.cjs"),m=({value:t,onChange:r,height:s=300,preview:i="edit",theme:n=x.EditorThemes.dark,className:d,placeholder:o})=>{const a=o!==void 0&&!t;return e.jsxRuntimeExports.jsxs("div",{"data-color-mode":n,className:e.mergeClasses("relative",d),children:[e.jsxRuntimeExports.jsx(c,{value:t,onChange:l=>r?.(l||""),height:s,preview:i}),a&&e.jsxRuntimeExports.jsx("div",{className:"pointer-events-none absolute left-0 top-8 px-2 dial-small-text text-secondary opacity-40",children:o})]})};exports.DialMarkdownEditor=m;

package/dist/editor-Ba3vCFHk.cjs

@@ -1 +0,0 @@
-"use strict";var t=(r=>(r.dark="dark",r.light="light",r))(t||{});exports.EditorThemes=t;

package/dist/editor-Cu1dRT39.js

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