@epam/ai-dial-ui-kit 0.14.0-dev.35 → 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-CBH7ILah.cjs

@@ -0,0 +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-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-CMRC_XsQ.cjs

@@ -0,0 +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-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/Grid/Grid.js

@@ -1,37 +1,36 @@
 import { jsx as s } from "react/jsx-runtime";
-import { themeBalham as Ne, colorSchemeLight as ge, setupAgTestIds as be, ModuleRegistry as ye, AllCommunityModule as Ae } from "../../node_modules/ag-grid-community/dist/package/main.esm.js";
-import { AgGridReact as Ee } from "../../node_modules/ag-grid-react/dist/package/index.esm.js";
-import Z from "classnames";
-import { useState as De, useId as Te, useRef as Y, useMemo as h, useCallback as l, useEffect as A } from "react";
+import { themeBalham as Ne, colorSchemeLight as ge } from "../../node_modules/ag-grid-community/dist/package/main.esm.js";
+import { AgGridReact as be } from "../../node_modules/ag-grid-react/dist/package/index.esm.js";
+import Q from "classnames";
+import { useState as ye, useId as Ee, useRef as Y, useMemo as h, useCallback as l, useEffect as E } from "react";
 import { DialDropdown as R } from "../Dropdown/Dropdown.js";
-import { DialEllipsisTooltip as ve } from "../EllipsisTooltip/EllipsisTooltip.js";
-import { RADIO_BUTTON_COL_DEF as Ge, CHECKBOX_COL_DEF as Oe } from "./renderers/constants.js";
-import { DialNoDataContent as xe } from "../NoDataContent/NoDataContent.js";
-import { DialRadioButton as ze } from "../RadioButton/RadioButton.js";
+import { DialEllipsisTooltip as De } from "../EllipsisTooltip/EllipsisTooltip.js";
+import { RADIO_BUTTON_COL_DEF as Ae, CHECKBOX_COL_DEF as Te } from "./renderers/constants.js";
+import { DialNoDataContent as Ge } from "../NoDataContent/NoDataContent.js";
+import { DialRadioButton as ve } from "../RadioButton/RadioButton.js";
 import { GridSelectionMode as x } from "../../models/selection-mode.js";
 import { DropdownTrigger as w } from "../../types/dropdown.js";
