@epam/ai-dial-ui-kit 0.15.0-dev.47 → 0.15.0-dev.49

package/dist/CHANGELOG.md

@@ -67,6 +67,8 @@ Versions match the git tags on the `development` branch.
 
 ### Changed
 
+- **`StarterButton` (2.0) — a sparkles icon by default** — the design puts a sparkles glyph before every starter label, so each host was passing the same `iconBefore`. `iconBefore` now defaults to a 20px `IconSparkles` at the 1.5 stroke, `aria-hidden`, and stroked with the starter gradient like any other icon. A caller-supplied `iconBefore` replaces it; `iconBefore={null}` keeps a label-only pill. A `StarterButton` that passed no `iconBefore` now draws the icon; no other API changes.
+
 - **`Select` (2.0) — multi-select tags are 24px, and the field wraps them with an 8px gap** — the tags in a multi-select field used the 32px pill of `Tag`, taller than the design's field chip. They are now 24px with a `rounded-md` shape, a `layer-sunken` fill and a `stroke-secondary` rim, and the wrapped field pads 8px vertically with 8px between tags, so one row of tags still fills the 40px field. `Tag` itself is unchanged. Visual only; no API changes.
 
 ### Fixed

package/dist/{JsonEditor-CpSpVa0v.cjs → JsonEditor-Bqfq8lgO.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("./editor-Bc9xzKuR.cjs"),d=require("@monaco-editor/react");function f(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const m=f(d),b=({value:e,onChange:o,onValidateJSON:t,options:a,currentTheme:n,themesConfig:i=u.EDITOR_THEMES_CONFIG})=>{function s(r){r?.editor?.defineTheme(n,i[n]),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}}]})}const{Editor:l}=m;return c.jsx(l,{beforeMount:s,height:"100%",defaultLanguage:"json",value:e,onChange:o,theme:n,onValidate:t,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},...a??{}}})};exports.DialJsonEditor=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("./editor-eZo55lDw.cjs"),d=require("@monaco-editor/react");function f(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const m=f(d),b=({value:e,onChange:o,onValidateJSON:t,options:a,currentTheme:n,themesConfig:i=u.EDITOR_THEMES_CONFIG})=>{function s(r){r?.editor?.defineTheme(n,i[n]),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}}]})}const{Editor:l}=m;return c.jsx(l,{beforeMount:s,height:"100%",defaultLanguage:"json",value:e,onChange:o,theme:n,onValidate:t,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},...a??{}}})};exports.DialJsonEditor=b;

