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

package/dist/IconButton-DWqoaBWf.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),s=require("@floating-ui/react"),c=require("react"),x=require("classnames"),F=require("./merge-classes-Dipy1Ih1.cjs");var l=(e=>(e.Primary="primary",e.Neutral="neutral",e.Danger="danger",e.Static="static",e.Success="success",e.Secondary="secondary",e.Tertiary="tertiary",e))(l||{}),r=(e=>(e.Solid="solid",e.Outlined="outlined",e.Ghost="ghost",e.Link="link",e))(r||{});const v={[l.Primary]:{[r.Solid]:"dial-primary-solid-button",[r.Ghost]:"dial-primary-ghost-button",[r.Link]:"dial-primary-link-button"},[l.Neutral]:{[r.Outlined]:"dial-neutral-outlined-button"},[l.Danger]:{[r.Solid]:"dial-danger-solid-button",[r.Ghost]:"dial-danger-ghost-button",[r.Outlined]:"dial-danger-outlined-button"},[l.Success]:{[r.Ghost]:"dial-success-ghost-button"},[l.Secondary]:{[r.Ghost]:"dial-secondary-ghost-button"},[l.Tertiary]:{[r.Ghost]:"dial-tertiary-ghost-button"},[l.Static]:{}},S=(e=l.Primary,n=r.Solid)=>{const t=v[e]?.[n];return t||(console.warn(`Could not find Button styles for variant: ${e} and appearance: ${n}. Using default primary solid button styles.`),v[l.Primary][r.Solid])};var h=(e=>(e.Small="small",e.Standard="standard",e.Large="large",e))(h||{});const I=7,A=2,C=c.createContext(null),N=()=>{const e=c.useContext(C);if(e==null)throw new Error("Tooltip components must be wrapped in <Tooltip />");return e},q=({initialOpen:e=!1,placement:n="bottom",isTriggerClickable:t=!1,open:o,onOpenChange:a}={})=>{const[i,g]=c.useState(e),p=c.useRef(null),m=o??i,d=a??g,f=s.useFloating({placement:n,open:m,onOpenChange:d,whileElementsMounted:s.autoUpdate,middleware:[s.offset(I+A),s.flip({crossAxis:n.includes("-"),fallbackAxisSideDirection:"start",padding:5}),s.shift({padding:5}),s.arrow({element:p})]}),M=s.useHover(f.context,{move:!1,enabled:o==null,mouseOnly:t,delay:{open:500,close:0}}),k=s.useFocus(f.context,{enabled:o==null}),P=s.useDismiss(f.context),G=s.useRole(f.context,{role:"tooltip"}),b=s.useInteractions([M,k,P,G]);return c.useEffect(()=>{if(!m)return;const y=f.refs.reference.current;if(!(y instanceof Element))return;const w=new IntersectionObserver(([L])=>{L.isIntersecting||d(!1)},{root:null,threshold:0});return w.observe(y),()=>w.disconnect()},[m,f.refs.reference,d]),c.useMemo(()=>({open:m,setOpen:d,arrowRef:p,...b,...f}),[m,d,b,f])},R=({children:e,...n})=>{const t=q(n);return u.jsx(C.Provider,{value:t,children:e})},T="(hover: none)",_=()=>typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia(T).matches,D=()=>{const[e,n]=c.useState(()=>!_());return c.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const t=window.matchMedia(T);if(n(!t.matches),typeof t.addEventListener!="function")return;const o=a=>n(!a.matches);return t.addEventListener("change",o),()=>t.removeEventListener("change",o)},[]),e},E=({style:e,...n})=>{const t=N(),o=D(),a=c.useRef(null),i=s.useMergeRefs([t.refs.setFloating,a]);return!t.open||!o?null:u.jsx(s.FloatingPortal,{id:"tooltip-portal",children:u.jsxs("div",{ref:i,style:{...t.floatingStyles,...e},...t.getFloatingProps(n),className:x("z-[55] whitespace-pre-wrap break-words rounded border border-primary bg-layer-0 px-2 py-1 dial-tiny-text shadow max-w-[300px]",t.getFloatingProps(n).className),children:[n.children,u.jsx(s.FloatingArrow,{ref:t.arrowRef,context:t.context,fill:"currentColor",strokeWidth:1,className:"stroke-primary text-[var(--bg-layer-0,_#000000)]"})]})})},H=({children:e,asChild:n=!1,...t})=>{const o=N(),a=n&&c.isValidElement(e),i=a?e.props?.ref:null,g=s.useMergeRefs([o.refs.setReference,...i?[i]:[]]);return a?c.cloneElement(e,o.getReferenceProps({...e.props,...t,ref:g})):u.jsx("span",{ref:g,...o.getReferenceProps(t),className:t.className??"dial-tooltip-trigger text-start",children:e})},j=({hideTooltip:e,tooltip:n,children:t,triggerClassName:o,contentClassName:a,...i})=>u.jsxs(R,{...i,children:[u.jsx(H,{className:x(o,"truncate"),children:t}),u.jsx(E,{className:x("text-primary",a,"max-w-[300px]",(e||!n)&&"hidden"),children:n})]}),O=(...e)=>e.find(n=>typeof n=="string"&&n.length>0),U=({variant:e,appearance:n=r.Solid,size:t=h.Standard,className:o,icon:a,tooltipProps:i,type:g="button",...p})=>{const m=F.mergeClasses(e&&S(e,n),t===h.Small?"h-[24px] w-[24px]":"h-[40px] w-[40px] dial-kit-enhanced-target","dial-icon-button disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-focus outline-offset-0 disabled:text-controls-secondary-disable",o),d=u.jsx("button",{...p,type:g,className:m,"aria-label":O(p["aria-label"],i?.tooltip),children:a});return i?u.jsx(j,{...i,children:d}):d};exports.ButtonAppearance=r;exports.ButtonVariant=l;exports.DialIconButton=U;exports.DialTooltip=j;exports.DialTooltipContainer=R;exports.DialTooltipContent=E;exports.DialTooltipTrigger=H;exports.ElementSize=h;exports.getButtonClassNames=S;exports.resolveAccessibleName=O;exports.useHasHover=D;