-import { IconZoomCancel as _e } from "@tabler/icons-react";
-import { GRID_THEME_COLORS as z, SelectionEventSourceType as p, checkboxClass as I, ROW_HEIGHT as ee, gridBaseClassName as ke } from "./constants.js";
-import { ariaDescription as te } from "../Checkbox/constants.js";
-import { useIsMobileScreen as He } from "../../hooks/use-is-mobile-screen.js";
-import { useIsTabletScreen as Le } from "../../hooks/use-is-tablet-screen.js";
-import { debounceFn as Fe } from "../../utils/debounce.js";
-import { baseColumnComparator as We, omitUndefined as Be } from "../../utils/grid-comparators.js";
-be({ testIdAttribute: "dataQA" });
-ye.registerModules([Ae]);
-const nt = ({
-  columnDefs: E,
+import { IconZoomCancel as Oe } from "@tabler/icons-react";
+import { GRID_THEME_COLORS as z, SelectionEventSourceType as p, checkboxClass as I, ROW_HEIGHT as ee, gridBaseClassName as xe } from "./constants.js";
+import { ariaDescription as re } from "../Checkbox/constants.js";
+import { useIsMobileScreen as ze } from "../../hooks/use-is-mobile-screen.js";
+import { useIsTabletScreen as _e } from "../../hooks/use-is-tablet-screen.js";
+import { debounceFn as ke } from "../../utils/debounce.js";
+import { registerAgGridModulesOnce as He } from "../../utils/grid-registration.js";
+import { baseColumnComparator as Le, omitUndefined as Fe } from "../../utils/grid-comparators.js";
+const or = ({
+  columnDefs: D,
   rowData: f,
   additionalGridOptions: _,
   getContextMenuItems: C,
-  className: re,
+  className: te,
   ariaLabel: oe = "Data grid",
-  wrapCustomCellRenderers: d = !0,
+  wrapCustomCellRenderers: m = !0,
   disabledRowIds: c,
   selectedRowIds: n,
   onSelectionChange: k,
   onGridApiChange: ne,
-  getRowId: i = (r) => String(r.id ?? JSON.stringify(r)),
+  getRowId: i = (t) => String(t.id ?? JSON.stringify(t)),
   alternateOddRowColors: H = !1,
   filterPlaceholder: L = "Enter value",
   emptyStateIcon: F,
@@ -41,9 +40,10 @@ const nt = ({
   wrapperBorder: $ = !0,
   withoutHeaderBorders: ie = !1,
   allowDisabledContextMenu: N = !1,
-  selectionMode: m
+  selectionMode: d
 }) => {
-  const [r, se] = De(), ae = Te(), g = He(), b = Le(), D = Y(/* @__PURE__ */ new Set()), U = Y(
+  He();
+  const [t, se] = ye(), ae = Ee(), g = ze(), b = _e(), A = Y(/* @__PURE__ */ new Set()), U = Y(
     void 0
   ), le = h(
     () => ({
@@ -57,18 +57,18 @@ const nt = ({
   }, []), T = l(
     (e) => {
       if (e.data) {
-        const t = i(e.data), o = c?.has(t) ?? !1, u = o && !N, a = e.value == null ? "" : String(e.value), G = C?.(e.data) ?? [];
+        const r = i(e.data), o = c?.has(r) ?? !1, u = o && !N, a = e.value == null ? "" : String(e.value), v = C?.(e.data) ?? [];
         return /* @__PURE__ */ s(
           R,
           {
             trigger: [w.ContextMenu],
-            items: G,
+            items: v,
             anchorToMouse: !0,
             matchReferenceWidth: !0,
             className: "w-full",
             disabled: u,
             children: /* @__PURE__ */ s("span", { className: "block min-w-0 h-full max-w-full", children: /* @__PURE__ */ s(
-              ve,
+              De,
               {
                 text: a,
                 className: "max-w-full h-full",
@@ -83,23 +83,23 @@ const nt = ({
   ), y = l(
     (e) => e === p.API || e === p.ROW_DATA_CHANGED,
     []
-  ), M = l(
+  ), j = l(
     (e) => {
-      if (!r)
+      if (!t)
         return;
       const o = (e.selectedNodes || []).map((a) => a.data), u = new Set(o.map(i));
-      D.current = u, U.current = e.source, y(e.source) || k?.(u, o);
+      A.current = u, U.current = e.source, y(e.source) || k?.(u, o);
     },
-    [r, i, y, k]
-  ), ue = h(() => Fe(
-    (e) => M?.(e),
+    [t, i, y, k]
+  ), ue = h(() => ke(
+    (e) => j?.(e),
     100
-  ), [M]), j = l(
+  ), [j]), q = l(
     (e) => {
       if (!e.data) return null;
-      const t = i(e.data), o = e.node.isSelected(), u = c?.has(t), a = `row-select-${t}`;
+      const r = i(e.data), o = e.node.isSelected(), u = c?.has(r), a = `row-select-${r}`;
       return /* @__PURE__ */ s("div", { className: "size-6 flex items-center justify-center", children: /* @__PURE__ */ s(
-        ze,
+        ve,
         {
           className: "size-[18px]",
           inputId: a,
@@ -119,56 +119,56 @@ const nt = ({
     },
     [i, c]
   ), S = l(() => {
-    const e = "dial-row-select", t = "dial-row-select-visible";
-    return g || b || n && n.size > 0 ? `${e} ${t}` : !n || n.size === 0 ? e : `${e} ${t}`;
-  }, [g, b, n]), q = l(() => g || b ? S() : !n || n.size === 0 ? "dial-row-not-select-header" : S(), [S, g, b, n]), fe = h(() => {
-    if (m === x.SINGLE)
+    const e = "dial-row-select", r = "dial-row-select-visible";
+    return g || b || n && n.size > 0 ? `${e} ${r}` : !n || n.size === 0 ? e : `${e} ${r}`;
+  }, [g, b, n]), K = l(() => g || b ? S() : !n || n.size === 0 ? "dial-row-not-select-header" : S(), [S, g, b, n]), fe = h(() => {
+    if (d === x.SINGLE)
       return {
-        ...Ge,
-        cellRenderer: j
+        ...Ae,
+        cellRenderer: q
       };
-    if (m === x.MULTIPLE)
+    if (d === x.MULTIPLE)
       return {
-        ...Oe,
-        headerClass: () => q(),
+        ...Te,
+        headerClass: () => K(),
         cellClass: (e) => {
-          const t = e.data ? i(e.data) : null;
+          const r = e.data ? i(e.data) : null;
           let o = S();
-          return t && c?.has(t) && (o += " opacity-50 pointer-events-none"), o;
+          return r && c?.has(r) && (o += " opacity-50 pointer-events-none"), o;
         }
       };
   }, [
-    m,
-    j,
+    d,
     q,
+    K,
     i,
     S,
     c
-  ]), K = l(
+  ]), X = l(
     (e) => {
-      const t = typeof d == "function" ? d(e) : !!d;
+      const r = typeof m == "function" ? m(e) : !!m;
       if (!e.cellRenderer)
         return { ...e, cellRenderer: T };
-      if (!t)
+      if (!r)
         return e;
       const o = e.cellRenderer;
       return { ...e, cellRenderer: (a) => {
-        const G = a.data ? C?.(a.data) ?? [] : [];
+        const v = a.data ? C?.(a.data) ?? [] : [];
         let O = null;
         typeof o == "function" ? O = /* @__PURE__ */ s(o, { ...a }) : O = T(a);
-        const Q = a.data ? i(a.data) : null, V = Q ? c?.has(Q) : !1;
+        const V = a.data ? i(a.data) : null, Z = V ? c?.has(V) : !1;
         return /* @__PURE__ */ s(
           R,
           {
             trigger: [w.ContextMenu],
-            items: G,
+            items: v,
             anchorToMouse: !0,
             matchReferenceWidth: !0,
-            className: Z(
+            className: Q(
               "w-full h-full",
-              V && "!cursor-not-allowed opacity-75"
+              Z && "!cursor-not-allowed opacity-75"
             ),
-            disabled: V && !N,
+            disabled: Z && !N,
             children: /* @__PURE__ */ s("span", { className: "block min-w-0 max-w-full flex-1", children: O })
           }
         );
@@ -179,19 +179,19 @@ const nt = ({
       C,
       i,
       T,
-      d,
+      m,
       N
     ]
-  ), X = h(
-    () => d ? (E ?? []).map(K) : E ?? [],
+  ), J = h(
+    () => m ? (D ?? []).map(X) : D ?? [],
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      E,
-      d,
+      D,
+      m,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      d ? K : null
+      m ? X : null
     ]
-  ), { defaultColDef: J, ...de } = _ ?? {}, me = h(
+  ), { defaultColDef: M, ...me } = _ ?? {}, de = h(
     () => ({
       minWidth: 150,
       resizable: !0,
@@ -202,32 +202,32 @@ const nt = ({
         filterPlaceholder: L,
         buttons: ["reset"]
       },
-      comparator: We,
-      ...Be(J)
+      comparator: Le,
+      ...Fe(M)
     }),
-    [L, J]
+    [L, M]
   ), he = (e) => {
-    const t = document.querySelector(I);
-    t && t.setAttribute("aria-description", te);
-    const o = X.map((u) => ({
+    const r = document.querySelector(I);
+    r && r.setAttribute("aria-description", re);
+    const o = J.map((u) => ({
       ...u,
       sort: void 0
     }));
     e.api.updateGridOptions({ columnDefs: o, rowData: f }), e.api.sizeColumnsToFit(), se(e.api), _?.onGridReady?.(e), ne?.(e.api);
   };
-  A(() => {
-    r && f && r.setGridOption("rowData", f);
-  }, [r, f]);
+  E(() => {
+    t && f && t.setGridOption("rowData", f);
+  }, [t, f]);
   const pe = l(
     () => /* @__PURE__ */ s(
-      xe,
+      Ge,
       {
         title: W,
         description: B,
         containerClassName: "gap-3",
         titleClassName: "mt-2 !text-lg",
         icon: F || /* @__PURE__ */ s(
-          _e,
+          Oe,
           {
             size: 100,
             stroke: 0.5,
@@ -238,52 +238,52 @@ const nt = ({
     ),
     [W, B, F]
   ), Se = h(() => {
-    if (m)
+    if (d)
       return {
-        mode: m === x.SINGLE ? "singleRow" : "multiRow",
+        mode: d === x.SINGLE ? "singleRow" : "multiRow",
         isRowSelectable: (e) => {
-          const t = e.data ? i(e.data) : null;
-          return t ? !c?.has(t) : !0;
+          const r = e.data ? i(e.data) : null;
+          return r ? !c?.has(r) : !0;
         }
       };
-  }, [c, i, m]);
-  A(() => {
-    r && f && D.current.size && D.current.forEach((e) => {
-      const t = r.getRowNode(e);
-      t && !t.isSelected() && t.setSelected(!0, !1, p.API);
+  }, [c, i, d]);
+  E(() => {
+    t && f && A.current.size && A.current.forEach((e) => {
+      const r = t.getRowNode(e);
+      r && !r.isSelected() && r.setSelected(!0, !1, p.API);
     });
-  }, [r, f]), A(() => {
-    r && n && (r.deselectAll("all", p.API), n.forEach((e) => {
-      const t = r.getRowNode(e);
-      t && !t.isSelected() && t.setSelected(!0, !1, p.API);
+  }, [t, f]), E(() => {
+    t && n && (t.deselectAll("all", p.API), n.forEach((e) => {
+      const r = t.getRowNode(e);
+      r && !r.isSelected() && r.setSelected(!0, !1, p.API);
     }));
-  }, [r, n]);
+  }, [t, n]);
   const Ce = l(
     (e) => e.data ? i(e.data) : "",
     [i]
-  ), v = l(() => {
+  ), G = l(() => {
     document.querySelectorAll(`.ag-row ${I}`).forEach((e) => {
-      e.setAttribute("aria-description", te);
+      e.setAttribute("aria-description", re);
     });
   }, []);
-  return A(() => {
+  return E(() => {
     const e = y(
       U.current
     );
-    if (r && n?.size && e) {
-      const t = Array.from(n)[0];
-      if (t) {
-        const o = r.getRowNode(t);
-        o && r.ensureNodeVisible(o);
+    if (t && n?.size && e) {
+      const r = Array.from(n)[0];
+      if (r) {
+        const o = t.getRowNode(r);
+        o && t.ensureNodeVisible(o);
       }
     }
-  }, [r, y, n]), /* @__PURE__ */ s(
+  }, [t, y, n]), /* @__PURE__ */ s(
     "div",
     {
-      className: Z(
-        ke,
-        re,
-        m && "with-selection-column",
+      className: Q(
+        xe,
+        te,
+        d && "with-selection-column",
         ie && "dial-without-header-borders"
       ),
       "aria-label": oe,
@@ -296,7 +296,7 @@ const nt = ({
           role: "table",
           "aria-describedby": ae,
           children: /* @__PURE__ */ s(
-            Ee,
+            be,
             {
               rowModelType: "clientSide",
               headerHeight: ee,
@@ -304,8 +304,8 @@ const nt = ({
               cellSelection: !1,
               theme: Ne.withPart(ge).withParams({ ...le }),
               autoSizeStrategy: { type: "fitGridWidth" },
-              columnDefs: X,
-              defaultColDef: me,
+              columnDefs: J,
+              defaultColDef: de,
               selectionColumnDef: fe,
               onGridSizeChanged: ce,
               onGridReady: he,
@@ -317,10 +317,10 @@ const nt = ({
               rowSelection: Se,
               onSelectionChanged: ue,
               getRowId: Ce,
-              onRowDataUpdated: v,
-              onBodyScroll: v,
-              onFirstDataRendered: v,
-              ...de
+              onRowDataUpdated: G,
+              onBodyScroll: G,
+              onFirstDataRendered: G,
+              ...me
             }
           )
         }
@@ -329,5 +329,5 @@ const nt = ({
   );
 };
 export {
-  nt as DialGrid
+  or as DialGrid
 };

package/dist/components/JsonEditor/lazy.js

@@ -0,0 +1,4 @@
+const o = () => import("./JsonEditor.js");
+export {
+  o as LazyDialJsonEditor
+};

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/MarkdownEditor/lazy.js

@@ -0,0 +1,4 @@
+const o = () => import("./MarkdownEditor.js");
+export {
+  o as LazyDialMarkdownEditor
+};