@epam/ai-dial-ui-kit 0.15.0-dev.12 → 0.15.0-dev.14

package/dist/IconButton-CVttu-k-.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-BEJXjzkx.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,o=r.Solid)=>{const t=v[e]?.[o];return t||(console.warn(`Could not find Button styles for variant: ${e} and appearance: ${o}. 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:o="bottom",isTriggerClickable:t=!1,open:n,onOpenChange:i}={})=>{const[a,p]=c.useState(e),g=c.useRef(null),m=n??a,d=i??p,f=s.useFloating({placement:o,open:m,onOpenChange:d,whileElementsMounted:s.autoUpdate,middleware:[s.offset(I+A),s.flip({crossAxis:o.includes("-"),fallbackAxisSideDirection:"start",padding:5}),s.shift({padding:5}),s.arrow({element:g})]}),M=s.useHover(f.context,{move:!1,enabled:n==null,mouseOnly:t,delay:{open:500,close:0}}),k=s.useFocus(f.context,{enabled:n==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:g,...b,...f}),[m,d,b,f])},R=({children:e,...o})=>{const t=q(o);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,o]=c.useState(()=>!_());return c.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const t=window.matchMedia(T);if(o(!t.matches),typeof t.addEventListener!="function")return;const n=i=>o(!i.matches);return t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[]),e},E=({style:e,...o})=>{const t=N(),n=D(),i=c.useRef(null),a=s.useMergeRefs([t.refs.setFloating,i]);return!t.open||!n?null:u.jsx(s.FloatingPortal,{id:"tooltip-portal",children:u.jsxs("div",{ref:a,style:{...t.floatingStyles,...e},...t.getFloatingProps(o),className:x("z-tooltip 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(o).className),children:[o.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:o=!1,...t})=>{const n=N(),i=o&&c.isValidElement(e),a=i?e.props?.ref:null,p=s.useMergeRefs([n.refs.setReference,...a?[a]:[]]);return i?c.cloneElement(e,n.getReferenceProps({...e.props,...t,ref:p})):u.jsx("span",{ref:p,...n.getReferenceProps(t),className:t.className??"dial-tooltip-trigger text-start",children:e})},j=({hideTooltip:e,tooltip:o,children:t,triggerClassName:n,contentClassName:i,...a})=>u.jsxs(R,{...a,children:[u.jsx(H,{className:x(n,"truncate"),children:t}),u.jsx(E,{className:x("text-primary",i,"max-w-[300px]",(e||!o)&&"hidden"),children:o})]}),O=(...e)=>e.find(o=>typeof o=="string"&&o.length>0),U=({variant:e,appearance:o=r.Solid,size:t=h.Standard,className:n,icon:i,tooltipProps:a,type:p="button",...g})=>{const m=F.mergeClasses(e&&S(e,o),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",n),d=u.jsx("button",{...g,type:p,className:m,"aria-label":O(g["aria-label"],a?.tooltip),children:i});return a?u.jsx(j,{...a,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-qv1Z0dLX.cjs → JsonEditor-BDe6elKO.cjs}

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

package/dist/{MarkdownEditor-DHn2pYOJ.cjs → MarkdownEditor-C7BONfsl.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-tfN4sKhq.cjs"),k=require("./merge-classes-Dipy1Ih1.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-BEsZqouS.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-jQ8nDJfx.cjs → MarkdownEditor-FVzYMdkC.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-tfN4sKhq.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-BEsZqouS.cjs"),u=require("./merge-classes-BEJXjzkx.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/{MarkdownEditorContainer-Bzcnoemw.cjs → MarkdownEditorContainer-BA94ffC4.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("./Switch-CUKClcEz.cjs"),E=require("./lazy-tfN4sKhq.cjs"),N=require("./MarkdownEditor-jQ8nDJfx.cjs"),b=({value:r,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-qv1Z0dLX.cjs")).then(s=>{p(()=>s.DialJsonEditor)})},[t]);const h=n.useCallback(s=>{l?.(s)},[l]),S=n.useCallback(s=>{x?.(s)},[x]),o=!!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||o)&&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,o&&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)})})]})]}),o&&t?e.jsx("div",{className:"border border-primary rounded",style:{height:`${c}px`},children:f&&e.jsx(f,{value:r,onChange:h,onValidateJSON:S,currentTheme:u})}):e.jsx(N.DialMarkdownEditor,{value:r,onChange:h,height:c,preview:j,theme:u})]})})})};exports.DialMarkdownEditorContainer=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("./Switch-CfxMs3AZ.cjs"),E=require("./lazy-BEsZqouS.cjs"),N=require("./MarkdownEditor-FVzYMdkC.cjs"),b=({value:r,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-BDe6elKO.cjs")).then(s=>{p(()=>s.DialJsonEditor)})},[t]);const h=n.useCallback(s=>{l?.(s)},[l]),S=n.useCallback(s=>{x?.(s)},[x]),o=!!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||o)&&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,o&&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)})})]})]}),o&&t?e.jsx("div",{className:"border border-primary rounded",style:{height:`${c}px`},children:f&&e.jsx(f,{value:r,onChange:h,onValidateJSON:S,currentTheme:u})}):e.jsx(N.DialMarkdownEditor,{value:r,onChange:h,height:c,preview:j,theme:u})]})})})};exports.DialMarkdownEditorContainer=b;

package/dist/{Switch-CUKClcEz.cjs → Switch-CfxMs3AZ.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-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;
+"use strict";const e=require("react/jsx-runtime"),p=require("./merge-classes-BEJXjzkx.cjs"),d=require("@tabler/icons-react"),i=require("./IconButton-CVttu-k-.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/Dropdown/constants.js

@@ -2,11 +2,11 @@ import { jsx as e } from "react/jsx-runtime";
 import o from "classnames";
 import { IconChevronRight as r } from "@tabler/icons-react";
 import { DIAL_KIT_CLASS as s } from "../../constants/public-class-names.js";
-const m = o(
+const i = o(
   "flex items-center gap-2 align-middle",
   "h-auto px-0 bg-transparent border-0"
-), i = o(
-  "z-[53] overflow-auto rounded bg-layer-0 text-primary shadow focus-visible:outline-none"
+), m = o(
+  "z-floating overflow-auto rounded bg-layer-0 text-primary shadow focus-visible:outline-none"
 ), l = o(
   "flex w-full cursor-pointer items-center gap-3",
   "focus-visible:border-none focus-visible:outline-none",
@@ -15,12 +15,12 @@ const m = o(
   s.menuItem
 ), p = "opacity-75 !cursor-not-allowed", c = "text-error", u = "my-1 border-t border-hover border-secondary", b = 4, f = /* @__PURE__ */ e(r, { size: 14 });
 export {
-  m as dropdownBaseClassName,
+  i as dropdownBaseClassName,
   u as dropdownDividerClassName,
   b as dropdownGap,
   l as dropdownItemBaseClassName,
   c as dropdownItemDangerClassName,
   p as dropdownItemDisabledClassName,
-  i as dropdownListBaseClassName,
+  m as dropdownListBaseClassName,
   f as submenuCaretIcon
 };

package/dist/components/New/Calendar/constants.js

@@ -3,18 +3,18 @@ import { IconChevronRight as o, IconChevronLeft as n, IconCalendar as l } from "
 import { DIAL_KIT_ICON_STROKE as r } from "../constants/icon.js";
 import { DIAL_ICON_SIZE as t } from "../../../constants/icon.js";
 import { CalendarMode as e } from "../../../types/calendar.js";
-const u = "en-GB", x = {
+const u = "en-GB", f = {
   [e.Date]: "Select date",
   [e.DateTime]: "Select date and time",
   [e.Time]: "--:--",
   [e.Weekday]: "Select day"
-}, f = (
+}, x = (
   // TODO: check after design review for input
   "flex w-full items-center justify-between gap-2 rounded-xl border border-secondary bg-layer-raised px-4 py-3 dial-small-text text-primary outline-none transition-colors hover:border-accent-alpha focus-within:border-accent-focus"
 ), y = (
   // TODO: check after design review for input
   "!cursor-not-allowed !border-transparent bg-layer-sunken text-control-disable-primary hover:!border-transparent"
-), b = "!border-error", C = "z-[53] flex w-[248px] flex-col gap-4 rounded-lg bg-layer-raised px-2 py-4 shadow-md", h = "flex size-10 items-center justify-center rounded-full dial-small-text text-primary hover:bg-control-accent-alpha-hover hover:text-primary focus:outline-none focus-visible:outline focus-visible:outline-focus", N = "bg-control-accent text-control-permanent", v = "text-accent dial-small-semi-text", D = "text-control-disable-primary", s = "text-secondary", I = /* @__PURE__ */ a(
+), b = "!border-error", C = "z-floating flex w-[248px] flex-col gap-4 rounded-lg bg-layer-raised px-2 py-4 shadow-md", h = "flex size-10 items-center justify-center rounded-full dial-small-text text-primary hover:bg-control-accent-alpha-hover hover:text-primary focus:outline-none focus-visible:outline focus-visible:outline-focus", N = "bg-control-accent text-control-permanent", v = "text-accent dial-small-semi-text", D = "text-control-disable-primary", s = "text-secondary", I = /* @__PURE__ */ a(
   l,
   {
     size: t.MD,
@@ -46,12 +46,12 @@ export {
   D as calendarDayOutsideClassName,
   N as calendarDaySelectedClassName,
   v as calendarDayTodayClassName,
-  f as calendarFieldBaseClassName,
+  x as calendarFieldBaseClassName,
   y as calendarFieldDisabledClassName,
   s as calendarFieldIconClassName,
   b as calendarFieldInvalidClassName,
   I as calendarIcon,
-  x as calendarModeDefaultPlaceholder,
+  f as calendarModeDefaultPlaceholder,
   g as calendarNavIcons,
   C as calendarPopoverClassName
 };

package/dist/components/New/Dropdown/Dropdown.js

@@ -1,23 +1,23 @@
 import { jsxs as N, Fragment as A, jsx as n } from "react/jsx-runtime";
-import { useFloatingNodeId as ge, useFloating as ye, autoUpdate as we, offset as ve, autoPlacement as xe, flip as Ce, shift as ke, size as be, useClick as Ie, useHover as Pe, safePolygon as Ee, useDismiss as Ne, useRole as Ae, useInteractions as De, FloatingTree as Me, FloatingNode as Fe, FloatingPortal as Oe, FloatingFocusManager as Te } from "@floating-ui/react";
-import { useState as K, useRef as Re, useCallback as m, useId as Se, useEffect as W, useMemo as Le, Fragment as _e } from "react";
-import { InteractiveTooltip as $e } from "../InteractiveTooltip/InteractiveTooltip.js";
-import { DIAL_KIT_CLASS as j } from "../../../constants/public-class-names.js";
-import { DropdownTrigger as y, DropdownItemType as U } from "../../../types/dropdown.js";
-import { MenuItemMark as Be } from "../../../types/menu-item.js";
-import { dropdownGap as w, dropdownDividerClassName as Ye, dropdownBaseClassName as Ke, dropdownListBaseClassName as We } from "./constants.js";
-import { CloseButton as je } from "../CloseButton/CloseButton.js";
-import { MenuItem as Ue } from "../MenuItem/MenuItem.js";
-import { useThemeScope as Ve } from "../ThemeScope/ThemeScope.js";
+import { useFloatingNodeId as ye, useFloating as we, autoUpdate as ve, offset as xe, autoPlacement as Ce, flip as ke, shift as be, size as Ie, useClick as Pe, useHover as Ee, safePolygon as Ne, useDismiss as Ae, useRole as De, useInteractions as Me, FloatingTree as Fe, FloatingNode as Oe, FloatingPortal as Te, FloatingFocusManager as Re } from "@floating-ui/react";
+import { useState as j, useRef as Se, useCallback as m, useId as Le, useEffect as U, useMemo as _e, Fragment as $e } from "react";
+import { InteractiveTooltip as Be } from "../InteractiveTooltip/InteractiveTooltip.js";
+import { DIAL_KIT_CLASS as V } from "../../../constants/public-class-names.js";
+import { DropdownTrigger as y, DropdownItemType as X } from "../../../types/dropdown.js";
+import { MenuItemMark as Ye } from "../../../types/menu-item.js";
+import { dropdownGap as w, dropdownDividerClassName as Ke, dropdownBaseClassName as We, dropdownListBaseClassName as je } from "./constants.js";
+import { CloseButton as Ue } from "../CloseButton/CloseButton.js";
+import { MenuItem as Ve } from "../MenuItem/MenuItem.js";
+import { useThemeScope as Xe } from "../ThemeScope/ThemeScope.js";
 import { mergeClasses as v } from "../../../utils/merge-classes.js";
-import { DropdownSubMenuItem as Xe } from "./DropdownSubMenuItem.js";
-import { resolveItemMark as qe, getItemRole as ze } from "./item-mark.js";
-const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="option"]', He = (l) => !l.hasAttribute("disabled") && l.getAttribute("aria-disabled") !== "true", Je = ["ArrowDown", "ArrowUp", "Home", "End"], Qe = (l, d, u) => {
+import { DropdownSubMenuItem as qe } from "./DropdownSubMenuItem.js";
+import { resolveItemMark as ze, getItemRole as Ge } from "./item-mark.js";
+const He = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="option"]', Je = (l) => !l.hasAttribute("disabled") && l.getAttribute("aria-disabled") !== "true", Qe = ["ArrowDown", "ArrowUp", "Home", "End"], Ze = (l, d, u) => {
   if (l === "Home") return 0;
   if (l === "End") return u - 1;
   const a = l === "ArrowDown" ? 1 : -1;
   return d === -1 ? a === 1 ? 0 : u - 1 : (d + a + u) % u;
-}, Ze = (l) => "clientWidth" in l ? l.clientWidth : l.getBoundingClientRect?.()?.width ?? 0, mt = ({
+}, et = (l) => "clientWidth" in l ? l.clientWidth : l.getBoundingClientRect?.()?.width ?? 0, ht = ({
   children: l,
   items: d,
   onItemClick: u,
@@ -28,46 +28,47 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
   placement: D,
   disabled: i = !1,
   open: M,
-  defaultOpen: V = !1,
+  defaultOpen: q = !1,
   onOpenChange: F,
-  closable: X = !1,
-  onClose: q,
-  className: z,
+  closable: z = !1,
+  onClose: G,
+  className: H,
   overlayContentClassName: O,
   separatorClassName: T,
-  listClassName: G,
-  outsidePressIgnoreRef: R,
-  outsideClosable: H = !0,
-  allowedPlacements: J,
+  listClassName: J,
+  listStyle: R,
+  outsidePressIgnoreRef: S,
+  outsideClosable: Q = !0,
+  allowedPlacements: Z,
   anchorToMouse: x = !1,
   matchReferenceWidth: P = !0,
-  maxDropdownHeight: S,
-  initialFocus: L
+  maxDropdownHeight: L,
+  initialFocus: _
 }) => {
-  const Q = Ve(), [Z, ee] = K(V), E = M !== void 0, c = E ? !!M : Z, C = Re(null), [te, ne] = K(!0), o = m(
+  const ee = Xe(), [te, ne] = j(q), E = M !== void 0, c = E ? !!M : te, C = Se(null), [oe, re] = j(!0), o = m(
     (e, t, r) => {
-      e && ne(r !== "hover" && r !== "safe-polygon"), E || ee(e), F?.(e);
+      e && re(r !== "hover" && r !== "safe-polygon"), E || ne(e), F?.(e);
     },
     [E, F]
-  ), _ = Se(), oe = D === void 0, $ = ge(), { refs: p, floatingStyles: re, context: g } = ye({
-    nodeId: $,
+  ), $ = Le(), se = D === void 0, B = ye(), { refs: p, floatingStyles: Y, context: g } = we({
+    nodeId: B,
     placement: D,
     open: c,
     onOpenChange: o,
-    whileElementsMounted: we,
+    whileElementsMounted: ve,
     middleware: [
-      ve({ mainAxis: w, crossAxis: 0 }),
-      oe ? xe({
+      xe({ mainAxis: w, crossAxis: 0 }),
+      se ? Ce({
         alignment: "start",
         crossAxis: !0,
         padding: w,
-        allowedPlacements: J
-      }) : Ce({ padding: w }),
-      ke({ padding: w }),
-      be({
+        allowedPlacements: Z
+      }) : ke({ padding: w }),
+      be({ padding: w }),
+      Ie({
         padding: w,
         apply({ availableWidth: e, availableHeight: t, elements: r }) {
-          const s = r.floating, b = Ze(r.reference);
+          const s = r.floating, b = et(r.reference);
           s.style.setProperty(
             "--fui-available-height",
             `${Math.floor(t)}px`
@@ -75,32 +76,32 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
             "--reference-width",
             P ? `${Math.round(b)}px` : "0px"
           ), P ? s.style.minWidth = `${Math.round(b)}px` : s.style.removeProperty("min-width"), s.style.maxWidth = `${Math.floor(e)}px`;
-          const Y = Math.floor(t);
-          s.style.maxHeight = `${S ? Math.min(Y, S) : Y}px`;
+          const W = Math.floor(t);
+          s.style.maxHeight = `${L ? Math.min(W, L) : W}px`;
         }
       })
     ]
-  }), se = Ie(g, {
-    enabled: f.includes(y.Click) && !i
   }), le = Pe(g, {
+    enabled: f.includes(y.Click) && !i
+  }), ie = Ee(g, {
     enabled: f.includes(y.Hover) && !i,
     move: !1,
     restMs: 40,
-    handleClose: Ee(),
+    handleClose: Ne(),
     delay: { open: 80, close: 80 }
-  }), ie = Ne(g, {
+  }), ce = Ae(g, {
     bubbles: !0,
     referencePress: !1,
     outsidePress: (e) => {
-      if (!H) return !1;
+      if (!Q) return !1;
       const t = e.target;
-      return !(R?.current && t instanceof Node && R.current.contains(t));
+      return !(S?.current && t instanceof Node && S.current.contains(t));
     }
-  }), ce = Ae(g, { role: "menu" }), { getReferenceProps: ae, getFloatingProps: de } = De([
-    se,
+  }), ae = De(g, { role: "menu" }), { getReferenceProps: de, getFloatingProps: ue } = Me([
     le,
     ie,
-    ce
+    ce,
+    ae
   ]), k = m(
     (e, t) => {
       p.setPositionReference({
@@ -117,7 +118,7 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
       });
     },
     [p]
-  ), ue = m(
+  ), fe = m(
     (e) => {
       !f.includes(y.ContextMenu) || i || (e.preventDefault(), x && (k(e.clientX, e.clientY), C.current = document.elementFromPoint(
         e.clientX,
@@ -125,7 +126,7 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
       )), o(!0));
     },
     [x, i, o, k, f]
-  ), fe = m(
+  ), pe = m(
     (e) => {
       !x || i || (f.includes(y.ContextMenu) && c && o(!1), k(e.clientX, e.clientY), C.current = document.elementFromPoint(
         e.clientX,
@@ -134,29 +135,29 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
     },
     [x, i, k, c, f, o]
   );
-  W(() => {
+  U(() => {
     i && c && o(!1);
   }, [i, c, o]);
-  const pe = m(
+  const me = m(
     (e) => {
-      if (e.defaultPrevented || !Je.includes(e.key)) return;
+      if (e.defaultPrevented || !Qe.includes(e.key)) return;
       const t = Array.from(
         e.currentTarget.querySelectorAll(
-          Ge
+          He
         )
-      ).filter(He);
+      ).filter(Je);
       if (t.length === 0) return;
       e.preventDefault();
       const r = e.currentTarget.ownerDocument.activeElement, s = t.findIndex((b) => b === r);
-      t[Qe(e.key, s, t.length)]?.focus();
+      t[Ze(e.key, s, t.length)]?.focus();
     },
     []
-  ), B = m(
+  ), K = m(
     (e) => (t) => {
       e.disabled || (e.onClick?.({ key: e.key, domEvent: t }), u?.({ key: e.key, domEvent: t }), e.selectable || o(!1));
     },
     [u, o]
-  ), me = Le(() => I ? I() : d ? /* @__PURE__ */ N(A, { children: [
+  ), he = _e(() => I ? I() : d ? /* @__PURE__ */ N(A, { children: [
     a && /* @__PURE__ */ n(A, { children: typeof a == "function" ? a() : a }),
     /* @__PURE__ */ n(
       "div",
@@ -165,23 +166,23 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
         className: v(
           "py-1",
           O,
-          j.dropdownList
+          V.dropdownList
         ),
         "aria-label": "dropdown",
         children: d.map((e) => {
-          if (e.type === U.Divider)
+          if (e.type === X.Divider)
             return /* @__PURE__ */ n(
               "div",
               {
                 role: "separator",
                 className: v(
-                  Ye,
+                  Ke,
                   T
                 )
               },
               e.key
             );
-          if (e.type === U.PlainText)
+          if (e.type === X.PlainText)
             return /* @__PURE__ */ n(
               "div",
               {
@@ -195,19 +196,19 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
             );
           if (e.children?.length)
             return /* @__PURE__ */ n(
-              Xe,
+              qe,
               {
                 item: e,
                 onRootClose: () => o(!1)
               },
               e.key
             );
-          const t = qe(e), r = ze(e), s = /* @__PURE__ */ n(
-            Ue,
+          const t = ze(e), r = Ge(e), s = /* @__PURE__ */ n(
+            Ve,
             {
               role: r,
               "aria-checked": r === "menuitem" ? void 0 : !!e.checked,
-              "aria-current": t === Be.Highlight && e.checked ? !0 : void 0,
+              "aria-current": t === Ye.Highlight && e.checked ? !0 : void 0,
               "aria-disabled": !!e.disabled,
               disabled: e.disabled,
               mark: t,
@@ -217,12 +218,12 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
               label: e.label,
               className: e.className,
               rightControl: e.rightControl,
-              onClick: B(e),
+              onClick: K(e),
               children: e.renderItem?.(e)
             }
           );
-          return /* @__PURE__ */ n(_e, { children: e.interactiveTooltip ? /* @__PURE__ */ n(
-            $e,
+          return /* @__PURE__ */ n($e, { children: e.interactiveTooltip ? /* @__PURE__ */ n(
+            Be,
             {
               asChild: !0,
               placement: e.interactiveTooltip.placement,
@@ -236,7 +237,7 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
     ),
     h && /* @__PURE__ */ n(A, { children: typeof h == "function" ? h() : h })
   ] }) : null, [
-    B,
+    K,
     d,
     h,
     a,
@@ -244,11 +245,11 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
     o,
     O,
     T
-  ]), he = ae({
-    onContextMenu: ue,
-    onMouseDown: fe
+  ]), ge = de({
+    onContextMenu: fe,
+    onMouseDown: pe
   });
-  return W(() => {
+  return U(() => {
     if (!c) return;
     const e = p.reference.current;
     let t = null;
@@ -260,56 +261,56 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
       { root: null, threshold: 0 }
     );
     return r.observe(t), () => r.disconnect();
-  }, [c, p.reference, o]), /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ N(Fe, { id: $, children: [
+  }, [c, p.reference, o]), /* @__PURE__ */ n(Fe, { children: /* @__PURE__ */ N(Oe, { id: B, children: [
     /* @__PURE__ */ n(
       "span",
       {
         ref: p.setReference,
         className: v(
-          Ke,
+          We,
           i && "!cursor-not-allowed opacity-75",
-          z,
-          j.dropdown
+          H,
+          V.dropdown
         ),
         "aria-haspopup": "menu",
         "aria-expanded": c,
-        "aria-controls": _,
-        ...he,
+        "aria-controls": $,
+        ...ge,
         children: l
       }
     ),
-    c && /* @__PURE__ */ n(Oe, { children: /* @__PURE__ */ n(
-      Te,
+    c && /* @__PURE__ */ n(Te, { children: /* @__PURE__ */ n(
+      Re,
       {
         context: g,
         modal: !1,
-        initialFocus: L !== void 0 ? L : te ? 0 : -1,
+        initialFocus: _ !== void 0 ? _ : oe ? 0 : -1,
         returnFocus: !0,
         children: /* @__PURE__ */ N(
           "div",
           {
-            id: _,
+            id: $,
             ref: p.setFloating,
-            style: re,
+            style: R ? { ...R, ...Y } : Y,
             className: v(
-              We,
+              je,
               !P && "w-max",
               "overflow-auto",
-              Q,
-              G
+              ee,
+              J
             ),
-            ...de({ onKeyDown: pe }),
+            ...ue({ onKeyDown: me }),
             children: [
-              X && /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2 pt-2", children: /* @__PURE__ */ n(
-                je,
+              z && /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2 pt-2", children: /* @__PURE__ */ n(
+                Ue,
                 {
                   ariaLabel: "Close dropdown",
                   onClose: (e) => {
-                    q?.(e), o(!1);
+                    G?.(e), o(!1);
                   }
                 }
               ) }),
-              me
+              he
             ]
           }
         )
@@ -318,5 +319,5 @@ const Ge = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
   ] }) });
 };
 export {
-  mt as Dropdown
+  ht as Dropdown
 };

package/dist/components/New/Dropdown/constants.js

@@ -8,9 +8,9 @@ const C = o(
   "flex items-center gap-2 align-middle",
   "h-auto px-0 bg-transparent border-0"
 ), f = o(
-  "z-[53] focus-visible:outline-none",
+  "z-floating focus-visible:outline-none",
   t
-), b = a, I = "my-1 border-t border-tertiary", N = s, v = /* @__PURE__ */ r(
+), b = a, I = "my-1 border-t border-tertiary", N = s, g = /* @__PURE__ */ r(
   e,
   {
     size: m.SM,
@@ -24,5 +24,5 @@ export {
   N as dropdownGap,
   f as dropdownListBaseClassName,
   b as dropdownSubMenuClassName,
-  v as submenuCaretIcon
+  g as submenuCaretIcon
 };

package/dist/components/New/InteractiveTooltip/constants.js

@@ -1,6 +1,6 @@
-const t = 8, a = 400, T = "z-[54] max-w-[320px] rounded-xl bg-layer-0 p-4 dial-small-text text-primary shadow-md";
+const t = 8, a = 400, e = "z-interactive-tooltip max-w-[320px] rounded-xl bg-layer-0 p-4 dial-small-text text-primary shadow-md";
 export {
   t as INTERACTIVE_TOOLTIP_GAP,
   a as INTERACTIVE_TOOLTIP_HOVER_OPEN_DELAY,
-  T as interactiveTooltipClassName
+  e as interactiveTooltipClassName
 };

package/dist/components/New/Popup/constants.js

@@ -1,5 +1,5 @@
 import { PopupSize as e } from "../../../types/popup.js";
-const a = "z-[52] flex items-center justify-center bg-backdrop md:p-4 gap-5 p-6", r = "relative flex w-full max-h-full flex-col rounded-xl bg-layer-raised md:h-auto", t = "flex flex-row items-center justify-between px-6 py-4", o = "flex-1 min-w-0 mr-3 truncate dial-h1-text text-primary", s = "border-b border-tertiary", l = "flex flex-row items-center gap-2 px-6 py-4", m = "border-t border-tertiary", x = "flex shrink-0 flex-row items-center gap-2", i = {
+const a = "z-popup flex items-center justify-center bg-backdrop md:p-4 gap-5 p-6", r = "relative flex w-full max-h-full flex-col rounded-xl bg-layer-raised md:h-auto", o = "flex flex-row items-center justify-between px-6 py-4", t = "flex-1 min-w-0 mr-3 truncate dial-h1-text text-primary", s = "border-b border-tertiary", l = "flex flex-row items-center gap-2 px-6 py-4", m = "border-t border-tertiary", x = "flex shrink-0 flex-row items-center gap-2", i = {
   [e.Sm]: "max-w-full md:max-w-[400px]",
   [e.Md]: "max-w-full md:max-w-[800px]",
   [e.Lg]: "max-w-full md:max-w-[1200px]"
@@ -9,9 +9,9 @@ export {
   r as popupBaseClassName,
   l as popupFooterClassName,
   m as popupFooterDividerClassName,
-  t as popupHeaderClassName,
+  o as popupHeaderClassName,
   s as popupHeaderDividerClassName,
   a as popupOverlayBaseClassName,
   i as popupSizeClassMap,
-  o as popupTitleClassName
+  t as popupTitleClassName
 };

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

@@ -1,4 +1,4 @@
-const t = 7, o = 2, e = 500, r = "fill-control-inverted", s = "z-[55] max-w-[376px] whitespace-pre-wrap break-words rounded-lg bg-control-inverted px-3 py-2 dial-small-text text-control-inverted shadow-xs";
+const t = 7, o = 2, e = 500, r = "fill-control-inverted", s = "z-tooltip max-w-[376px] whitespace-pre-wrap break-words rounded-lg bg-control-inverted px-3 py-2 dial-small-text text-control-inverted shadow-xs";
 export {
   o as ARROW_GAP,
   t as ARROW_HEIGHT,

package/dist/components/Popup/constants.js

@@ -1,12 +1,12 @@
-import { PopupSize as e } from "../../types/popup.js";
-const s = "z-[52] flex items-center justify-center bg-blackout md:p-4", i = "divide-tertiary divide-y", o = "flex flex-row justify-between py-4 px-6 items-center", t = {
-  [e.Sm]: "dial-sm-popup",
-  [e.Md]: "dial-md-popup",
-  [e.Lg]: "dial-lg-popup"
+import { PopupSize as p } from "../../types/popup.js";
+const o = "z-popup flex items-center justify-center bg-blackout md:p-4", s = "divide-tertiary divide-y", i = "flex flex-row justify-between py-4 px-6 items-center", t = {
+  [p.Sm]: "dial-sm-popup",
+  [p.Md]: "dial-md-popup",
+  [p.Lg]: "dial-lg-popup"
 };
 export {
-  s as overlayBaseClassName,
-  i as popupDividerClassName,
-  o as popupHeaderClassName,
+  o as overlayBaseClassName,
+  s as popupDividerClassName,
+  i as popupHeaderClassName,
   t as popupSizeClassMap
 };