package/dist/JsonEditor-BZCyPc2D.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("./editor-BKQqPhwX.cjs"),c=require("@monaco-editor/react"),d=({value:o,onChange:a,onValidateJSON:i,options:r,currentTheme:e,themesConfig:s=u.EDITOR_THEMES_CONFIG})=>{function n(t){t?.editor?.defineTheme(e,s[e]),t.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.jsx(c.Editor,{beforeMount:n,height:"100%",defaultLanguage:"json",value:o,onChange:a,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},...r??{}}})};exports.DialJsonEditor=d;

package/dist/{MarkdownEditor-5kljDPcm.cjs → MarkdownEditor-CBH7ILah.cjs}

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

package/dist/{MarkdownEditor-C0_gU7Fi.cjs → MarkdownEditor-CMRC_XsQ.cjs}

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

package/dist/MarkdownEditorContainer-B_6-Gd-T.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react");require("./editor-BKQqPhwX.cjs");const E=require("./lazy-CJ-0Pjkj.cjs");require("@monaco-editor/react");const m=require("./Switch-CUKClcEz.cjs"),N=require("./MarkdownEditor-CBH7ILah.cjs"),b=({value:o,onChangeValue:l,label:i,headerContent:a,switcherLabel:d,height:c=300,theme:u=E.EditorThemes.dark,onValidateJSON:x,preview:j="edit"})=>{const w=n.useId(),[t,C]=n.useState(!1),[f,p]=n.useState(null);n.useEffect(()=>{t&&typeof window<"u"&&Promise.resolve().then(()=>require("./JsonEditor-BZCyPc2D.cjs")).then(s=>{p(()=>s.DialJsonEditor)})},[t]);const h=n.useCallback(s=>{l?.(s)},[l]),S=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:w,onChange:s=>C(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:S,currentTheme:u})}):e.jsx(N.DialMarkdownEditor,{value:o,onChange:h,height:c,preview:j,theme:u})]})})})};exports.DialMarkdownEditorContainer=b;