package/dist/{MarkdownEditor-NYMcKLJy.cjs → MarkdownEditor-CM2NGihS.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),O=require("@uiw/react-md-editor"),_=require("./lazy-Cy9WobJf.cjs"),k=require("./merge-classes-BEJXjzkx.cjs"),o=require("@tabler/icons-react"),p=require("./icon-DhjrDQ8I.cjs"),f=require("./icon-CrGVkVpG.cjs");function E(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(i,r,c.get?c:{enumerable:!0,get:()=>n[r]})}}return i.default=n,Object.freeze(i)}const b=E(O),L=f.DIAL_ICON_SIZE.SM,t={size:L,stroke:p.DIAL_KIT_ICON_STROKE},s=(n,i)=>({...n,icon:i}),M=()=>{const{bold:n,code:i,divider:r,group:c,heading1:a,heading2:d,heading3:u,italic:l,link:m,orderedListCommand:I,quote:x,strikethrough:g,table:h,unorderedListCommand:C}=b;return[s(n,e.jsx(o.IconBold,{...t})),s(l,e.jsx(o.IconItalic,{...t})),s(g,e.jsx(o.IconStrikethrough,{...t})),r,c([a,d,u],{name:"heading",groupName:"heading",icon:e.jsx(o.IconTextSize,{...t}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),r,s(C,e.jsx(o.IconList,{...t})),s(I,e.jsx(o.IconListNumbers,{...t})),r,s(x,e.jsx(o.IconQuote,{...t})),s(m,e.jsx(o.IconLink,{...t})),s(i,e.jsx(o.IconCode,{...t})),r,s(h,e.jsx(o.IconTable,{...t}))]},S=()=>{const{codeEdit:n,codeLive:i,codePreview:r,divider:c,fullscreen:a}=b;return[s(n,e.jsx(o.IconPencil,{...t})),s(i,e.jsx(o.IconLayoutColumns,{...t})),s(r,e.jsx(o.IconEye,{...t})),c,s(a,e.jsx(o.IconMaximize,{...t}))]},T=({value:n,onChange:i,height:r=300,theme:c=_.EditorThemes.light,className:a,placeholder:d,defaultPreview:u="edit",id:l,ariaLabel:m})=>{const I=j.useMemo(()=>M(),[]),x=j.useMemo(()=>S(),[]);return e.jsx("div",{"data-color-mode":c,className:k.mergeClasses("dial-kit-markdown-editor",a),children:e.jsx(O,{value:n,onChange:g=>i?.(g||""),height:r,preview:u,commands:I,extraCommands:x,textareaProps:{placeholder:d,id:l,"aria-label":m}})})};exports.MarkdownEditor=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),O=require("@uiw/react-md-editor"),_=require("./lazy-4AJBZ-Eh.cjs"),k=require("./merge-classes-BEJXjzkx.cjs"),o=require("@tabler/icons-react"),p=require("./icon-DhjrDQ8I.cjs"),f=require("./icon-CrGVkVpG.cjs");function E(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(i,r,c.get?c:{enumerable:!0,get:()=>n[r]})}}return i.default=n,Object.freeze(i)}const b=E(O),L=f.DIAL_ICON_SIZE.SM,t={size:L,stroke:p.DIAL_KIT_ICON_STROKE},s=(n,i)=>({...n,icon:i}),M=()=>{const{bold:n,code:i,divider:r,group:c,heading1:a,heading2:d,heading3:u,italic:l,link:m,orderedListCommand:I,quote:x,strikethrough:g,table:h,unorderedListCommand:C}=b;return[s(n,e.jsx(o.IconBold,{...t})),s(l,e.jsx(o.IconItalic,{...t})),s(g,e.jsx(o.IconStrikethrough,{...t})),r,c([a,d,u],{name:"heading",groupName:"heading",icon:e.jsx(o.IconTextSize,{...t}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),r,s(C,e.jsx(o.IconList,{...t})),s(I,e.jsx(o.IconListNumbers,{...t})),r,s(x,e.jsx(o.IconQuote,{...t})),s(m,e.jsx(o.IconLink,{...t})),s(i,e.jsx(o.IconCode,{...t})),r,s(h,e.jsx(o.IconTable,{...t}))]},S=()=>{const{codeEdit:n,codeLive:i,codePreview:r,divider:c,fullscreen:a}=b;return[s(n,e.jsx(o.IconPencil,{...t})),s(i,e.jsx(o.IconLayoutColumns,{...t})),s(r,e.jsx(o.IconEye,{...t})),c,s(a,e.jsx(o.IconMaximize,{...t}))]},T=({value:n,onChange:i,height:r=300,theme:c=_.EditorThemes.light,className:a,placeholder:d,defaultPreview:u="edit",id:l,ariaLabel:m})=>{const I=j.useMemo(()=>M(),[]),x=j.useMemo(()=>S(),[]);return e.jsx("div",{"data-color-mode":c,className:k.mergeClasses("dial-kit-markdown-editor",a),children:e.jsx(O,{value:n,onChange:g=>i?.(g||""),height:r,preview:u,commands:I,extraCommands:x,textareaProps:{placeholder:d,id:l,"aria-label":m}})})};exports.MarkdownEditor=T;

package/dist/MarkdownEditor-CjpaYr68.cjs

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

package/dist/MarkdownEditorContainer-B4t1E65d.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react");require("./editor-eZo55lDw.cjs");const N=require("./lazy-4AJBZ-Eh.cjs");require("@monaco-editor/react");const m=require("./Switch-DE6MrcqJ.cjs"),b=require("./MarkdownEditor-CjpaYr68.cjs"),g=({value:o,onChangeValue:l,label:i,headerContent:a,switcherLabel:d,height:c=300,theme:u=N.EditorThemes.dark,onValidateJSON:x,preview:j="edit",showDragbar:w=!0})=>{const C=n.useId(),[t,p]=n.useState(!1),[f,S]=n.useState(null);n.useEffect(()=>{t&&typeof window<"u"&&Promise.resolve().then(()=>require("./JsonEditor-Bqfq8lgO.cjs")).then(s=>{S(()=>s.DialJsonEditor)})},[t]);const h=n.useCallback(s=>{l?.(s)},[l]),E=n.useCallback(s=>{x?.(s)},[x]),r=!!d;return e.jsx("div",{className:"size-full flex flex-col",children:e.jsx("div",{className:"flex flex-col gap-8",children:e.jsxs("div",{children:[(i||a||r)&&e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[i&&e.jsx(m.DialLabel,{label:i}),e.jsxs("div",{className:"flex items-center gap-2 flex-1 justify-end",children:[a,r&&e.jsx("label",{className:"flex items-center gap-2 cursor-pointer",children:e.jsx(m.DialSwitch,{isOn:t,label:d,switchId:C,onChange:s=>p(s)})})]})]}),r&&t?e.jsx("div",{className:"border border-primary rounded",style:{height:`${c}px`},children:f&&e.jsx(f,{value:o,onChange:h,onValidateJSON:E,currentTheme:u})}):e.jsx(b.DialMarkdownEditor,{value:o,onChange:h,height:c,preview:j,showDragbar:w,theme:u})]})})})};exports.DialMarkdownEditorContainer=g;

package/dist/components/MarkdownEditor/MarkdownEditor.js

@@ -1,37 +1,39 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import c from "@uiw/react-md-editor";
-import { EditorThemes as p } from "../../types/editor.js";
-import { mergeClasses as f } from "../../utils/merge-classes.js";
-const g = ({
-  value: o,
-  onChange: r,
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import p from "@uiw/react-md-editor";
+import { EditorThemes as f } from "../../types/editor.js";
+import { mergeClasses as x } from "../../utils/merge-classes.js";
+const u = ({
+  value: e,
+  onChange: t,
   height: i = 300,
-  preview: s = "edit",
-  theme: a = p.dark,
+  preview: a = "edit",
+  theme: s = f.dark,
   className: d,
-  placeholder: e
+  placeholder: o,
+  showDragbar: m = !0
 }) => {
-  const m = e !== void 0 && !o;
-  return /* @__PURE__ */ n(
+  const l = o !== void 0 && !e;
+  return /* @__PURE__ */ c(
     "div",
     {
-      "data-color-mode": a,
-      className: f("relative", d),
+      "data-color-mode": s,
+      className: x("relative", d),
       children: [
-        /* @__PURE__ */ t(
-          c,
+        /* @__PURE__ */ r(
+          p,
           {
-            value: o,
-            onChange: (l) => r?.(l || ""),
+            value: e,
+            onChange: (n) => t?.(n || ""),
             height: i,
-            preview: s
+            preview: a,
+            visibleDragbar: m
           }
         ),
-        m && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute left-0 top-8 px-2 dial-small-text text-secondary opacity-40", children: e })
+        l && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute left-0 top-8 px-2 dial-small-text text-secondary opacity-40", children: o })
       ]
     }
   );
 };
 export {
-  g as DialMarkdownEditor
+  u as DialMarkdownEditor
 };

package/dist/components/MarkdownEditor/MarkdownEditorContainer.js

@@ -1,56 +1,57 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { useId as g, useState as x, useEffect as J, useCallback as u } from "react";
+import { useId as J, useState as u, useEffect as S, useCallback as x } from "react";
 import "../../constants/editor.js";
-import { EditorThemes as S } from "../../types/editor.js";
+import { EditorThemes as b } from "../../types/editor.js";
 import "@monaco-editor/react";
-import { DialSwitch as b } from "../Switch/Switch.js";
-import { DialMarkdownEditor as v } from "./MarkdownEditor.js";
-import { DialLabel as y } from "../Label/Label.js";
-const $ = ({
+import { DialSwitch as v } from "../Switch/Switch.js";
+import { DialMarkdownEditor as y } from "./MarkdownEditor.js";
+import { DialLabel as j } from "../Label/Label.js";
+const q = ({
   value: s,
   onChangeValue: l,
-  label: t,
+  label: i,
   headerContent: d,
   switcherLabel: a,
   height: c = 300,
-  theme: m = S.dark,
+  theme: m = b.dark,
   onValidateJSON: f,
-  preview: C = "edit"
+  preview: C = "edit",
+  showDragbar: N = !0
 }) => {
-  const N = g(), [i, w] = x(!1), [p, D] = x(null);
-  J(() => {
-    i && typeof window < "u" && import("../JsonEditor/JsonEditor.js").then((o) => {
-      D(() => o.DialJsonEditor);
+  const w = J(), [t, D] = u(!1), [p, E] = u(null);
+  S(() => {
+    t && typeof window < "u" && import("../JsonEditor/JsonEditor.js").then((o) => {
+      E(() => o.DialJsonEditor);
     });
-  }, [i]);
-  const h = u(
+  }, [t]);
+  const h = x(
     (o) => {
       l?.(o);
     },
     [l]
-  ), E = u(
+  ), g = x(
     (o) => {
       f?.(o);
     },
     [f]
   ), n = !!a;
   return /* @__PURE__ */ e("div", { className: "size-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ r("div", { children: [
-    (t || d || n) && /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-2", children: [
-      t && /* @__PURE__ */ e(y, { label: t }),
+    (i || d || n) && /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-2", children: [
+      i && /* @__PURE__ */ e(j, { label: i }),
       /* @__PURE__ */ r("div", { className: "flex items-center gap-2 flex-1 justify-end", children: [
         d,
         n && /* @__PURE__ */ e("label", { className: "flex items-center gap-2 cursor-pointer", children: /* @__PURE__ */ e(
-          b,
+          v,
           {
-            isOn: i,
+            isOn: t,
             label: a,
-            switchId: N,
-            onChange: (o) => w(o)
+            switchId: w,
+            onChange: (o) => D(o)
           }
         ) })
       ] })
     ] }),
-    n && i ? /* @__PURE__ */ e(
+    n && t ? /* @__PURE__ */ e(
       "div",
       {
         className: "border border-primary rounded",
@@ -60,23 +61,24 @@ const $ = ({
           {
             value: s,
             onChange: h,
-            onValidateJSON: E,
+            onValidateJSON: g,
             currentTheme: m
           }
         )
       }
     ) : /* @__PURE__ */ e(
-      v,
+      y,
       {
         value: s,
         onChange: h,
         height: c,
         preview: C,
+        showDragbar: N,
         theme: m
       }
     )
   ] }) }) });
 };
 export {
-  $ as DialMarkdownEditorContainer
+  q as DialMarkdownEditorContainer
 };

package/dist/components/New/Button/ButtonWrappers.js

@@ -1,30 +1,33 @@
-import { jsx as r, jsxs as B, Fragment as f } from "react/jsx-runtime";
-import { useId as h } from "react";
-import { ButtonAppearance as n, ButtonVariant as o } from "../../../types/button.js";
+import { jsx as t, jsxs as B, Fragment as g } from "react/jsx-runtime";
+import { IconSparkles as y } from "@tabler/icons-react";
+import { useId as S } from "react";
+import { DIAL_KIT_ICON_STROKE as h } from "../constants/icon.js";
+import { DIAL_ICON_SIZE as k } from "../../../constants/icon.js";
+import { ButtonAppearance as o, ButtonVariant as n } from "../../../types/button.js";
 import { Button as d } from "./Button.js";
-const l = (a, t) => ({ appearance: s, ...u }) => /* @__PURE__ */ r(
+const p = (a, r) => ({ appearance: s, ...u }) => /* @__PURE__ */ t(
   d,
   {
     ...u,
     variant: a,
-    appearance: s || t
+    appearance: s || r
   }
-), p = (a, t) => ({ variant: s, ...u }) => /* @__PURE__ */ r(
+), c = (a, r) => ({ variant: s, ...u }) => /* @__PURE__ */ t(
   d,
   {
     ...u,
-    variant: s || t,
+    variant: s || r,
     appearance: a
   }
-), N = l(
-  o.Primary,
-  n.Solid
-), C = l(
-  o.Neutral,
-  n.Solid
-), G = l(
-  o.Danger,
-  n.Solid
+), A = p(
+  n.Primary,
+  o.Solid
+), E = p(
+  n.Neutral,
+  o.Solid
+), R = p(
+  n.Danger,
+  o.Solid
 ), e = {
   x1: "-5.06",
   y1: "2.26",
@@ -32,69 +35,76 @@ const l = (a, t) => ({ appearance: s, ...u }) => /* @__PURE__ */ r(
   y2: "22.63",
   from: "var(--stroke-gradient-1, #5976E9)",
   to: "var(--stroke-gradient-2, #885DF2)"
-}, O = ({
-  appearance: a = n.Outlined,
-  iconBefore: t,
+}, x = /* @__PURE__ */ t(
+  y,
+  {
+    size: k.MD,
+    stroke: h,
+    "aria-hidden": !0
+  }
+), G = ({
+  appearance: a = o.Outlined,
+  iconBefore: r = x,
   iconAfter: i,
   style: s,
   ...u
 }) => {
-  const c = `dial-kit-starter-gradient-${h().replace(/[^\w-]/g, "")}`, g = /* @__PURE__ */ r(
+  const l = `dial-kit-starter-gradient-${S().replace(/[^\w-]/g, "")}`, f = /* @__PURE__ */ t(
     "svg",
     {
       className: "pointer-events-none absolute size-0 overflow-hidden",
       "aria-hidden": "true",
       focusable: "false",
-      children: /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ B(
+      children: /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ B(
         "linearGradient",
         {
-          id: c,
+          id: l,
           x1: e.x1,
           y1: e.y1,
           x2: e.x2,
           y2: e.y2,
           gradientUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ r("stop", { stopColor: e.from }),
-            /* @__PURE__ */ r("stop", { offset: "1", stopColor: e.to })
+            /* @__PURE__ */ t("stop", { stopColor: e.from }),
+            /* @__PURE__ */ t("stop", { offset: "1", stopColor: e.to })
           ]
         }
       ) })
     }
-  ), m = (y) => /* @__PURE__ */ B(f, { children: [
-    g,
-    y
+  ), m = (I) => /* @__PURE__ */ B(g, { children: [
+    f,
+    I
   ] });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ t(
     d,
     {
       ...u,
-      variant: o.Starter,
+      variant: n.Starter,
       appearance: a,
-      iconBefore: t ? m(t) : void 0,
-      iconAfter: i && !t ? m(i) : i,
+      iconBefore: r ? m(r) : void 0,
+      iconAfter: i && !r ? m(i) : i,
       style: {
-        "--dial-kit-starter-icon-stroke": `url(#${c})`,
+        "--dial-kit-starter-icon-stroke": `url(#${l})`,
         ...s
       }
     }
   );
-}, D = p(
-  n.Link,
-  o.Primary
-), I = p(
-  n.Ghost,
-  o.Primary
-), P = p(
-  n.Outlined,
-  o.Neutral
+}, L = c(
+  o.Link,
+  n.Primary
+), P = c(
+  o.Ghost,
+  n.Primary
+), W = c(
+  o.Outlined,
+  n.Neutral
 );
 export {
-  G as DangerButton,
-  I as GhostButton,
-  D as LinkButton,
-  C as NeutralButton,
-  P as OutlinedButton,
-  N as PrimaryButton,
-  O as StarterButton
+  R as DangerButton,
+  P as GhostButton,
+  L as LinkButton,
+  E as NeutralButton,
+  W as OutlinedButton,
+  A as PrimaryButton,
+  G as StarterButton
 };

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.15.0-dev.47",
-  "generatedAt": "2026-10-07T20:31:41.572Z",
+  "version": "0.15.0-dev.49",
+  "generatedAt": "2026-10-07T21:57:59.763Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -709,10 +709,10 @@
       "name": "StarterButton",
       "category": "Components_2_0",
       "generation": "2.0",
-      "description": "A Starter Button component — a conversation starter: an outlined neutral\npill whose icons are stroked with the accent gradient\nDesign system 2.0\n\nAn SVG stroke cannot take a CSS gradient, so the button renders its own\n`linearGradient` with a per-instance id and hands it to its icons through\nthe `--dial-kit-starter-icon-stroke` custom property. Any icon that strokes\nwith `currentColor`, as Tabler icons do, picks it up.",
+      "description": "A Starter Button component — a conversation starter: an outlined neutral\npill whose icons are stroked with the accent gradient\nDesign system 2.0\n\n`iconBefore` defaults to a sparkles icon; pass `null` for a label-only pill.\n\nAn SVG stroke cannot take a CSS gradient, so the button renders its own\n`linearGradient` with a per-instance id and hands it to its icons through\nthe `--dial-kit-starter-icon-stroke` custom property. Any icon that strokes\nwith `currentColor`, as Tabler icons do, picks it up.",
       "props": [],
       "examples": [
-        "<StarterButton\n label=\"Summarize this document\"\n iconBefore={<IconSparkles />}\n onClick={handleClick}\n/>"
+        "<StarterButton\n label=\"Summarize this document\"\n onClick={handleClick}\n/>"
       ],
       "sourceFile": "components/New/Button/ButtonWrappers.tsx"
     },
@@ -10041,6 +10041,13 @@
           "type": "ReactNode",
           "required": false,
           "description": "Content to display when the editor is empty"
+        },
+        {
+          "name": "showDragbar",
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "true",
+          "description": "Whether to show the bottom drag bar that resizes the editor height"
         }
       ],
       "examples": [