package/dist/{Switch-CtdhpYik.cjs → Switch-CUKClcEz.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("./merge-classes-Dipy1Ih1.cjs"),d=require("@tabler/icons-react"),i=require("./IconButton-BCbBgnzo.cjs"),f=require("./icon-CrGVkVpG.cjs"),l=require("classnames"),h=require("react"),y="w-[24px] h-[24px] border border-solid rounded-[6px] border-transparent flex items-center justify-center text-secondary hover:text-controls-accent-primary-hover active:text-controls-accent-primary-active",o=({caption:t,onClick:a})=>{if(!t)return null;const s=e.jsx(i.DialIconButton,{"aria-label":t,className:y,icon:e.jsx(d.IconInfoCircle,{size:f.DIAL_ICON_SIZE.SM}),onClick:a});return t?e.jsx(i.DialTooltip,{tooltip:t,triggerClassName:"flex justify-center items-center",children:s}):s},j=({label:t,required:a,className:s,caption:r,...n})=>t?e.jsxs("label",{...n,className:p.mergeClasses("dial-tiny-text text-secondary flex items-center gap-1",s),children:[typeof t=="string"?e.jsx("span",{className:"min-h-4",children:t}):t,a&&e.jsx("span",{className:"text-accent-primary",children:"*"}),e.jsx(o,{caption:r})]}):null,N=({label:t,switchId:a,isOn:s=!1,disabled:r,onChange:n,caption:c})=>{const x=l("flex shrink-0 w-[36px] h-[18px] cursor-pointer items-center gap-1 rounded-full p-0.5 transition-all duration-200",s?"flex-row-reverse":"flex-row",r?"pointer-events-none":"",r?s?"bg-controls-disable":"bg-layer-4":s?"bg-accent-primary":"bg-layer-4"),m=h.useCallback(u=>{u.stopPropagation(),n?.(!s)},[n,s]);return e.jsxs("div",{className:"flex flex-row items-start",role:"switch",children:[e.jsx("input",{type:"checkbox",onChange:m,id:a,disabled:r,className:"invisible size-0",checked:s}),e.jsx("label",{htmlFor:a,className:x,"aria-describedby":c&&"caption",children:e.jsx("span",{className:l("size-3 rounded-full",r?"bg-controls-disable-accent":"bg-controls-enable-primary")})}),(t||c)&&e.jsxs("div",{className:"flex flex-col gap-1 ml-2",children:[t&&e.jsx("span",{className:l("dial-small-text py-[1px]",r?"text-secondary":"text-primary"),"aria-label":"switch-title",children:t}),c&&e.jsx("span",{id:"caption",className:"dial-tiny-text text-secondary",children:c})]})]})};exports.DialInfoButton=o;exports.DialLabel=j;exports.DialSwitch=N;
+"use strict";const e=require("react/jsx-runtime"),p=require("./merge-classes-Dipy1Ih1.cjs"),d=require("@tabler/icons-react"),i=require("./IconButton-DWqoaBWf.cjs"),f=require("./icon-CrGVkVpG.cjs"),l=require("classnames"),h=require("react"),y="w-[24px] h-[24px] border border-solid rounded-[6px] border-transparent flex items-center justify-center text-secondary hover:text-controls-accent-primary-hover active:text-controls-accent-primary-active",o=({caption:t,onClick:a})=>{if(!t)return null;const s=e.jsx(i.DialIconButton,{"aria-label":t,className:y,icon:e.jsx(d.IconInfoCircle,{size:f.DIAL_ICON_SIZE.SM}),onClick:a});return t?e.jsx(i.DialTooltip,{tooltip:t,triggerClassName:"flex justify-center items-center",children:s}):s},j=({label:t,required:a,className:s,caption:r,...n})=>t?e.jsxs("label",{...n,className:p.mergeClasses("dial-tiny-text text-secondary flex items-center gap-1",s),children:[typeof t=="string"?e.jsx("span",{className:"min-h-4",children:t}):t,a&&e.jsx("span",{className:"text-accent-primary",children:"*"}),e.jsx(o,{caption:r})]}):null,N=({label:t,switchId:a,isOn:s=!1,disabled:r,onChange:n,caption:c})=>{const x=l("flex shrink-0 w-[36px] h-[18px] cursor-pointer items-center gap-1 rounded-full p-0.5 transition-all duration-200",s?"flex-row-reverse":"flex-row",r?"pointer-events-none":"",r?s?"bg-controls-disable":"bg-layer-4":s?"bg-accent-primary":"bg-layer-4"),m=h.useCallback(u=>{u.stopPropagation(),n?.(!s)},[n,s]);return e.jsxs("div",{className:"flex flex-row items-start",role:"switch",children:[e.jsx("input",{type:"checkbox",onChange:m,id:a,disabled:r,className:"invisible size-0",checked:s}),e.jsx("label",{htmlFor:a,className:x,"aria-describedby":c&&"caption",children:e.jsx("span",{className:l("size-3 rounded-full",r?"bg-controls-disable-accent":"bg-controls-enable-primary")})}),(t||c)&&e.jsxs("div",{className:"flex flex-col gap-1 ml-2",children:[t&&e.jsx("span",{className:l("dial-small-text py-[1px]",r?"text-secondary":"text-primary"),"aria-label":"switch-title",children:t}),c&&e.jsx("span",{id:"caption",className:"dial-tiny-text text-secondary",children:c})]})]})};exports.DialInfoButton=o;exports.DialLabel=j;exports.DialSwitch=N;

package/dist/components/MarkdownEditor/MarkdownEditorContainer.js

@@ -1,26 +1,28 @@
 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 { DialSwitch as S } from "../Switch/Switch.js";
-import { EditorThemes as b } from "../../types/editor.js";
+import "../../constants/editor.js";
+import { EditorThemes as S } 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 z = ({
+const $ = ({
   value: s,
   onChangeValue: l,
-  label: i,
+  label: t,
   headerContent: d,
   switcherLabel: a,
   height: c = 300,
-  theme: m = b.dark,
+  theme: m = S.dark,
   onValidateJSON: f,
   preview: C = "edit"
 }) => {
-  const N = g(), [n, w] = x(!1), [p, D] = x(null);
+  const N = g(), [i, w] = x(!1), [p, D] = x(null);
   J(() => {
-    n && typeof window < "u" && import("../JsonEditor/JsonEditor.js").then((o) => {
+    i && typeof window < "u" && import("../JsonEditor/JsonEditor.js").then((o) => {
       D(() => o.DialJsonEditor);
     });
-  }, [n]);
+  }, [i]);
   const h = u(
     (o) => {
       l?.(o);
@@ -31,16 +33,16 @@ const z = ({
       f?.(o);
     },
     [f]
-  ), t = !!a;
+  ), 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: [
-    (i || d || t) && /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-2", children: [
-      i && /* @__PURE__ */ e(y, { label: i }),
+    (t || d || n) && /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-2", children: [
+      t && /* @__PURE__ */ e(y, { label: t }),
       /* @__PURE__ */ r("div", { className: "flex items-center gap-2 flex-1 justify-end", children: [
         d,
-        t && /* @__PURE__ */ e("label", { className: "flex items-center gap-2 cursor-pointer", children: /* @__PURE__ */ e(
-          S,
+        n && /* @__PURE__ */ e("label", { className: "flex items-center gap-2 cursor-pointer", children: /* @__PURE__ */ e(
+          b,
           {
-            isOn: n,
+            isOn: i,
             label: a,
             switchId: N,
             onChange: (o) => w(o)
@@ -48,7 +50,7 @@ const z = ({
         ) })
       ] })
     ] }),
-    t && n ? /* @__PURE__ */ e(
+    n && i ? /* @__PURE__ */ e(
       "div",
       {
         className: "border border-primary rounded",
@@ -76,5 +78,5 @@ const z = ({
   ] }) }) });
 };
 export {
-  z as DialMarkdownEditorContainer
+  $ as DialMarkdownEditorContainer
 };

package/dist/components/New/Tooltip/TooltipContent.js

@@ -1,34 +1,34 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { useMergeRefs as m, FloatingPortal as c, FloatingArrow as p } from "@floating-ui/react";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { useMergeRefs as i, FloatingPortal as c, FloatingArrow as p } from "@floating-ui/react";
 import f from "classnames";
 import { useRef as g } from "react";
 import { useThemeScope as u } from "../ThemeScope/ThemeScope.js";
-import { useIsMobileScreen as x } from "../../../hooks/use-is-mobile-screen.js";
-import { arrowClassName as d, tooltipClassName as N } from "./constants.js";
-import { useTooltipContext as h } from "./TooltipContext.js";
-const b = ({
+import { useHasHover as x } from "../../../hooks/use-has-hover.js";
+import { arrowClassName as d, tooltipClassName as h } from "./constants.js";
+import { useTooltipContext as N } from "./TooltipContext.js";
+const T = ({
   style: r,
-  ...e
+  ...t
 }) => {
-  const o = h(), s = x(), l = u(), n = g(null), i = m([o.refs.setFloating, n]);
-  return !o.open || s ? null : /* @__PURE__ */ t(c, { id: "tooltip-portal", children: /* @__PURE__ */ a(
+  const o = N(), s = x(), l = u(), a = g(null), n = i([o.refs.setFloating, a]);
+  return !o.open || !s ? null : /* @__PURE__ */ e(c, { id: "tooltip-portal", children: /* @__PURE__ */ m(
     "div",
     {
-      ref: i,
+      ref: n,
       "data-placement": o.placement,
       style: {
         ...o.floatingStyles,
         ...r
       },
-      ...o.getFloatingProps(e),
+      ...o.getFloatingProps(t),
       className: f(
-        N,
+        h,
         l,
-        o.getFloatingProps(e).className
+        o.getFloatingProps(t).className
       ),
       children: [
-        e.children,
-        /* @__PURE__ */ t(
+        t.children,
+        /* @__PURE__ */ e(
           p,
           {
             ref: o.arrowRef,
@@ -41,5 +41,5 @@ const b = ({
   ) });
 };
 export {
-  b as TooltipContent
+  T as TooltipContent
 };

package/dist/components/Tooltip/TooltipContent.js

@@ -1,27 +1,27 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { useMergeRefs as n, FloatingPortal as p, FloatingArrow as m } from "@floating-ui/react";
 import c from "classnames";
 import { useRef as f } from "react";
-import { useIsMobileScreen as d } from "../../hooks/use-is-mobile-screen.js";
+import { useHasHover as d } from "../../hooks/use-has-hover.js";
 import { useTooltipContext as x } from "./TooltipContext.js";
-const F = ({ style: t, ...e }) => {
-  const r = x(), l = d(), s = f(null), i = n([r.refs.setFloating, s]);
-  return !r.open || l ? null : /* @__PURE__ */ o(p, { id: "tooltip-portal", children: /* @__PURE__ */ a(
+const F = ({ style: e, ...o }) => {
+  const r = x(), s = d(), a = f(null), l = n([r.refs.setFloating, a]);
+  return !r.open || !s ? null : /* @__PURE__ */ t(p, { id: "tooltip-portal", children: /* @__PURE__ */ i(
     "div",
     {
-      ref: i,
+      ref: l,
       style: {
         ...r.floatingStyles,
-        ...t
+        ...e
       },
-      ...r.getFloatingProps(e),
+      ...r.getFloatingProps(o),
       className: c(
         "z-[55] whitespace-pre-wrap break-words rounded border border-primary bg-layer-0 px-2 py-1 dial-tiny-text shadow max-w-[300px]",
-        r.getFloatingProps(e).className
+        r.getFloatingProps(o).className
       ),
       children: [
-        e.children,
-        /* @__PURE__ */ o(
+        o.children,
+        /* @__PURE__ */ t(
           m,
           {
             ref: r.arrowRef,

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.14.0-dev.36",
-  "generatedAt": "2026-09-08T13:07:17.129Z",
+  "version": "0.14.0-dev.37",
+  "generatedAt": "2026-09-08T20:56:33.304Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",
@@ -3300,7 +3300,7 @@
       "name": "Tooltip",
       "category": "Components_2_0",
       "generation": "2.0",
-      "description": "Shows a short explanation next to an element while it is hovered or focused.\naliases: HoverPopover|InfoPopover\nDesign system 2.0\n\nThe tooltip is placed on one of the four sides of the trigger and follows it\non scroll, flipping to the opposite side when it would not fit.\n\nTooltip text does not reach assistive technology unless the trigger itself\ncarries it: pass `asChild` so the `aria-describedby` lands on the control\nrather than on a wrapper `<span>`, and never let a tooltip be the only\naccessible name of a control — it renders nothing on mobile screens.",
+      "description": "Shows a short explanation next to an element while it is hovered or focused.\naliases: HoverPopover|InfoPopover\nDesign system 2.0\n\nThe tooltip is placed on one of the four sides of the trigger and follows it\non scroll, flipping to the opposite side when it would not fit.\n\nTooltip text does not reach assistive technology unless the trigger itself\ncarries it: pass `asChild` so the `aria-describedby` lands on the control\nrather than on a wrapper `<span>`, and never let a tooltip be the only\naccessible name of a control — it renders nothing on a touch-only device.",
       "props": [
         {
           "name": "hideTooltip",
@@ -3361,7 +3361,7 @@
       "name": "TooltipContent",
       "category": "Components_2_0",
       "generation": "2.0",
-      "description": "The floating bubble that carries the tooltip text.\nDesign system 2.0\n\nRendered in a portal, above popups and dropdowns, with an arrow pointing back\nat the trigger. Renders nothing on a mobile screen, where there is no hover\nto reveal it — so a control must never depend on a tooltip alone to be\nunderstood, or to have an accessible name.",
+      "description": "The floating bubble that carries the tooltip text.\nDesign system 2.0\n\nRendered in a portal, above popups and dropdowns, with an arrow pointing back\nat the trigger. Renders nothing on a touch-only device, where no pointer can\nhover to reveal it — so a control must never depend on a tooltip alone to be\nunderstood, or to have an accessible name. A narrow viewport is not itself\ndisqualifying: an embed a few hundred pixels wide still hovers on a desktop.",
       "props": [
         {
           "name": "style",
@@ -3394,7 +3394,7 @@
       "name": "EllipsisTooltip",
       "category": "Components_2_0",
       "generation": "2.0",
-      "description": "Single-line text with a CSS ellipsis that reveals the full string in a\ntooltip **only when it is actually clipped**.\naliases: TruncatedText|TruncationTooltip\nDesign system 2.0\n\nText that fits gets no tooltip at all, so a row of labels does not sprout\ntooltips that repeat what is already on screen.\n\nThe width has to be finite for anything to truncate: the element is a\n`min-w-0`, `flex-1` block, and `className` sets the width it should fit into.\n\na11y: while truncated, the full string is exposed as the element's\n`aria-label`, so a screen reader reads the whole label even though the\ntooltip itself renders nothing on mobile screens.",
+      "description": "Single-line text with a CSS ellipsis that reveals the full string in a\ntooltip **only when it is actually clipped**.\naliases: TruncatedText|TruncationTooltip\nDesign system 2.0\n\nText that fits gets no tooltip at all, so a row of labels does not sprout\ntooltips that repeat what is already on screen.\n\nThe width has to be finite for anything to truncate: the element is a\n`min-w-0`, `flex-1` block, and `className` sets the width it should fit into.\n\na11y: while truncated, the full string is exposed as the element's\n`aria-label`, so a screen reader reads the whole label even though the\ntooltip itself renders nothing on a touch-only device.",
       "props": [
         {
           "name": "text",
@@ -6616,7 +6616,7 @@
       "name": "DialTooltipContent",
       "category": "Overlay",
       "generation": "1.0",
-      "description": "The content area of a tooltip that displays the tooltip information\nDesign system 1.0",
+      "description": "The content area of a tooltip that displays the tooltip information\nDesign system 1.0\n\nRenders nothing on a touch-only device, where no pointer can hover to reveal\nit. A narrow viewport is not itself disqualifying: an embed a few hundred\npixels wide still hovers on a desktop.",
       "props": [],
       "examples": [],
       "sourceFile": "components/Tooltip/TooltipContent.tsx",