@elliemae/pui-app-sdk 5.31.1 → 5.31.4

package/demo/1221.9db93c68.iframe.bundle.js

@@ -0,0 +1,881 @@
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[1221],{"./node_modules/.pnpm/@elliemae+ds-form-combobox@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-combobox/dist/esm/ComboBox.js":(yt,xe,E)=>{E.d(xe,{NB:()=>_o});var i=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),d=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),B=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),Q=E("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs"),Y=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),$=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js");function Me(...e){}const je={hasError:!1,inline:!1,withoutPortal:!1,disabled:!1,useMask:Me,innerRef:(0,i.createRef)(),startPlacementPreference:"bottom-start",placementOrderPreference:["bottom-start","top-start"],noOptionsMessage:"No Matches Found",isNonClearable:!1,onlySelectable:!1,isSkeleton:!1,applyAriaDisabled:!1,readOnly:!1,isMenuOpenableWithReadOnly:!1,forceFocusFirstOptionOnType:!1},Ze={},ce=(0,i.createContext)(Ze);var Oe=ce,le=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/globalAttributesPropTypes.js"),r=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");function Kt(...e){}const xt={...le.P,placeholder:r.A.string.description("input's placeholder value").defaultValue(""),allOptions:r.A.oneOfType([r.A.array,r.A.object]).isRequired.description("List of original options").defaultValue([]),filteredOptions:r.A.oneOfType([r.A.array,r.A.object]).description("List of filtered options to show in the menu based on the current internal input filter value").defaultValue([]),selectedValues:r.A.oneOfType([r.A.arrayOf(r.A.object),r.A.object]).isRequired.description("Array of option or single option selected"),disabled:r.A.bool.description("wheter or not the input is disabled").defaultValue("false"),autoFocus:r.A.bool.description("Whether the combo box uses auto focus or not").defaultValue("false"),hasError:r.A.bool.description("Whether the combo box has error or not").defaultValue("false"),noOptionsMessage:r.A.string.description("Custome message to be display when no matches found after filtering").defaultValue("No Matches Found"),onChange:r.A.func.isRequired.description("function triggered when an option is selected it will send the options selected").defaultValue("() => {}"),onFilter:r.A.func.description("function triggered when user type in the combobox input").defaultValue(""),onCreate:r.A.func.description('function triggered when user select "create" a new item whenever is not a match in the all option list').defaultValue(""),onCancel:r.A.func.description("function triggered when user press ESC key").defaultValue("() => {}"),onMenuChange:r.A.func.description("function triggered when user open or close the menu list").defaultValue("() => {}"),menuMinWidth:r.A.any.description("Minimum width for the dropdown menu").defaultValue(void 0),menuMaxHeight:r.A.any.description("Maximum height for the dropdown menu").defaultValue(void 0),withoutPortal:r.A.bool.description("Whether the combobox menu is rendered in a portal or not").defaultValue(!1),innerRef:r.A.oneOfType([r.A.func,r.A.shape({current:r.A.any})]).description("reference to the component"),onlySelectable:r.A.bool.description("filtering is disabled"),isSkeleton:r.A.bool.description("whether or not the component is in skeleton state").defaultValue(!1),applyAriaDisabled:r.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.").defaultValue(!1),readOnly:r.A.bool.description("Makes the component non-editable while remaining accessible.").defaultValue(!1),isMenuOpenableWithReadOnly:r.A.bool.description("Whether the menu can be opened when the input is readonly").defaultValue(!1),onSelectAll:r.A.func.description("function triggered when user select all the options").defaultValue("() => {}").deprecated({version:"25.2"}),popperProps:r.A.object.description("props to be passed to the FloatingWrapper component").defaultValue(void 0),forceFocusFirstOptionOnType:r.A.bool.description("Whether to focus the first option when typing in the input.").defaultValue(!1)},rt="DSCombobox",ft={CONTAINER:"root",INPUT_WRAPPER:"input-wrapper",INPUT:"input"},Se={OPTION:"option",SECTION:"section",SEPARATOR:"separator"},Pt={CREATABLE:"creatable"},R={SELECT_OPTION:"selectOption",CLOSE:"close",OPEN:"open",BLUR:"blur"},k=e=>e.filter(t=>t.type===MENU_OPTION_TYPES.OPTION&&!t.disabled),V=e=>e.filter(t=>t.type===Se.OPTION),j=e=>Array.isArray(e)?e.length===0:!e,q=e=>Array.isArray(e),Z=(e,t)=>q(e)?e.some(s=>s?.value===t?.value):e?.value===t.value;function we(e){return Array.isArray(e)&&e.length>0}const Pe=e=>!Array.isArray(e)&&e!==null&&typeof e=="object",Ce=(e,t,n,o=1)=>{if(e.length===0)return t;let s=(t+o+e.length)%e.length,l=0;for(;l<e.length;){if(n(e[s]))return s;s=(s+o+e.length)%e.length,l+=1}return t},Ae=e=>Array.isArray(e)?e[e.length-1]:e,it=(e,t)=>{if(t){const n=Ae(t);if(n)return n.dsId}for(let n=0;n<e.length;n+=1)if(!["section","separator"].includes(e[n].type)&&!e[n].disabled)return e[n].dsId;return""},z=(e,t,n)=>Array.isArray(t)?t.find(s=>s.type==="option"&&s.value===e.value)?n?t:t.filter(s=>s.type==="option"&&s.value!==e.value):[...t,e]:t&&t.dsId===e.dsId?n?e:null:e,Ne=(e,t)=>e?t.filter(n=>n.type===Se.OPTION&&n.label.toLowerCase().includes(e.toLowerCase())):t,St=(e,t)=>e.filter(n=>n.type===MENU_OPTION_TYPES.OPTION&&Z(t,n)),Ue=(e,t={behavior:"smooth",block:"end",inline:"nearest"})=>{const n=e.getBoundingClientRect();n.top>=0&&n.left>=0&&n.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&n.right<=(window.innerWidth||document.documentElement.clientWidth)||e.scrollIntoView(t)},Yt=(e,t)=>{const{filteredOptions:n,allOptions:o,onCreate:s}=e;return(0,i.useMemo)(()=>{let l=o;o?.every(c=>typeof c=="string")&&(l=o.map((c,u)=>({dsId:u.toString(),label:c,type:Se.OPTION,value:c})));const a=n??Ne(t,l);return s&&t&&a.findIndex(c=>c.type===Se.OPTION&&c.label===t)===-1?[{dsId:`creatable-${(0,Q.L)()}`,label:t,type:"creatable","aria-describedby":"aria-creatable"},...a]:a},[n,o,s,t])},hn=e=>(0,i.useMemo)(()=>{const t=[];let n=null;return e.forEach(o=>{o.type==="section"?(n={dsId:o.dsId,type:o.type,label:o.label,options:[]},t.push(n)):(o.type==="option"||o.type==="separator")&&n?n.options.push(o):(o.type==="option"||o.type==="creatable"||o.type==="separator")&&t.push(o)}),t},[e]),U=e=>{const t=(0,Y.b)(e,je);(0,$.D)(t,xt,rt);const[n,o]=(0,i.useState)(!1),[s,l]=(0,i.useState)(null),[a,c]=(0,i.useState)(""),[u,p]=(0,i.useState)(!1),h=(0,i.useRef)(null),m=(0,i.useRef)(null),f=(0,i.useRef)(null),b=(0,i.useRef)(null),x=(0,i.useRef)(null),{id:y,selectedValues:g,isMenuOpen:v,onMenuChange:S,applyAriaDisabled:A}=t,w=(0,i.useMemo)(()=>y||(0,Q.L)(5),[y]),T=(0,i.useMemo)(()=>v!==void 0?v:n,[n,v]),_=Yt(t,a),P=hn(_),W={scrollTo:()=>{}},D=(0,i.useRef)(W),H=(0,i.useCallback)((ie,ye={align:"center"})=>{D.current.scrollTo(_.findIndex(ke=>ke.dsId===ie),ye),requestAnimationFrame(()=>{D.current.scrollTo(_.findIndex(ke=>ke.dsId===ie),ye)})},[_]),[I,O]=(0,i.useState)("");(0,i.useEffect)(()=>{if(a&&t.forceFocusFirstOptionOnType){const ie=it(_);O(ie),H(ie,{align:"center"})}},[_,a,t.forceFocusFirstOptionOnType,H,g]);const C=(0,i.useCallback)((ie,ye,ke)=>{if(!A)if(S!==void 0&&S(ie,ye,ke),o(ie),!a&&ie&&!I&&!j(g)){const qe=it(_,g);O(qe),H(qe,{align:"center"})}else O("")},[A,S,a,I,g,_,H]);(0,i.useEffect)(()=>{t.inline&&C(!0,"inline")},[]);const L=t.readOnly&&!t.isMenuOpenableWithReadOnly;return(0,i.useMemo)(()=>({props:{...t},menuState:T,referenceElement:s,listRef:D,focusOptionIdx:I,selectedOptionsRef:f,controlsWrapperRef:b,inputValue:a,setInputValue:c,setMenuState:C,hasFocus:u,pillGroupRef:x,wrapperListRef:m,setHasFocus:p,setFocusOptionIdx:O,scrollOptionIntoView:H,setReferenceElement:l,setShowPopover:o,internalRef:h,correctOptions:_,instanceUid:w,optionsPerSection:P,shouldPreventContextMenuOpening:L}),[H,C,_,u,t,a,I,m,T,x,s,f,b,D,h,w,P,L])};var F=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),N=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/useGetXstyledProps.js"),G=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/useOwnerProps/index.js"),de=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/mergeRefs.js"),he=E("./node_modules/.pnpm/@elliemae+ds-hooks-headless-tooltip@3.56.4_lodash-es@4.17.21_styled-components@5.3.11/node_modules/@elliemae/ds-hooks-headless-tooltip/dist/esm/DSHooksHeadlessTooltip.js");const fe={withoutAnimation:!1,animationDuration:300,withoutPortal:!1,placement:"top",customOffset:[0,12]},oe={withoutPortal:r.A.bool.description("If true, the tooltip will not be rendered inside a portal.").defaultValue(!1),withoutAnimation:r.A.bool.description("If true, the tooltip will not have an animation.").defaultValue(!1),portalDOMContainer:r.A.instanceOf(HTMLElement).description("The DOM element where the tooltip will be rendered.").defaultValue('the first "main" landmark available in the document or the body if no "main" is found'),animationDuration:r.A.number.description("The duration of the animation in milliseconds.").defaultValue(300),placement:r.A.oneOf(["top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"]).description("The placement of the tooltip.").defaultValue("top"),customOffset:r.A.arrayOf(r.A.number).description("The custom offset of the tooltip.").defaultValue([12,12]),placementOrderPreference:r.A.oneOfType([r.A.tuple([r.A.oneOf(["top-start"])]),r.A.tuple([r.A.oneOf(["top"])]),r.A.tuple([r.A.oneOf(["top-end"])]),r.A.tuple([r.A.oneOf(["right-start"])]),r.A.tuple([r.A.oneOf(["right"])]),r.A.tuple([r.A.oneOf(["right-end"])]),r.A.tuple([r.A.oneOf(["bottom-end"])]),r.A.tuple([r.A.oneOf(["bottom"])]),r.A.tuple([r.A.oneOf(["bottom-start"])]),r.A.tuple([r.A.oneOf(["left-end"])]),r.A.tuple([r.A.oneOf(["left"])]),r.A.tuple([r.A.oneOf(["left-start"])])]).description("The order of the placement preference."),onOpen:r.A.func.description("Callback when the tooltip is opened."),onClose:r.A.func.description("Callback when the tooltip is closed."),externallyControlledIsOpen:r.A.bool.description("If true, the context open/close state will be controlled externally.")};var Ie=E("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/debounce.js");const ae={left:"right",right:"left",bottom:"top",top:"bottom"};function se(e){return e.replace(/left|right|bottom|top/g,t=>ae[t])}const We={start:"end",end:"start"};function ze(e){const t=e.replace(/start|end/g,n=>We[n]);return t===e?e==="right"?"left":"right":t}const Ge={left:"top",right:"bottom",bottom:"right",top:"left"};function _e(e){return e.replace(/left|right|bottom|top/g,t=>Ge[t])}const Je={left:"bottom-start",right:"top-start",bottom:"top-start",top:"bottom-start"};function Qe(e){return e.replace(/left|right|bottom|top/g,t=>Je[t])}const ve=e=>[se(e),ze(e),_e(e),se(_e(e)),Qe(e),se(Qe(e))],et=(e,t)=>t?{left:e.endsWith("end")?"95%":e.endsWith("start")?"5%":"50%"}:{top:e.endsWith("start")?"75%":e.endsWith("end")?"25%":"50%"};function tt(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function fn(e,t,n){const o=e.split("-")[0],s=e.split("-")[1],l=t.x+t.width/2-n.width/2,a=t.y+t.height/2-n.height/2;let c={x:0,y:0};switch(o){case"top":c={x:l,y:t.y-n.height};break;case"bottom":c={x:l,y:t.y+t.height};break;case"right":c={x:t.x+t.width,y:a};break;case"left":c={x:t.x-n.width,y:a};break;default:c={x:t.x,y:t.y}}const u=o?tt(o):null;if(u!=null){const p=u==="y"?"height":"width";switch(s){case"start":c[u]=c[u]-(t[p]/2-n[p]/2);break;case"end":c[u]=c[u]+(t[p]/2-n[p]/2);break;default:}}return c}const bt={top:0,right:0,bottom:0,left:0};function Xn(e){return{...e,left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height}}function Ct(e){return{x:e.x,y:e.y,width:e.width,height:e.height,top:e.top,right:e.right,bottom:e.bottom,left:e.left,toJSON:()=>{}}}const lt=(e,t,n,o)=>{const s=n.split("-")[0],l=["top","bottom"].indexOf(s)>=0,a={top:0,right:document.documentElement.clientWidth,bottom:document.documentElement.clientHeight,left:0},c=fn(n,e,t),u=Xn({...Ct(t),...c}),p={top:a.top-u.top+bt.top,bottom:u.bottom-a.bottom+bt.bottom,left:a.left-u.left+bt.left,right:u.right-a.right+bt.right},h={x:s==="left"?-(o?.[0]??12):o?.[0]??12,y:s==="top"?-(o?.[1]??-12):o?.[1]??12};if(!l){const m=h.x;h.x=h.y*(s==="right"?1:-1),h.y=m}return Object.keys(p).forEach(m=>{const f=["right","bottom"].indexOf(m)>=0?1:-1,b=["top","bottom"].indexOf(m)>=0?"y":"x";p[m]+=h[b]*f}),p},bn=e=>{let t=e;for(;t&&t!==document.body;){const n=getComputedStyle(t);if(n.position==="fixed"||n.position==="absolute")return t;t=t.parentElement}return null},At=e=>{const t=bn(e);if(t){const n=t.getBoundingClientRect();return{top:n.top,left:n.left}}return{top:0,left:0}},Xt=e=>{const{reference:t,floating:n,placement:o,placementOrderPreference:s,customOffset:l,withoutPortal:a}=e,c=a?At(t):{top:0,left:0},u=t.getBoundingClientRect(),p=n.getBoundingClientRect(),h=o.split("-")[1],m=s||ve(o),f={};let b=!1;const x=[o].concat(m);let y="";for(let g=0;g<x.length;g+=1){const v=x[g],S=v.split("-")[0];b=["top","bottom"].indexOf(S)>=0;const A=lt(u,p,v,l),w=[],T=h==="start";let _=b?T?"right":"left":T?"bottom":"top";const P=b?"width":"height";u[P]>p[P]&&(_=se(_));const W=se(_);if(w.push(A[S]<=0),w.push(A[_]<=0,A[W]<=0),w.every(D=>D)){f.top=-A.top+window.scrollY-c.top,f.left=-A.left+window.scrollX-c.left,y=v;break}}if(!y){y=o;const g=lt(u,p,o,l);f.top=-g.top+window.scrollY-c.top,f.left=-g.left+window.scrollX-c.left}return{coordsStyle:{left:0,top:0,transform:`translate(${f.left}px, ${f.top}px)`},finalPlacement:y,coordsArrow:et(y,b)}},gn=e=>{const{reference:t,floating:n,placement:o,placementOrderPreference:s,customOffset:l,withoutPortal:a,preventComputing:c}=e,[u,p]=(0,i.useState)({style:{left:0},placement:"top"}),[h,m]=(0,i.useState)({position:"absolute",zIndex:3e3,top:0,left:0,visibility:"hidden"}),b=t!==null&&n!==null&&c!==!0,x=i.useCallback(()=>{if(b){const{coordsStyle:S,finalPlacement:A,coordsArrow:w}=Xt({reference:t,floating:n,placement:o,placementOrderPreference:s,customOffset:l,withoutPortal:a});m({position:"absolute",zIndex:3e3,...S}),p({style:w,placement:A})}},[b,t,n,o,s,l,a]),y=i.useRef(x);y.current=x;const g=i.useMemo(()=>(0,Ie.A)(()=>y.current(),100),[]),v=i.useCallback(()=>{m({position:"absolute",zIndex:3e3,top:0,left:0,visibility:"hidden"}),p({style:{left:0},placement:"top"})},[]);return i.useMemo(()=>({arrowStyles:u,floatingStyles:h,updateStyles:x,debouncedUpdateStyles:g,mutableUpdateStyles:y,resetStyles:v}),[u,h,x,g,v])};class yn{intersectionObserver;positionObserverCallback;thresholdList;constructor(t,n=1e3){this.positionObserverCallback=t,this.thresholdList=new Array(n+1).fill(0).map((o,s)=>s/n)}observe(t){this.intersectionObserver=new IntersectionObserver(this.viewportCallback.bind(this),{threshold:this.thresholdList,rootMargin:"0px 0px 0px 0px",root:document}),this.intersectionObserver.observe(t)}viewportCallback(t){const n=t[0],{target:o}=n,s=n.boundingClientRect;if(this.positionObserverCallback&&this.positionObserverCallback({x:s.left,y:s.top,target:o,outOfViewport:!n.isIntersecting,rootBounds:n.rootBounds}),n.intersectionRatio>0){this.intersectionObserver?.unobserve(o),this.intersectionObserver?.disconnect();const l={threshold:this.thresholdList,rootMargin:this.getMargins(this.constructBoxWindow(s,n.rootBounds),n.rootBounds),root:document};this.intersectionObserver=new IntersectionObserver(this.intersectionObsCallback.bind(this),l),this.intersectionObserver?.observe(o)}}intersectionObsCallback(t){const n=t[0],{target:o}=n,s=n.boundingClientRect;this.positionObserverCallback&&this.positionObserverCallback({x:s.left,y:s.top,target:o,outOfViewport:!1,rootBounds:n.rootBounds}),n.intersectionRatio===0&&(this.intersectionObserver?.unobserve(o),this.intersectionObserver?.disconnect(),this.intersectionObserver=new IntersectionObserver(this.viewportCallback.bind(this),{threshold:this.thresholdList,rootMargin:"0px 0px 0px 0px",root:document}),this.intersectionObserver?.observe(o))}disconnect(){this.intersectionObserver?.disconnect()}constructBoxWindow(t,n){const o=Math.min(Math.max(n.left,t.left),n.right-t.width),s=Math.min(Math.max(n.top,t.top),n.bottom-t.height),l=o+t.width,a=s+t.height;return{left:o,top:s,right:l,bottom:a}}getMargins(t,n){let o;n?o=n:o={top:visualViewport.offsetTop,left:visualViewport.offsetLeft,right:visualViewport.width+visualViewport.offsetLeft,bottom:visualViewport.height+visualViewport.offsetTop};const s=Math.min(-(t.top-1-o.top),0),l=Math.min(-(o.right-(t.right+1)),0),a=Math.min(-(o.bottom-(t.bottom+1)),0),c=Math.min(-(t.left-1-o.left),0);return`${s}px ${l}px ${a}px ${c}px`}}const xn=(e,t=()=>{})=>{i.useEffect(()=>{if(!!!window.IntersectionObserver||!e)return()=>{};const o=new yn(t);return o.observe(e),()=>{o.disconnect()}},[e,t])},De=(e={})=>{const t=(0,Y.b)(e,fe);(0,$.D)(t,oe,"FloatingContext");const{withoutPortal:n,withoutAnimation:o,portalDOMContainer:s,animationDuration:l,placement:a,customOffset:c,placementOrderPreference:u,onOpen:p,onClose:h,externallyControlledIsOpen:m}=t,[f,b]=i.useState(!1),x=(0,i.useMemo)(()=>m!==void 0?m:f,[m,f]),y=i.useCallback(()=>{b(!0),p?.()},[p]),g=i.useCallback(()=>{b(!1),h?.()},[h]),v=(0,he.E)({onOpen:y,onClose:g}),{setReferenceElement:S,hideTooltip:A,showTooltip:w}=v,[T,_]=i.useState(null),[P,W]=i.useState(null),[D,H]=i.useState(0),{arrowStyles:I,floatingStyles:O,mutableUpdateStyles:C,debouncedUpdateStyles:L}=gn({reference:T,floating:P,placement:a,placementOrderPreference:u,customOffset:c,withoutPortal:n});(0,i.useEffect)(()=>{requestAnimationFrame(()=>{C?.current()})},[T,C]);const X=i.useCallback(()=>{T&&requestAnimationFrame(()=>{L()})},[T,L]);xn(T,X),(0,i.useEffect)(()=>{requestAnimationFrame(()=>{C?.current()})},[x,C]);const{visibility:ie}=O,ye=x&&ie==="hidden";(0,i.useEffect)(()=>{ye&&(C?.current(),requestAnimationFrame(()=>{H(He=>He+1)}))},[ye,C,D]);const ke=(0,de.Px)(_,S),qe=i.useMemo(()=>({setReference:ke,setFloating:W,floating:P,reference:T}),[ke,P,T]),st=i.useMemo(()=>({onMouseEnter:v.onMouseEnter,onMouseLeave:v.onMouseLeave,onFocus:v.onFocus,onBlur:v.onBlur}),[v.onBlur,v.onFocus,v.onMouseEnter,v.onMouseLeave]);return(0,i.useMemo)(()=>({refs:qe,floatingStyles:O,handlers:st,isOpen:x,arrowStyles:I,hideTooltip:A,showTooltip:w,context:{withoutPortal:n,withoutAnimation:o,portalDOMContainer:s,animationDuration:l},mutableUpdateStyles:C}),[qe,O,st,x,I,A,w,n,o,s,l,C])};De.displayName="FloatingContext";const Sn=(0,B.A)(De);Sn.propTypes=oe;var An=E("./node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js"),_t=E("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),M=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),be=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/system.js"),at=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/helpers.js");const K="DSFloatingwrapper",ee={ROOT:"root",CONTENT:"content",ARROW:"arrow",ARROW_SHADOW:"arrow_shadow",ARROW_FILL:"arrow_fill"},te={...(0,at.lD)(K,ee),ROOT:"ds-floating-wrapper-root",ARROW:"ds-tooltip-arrow"},Te=(0,_t.i7)`
+    from {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+      visibility: visible;
+    }
+`,ue=(0,_t.i7)`
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: 0;
+      transform: scale(0.8);
+      visibility: hidden;
+    }
+`,Ke=(0,M.I)("div",{name:K,slot:ee.CONTENT})`
+  background-color: #fff;
+  box-shadow:
+    0 0 0 1px rgba(16, 22, 26, 0.1),
+    0 2px 4px rgba(16, 22, 26, 0.2),
+    0 8px 24px rgba(16, 22, 26, 0.2);
+
+  ${({isOpen:e,animationDuration:t,withoutAnimation:n})=>!n&&(0,be.AH)`
+      animation: ${e?Te:ue} ${t??100}ms ease-in;
+    `}
+`,Le=(0,M.I)("div",{name:K,slot:ee.ROOT})``;var ge=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propsPerSlot/getPropsPerSlotPropTypes.js"),me=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js");const dt={context:{withoutPortal:!1,animationDuration:300,withoutAnimation:!1},customOffset:[0,12]},nt={...(0,ge.Y)(K,ee),...le.P,...me.w,children:r.A.node.description("Content of the floating wrapper").isRequired,innerRef:r.A.oneOfType([r.A.object,r.A.func]).description("Ref for the floating wrapper").isRequired,isOpen:r.A.bool.description("Whether the floating wrapper is open").isRequired,floatingStyles:r.A.object.description("Style for the floating wrapper").isRequired,context:r.A.shape({portalDOMContainer:r.A.instanceOf(HTMLElement).description("The DOM element where the tooltip will be rendered.").defaultValue('the first "main" landmark available in the document or the body if no "main" is found'),withoutPortal:r.A.bool.description("Whether to render the floating wrapper without a portal"),animationDuration:r.A.number.description("Duration of the animation"),withoutAnimation:r.A.bool.description("Whether to render the floating wrapper without animation")}).description("Context for the floating wrapper"),onAnimationStartTriggered:r.A.func.description("Callback invoked when the component trigger the animation start. Required to properly position nested floating context without visual artefacts in case animations are used."),onAnimationEnd:r.A.func.description("Callback when the animation ends. Required to properly position nested floating context without visual artefacts in case animations are used."),customOffset:r.A.arrayOf(r.A.number).description("Custom offset for the floating wrapper")},qt=null,Zt=e=>{const t=i.useMemo(()=>({...dt,...e}),[e]),n=(0,N.d)(t),o=(0,F.u)(t),s=i.useMemo(()=>(0,Q.L)(5),[]);return i.useMemo(()=>({propsWithDefault:t,xstyledProps:n,instanceUid:s,globalsAttrs:o}),[t,n,s,o])},In=()=>{const e=document.querySelector("main");return e||console.error(`No "main" element found in the document. Using body instead.
+Not having a main element is usually the start of accessibility issues related to landmarks.
+If this is actually intentional, you should provide the correct DOM element to host the portal via portalDOMContainer`),e||document.body},vn=i.memo(({children:e,innerRef:t,floatingStyles:n,isOpen:o,animationDuration:s,withoutAnimation:l,handleAnimationEnd:a,xstyledProps:c,globalsAttrs:u,ownerPropsConfig:p})=>(0,d.jsx)(Le,{innerRef:t,style:n,...c,role:"complementary","data-testid":"ds-floating-wrapper-root",...u,...p,children:(0,d.jsx)(Ke,{onAnimationEnd:a,isOpen:o,animationDuration:s,withoutAnimation:l,...p,children:e})})),ct=e=>{const{propsWithDefault:t,xstyledProps:n,globalsAttrs:o}=Zt(e),{isOpen:s}=t,l=(0,G.j)(e),{context:a,onAnimationEnd:c,onAnimationStartTriggered:u,...p}=t,{portalDOMContainer:h,withoutPortal:m,withoutAnimation:f}=a,[b,x]=i.useState(!1);i.useEffect(()=>{s&&!f&&(x(!0),u?.())},[s,u,f]);const y=i.useCallback(g=>{x(!1),c&&c(g)},[c]);if(s||b){if(m===!0)return(0,d.jsx)(vn,{xstyledProps:n,globalsAttrs:o,ownerPropsConfig:l,...p,...a,handleAnimationEnd:y});if(!m)return(0,d.jsx)(d.Fragment,{children:(0,An.createPortal)((0,d.jsx)(vn,{xstyledProps:n,globalsAttrs:o,ownerPropsConfig:l,...p,...a,handleAnimationEnd:y}),h||In())})}return null};ct.displayName=K;const sr=(0,B.A)(ct);sr.propTypes=nt;var Dt=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js");const rr=(0,M.I)("div",{name:rt,slot:ft.CONTAINER})`
+  position: relative;
+  cursor: ${({disabled:e})=>e?"not-allowed":"default"};
+  cursor: ${({applyAriaDisabled:e})=>e?"not-allowed":"default"};
+  min-width: 64px;
+  ${Dt.L1}
+`,ir=(0,M.I)("div")`
+  position: relative;
+  cursor: ${({disabled:e})=>e?"not-allowed":"default"};
+  cursor: ${({applyAriaDisabled:e})=>e?"not-allowed":"default"};
+  overflow: auto;
+`;var qn=E("./node_modules/.pnpm/@elliemae+ds-truncated-tooltip-text@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-truncated-tooltip-text/dist/esm/SimpleTruncatedTooltipText.js");const Fe={CONTROLS_WRAPPER:"combobox-controls-wrapper",CONTAINER:"combobox-container",INPUT:"combobox-input",LIST:"combobox-menu-list",NO_MATCHES_FOUND:"combobox-no-matches-found",SELECTED_VALUES:"combobox-selected-values",DROPDOWN:"combobox-dropdown-btn",OPTION:"combobox-option",ALLY_SELECTED_VALUES:"combobox-ally-selected-values"},lr=(0,M.I)("input")`
+  color: transparent;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  border: none;
+  outline: none;
+  background: transparent;
+  width: 100%;
+  &:focus {
+    outline: none;
+  }
+  ${({isDisabled:e})=>e&&"cursor: not-allowed;"}
+`,ar=(0,M.I)("input",{name:rt,slot:ft.INPUT})`
+  line-height: 1rem;
+  background: transparent;
+  font-size: 1rem;
+  border: none;
+  overflow: hidden;
+  padding: 0;
+  z-index: 2;
+  outline: none;
+  color: ${e=>e.theme.colors.neutral[700]};
+  &:focus {
+    outline: none;
+  }
+  ${({withoutCaret:e})=>e&&"caret-color: transparent;"}
+  &::placeholder {
+    color: transparent;
+  }
+  ${({applyAriaDisabled:e})=>e&&"cursor: not-allowed; caret-color: transparent;"}
+`,dr=M.I.div`
+  font-style: italic;
+  color: ${e=>e.theme.colors.neutral[500]};
+  position: absolute;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  user-select: none;
+
+  line-height: 1rem;
+  font-size: 1rem;
+
+  & span::after {
+    content: '';
+    padding: 1px;
+    // solve italic font style clipping issue with overflow hidden.
+  }
+`,cr=M.I.span`
+  visibility: hidden;
+  position: absolute;
+  top: -9999px;
+  z-index: 1;
+`,ur=(0,M.I)("div")`
+  position: relative;
+  align-items: center;
+  display: flex;
+  padding-right: 1px;
+  overflow: hidden;
+`,ko=(0,M.I)("div")`
+  display: none;
+`,pr=({mutableUpdateStyles:e}={})=>{const{props:{useMask:t,onFilter:n,allOptions:o,applyAriaDisabled:s},setMenuState:l,setInputValue:a,setFocusOptionIdx:c}=(0,i.useContext)(Oe),u=(0,i.useCallback)(()=>{e&&e.current&&requestAnimationFrame(()=>{e.current()})},[e]),p=(0,i.useCallback)(f=>{s||(l(!0,"filter",f),n&&n(Ne(f.currentTarget.value,o),f.currentTarget.value),c(""),a(f.currentTarget.value),u())},[s,l,n,c,a,u,o]),h=(0,i.useCallback)((f,b)=>{l(!0,"filter",f),b&&n?n(Ne(b,o),b):!b&&n&&n(o,""),u()},[l,n,o,u]);return t({valueSetter:a,onChange:h})?.onChange||p},mr=({mutableUpdateStyles:e}={})=>{const{props:{selectedValues:t,allOptions:n,placeholder:o,onFilter:s,inline:l},setHasFocus:a,inputValue:c,setInputValue:u}=(0,i.useContext)(Oe),[p,h]=(0,i.useState)(1),m=(0,i.useRef)(null),f=!c&&(l||j(t))?o:null,b=c.replace(/\s/g,"\xA0");(0,i.useEffect)(()=>{m.current&&(m.current.style.display="block",h(m.current?.offsetWidth?m.current.offsetWidth+2:1),m.current.style.display="none")},[c]);const x=pr({mutableUpdateStyles:e}),y=(0,i.useCallback)(()=>{u(""),s&&s(n),a(!1)},[u,s,n,a]),g=(0,i.useCallback)(()=>{a(!0)},[a]);return(0,i.useMemo)(()=>({handleOnBlur:y,handleOnChange:x,handleOnFocus:g,showPlaceholder:f,spanReferenceText:b,width:p,spanReference:m}),[y,x,g,b,f,p,m])},On=e=>!["section","separator"].includes(e.type),hr=(e,t)=>e.label!==void 0&&e.label.toLowerCase().startsWith(t.toLowerCase()),fr=()=>{const{props:{allOptions:e,isNonClearable:t,onCancel:n,onKeyDown:o,onChange:s,onCreate:l,onFilter:a,onSelectAll:c,inline:u,selectedValues:p,withoutPortal:h,onlySelectable:m,applyAriaDisabled:f,readOnly:b,isMenuOpenableWithReadOnly:x},inputValue:y,correctOptions:g,menuState:v,focusOptionIdx:S,listRef:A,setMenuState:w,setInputValue:T,scrollOptionIntoView:_,setFocusOptionIdx:P}=(0,i.useContext)(ce),W=Array.isArray(p),D=V(g),H=g.findIndex(C=>C.dsId===S),I=g.find(C=>C.dsId===S);return{onInputKeyDown:(0,i.useCallback)(C=>{if(!(f||b&&!x)){if(o&&I?.type===Se.OPTION&&o(C,I),(["ArrowDown","ArrowUp","Enter","Spacebar"].includes(C.key)||/^[a-zA-Z0-9]$/.test(C.key))&&!v&&w(!0,R.OPEN,C),C.key==="Escape"&&(n&&n(),y&&(a&&a(e,y),T("")),u||w(!1,R.CLOSE,C)),!b&&C.key==="Enter"&&I?.type===Pt.CREATABLE&&l){l(y),P(""),a&&a(e,""),T("");return}if(C.key==="Enter"||C.key===" "&&C.altKey||C.key==="Tab"&&!W&&!u){if(b||I?.applyAriaDisabled)return;C.key!=="Tab"&&C.preventDefault(),C.stopPropagation(),S!==""&&(v||u)&&I?.type===Se.OPTION&&!I.disabled&&(a&&a(e,""),T(""),W||w(!1,R.SELECT_OPTION,C),s(z(I,p,t),I,C))}if(C.key==="Enter"&&C.altKey&&w(!1,"selectOption",C),C.key==="a"&&C.ctrlKey&&W&&c&&c(g.filter(L=>L.type==="option"&&!L.disabled),C),C.key==="ArrowDown"&&(C.preventDefault(),C.stopPropagation(),(v||u)&&(D.length||l))){const L=Ce(g,H,On);L>-1&&(P(g[L].dsId),_(g[L].dsId))}if(C.key==="ArrowUp"){if(C.preventDefault(),C.stopPropagation(),!D.length&&!l)return;const L=Ce(g,H===-1?0:H,On,-1);if(L>-1)if(v||u)P(g[L].dsId),_(g[L].dsId);else{w(!0,R.OPEN,C);const X=Ce(g,0,On,-1);P(g[X].dsId),setTimeout(()=>{_(g[X].dsId)})}}if(C.key==="Backspace"&&C.currentTarget.value.length<=0&&!u){if(b)return;const L=Ae(p);!C.currentTarget.value&&L&&!t&&!L.applyAriaDisabled&&s(z(L,p),L,C)}if(C.key==="Tab"&&!u&&v&&w(!1,R.BLUR,C),m&&/^[a-zA-Z\d]$/.test(C.key)){v||w(!0,R.OPEN,C);const X=Ce(g,H,ye=>On(ye)&&hr(ye,C.key));if(!g[X])return;P(g[X].dsId),_(g[X].dsId)}}},[o,I,l,W,y,u,h,w,n,a,T,A,S,v,D.length,g,H,P,p,s,t])}},br=({mutableUpdateStyles:e})=>{const{props:t,props:{autoFocus:n,inline:o,selectedValues:s,placeholder:l,disabled:a,innerRef:c,isLoading:u,onlySelectable:p,applyAriaDisabled:h,readOnly:m,...f},focusOptionIdx:b,hasFocus:x,internalRef:y,inputValue:g,setInputValue:v,menuState:S,instanceUid:A}=(0,i.useContext)(ce),{onInputKeyDown:w}=fr(),T=(0,i.useMemo)(()=>({mutableUpdateStyles:e}),[e]),{spanReference:_,width:P,spanReferenceText:W,showPlaceholder:D,handleOnBlur:H,handleOnChange:I,handleOnFocus:O}=mr(T),{getOwnerProps:C,getOwnerPropsArguments:L}=(0,G.j)(t),{tabIndex:X,id:ie,"aria-describedby":ye,...ke}=(0,F.u)(f,{onFocus:O,onBlur:H}),qe=(0,i.useMemo)(()=>ie?`${ye??""} ${ie}_current_placeholder ${ie}_feedback_message ${ie}_error_message`:ye,[ye,ie]),st=(0,i.useMemo)(()=>we(s)?`options ${s.map(Gt=>Gt.label).join(", ")} selected. ${m?"Read only":""}`:typeof s?.label=="string"?`option ${s.label} selected. ${m?"Read only":""}`:m?`${l}. Read only`:l,[l,s,m]),He=(0,i.useMemo)(()=>{if(!u&&x&&S)return b},[b,x,u,S]),Do=Gt=>{Gt.preventDefault(),v(Gt.clipboardData.getData("text/plain")),y.current?.focus()};return(0,d.jsxs)(ur,{children:[(0,d.jsx)(cr,{innerRef:_,children:W}),D&&(0,d.jsx)(dr,{"aria-hidden":"true",children:(0,d.jsx)(qn.n,{value:D})}),S===!1&&!o?(0,d.jsx)(ko,{id:`combo-listbox-${A}`}):null,(0,d.jsx)(ko,{id:`${ie}_current_placeholder`,children:st}),(0,d.jsx)(ar,{getOwnerProps:C,getOwnerPropsArguments:L,onBlur:H,onFocus:O,readOnly:m||p,...ke,id:ie,"data-testid":Fe.INPUT,autoFocus:n,placeholder:st,"aria-activedescendant":He,"aria-expanded":S,"aria-controls":`combo-listbox-${A}`,"aria-describedby":qe,"aria-autocomplete":"list",role:"combobox",disabled:a,applyAriaDisabled:h,style:{width:P},innerRef:(0,de.Px)(c,y),value:g,type:"text",onKeyDown:w,onChange:I,tabIndex:X,withoutCaret:p,autoComplete:"off","aria-readonly":m}),(0,d.jsx)(lr,{type:"text",name:"hidden",tabIndex:-1,onPaste:Do,"aria-hidden":"true",isDisabled:a||h})]})};var jo=E("./node_modules/.pnpm/@elliemae+ds-button-v2@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-button-v2/dist/esm/parts/DSButtonV2/DSButtonV2.js"),Zn=E("./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/ChevronSmallDown.js");const ut="DSCombobox",pt={ROOT:"root",INPUT_WRAPPER:"input-wrapper",INPUT:"input",DROPDOWN_BUTTON:"dropdown-button",FAST_LIST:"fast-list",SECTION_WRAPPER:"section-wrapper",SECTION_LABEL:"section-label",SINGLE_MENU_ITEM:"single-menu-item",LOADING_INDICATOR:"loading-indicator",SKELETON_MENU_ITEM:"skeleton-menu-item"},Hc=(0,at.lD)(ut,pt),gr=(0,M.I)(jo.e,{name:ut,slot:pt.DROPDOWN_BUTTON})`
+  &:focus::after {
+    border: none;
+  }
+  &:hover:not(:disabled) {
+    background-color: transparent;
+  }
+
+  & svg {
+    fill: ${({theme:e,disabled:t,readOnly:n,applyAriaDisabled:o})=>t||n||o?e.colors.neutral[400]:e.colors.brand[600]};
+  }
+
+  ${({applyAriaDisabled:e})=>e&&"cursor: not-allowed"}
+`,yr=()=>{const{props:e,props:{disabled:t,applyAriaDisabled:n,readOnly:o,isMenuOpenableWithReadOnly:s},menuState:l,instanceUid:a}=(0,i.useContext)(Oe),{getOwnerProps:c,getOwnerPropsArguments:u}=(0,G.j)(e),p=(0,i.useCallback)(h=>{h.preventDefault()},[]);return(0,d.jsx)(gr,{getOwnerProps:c,getOwnerPropsArguments:u,onClick:p,"data-testid":Fe.DROPDOWN,"aria-controls":`combo-listbox-${a}`,"aria-labelledby":"combo-label",disabled:t,"aria-disabled":o&&!s,"aria-expanded":l,"aria-haspopup":"listbox","aria-hidden":!0,buttonType:"icon",tabIndex:-1,size:"s",applyAriaDisabled:n,children:(0,d.jsx)(Zn.A,{size:"s"})})};var J=E("./node_modules/.pnpm/@elliemae+ds-grid@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),No=E("./node_modules/.pnpm/@elliemae+ds-button-v2@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-button-v2/dist/esm/parts/DSButtonV3/react-desc-prop-types.js");const Jt="DSMenubutton",ot={SEPARATOR:"separator",ACTIVABLE_ITEM:"activable-item",ACTIVABLE_WITH_SUBMENU_ITEM:"activable-with-submenu-item",SKELETON_ITEM:"skeleton-item",MULTIPLE_SELECT_ITEM:"multiple-select-item",MULTIPLE_SELECT_WITH_SUBMENU_ITEM:"multiple-select-with-submenu-item",WITH_SUBMENU_ITEM:"with-submenu-item",SINGLE_SELECT_ITEM:"single-select-item",SINGLE_SELECT_WITH_SUBMENU_ITEM:"single-select-with-submenu-item",GROUP:"group"},Jn={ROOT:"root"},xr=(0,at.lD)(Jt,Jn),wn={onClickOutside:()=>null,onOptionClick:()=>null,openedSubmenus:{},onSubmenuToggle:()=>null,isLoading:!1,isSkeleton:!1,maxHeight:"256px"},Wo={onItemSelected:r.A.func.description("IoC function in charge of handling the selection of a menu item, required if the menu has selectionable items").signature(`((
+      newSelection: DSMenuButtonT.PseudoFocusableMenuNodes[],
+      metainfo: { itemNode: DSMenuButtonT.PseudoFocusableMenuNodes; event?: React.SyntheticEvent },
+    ) => void)`),onActivateItem:r.A.func.description("IoC function in charge of handling the activation (NOT INVOKED ON SELECTION) of a menu item, required if the menu has activable items").signature(`((
+      itemNode: DSMenuButtonT.PseudoFocusableMenuNodes,
+      metainfo: { itemNode: DSMenuButtonT.PseudoFocusableMenuNodes; event?: React.SyntheticEvent },
+    ) => void)`),onOpen:r.A.func.description("function triggered when the widget opens the menu").signature("(()=>void)"),onClose:r.A.func.description("function triggered when the widget closes the menu").signature("(()=>void)"),onDisplayedSubmenuChange:r.A.func.description("function triggered when the widget's closes or opens a submenu").signature(`((
+      newOpenedItems: DSMenuButtonT.PseudoFocusableMenuNodes[],
+      metainfo: { itemNode: DSMenuButtonT.PseudoFocusableMenuNodes; event?: React.SyntheticEvent },
+    ) => void)`)},Qn={ItemRenderer:r.A.node.description("Component to be used to render the items"),onClickOutside:r.A.func.description("Callback executed when you click outside the dropdown menu, or press the Esc key").defaultValue(()=>null),onOptionClick:r.A.func.description("Callback triggered when an item is clicked or pressed. We provide the next selected options, the clicked option and the event, in that order").defaultValue(()=>null),openedSubmenus:r.A.object.description("Object with the ids of the submenus as keys, and booleans as keys. Represents the state of the current opened submenus").defaultValue({}),onSubmenuToggle:r.A.func.description("Callback triggered when a submenu is opened or closed.").signature("((nextOpenedSubmenus: Record<string, boolean>, submenu: Item, e: React.MouseEvent | React.KeyboardEvent) => void)").defaultValue(()=>null),isLoading:r.A.bool.description("Whether the flyout menu should render the loading indicator").defaultValue(!1),isSkeleton:r.A.bool.description("Whether the flyout menu should render the skeleton").defaultValue(!1),maxHeight:r.A.oneOfType([r.A.string,r.A.number]).description("The maximum height of the flyout menu").defaultValue("256px")},eo={options:r.A.oneOfType([r.A.array,r.A.object]).description("Array of options to display in the menu or a DSTree node to build branches from").isRequired,selectedItems:r.A.arrayOf(r.A.object).description("an array of tree-nodes or tree-items that have to be marked as selected in the GUI, required if the menu has selectionable items"),...No.t,...Wo,...Qn,...(0,ge.Y)(Jt,Jn)},Sr=eo,$e=e=>{const t=e;return typeof e=="object"&&e!==null&&typeof t.plainItem=="object"&&t.plainItem?.type!==void 0&&t.dsId!==void 0},to=e=>$e(e)&&e.plainItem?.type===ot.ACTIVABLE_ITEM,Lo=e=>$e(e)&&e.plainItem?.type===ot.SKELETON_ITEM,no=e=>$e(e)&&e.plainItem?.type===ot.MULTIPLE_SELECT_ITEM,It=e=>$e(e)&&e.plainItem?.type===ot.MULTIPLE_SELECT_WITH_SUBMENU_ITEM,Rt=e=>no(e)||It(e),Fo=e=>$e(e)&&e.plainItem?.type===ot.SINGLE_SELECT_ITEM,Tn=e=>$e(e)&&e.plainItem?.type===ot.SINGLE_SELECT_WITH_SUBMENU_ITEM,En=e=>Fo(e)||Tn(e),Qt=e=>Rt(e)||En(e),Uc=e=>e.flatten().filter(Qt),Mn=e=>$e(e)&&e.plainItem?.type===ot.WITH_SUBMENU_ITEM,$o=e=>Tn(e)||It(e),oo=e=>$e(e)&&e.plainItem?.type===ot.ACTIVABLE_WITH_SUBMENU_ITEM,mt=e=>Mn(e)||$o(e)||oo(e),zc=e=>e.flatten().filter(mt),kt=e=>Qt(e)||to(e)||mt(e)||Lo(e),Ar=e=>e.flatten().filter(kt),Ir=e=>$e(e)&&e.plainItem?.type===ot.SEPARATOR,jt=e=>$e(e)&&e.plainItem?.type===ot.GROUP,en=e=>$e(e)&&e.plainItem?.type==="ROOT_ITEM",so=e=>en(e)||mt(e)||jt(e)||Tn(e)||It(e)||oo(e);var vr=E("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/cloneDeep.js");class Pn{dsId;childIndex;depth;plainItem;plainChildren;parent;children;tree;_hash;constructor(t,{childIndex:n,depth:o,parent:s,tree:l}){this.dsId=l.getUniqueId(t),this.childIndex=n,this.depth=o,this.parent=s??null,this.tree=l,this._hash=0,this.children=[],this.plainChildren=[],(t.subitems??[]).forEach((c,u)=>{this.plainChildren.push(this.getCleanItem(c)),this.children.push(new Pn(c,{childIndex:u,depth:o+1,parent:this,tree:l}))}),this.plainItem=this.getCleanItem(t)}fixChildIndexes=()=>{for(let t=0;t<this.children.length;t+=1)this.children[t].childIndex=t;this._hash+=1};getCleanItem=t=>{const{subitems:n,...o}=t;return(0,vr.A)(o)};get hash(){return this._hash}walk=t=>{if(t(this))for(const o of this.children)o.walk(t)};walkParents=t=>{t(this)&&this.parent&&this.parent.walkParents(t)};findNode=t=>{let n=null;return this.walk(o=>n?!1:(t(o)&&(n=o),!n)),n};findAllNodes=t=>{const n=[];return this.walk(o=>(t(o)&&n.push(o),!0)),n};flatten=()=>{const t=[];return this.walk(n=>(t.push(n),!0)),t};getPath=t=>{const n=[],o=this.tree.getNode(t);return o?(o.walkParents(s=>(n.push(s),s.dsId!==this.dsId)),n.reverse()):n};getPathIds=t=>this.getPath(t).map(n=>n.dsId);getJson=()=>({...this.plainItem,subitems:this.children?.map?.(t=>t.getJson())??void 0});addNode=t=>{const n=t.childIndex;if(n<0||n>this.children.length)throw new Error(`Invalid position ${n} for parent ${this.dsId} with item ${t.dsId}`);this.children.splice(n,0,t),this.fixChildIndexes(),t.walk(o=>(this.tree.addNodeToNodesDictionary(o),!0)),this._hash+=1};removeNode=()=>{if(!this.parent)throw new Error(`Cannot remove root node with id ${this.dsId}`);this.parent.children.splice(this.childIndex,1),this.parent.fixChildIndexes(),this.walk(t=>(this.tree.removeNodeFromNodesDictionary(t),!0)),this._hash+=1}}class Or{root;_hash;nodes;getUniqueId;constructor(t,n){this.getUniqueId=n.getUniqueId,this.root=new Pn(t,{childIndex:0,depth:0,tree:this}),this.nodes={},this._hash=0,this.root.walk(o=>(this.nodes[o.dsId]=o,!0))}addNodeToNodesDictionary(t){if(this.nodes[t.dsId])throw new Error(`DSTree: repeated dsId ${t.dsId}`);this.nodes[t.dsId]=t}removeNodeFromNodesDictionary(t){delete this.nodes[t.dsId]}get hash(){return this._hash}getRoot=()=>this.root;getNode=t=>this.nodes[t];getNodes=()=>this.nodes;walk=t=>{this.root.walk(t)};walkParents=t=>{this.root.walkParents(t)};findNode=t=>this.root.findNode(t);findAllNodes=t=>this.root.findAllNodes(t);flatten=()=>this.root.flatten();addNode=(t,n={})=>{const{position:o,parent:s,callback:l}=n,a=s||this.root,c=o??a.children.length,u=new Pn(t,{childIndex:c,depth:a.depth+1,parent:a,tree:this});return this.getNode(a.dsId).addNode(u),this._hash+=1,l?.(u,this),u};removeNode=(t,n={})=>{const o=this.getNode(t);if(!o)throw new Error(`Node with id ${t} not found`);return o.removeNode(),this._hash+=1,n.callback?.(o,this),o};moveNode=(t,n={})=>{const o=this.removeNode(t),s=this.addNode(o.getJson(),n);return this._hash+=1,s};replaceNode=(t,n,o={})=>{const s=this.removeNode(t),l=this.addNode(n,{parent:s.parent,position:s.childIndex});return this._hash+=1,o.callback?.(l,this),l};getPath=t=>this.getRoot().getPath(t);getPathIds=t=>this.getRoot().getPathIds(t)}const Vo={dsId:r.A.oneOfType([r.A.string,r.A.number]).description("Id of the root item."),label:r.A.string.description("Item label."),"[key]":r.A.string.description("Any custom key you want to add to the item.")},wr={rootItem:r.A.shape({...Vo,subitems:r.A.arrayOf(r.A.shape(Vo)).description("Array of subitems. Each subitem can also have subitems.")}).description("First parameter.").isRequired,opts:r.A.shape({getUniqueId:r.A.func.signature("(item) => string | number").description("Callback to get the id of each item.").isRequired}).description("Second parameter.").isRequired},Tr={hash:r.A.number.description("Tree hash value."),getRoot:r.A.func.signature("() => rootItem").description("Callback to get the root item."),getNode:r.A.func.signature("(id: string | number) => item").description("Callback to get an item by id."),walk:r.A.func.signature("(callback: (item: FirstParameter) => boolean) => void").description("Callback applied to each item to determine whether to continue walking or not."),walkParents:r.A.func.signature("(callback: (item: FirstParameter) => boolean) => void").description("Callback applied to each item to determine whether to continue walking the item's parents or not."),findNode:r.A.func.signature("(callback: (item: FirstParameter) => boolean) => FirstParameter | null").description("Callback to find an item that matches the condition."),findAllNodes:r.A.func.signature("(callback: (item: FirstParameter) => boolean) => FirstParameter[]").description("Callback to find all the items that matches the condition."),flatten:r.A.func.signature("() => item[]").description("Returns an array of hte tree items."),addNode:r.A.func.signature("(item: FirstParameter, options?: AddOptions<FirstParameter> | undefined) => FirstParameter").description("Adds an item to the tree."),removeNode:r.A.func.signature("(id: string, options?: RemoveOptions<FirstParameter> | undefined) => FirstParameter").description("Removes an item from the tree."),moveNode:r.A.func.signature("(id: string, options?: MoveOptions<FirstParameter> | undefined) => FirstParameter").description("Move an item within the tree."),replaceNode:r.A.func.signature("id: string, item: FirstParameter, options?: MutateOptions<FirstParameter> | undefined) => FirstParameter").description("Replace a noe within the tree."),getPath:r.A.func.signature("(id: string | number) => FirstParameter[]").description("Get the path to an item given the item's id."),getPathIds:r.A.func.signature("(id: string | number) => (string | number)[]").description("Get the path ids to an item given the item's id.")},ro=(e,t)=>{const n=(0,i.useMemo)(()=>new Or(e,t),[t,e]),[o,s]=(0,i.useState)(n.hash),l=(0,i.useCallback)((p,h)=>{const m=(f,b)=>{h?.callback?.(f,b),s(b.hash)};return n.addNode(p,{...h,callback:m})},[n]),a=(0,i.useCallback)((p,h)=>{const m=(f,b)=>{h?.callback?.(f,b),s(b.hash)};return n.removeNode(p,{...h,callback:m})},[n]),c=(0,i.useCallback)((p,h)=>{const m=(f,b)=>{h?.callback?.(f,b),s(b.hash)};return n.moveNode(p,{...h,callback:m})},[n]),u=(0,i.useCallback)((p,h,m)=>{const f=(b,x)=>{m?.callback?.(b,x),s(x.hash)};return n.replaceNode(p,h,{...m,callback:f})},[n]);return{hash:o,getRoot:n.getRoot,getNode:n.getNode,walk:n.walk,walkParents:n.walkParents,findNode:n.findNode,findAllNodes:n.findAllNodes,flatten:n.flatten,addNode:l,removeNode:a,moveNode:c,replaceNode:u,getPath:n.getPath,getPathIds:n.getPathIds}};ro.displayName="useDSTree";const Bo=(0,B.A)(ro);Bo.propTypes=wr,Bo.returnType=Tr;const Er={getUniqueId:e=>e.dsId},Mr=({options:e,instanceUid:t,propsWithDefault:n})=>{const{maxHeight:o}=n||wn,s=i.useMemo(()=>({dsId:`root-${t}`,type:"ROOT_ITEM",subitems:e,maxHeight:o}),[t,o,e]);return ro(s,Er)},Ho=(e,t)=>{typeof e=="function"&&e(t),"current"in e&&(e.current=t)},Pr=(e,t)=>{const n=[];return e.forEach(o=>{if(!!$e(o)){n.push(o);return}const{dsId:l}=o,a=t.findNode(c=>c.dsId===l);if(!a)throw new Error(`Selected option with dsId ${l} not found in the menu tree.`);if(!Qt(a)){console.warn(`Selected option with dsId ${l} is not a selectionable node and will be ignored.`);return}n.push(a)}),n},Cr=({propsWithDefault:e,focusableNodes:t,treeRootNode:n})=>{const o=i.useRef(null),{options:s,onClickOutside:l,onOptionClick:a,openedSubmenus:c,onSubmenuToggle:u,isLoading:p,isSkeleton:h,ItemRenderer:m,innerRef:f,selectedItems:b,onDisplayedSubmenuChange:x,onItemSelected:y,onActivateItem:g,onOpen:v,onClose:S,maxHeight:A,...w}=e,T=i.useCallback(W=>{o.current=W,f&&Ho(f,W)},[f]),_=i.useMemo(()=>b?Pr(b,n):[],[b,n]),P=i.useMemo(()=>({options:s,onClickOutside:l,onOptionClick:a,openedSubmenus:c,onSubmenuToggle:u,isLoading:p,isSkeleton:h,ItemRenderer:m}),[s,l,a,c,u,p,h,m]);return i.useMemo(()=>({menuBehaviouralLayerProps:{buttonDOMNodeRef:o,selectedNodes:_,focusableNodes:t,optionsTree:n,onDisplayedSubmenuChange:x,onItemSelected:y,onActivateItem:g,onOpen:v,onClose:S},opinionatedButtonProps:{...w,innerRef:T,menuSpecificProps:P}}),[_,t,n,x,y,g,v,S,w,T,P])},_r=(e,t)=>{(0,$.D)(e,t,Jt)},Dr=e=>{const t=(0,Y.b)(e,wn);_r(t,eo);const n=(0,N.d)(t),o=i.useMemo(()=>`menu-button${(0,Q.L)(5)}`,[]),{options:s}=t,l=Array.isArray(s)?s:[],a=Mr({options:l,instanceUid:o,propsWithDefault:t}).getRoot(),c=i.useMemo(()=>Array.isArray(s)?a:s,[s,a]),u=i.useMemo(()=>Ar(c),[c]),p=Cr({propsWithDefault:t,focusableNodes:u,treeRootNode:c});return i.useMemo(()=>({propsWithDefault:t,xstyledProps:n,instanceUid:o,...p}),[t,n,o,p])};var Rr=E("./node_modules/.pnpm/@elliemae+ds-button-v2@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-button-v2/dist/esm/parts/DSButtonV3/DSButtonV3.js"),kr=E("./node_modules/.pnpm/@elliemae+ds-button-v2@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-button-v2/dist/esm/parts/SharedButtonBaseline/react-desc-prop-types.js");const tn="DSOpinionatedbutton",Gc={},io={ROOT:"root"},Kc=(0,at.lD)(tn,io),jr={...kr.G},Uo={...(0,ge.Y)(tn,io),...No.t,menuSpecificProps:r.A.shape(Qn).description("Props for the main flyout menu").isRequired,innerRef:r.A.func.description("Ref callback for the button, if not provided how is the flyout menu being positioned?").isRequired},Nr={},Ve=(0,i.createContext)(Nr);var Xc=null;const zo="DSMenubehaviouralcontextprovider",ne={TRIGGER:"trigger",ITEM_BY_DSID:e=>`item-${e}`,RESET:""},Wr=({propsWithDefault:e,floatingContext:t})=>{const{focusRegion:n,isMenuOpen:o,onOpinionatedOpen:s,onOpinionatedClose:l,trackFocusTrigger:a}=i.useContext(Ve),{onClick:c,onFocus:u,innerRef:p,onKeyDown:h}=e,{refs:{setReference:m}}=t,f=i.useRef(n);f.current=n;const b=i.useRef(o);b.current=o;const x=i.useCallback((S,...A)=>{c&&c(S,...A),b.current?l():s()},[c,l,s]),y=i.useCallback((S,...A)=>{f.current!==ne.TRIGGER&&a(),u&&u(S,...A)},[u,a]),g=i.useCallback(S=>{m(S),p&&Ho(p,S),setTimeout(()=>{f.current===ne.TRIGGER&&S&&S.focus()})},[p,m]),v=i.useCallback((S,...A)=>{S.key==="ArrowDown"&&s(),S.key==="ArrowUp"&&s({focusLastChild:!0}),S.key==="Escape"&&l(),h&&h(S,...A)},[h,s,l]);return i.useMemo(()=>({handleTriggerKeyDown:v,handleOnClick:x,handleOnFocus:y,handleFocusIfTriggerIsFocusRegion:g}),[g,x,y,v])},Lr=(e,t)=>{(0,$.D)(e,t,tn)},Go=["bottom-start","bottom-end","bottom","right-start","right-start","right","left-start","left-end","left","top-start","top-end","top"],Fr=(e,t)=>{const n=i.useMemo(()=>({...jr,...e}),[e]);Lr(n,Uo);const o=i.useMemo(()=>`ds-opinionated-button-${(0,Q.L)(5)}`,[]),s=De({placement:Go[0],placementOrderPreference:Go,animationDuration:100,customOffset:[0,0],externallyControlledIsOpen:t.isMenuOpen}),l=Wr({propsWithDefault:n,floatingContext:s});return i.useMemo(()=>({propsWithDefault:n,instanceUid:o,eventsHandlers:l,floatingContext:s}),[n,o,l,s])},pe="DSMenuitem",Be={MENU_ITEM_WRAPPER:"menu-item-wrapper",MENU_ITEM_LABEL:"menu-item-label",MENU_ITEM_SECONDARY_LABEL:"menu-item-secondary-label",MENU_ITEM_ICON:"menu-item-icon",MENU_ITEM_ELLIPSIS_BUTTON:"menu-item-ellipsis-button",MENU_ITEM_CONTENT:"menu-item-content",MENU_ITEM_SEPARATOR:"menu-item-separator",MENU_ITEM_SEPARATOR_WRAPPER:"menu-item-separator-wrapper",MENU_ITEM_GROUP_LABEL:"menu-item-group-label",MENU_ITEM_SECTION_WRAPPER:"menu-item-section-wrapper",MENU_ITEM_VERTICAL_SEPARATOR:"menu-item-vertical-separator",MENU_ITEM_CONTENT_WRAPPER:"menu-item-content-wrapper"},lo=()=>(0,be.AH)`
+  :after {
+    display: block;
+    content: ' ';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 1px solid ${({theme:e})=>e.colors.brand[500]};
+    pointer-events: none;
+    z-index: 7;
+  }
+`,ao=()=>(0,be.AH)`
+  color: ${({theme:e})=>e.colors.neutral[500]};
+  :hover {
+    color: ${({theme:e})=>e.colors.neutral[600]};
+    // lets target the label to controll the checkbox for multi select menu item.
+    label {
+      color: ${({theme:e})=>e.colors.neutral[600]};
+    }
+  }
+  cursor: not-allowed;
+  * {
+    cursor: not-allowed;
+  }
+`,Ee=(0,M.I)("li",{name:pe,slot:Be.MENU_ITEM_WRAPPER})`
+  cursor: pointer;
+  min-height: 32px;
+
+  padding-left: 16px;
+  padding-right: 16px;
+  display: grid;
+  align-items: center;
+  list-style: none;
+  position: relative;
+
+  ${e=>e.isActive?lo():""};
+
+  ${e=>e.disabled||e.applyAriaDisabled?ao():""};
+
+  background-color: ${e=>e.isActive?e.theme.colors.brand[200]:e.theme.colors.neutral["000"]};
+
+  // focus style for standalone version
+  &:focus {
+    ${e=>e.disabled?ao():e.disabled?"":lo()};
+    outline: none;
+    background-color: ${e=>e.disabled?e.theme.colors.neutral["000"]:e.theme.colors.brand[200]};
+  }
+  &:hover {
+    background-color: ${e=>(!e.disabled||!e.applyAriaDisabled||!e.readOnly)&&e.theme.colors.brand[200]};
+  }
+
+  &[aria-disabled='true'] {
+    ${ao()}
+  }
+
+  ${Dt.L1}
+`,Ye=(0,M.I)("span",{name:pe,slot:Be.MENU_ITEM_LABEL})`
+  padding: 8px 0;
+  font-size: 1rem;
+`,Xe=(0,M.I)("span",{name:pe,slot:Be.MENU_ITEM_SECONDARY_LABEL})`
+  padding: 8px 0;
+  font-size: 0.8462rem;
+  font-style: italic;
+  color: ${e=>e.disabled?e.theme.colors.neutral[500]:e.theme.colors.brand[800]};
+  text-align: right;
+`,Ko=(0,M.I)("div",{name:pe,slot:Be.MENU_ITEM_ICON})`
+  width: 25px;
+  height: 24px;
+  display: grid;
+  grid-template-columns: min-content auto;
+  place-items: center;
+`,Yo=(0,M.I)("div",{name:pe,slot:Be.MENU_ITEM_ELLIPSIS_BUTTON})`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-items: center;
+  background: transparent;
+  :active {
+    ${e=>e.disabled||e.applyAriaDisabled?"":lo()}
+  }
+`,$r=(0,M.I)("div",{name:pe,slot:Be.MENU_ITEM_CONTENT})`
+  display: flex;
+  width: 100%;
+  margin: 8px 0px;
+`,Xo=(0,M.I)("hr",{name:pe,slot:Be.MENU_ITEM_SEPARATOR})`
+  border: 0;
+  border-top: 1px solid #697489;
+  margin: 4px 0px;
+  padding: 0;
+`,qo=(0,M.I)("li",{name:pe,slot:Be.MENU_ITEM_SEPARATOR_WRAPPER})`
+  list-style: none;
+  padding: 0px 16px;
+
+  ${Dt.L1}
+`,Zo=(0,M.I)("span",{name:pe,slot:Be.MENU_ITEM_GROUP_LABEL})`
+  font-size: 1rem;
+  color: neutral-500;
+`,Vr=(0,M.I)("li",{name:pe,slot:Be.MENU_ITEM_SECTION_WRAPPER})`
+  list-style: none;
+  padding: 0px 16px;
+  min-height: 24px;
+  display: flex;
+  align-items: center;
+
+  ${Dt.L1}
+`,Jo=(0,M.I)("div",{name:pe,slot:Be.MENU_ITEM_VERTICAL_SEPARATOR})`
+  width: 1px;
+  height: 18px;
+  background-color: neutral-300;
+`,Re=(0,M.I)(J.Ay,{name:pe,slot:Be.MENU_ITEM_CONTENT_WRAPPER})``;var Qo=E("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/throttle.js");const gt=(0,Qo.A)(e=>{e.focus()},10,{leading:!1,trailing:!0}),Br=({itemNode:e})=>{const{dsId:t,plainItem:n}=e,{label:o,secondaryLabel:s,leftDecoration:l,minWidth:a,disabled:c}=n,{focusRegion:u,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:p,handleFocusableMenuItemClick:h,handleFocusableMenuItemOnMouseEnter:m,handleFocusableMenuItemNativeFocusEvent:f}}=i.useContext(Ve),b=i.useMemo(()=>{const w=l?["min-content","auto"]:["auto"];return s&&w.push("auto"),w},[l,s]),x=i.useRef(u);x.current=u;const y=u===ne.ITEM_BY_DSID(t),g=i.useCallback(w=>{w&&u===ne.ITEM_BY_DSID(t)&&gt(w)},[t,u]),v=i.useCallback(()=>{m(e)},[m,e]),S=i.useCallback(w=>{f(e,w)},[f,e]),A=`ds-menu-item-${`${t}`.replace(/\s/g,"")}`;return(0,d.jsx)(Ee,{innerRef:g,onKeyDown:p,onClick:h,onMouseEnter:v,onFocus:S,as:"div",id:`${A}`,role:"menuitem",tabIndex:y?0:-1,"aria-disabled":c,applyAriaDisabled:c,children:(0,d.jsxs)(Re,{cols:b,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:a??void 0,children:[l?(0,d.jsx)(l,{}):null,(0,d.jsx)(Ye,{children:o}),s!==void 0&&(0,d.jsx)(Xe,{disabled:c,children:s})]})})},es=["right-start","right-start","right","left-start","left-end","left"],Hr=({itemNode:e,FlyoutMenuCircularDepInject:t})=>{const{dsId:n,plainItem:o}=e,{label:s,secondaryLabel:l,leftDecoration:a,minWidth:c,disabled:u}=o,{focusRegion:p,openedSubItems:h,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:m,handleFocusableMenuItemClick:f,handleFocusableMenuItemOnMouseEnter:b,handleFocusableMenuItemNativeFocusEvent:x}}=i.useContext(Ve),y=i.useMemo(()=>{const D=a?["min-content","auto"]:["auto"];return l&&D.push("auto"),D},[a,l]),g=i.useRef(p);g.current=p;const v=h.some(D=>D.dsId===n),S=p===ne.ITEM_BY_DSID(n),A=De({placement:es[0],placementOrderPreference:es,animationDuration:100,customOffset:[0,0],externallyControlledIsOpen:v}),{refs:{setReference:w}}=A,T=i.useCallback(D=>{w(D),D&&p===ne.ITEM_BY_DSID(n)&&gt(D)},[n,p,w]),_=i.useCallback(()=>{b(e)},[b,e]),P=i.useCallback(D=>{x(e,D)},[x,e]),W=`ds-menu-item-${`${n}`.replace(/\s/g,"")}`;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ee,{innerRef:T,onKeyDown:m,onClick:f,onMouseEnter:_,onFocus:P,as:"div",id:`${W}`,tabIndex:S?0:-1,role:"menuitem","aria-controls":v?e.plainChildren.map(D=>`ds-menu-item-${`${D.dsId}`.replace(/\s/g,"")}`).join(" "):void 0,"aria-haspopup":"menu","aria-expanded":v,"aria-disabled":u,applyAriaDisabled:u,children:(0,d.jsxs)(Re,{cols:y,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:c??void 0,children:[a?(0,d.jsx)(a,{}):null,(0,d.jsx)(Ye,{children:s}),l!==void 0&&(0,d.jsx)(Xe,{disabled:u,children:l})]})}),(0,d.jsx)(t,{isMenuOpen:v,floatingContext:A.context,floatingStyles:A.floatingStyles,setFloatingRef:A.refs.setFloating,itemNode:e})]})};var Cn=E("./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/createIcon.js"),_n=(0,Cn.w)({paths:["M7.5 12.875L4.625 10l-.875.875 3.75 3.75 8.75-8.75L15.375 5z"],height:20,width:20});const Ur=i.memo(({isSelected:e})=>(0,d.jsx)(J.Ay,{width:"16px",children:e?(0,d.jsx)(_n,{size:"s",color:["brand-primary","600"]}):(0,d.jsx)("div",{})})),zr=({itemNode:e})=>{const{dsId:t,plainItem:n}=e,{label:o,secondaryLabel:s,leftDecoration:l,minWidth:a,disabled:c}=n,{focusRegion:u,propsWithDefault:p,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:h,handleFocusableMenuItemClick:m,handleFocusableMenuItemOnMouseEnter:f,handleFocusableMenuItemNativeFocusEvent:b}}=i.useContext(Ve),{selectedNodes:x}=p,y=i.useMemo(()=>{const P=l?["min-content","min-content","auto"]:["min-content","auto"];return s&&P.push("auto"),P},[l,s]),g=i.useRef(u);g.current=u;const v=u===ne.ITEM_BY_DSID(t),S=x.some(P=>P.dsId===t),A=i.useCallback(P=>{P&&u===ne.ITEM_BY_DSID(t)&&gt(P)},[t,u]),w=i.useCallback(()=>{f(e)},[f,e]),T=i.useCallback(P=>{b(e,P)},[b,e]),_=`ds-menu-item-${`${t}`.replace(/\s/g,"")}`;return(0,d.jsx)(Ee,{innerRef:A,onKeyDown:h,onClick:m,onMouseEnter:w,onFocus:T,as:"div",id:`${_}`,tabIndex:v?0:-1,role:"menuitemcheckbox","aria-checked":S,"aria-disabled":c,applyAriaDisabled:c,children:(0,d.jsxs)(Re,{cols:y,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:a??void 0,children:[(0,d.jsx)(Ur,{isSelected:S}),l?(0,d.jsx)(l,{}):null,(0,d.jsx)(Ye,{children:o}),s!==void 0&&(0,d.jsx)(Xe,{disabled:c,children:s})]})})};var Gr=(0,Cn.w)({paths:["M20.5 22h-1.9229c-.2763 0-.5-.2236-.5-.5s.2237-.5.5-.5H20.5a.501.501 0 00.5-.5v-16c0-.2759-.2246-.5-.5-.5h-2c-.2764 0-.5-.2236-.5-.5s.2236-.5.5-.5h2c.8271 0 1.5.6729 1.5 1.5v16c0 .8271-.6729 1.5-1.5 1.5zm-15.5767-.5c0-.2764-.2236-.5-.5-.5H2.5a.5007.5007 0 01-.5-.5v-16c0-.2759.2241-.5.5-.5h2c.2764 0 .5-.2236.5-.5S4.7764 3 4.5 3h-2C1.6729 3 1 3.6729 1 4.5v16c0 .8271.6729 1.5 1.5 1.5h1.9233c.2764 0 .5-.2236.5-.5zM16 12.5c0-.275-.225-.5-.5-.5h-7c-.275 0-.5.225-.5.5s.225.5.5.5h7c.275 0 .5-.225.5-.5z"],height:24,width:24}),co=(0,Cn.w)({paths:["M12 10.5a.503.503 0 0 0-.109-.313l-4-5a.5013.5013 0 0 0-.703-.078c-.214.173-.25.488-.078.703l3.75 4.688-3.75 4.688c-.172.218-.136.531.078.703.216.172.53.138.703-.078l4-5A.501.501 0 0 0 12 10.5z"],height:20,width:20});const Dn={PARENT_NOT_GROUP:new Error("Tree structure violation: parent node of single-selectionable node MUST ALWAYS be a single select group node"),GROUP_WITHOUT_PARENT:new Error("Tree structure violation: single select group node has no parent"),NODE_CANNOT_HAVE_CHILDREN:new Error("Tree structure violation: node cannot have children")},uo={TRYING_TO_FOCUS_NON_FOCUSABLE_NODE:new Error("Behavioural violation: trying to focus a non-focusable node"),TRYING_TO_OPEN_SUBMENU_OF_NODE_WITHOUT_SUBMENU:new Error("Behavioural violation: trying to open submenu of node without submenu")},Nt={FOCUSED_ITEM_NODE_NOT_SET:new Error("Internal error: focused item node not set"),FOCUSED_ITEM_HAS_NO_PARENT:new Error("Internal error: focused item has no parent node (is root?)"),NODE_WITHOUT_PARENT:new Error("Internal error: the node has no parent"),CALCULATING_MULTI_SELECTION_OF_NON_MULTI_SELECTION_NODE:new Error("Internal error: the node is not multi-selectable or wrongly recognized as non-multi-selectable")},nn=e=>{const t=[];return e.walkParents(n=>(n.dsId===e.dsId||mt(n)&&t.push(n),!0)),t.reverse()},Rn=e=>{const{parent:t}=e;if(!t)throw console.log("getFocusableSiblingsList > itemNode",e),Nt.NODE_WITHOUT_PARENT;if(!so(t))throw console.log("parentNode",t),console.log("itemNode",e),Dn.NODE_CANNOT_HAVE_CHILDREN;const n=[];let o=t;if(jt(t)){if(!t.parent)throw Dn.GROUP_WITHOUT_PARENT;o=t.parent}return o.children.forEach(s=>{kt(s)&&n.push(s),jt(s)&&s.children.forEach(l=>{kt(l)&&n.push(l)})}),n},Kr=e=>{const t=[];return e.walk(n=>(En(n)&&t.push(n.dsId),!0)),t},Yr=e=>{let t;const n=[],o=[];if(e.walkParents(s=>{if(s.dsId===e.dsId)return!0;const l=s;return jt(l)?(t=l,o.push(t),!0):($o(l)&&n.push(l),!0)}),!t)throw console.log("node:",e),console.log("parent:",e.parent),Dn.PARENT_NOT_GROUP;return{oldestGroup:t,selectionableParentsWithSubmenu:n,groupParents:o}},Xr=e=>{const t=[],n=[];return e.walk(o=>{if(o.dsId===e.dsId)return!0;const s=o;return Qt(s)&&(t.push(s),Rt(s)&&n.push(s)),!0}),{selectionableChilrens:t,multiSelectionableChilrens:n}},kn=({itemNode:e,selectedNodes:t})=>{if(t.length===0)return!1;const{multiSelectionableChilrens:n}=Xr(e),o=[];let s=!1;return t.forEach(l=>{l.dsId===e.dsId&&(s=!0),Rt(l)&&n.some(a=>a.dsId===l.dsId)&&o.push(l)}),s?n.length===0?!0:o.length===0?!1:o.length!==n.length?"mixed":!0:!1},qr=(e,t)=>{const n=e.find(c=>c.dsId===t.dsId)??!1;let o=n?e.filter(({dsId:c})=>c!==t.dsId):[...e,t];const s=[],l=[],a=[];return t.walkParents(c=>{if(c.dsId===t.dsId)return!0;const u=c;return It(u)&&(o.find(h=>h.dsId===u.dsId)?(l.push(u),kn({itemNode:u,selectedNodes:o})===!1&&a.push(u)):s.push(u)),!0}),n?o=o.filter(({dsId:c})=>!a.some(u=>u.dsId===c)):o.push(...s),o},Zr=(e,t)=>{const o=kn({itemNode:t,selectedNodes:e})===!0;let s=o?e.filter(({dsId:u})=>u!==t.dsId):[...e,t];t.walk(u=>{const p=u;return o?s=s.filter(({dsId:h})=>h!==p.dsId):Rt(p)&&!s.find(h=>h.dsId===p.dsId)&&s.push(p),!0});const l=[],a=[],c=[];return t.walkParents(u=>{if(u.dsId===t.dsId)return!0;const p=u;return It(p)&&(s.find(m=>m.dsId===p.dsId)?(a.push(p),kn({itemNode:p,selectedNodes:s})===!1&&c.push(p)):l.push(p)),!0}),o?s=s.filter(({dsId:u})=>!c.some(p=>p.dsId===u)):s.push(...l),s},ts=(e,t)=>{if(no(t))return qr(e,t);if(It(t))return Zr(e,t);throw console.log(t),Nt.CALCULATING_MULTI_SELECTION_OF_NON_MULTI_SELECTION_NODE},ns=["right-start","right-start","right","left-start","left-end","left"],Jr=i.memo(({isSelected:e})=>(0,d.jsx)(J.Ay,{width:"16px",children:e?e==="mixed"?(0,d.jsx)(Gr,{size:"s",color:["brand-primary","600"]}):(0,d.jsx)(_n,{size:"s",color:["brand-primary","600"]}):(0,d.jsx)("div",{})})),Qr=({itemNode:e,FlyoutMenuCircularDepInject:t})=>{const{dsId:n,plainItem:o}=e,{label:s,secondaryLabel:l,leftDecoration:a,minWidth:c,disabled:u}=o,{focusRegion:p,propsWithDefault:h,openedSubItems:m,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:f,handleFocusableMenuItemClick:b,handleFocusableMenuItemOnMouseEnter:x,handleFocusableMenuItemNativeFocusEvent:y}}=i.useContext(Ve),{selectedNodes:g}=h,v=i.useMemo(()=>{const O=a?["min-content","min-content","auto"]:["min-content","auto"];return l&&O.push("auto"),O.push("min-content"),O},[a,l]),S=i.useRef(p);S.current=p;const A=m.some(O=>O.dsId===n),w=p===ne.ITEM_BY_DSID(n),T=i.useMemo(()=>kn({itemNode:e,selectedNodes:g}),[e,g]),_=De({placement:ns[0],placementOrderPreference:ns,animationDuration:100,customOffset:[0,0],externallyControlledIsOpen:A}),{refs:{setReference:P}}=_,W=i.useCallback(O=>{P(O),O&&p===ne.ITEM_BY_DSID(n)&&gt(O)},[n,p,P]),D=i.useCallback(()=>{x(e)},[x,e]),H=i.useCallback(O=>{y(e,O)},[y,e]),I=`ds-menu-item-${`${n}`.replace(/\s/g,"")}`;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ee,{innerRef:W,onKeyDown:f,onClick:b,onMouseEnter:D,onFocus:H,as:"div",id:`${I}`,tabIndex:w?0:-1,role:"menuitemcheckbox","aria-checked":T,"aria-controls":A?e.plainChildren.map(O=>`ds-menu-item-${`${O.dsId}`.replace(/\s/g,"")}`).join(" "):void 0,"aria-haspopup":"menu","aria-expanded":A,"aria-disabled":u,applyAriaDisabled:u,children:(0,d.jsxs)(Re,{cols:v,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:c??void 0,children:[(0,d.jsx)(Jr,{isSelected:T}),a?(0,d.jsx)(a,{}):null,(0,d.jsx)(Ye,{children:s}),l!==void 0&&(0,d.jsx)(Xe,{disabled:u,children:l}),(0,d.jsx)(co,{})]})}),(0,d.jsx)(t,{isMenuOpen:A,floatingContext:_.context,floatingStyles:_.floatingStyles,setFloatingRef:_.refs.setFloating,itemNode:e})]})},ei=(0,M.I)("div")`
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: #005ea2;
+`,ti=i.memo(({isSelected:e})=>(0,d.jsx)(J.Ay,{width:"16px",children:e?(0,d.jsx)(ei,{}):(0,d.jsx)("div",{})})),ni=({itemNode:e})=>{const{dsId:t,plainItem:n}=e,{label:o,secondaryLabel:s,leftDecoration:l,minWidth:a,disabled:c}=n,{focusRegion:u,propsWithDefault:p,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:h,handleFocusableMenuItemClick:m,handleFocusableMenuItemOnMouseEnter:f,handleFocusableMenuItemNativeFocusEvent:b}}=i.useContext(Ve),{selectedNodes:x}=p,y=i.useMemo(()=>{const P=l?["min-content","min-content","auto"]:["min-content","auto"];return s&&P.push("auto"),P},[l,s]),g=i.useRef(u);g.current=u;const v=u===ne.ITEM_BY_DSID(t),S=x.some(P=>P.dsId===t),A=i.useCallback(P=>{P&&u===ne.ITEM_BY_DSID(t)&&gt(P)},[t,u]),w=i.useCallback(()=>{f(e)},[f,e]),T=i.useCallback(P=>{b(e,P)},[b,e]),_=`ds-menu-item-${`${t}`.replace(/\s/g,"")}`;return(0,d.jsx)(Ee,{innerRef:A,onKeyDown:h,onClick:m,onMouseEnter:w,onFocus:T,as:"div",id:`${_}`,tabIndex:v?0:-1,role:"menuitemradio","aria-checked":S,"aria-disabled":c,applyAriaDisabled:c,children:(0,d.jsxs)(Re,{cols:y,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:a??void 0,children:[(0,d.jsx)(ti,{isSelected:S}),l?(0,d.jsx)(l,{}):null,(0,d.jsx)(Ye,{children:o}),s!==void 0&&(0,d.jsx)(Xe,{disabled:c,children:s})]})})},os=["right-start","right-start","right","left-start","left-end","left"],oi=(0,M.I)("div")`
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: #005ea2;
+`,si=i.memo(({isSelected:e})=>(0,d.jsx)(J.Ay,{width:"16px",children:e?(0,d.jsx)(oi,{}):(0,d.jsx)("div",{})})),ri=({itemNode:e,FlyoutMenuCircularDepInject:t})=>{const{dsId:n,plainItem:o}=e,{label:s,secondaryLabel:l,leftDecoration:a,minWidth:c,disabled:u}=o,{focusRegion:p,propsWithDefault:h,openedSubItems:m,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:f,handleFocusableMenuItemClick:b,handleFocusableMenuItemOnMouseEnter:x,handleFocusableMenuItemNativeFocusEvent:y}}=i.useContext(Ve),{selectedNodes:g}=h,v=i.useMemo(()=>{const O=a?["min-content","min-content","auto"]:["min-content","auto"];return l&&O.push("auto"),O.push("min-content"),O},[a,l]),S=i.useRef(p);S.current=p;const A=m.some(O=>O.dsId===n),w=p===ne.ITEM_BY_DSID(n),T=g.some(O=>O.dsId===n),_=De({placement:os[0],placementOrderPreference:os,animationDuration:100,customOffset:[0,0],externallyControlledIsOpen:A}),{refs:{setReference:P}}=_,W=i.useCallback(O=>{P(O),O&&p===ne.ITEM_BY_DSID(n)&&gt(O)},[n,p,P]),D=i.useCallback(()=>{x(e)},[x,e]),H=i.useCallback(O=>{y(e,O)},[y,e]),I=`ds-menu-item-${`${n}`.replace(/\s/g,"")}`;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ee,{innerRef:W,onKeyDown:f,onClick:b,onMouseEnter:D,onFocus:H,as:"div",id:`${I}`,tabIndex:w?0:-1,role:"menuitemradio","aria-checked":T,"aria-controls":A?e.plainChildren.map(O=>`ds-menu-item-${`${O.dsId}`.replace(/\s/g,"")}`).join(" "):void 0,"aria-haspopup":"menu","aria-expanded":A,"aria-disabled":u,applyAriaDisabled:u,children:(0,d.jsxs)(Re,{cols:v,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:c??void 0,children:[(0,d.jsx)(si,{isSelected:T}),a?(0,d.jsx)(a,{}):null,(0,d.jsx)(Ye,{children:s}),l!==void 0&&(0,d.jsx)(Xe,{disabled:u,children:l}),(0,d.jsx)(co,{})]})}),(0,d.jsx)(t,{isMenuOpen:A,floatingContext:_.context,floatingStyles:_.floatingStyles,setFloatingRef:_.refs.setFloating,itemNode:e})]})};var ss=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/th.js");const rs="DSSkeleton",ii={ROOT:"root"},li=(0,_t.i7)`
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+`,ai=(0,be.AH)`
+  margin-top: 0;
+  margin-bottom: 0;
+  height: auto;
+  transform-origin: 0 55%;
+  transform: scale(1, 0.6);
+  border-radius: 4px/4%;
+  &:empty:before {
+    content: '\\00a0';
+  }
+`,di=(0,be.AH)`
+  border-radius: 50%;
+`,ci=(0,be.AH)`
+  & > * {
+    visibility: hidden;
+  }
+
+  ${({w:e})=>e?"":"width: fit-content;"}
+  ${({h:e})=>e?"":"height: auto;"}
+`,ui=(0,M.I)("div",{name:rs,slot:ii.ROOT})`
+  display: block;
+  height: 20px;
+  background-color: ${ss.th.color("neutral-400")}2f;
+  ${e=>e.variant==="circular"?di:e.variant==="text"?ai:""}
+  ${e=>e.withChildren?ci:""}
+  
+  animation: ${li} 1.5s ease-in-out 0.5s infinite;
+  ${Dt.L1}
+`,pi={variant:"text"},is={...le.P,...me.w,variant:r.A.oneOf(["circular","rectangular","text"]).description("Variant for the skeleton").defaultValue("text")},mi=e=>{const t=(0,Y.b)(e,pi);(0,$.D)(e,is,rs);const n=(0,F.u)(t),o=(0,N.d)(t);return{propsWithDefault:t,globalAttributes:n,xstyledProps:o,withChildren:!!t.children}},Wt=e=>{const{propsWithDefault:{variant:t},withChildren:n,xstyledProps:o,globalAttributes:s}=mi(e);return(0,d.jsx)(ui,{...s,...o,variant:t,withChildren:n,as:"span"})};Wt.displayName="DSSkeleton";const hi=(0,B.A)(Wt);hi.propTypes=is;const ls="16px",fi=[ls,"1fr"],bi=({itemNode:e})=>{const{dsId:t,plainItem:n}=e,{minWidth:o}=n,{focusRegion:s,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:l,handleFocusableMenuItemOnMouseEnter:a,handleFocusableMenuItemNativeFocusEvent:c}}=i.useContext(Ve),u=i.useRef(s);u.current=s;const p=s===ne.ITEM_BY_DSID(t),h=i.useCallback(g=>{g&&s===ne.ITEM_BY_DSID(t)&&gt(g)},[t,s]),m=i.useCallback(()=>{a(e)},[a,e]),f=i.useCallback(g=>{c(e,g)},[c,e]),b=`ds-menu-item-${`${t}`.replace(/\s/g,"")}`,x=16+8,y=o?`calc(${o} - ${x})`:`${150-x}px`;return(0,d.jsx)(Ee,{innerRef:h,onKeyDown:l,onMouseEnter:m,onFocus:f,as:"div",id:`${b}`,role:"menuitem",tabIndex:p?0:-1,children:(0,d.jsxs)(Re,{cols:fi,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:o??"150px",children:[(0,d.jsx)(Wt,{variant:"rectangular",width:ls}),(0,d.jsx)(Wt,{variant:"rectangular",width:y})]})})},as=["right-start","right-start","right","left-start","left-end","left"],gi=({itemNode:e,FlyoutMenuCircularDepInject:t})=>{const{dsId:n,plainItem:o}=e,{label:s,secondaryLabel:l,leftDecoration:a,minWidth:c,disabled:u}=o,{focusRegion:p,openedSubItems:h,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:m,handleFocusableMenuItemClick:f,handleFocusableMenuItemOnMouseEnter:b,handleFocusableMenuItemNativeFocusEvent:x}}=i.useContext(Ve),y=i.useMemo(()=>{const D=a?["min-content","auto"]:["auto"];return l&&D.push("auto"),D.push("min-content"),D},[a,l]),g=i.useRef(p);g.current=p;const v=p===ne.ITEM_BY_DSID(n),S=h.some(D=>D.dsId===n),A=De({placement:as[0],placementOrderPreference:as,animationDuration:100,customOffset:[0,0],externallyControlledIsOpen:S}),{refs:{setReference:w}}=A,T=i.useCallback(D=>{w(D),D&&p===ne.ITEM_BY_DSID(n)&&gt(D)},[n,p,w]),_=i.useCallback(()=>{b(e)},[b,e]),P=i.useCallback(D=>{x(e,D)},[x,e]),W=`ds-menu-item-${`${n}`.replace(/\s/g,"")}`;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ee,{innerRef:T,onKeyDown:m,onClick:f,onMouseEnter:_,onFocus:P,as:"div",id:`${W}`,tabIndex:v?0:-1,role:"menuitem","aria-haspopup":"menu","aria-expanded":S,"aria-controls":S?e.plainChildren.map(D=>`ds-menu-item-${`${D.dsId}`.replace(/\s/g,"")}`).join(" "):void 0,"aria-disabled":u,applyAriaDisabled:u,children:(0,d.jsxs)(Re,{cols:y,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:c??void 0,children:[a?(0,d.jsx)(a,{}):null,(0,d.jsx)(Ye,{children:s}),l!==void 0&&(0,d.jsx)(Xe,{disabled:u,children:l}),(0,d.jsx)(co,{})]})}),(0,d.jsx)(t,{isMenuOpen:S,floatingContext:A.context,floatingStyles:A.floatingStyles,setFloatingRef:A.refs.setFloating,itemNode:e})]})},Lt="DSMenuitemrendererfactory",qc={},jn={ROOT:"root",GROUP_LABEL_WRAPPER:"group-label-wrapper",LABEL_WITH_LEFT_DEC_WRAPPER:"group-label-wrapper"},Zc=(0,at.lD)(Lt,jn),yi={},ds={...(0,ge.Y)(Lt,jn),...le.P,...me.w,itemNode:r.A.object.description("The polymorphic item to render").isRequired,ItemRenderer:r.A.func.description("The custom item renderer"),FlyoutMenuCircularDepInject:r.A.func.description("Flyout menu component, passed to the factory to avoid circular dependency")},xi=(e,t)=>{(0,$.D)(e,t,Lt)},Si=e=>{const t=i.useMemo(()=>({...yi,...e}),[e]);xi(t,ds);const n=(0,N.d)(t),o=i.useMemo(()=>`ds-menu-item-renderer-factory-${(0,Q.L)(5)}`,[]);return i.useMemo(()=>({propsWithDefault:t,xstyledProps:n,instanceUid:o}),[t,n,o])},Ai=(0,M.I)(J.Ay,{name:Lt,slot:jn.GROUP_LABEL_WRAPPER})`
+  padding: ${({theme:e})=>e.space.xxxs} ${({theme:e})=>e.space.xs};
+`,Ii=(0,M.I)(J.Ay,{name:Lt,slot:jn.LABEL_WITH_LEFT_DEC_WRAPPER})`
+  padding-left: ${({theme:e})=>e.space.xxs};
+`,Nn=e=>{const{propsWithDefault:t,instanceUid:n}=Si(e),{itemNode:o,ItemRenderer:s,FlyoutMenuCircularDepInject:l}=t;if(s)return(0,d.jsx)(s,{itemNode:o});if(Ir(o))return(0,d.jsx)(qo,{as:"div",role:"presentation",children:(0,d.jsx)(Xo,{})});if(Lo(o))return(0,d.jsx)(bi,{itemNode:o});if(to(o))return(0,d.jsx)(Br,{itemNode:o});if(no(o))return(0,d.jsx)(zr,{itemNode:o});if(Fo(o))return(0,d.jsx)(ni,{itemNode:o});if(Mn(o))return(0,d.jsx)(gi,{itemNode:o,FlyoutMenuCircularDepInject:l});if(Tn(o))return(0,d.jsx)(ri,{itemNode:o,FlyoutMenuCircularDepInject:l});if(It(o))return(0,d.jsx)(Qr,{itemNode:o,FlyoutMenuCircularDepInject:l});if(oo(o))return(0,d.jsx)(Hr,{itemNode:o,FlyoutMenuCircularDepInject:l});if(jt(o)){const{leftDecoration:a,label:c,minWidth:u}=o.plainItem,p=c?`label-${c.replace(/\s/g,"")}`:void 0;return(0,d.jsxs)("div",{role:"group","aria-labelledby":p,style:u?{minWidth:u}:{},children:[c?(0,d.jsxs)(Ai,{cols:a?["min-content","1fr"]:["1fr"],children:[a?(0,d.jsx)(a,{}):null,(0,d.jsx)(Zo,{role:"presentation",id:p,children:a?(0,d.jsx)(Ii,{children:c}):c})]}):null,o.children.map(h=>(0,d.jsx)(Nn,{itemNode:h,FlyoutMenuCircularDepInject:l},`item-factory-${h.dsId}-${n}`))]})}throw new Error(`Invalid item type: ${JSON.stringify(o)}`)};Nn.displayName=Lt;const vi=(0,B.A)(Nn);vi.propTypes=ds;const Ft="DSFlyoutmenu",Qc={},Wn={ROOT:"root",LIST_WRAPPER:"list-wrapper"},eu=(0,at.lD)(Ft,Wn),Oi={...wn},cs={itemNode:r.A.object.description("The parent menu node to render the menu from").isRequired,setFloatingRef:r.A.func.description("The function to set the ref of the floating element (from useFloatingContext.refs.setFloating)").isRequired,floatingStyles:r.A.object.description("The styles to apply to the floating element to correctly position it (from useFloatingContext.floatingStyles)").isRequired,floatingContext:r.A.object.description("The context object from useFloatingContext, used to allow FloatingWrapper correct functionality").isRequired,isMenuOpen:r.A.bool.description("Wheter or not this particular instance of the flyout menu is open").isRequired,...(0,ge.Y)(Ft,Wn),...le.P,...Qn,...me.w},wi=(e,t)=>{(0,$.D)(e,t,Ft)},Ti=e=>{const t=i.useMemo(()=>({...Oi,...e}),[e]);wi(t,cs);const n=(0,N.d)(t),o=i.useMemo(()=>`ds-flyout-menu-${(0,Q.L)(5)}`,[]);return i.useMemo(()=>({propsWithDefault:t,xstyledProps:n,instanceUid:o}),[t,n,o])},Ei=(0,M.I)(J.Ay,{name:Ft,slot:Wn.ROOT})`
+  min-width: 1px;
+  background-color: white;
+  padding: ${({theme:e})=>e.space.xxxs} 0;
+  ${Dt.L1}
+`,Mi=(0,M.I)("div",{name:Ft,slot:Wn.LIST_WRAPPER})`
+  max-height: ${({$maxHeight:e})=>typeof e=="number"?`${e}px`:e};
+  overflow-y: auto;
+  padding: 0;
+  margin: 0;
+`,Pi=()=>null,Ln=e=>{const{propsWithDefault:t,xstyledProps:n}=Ti(e),{instanceUid:o,globalEventsHelpers:{mainMenuRef:s,handleSubmenusRefChange:l}}=i.useContext(Ve),[a,c]=i.useState(!1),{setFloatingRef:u,floatingStyles:p,floatingContext:h,ItemRenderer:m,isMenuOpen:f,itemNode:b}=t,x=i.useCallback(v=>{if(en(b)){s.current=v;return}l(v,b.dsId)},[l,b,s]),y=i.useCallback(()=>{c(!1)},[]),g=i.useCallback(()=>{c(!0)},[]);return(0,d.jsx)(ct,{innerRef:u,floatingStyles:p,isOpen:f,context:h,onAnimationStartTriggered:y,onAnimationEnd:g,children:(0,d.jsx)(Ei,{getOwnerProps:()=>t,getOwnerPropsArguments:()=>({}),...n,children:(0,d.jsx)(Mi,{role:"menu",innerRef:x,$maxHeight:b.plainItem.maxHeight??wn.maxHeight,children:b.children.map(v=>(0,d.jsx)(Nn,{itemNode:v,ItemRenderer:m,FlyoutMenuCircularDepInject:a?Ln:Pi},`flyout-menu-item-${v.dsId}-${o}`))})})})};Ln.displayName=Ft;const Ci=(0,B.A)(Ln);Ci.propTypes=cs;const _i=(0,M.I)(Rr.l,{name:tn,slot:io.ROOT})``,po=e=>{const t=i.useContext(Ve),{isMenuOpen:n,propsWithDefault:{optionsTree:o}}=t,{propsWithDefault:{children:s,menuSpecificProps:l,...a},eventsHandlers:{handleOnClick:c,handleOnFocus:u,handleFocusIfTriggerIsFocusRegion:p,handleTriggerKeyDown:h},floatingContext:m}=Fr(e,t);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(_i,{...a,onClick:c,onFocus:u,onKeyDown:h,innerRef:p,"aria-haspopup":"menu","aria-controls":n?o.plainChildren.map(f=>`ds-menu-item-${`${f.dsId}`.replace(/\s/g,"")}`).join(" "):void 0,"aria-expanded":n,children:s}),(0,d.jsx)(Ln,{...l,isMenuOpen:n,floatingContext:m.context,floatingStyles:m.floatingStyles,setFloatingRef:m.refs.setFloating,itemNode:o})]})};po.displayName=tn;const Di=(0,B.A)(po);Di.propTypes=Uo;const Ri={onBlur:r.A.func.description("The function to be invoked when focus exits the wrapping container").signature("((e: React.FocusEvent, ...args: unknown[]) => void)").isRequired},us=({onBlur:e})=>(0,i.useCallback)((t,...n)=>{const{currentTarget:o}=t;requestAnimationFrame(()=>{o.contains(document.activeElement)||e(t,...n)})},[e]),ps=(0,B.A)(us);ps.propTypes=Ri,ps.returnType=r.A.func.description("On blur event callback for input").signature("((e: React.FocusEvent, ...args: unknown[]) => void)");const ki={},ms={buttonDOMNodeRef:r.A.object.description("The DOM node of the button as a mutable Refs (required for performance reasons)").isRequired,children:r.A.node.description("the menu trigger and the menu components").isRequired,optionsTree:r.A.object.description("DSTree node to build branches from").isRequired,focusableNodes:r.A.arrayOf(r.A.object).description("an array of nodes that can receive pseudoFocus, obtainable via ds-tree flatten + filter(isFocusable)").isRequired,selectedNodes:r.A.arrayOf(r.A.object).description("an array of tree-nodes that have to be marked as selected in the GUI, required if the menu has selectionable items"),...Wo},ji=({propsWithDefault:e})=>{const{onActivateItem:t,onItemSelected:n,selectedNodes:o,optionsTree:s}=e;(0,i.useEffect)(()=>{const l=s.flatten(),a={},c={};let u=!1,p=!1,h=!1;if(l.forEach(m=>{const{dsId:f}=m;Array.isArray(a[f])?(a[f].push(m),h=!0,c[f]=a[f]):a[f]=[m],to(m)&&(u=!0),Qt(m)&&(p=!0)}),h)throw console.log("duplicatedIdsNodes",c),new Error(`DSMenuButton:
+The following dsId are repeated:
+${Object.keys(c).join(`
+`)}
+
+The dsId must be unique.`);if(u&&!t)throw new Error(`DSMenuButton:
+Some items are activable, but onActivateItem is not provided.
+
+You must provide onActivateItem to handle activation.`);if(p&&(!n||!o))throw new Error(`DSMenuButton:
+Some items are selectionable, but onItemSelected or selectedNodes are not provided.
+
+You must provide onItemSelected and selectedNodes to handle selection.`)},[t,n,o,s])},Ni=()=>{const[e,t]=i.useState(""),n=i.useRef(""),o=i.useRef(!1),s=i.useRef(null),l=i.useCallback((0,Qo.A)((x,y)=>(t(x),n.current=x,s.current=y,y),50,{leading:!0,trailing:!0}),[]),a=i.useCallback(()=>l(ne.TRIGGER,null),[l]),c=i.useCallback(x=>{const y=ne.ITEM_BY_DSID(x.dsId);l(y,x)},[l]),u=i.useCallback(()=>l(ne.RESET,null),[l]),p=i.useCallback(x=>{if(!so(x))throw console.log("focus first child item > itemNode",x),Dn.NODE_CANNOT_HAVE_CHILDREN;if(x.children.length===0)throw console.log(x),new Error("No children found in the item node");const y=Rn(x.children[0]);if(y.length===0)throw console.log("focus first child item > itemNode",x),new Error("No focusable nodes found in the children of the item node");const g=y[0];return l(ne.ITEM_BY_DSID(g.dsId),g)},[l]),h=i.useCallback(x=>{if(!so(x))throw console.log("focus last child item > itemNode",x),new Error("Item node is not allowed to have children");if(x.children.length===0)throw console.log(x),new Error("No children found in the item node");const y=Rn(x.children[0]);if(y.length===0)throw console.log("focus last child item > itemNode",x),new Error("No focusable nodes found in the children of the item node");return l(ne.ITEM_BY_DSID(y[y.length-1].dsId),y[y.length-1])},[l]),m=i.useCallback(x=>{const y=Rn(x),g=y.findIndex(A=>A.dsId===x.dsId),v=g+1<y.length?g+1:0,S=y[v];return l(ne.ITEM_BY_DSID(S.dsId),S)},[l]),f=i.useCallback(x=>{const y=Rn(x),g=y.findIndex(A=>A.dsId===x.dsId),v=g-1>=0?g-1:y.length-1,S=y[v];return l(ne.ITEM_BY_DSID(S.dsId),S)},[l]),b=i.useCallback(x=>{const{parent:y}=x,g=y;if(!g)throw console.log("focus parent item",{itemNode:x,parentNode:g}),new Error("No parent node found for the item node");let v=g;if(jt(g)){const w=g.parent;if(!kt(w)&&!en(w))throw console.log("focus parent item",{itemNode:x,parentNode:g,groupParent:w}),new Error("No focusable parent node found for the item node");v=w}const S=en(v)?null:v,A=S;return A?c(A):a(),S},[c,a]);return i.useMemo(()=>({preventBlurReset:o,focusRegion:e,focusedElementItemNode:s,trackFocusTrigger:a,trackFocusNode:c,trackFocusRegionReset:u,trackFocusFirstChildItem:p,trackFocusLastChildItem:h,trackFocusNextItem:m,trackFocusPreviousItem:f,trackFocusParentItem:b}),[e,p,h,m,c,b,f,u,a])},Wi=({menuOpenStatus:e,handleChangeOpenedSubItems:t,propsWithDefault:n})=>{const{onOpinionatedClose:o,isMenuOpen:s}=e,{buttonDOMNodeRef:l}=n,a=i.useRef(null),c=i.useRef({}),u=i.useCallback((p,h)=>{p?c.current[h]=p:delete c.current[h]},[]);return i.useEffect(()=>{const p=m=>{t([],{itemNode:null,event:m}),o({skipFocus:!0})},h=m=>{!s||l.current===m.target||a.current?.contains(m.target)||Object.values(c.current).filter(Boolean).some(y=>y.contains(m.target))||(t([],{itemNode:null,event:m}),o({skipFocus:!0}))};return window.addEventListener("blur",p),document.addEventListener("mousedown",h),document.addEventListener("touchstart",h),()=>{window.removeEventListener("blur",p),document.removeEventListener("mousedown",h),document.removeEventListener("touchstart",h)}},[l,t,s,o]),i.useMemo(()=>({mainMenuRef:a,submenusRefs:c,handleSubmenusRefChange:u}),[u])},hs=(e,t)=>{const{oldestGroup:n,selectionableParentsWithSubmenu:o}=Yr(t),s=Kr(n),l=e.filter(a=>!s.includes(a.plainItem.dsId));return l.push(...o),l.push(t),l},Li=({propsWithDefault:e,focusTrackers:t,menuOpenStatus:n,handleChangeOpenedSubItems:o})=>{const{onItemSelected:s,onActivateItem:l,selectedNodes:a}=e,{onOpinionatedClose:c}=n,{trackFocusFirstChildItem:u,trackFocusLastChildItem:p,trackFocusNextItem:h,trackFocusPreviousItem:m,trackFocusParentItem:f,trackFocusNode:b,focusedElementItemNode:x}=t,y=i.useCallback(({itemNode:I,event:O})=>{if(!mt(I))throw console.log("openSubmenu -> itemNode:",I),uo.TRYING_TO_OPEN_SUBMENU_OF_NODE_WITHOUT_SUBMENU;const C=nn(I),L={itemNode:I,event:O},X=[...C,I];o(X,L)},[o]),g=i.useCallback(({itemNode:I,event:O})=>{const C=nn(I),L={itemNode:I,event:O},X=[...C];o(X,L)},[o]),v=i.useCallback(({itemNode:I,event:O})=>{const C={itemNode:I,event:O},L=nn(I);return L.length===0?(o([],C),{currentSubmenuWasMainMenu:!0}):(L.pop(),o(L,C),{currentSubmenuWasMainMenu:!1})},[o]),S=i.useCallback(({pseudoFocusedItemNode:I,event:O})=>{if(Mn(I))y({itemNode:I,event:O}),u(I);else{if(Rt(I)){const X=ts(a,I);s(X,{itemNode:I,event:O})}else if(En(I)){const X=hs(a,I);s(X,{itemNode:I,event:O})}else l(I,{itemNode:I,event:O});o([],{itemNode:I,event:O}),c()}},[u,y,o,c,a,s,l]),A=i.useCallback(({pseudoFocusedItemNode:I,event:O})=>{if(Mn(I)){y({itemNode:I,event:O}),u(I);return}if(Rt(I)){const X=ts(a,I);s(X,{itemNode:I,event:O});return}if(En(I)){const X=hs(a,I);s(X,{itemNode:I,event:O});return}l?.(I,{itemNode:I,event:O}),o([],{itemNode:I,event:O}),c()},[l,o,c,u,y,a,s]),w=i.useCallback(({pseudoFocusedItemNode:I,event:O})=>{if(mt(I)){y({itemNode:I,event:O}),u(I);return}},[y,u]),T=i.useCallback(({pseudoFocusedItemNode:I,event:O})=>{const{currentSubmenuWasMainMenu:C}=v({itemNode:I,event:O});C||f(I)},[v,f]),_=i.useCallback(I=>{const O=x.current;if(O===null)throw Nt.FOCUSED_ITEM_NODE_NOT_SET;if(O.plainItem.onKeyDown&&O.plainItem.onKeyDown(I),I.key==="ArrowDown"){I?.preventDefault(),h(O);return}if(I.key==="ArrowUp"){I?.preventDefault(),m(O);return}if(I.key==="ArrowLeft"){I?.preventDefault(),T({pseudoFocusedItemNode:O,event:I});return}if(I.key==="Home"){if(!O.parent)throw console.log("handleFocusableMenuItemKeyDown -> Home > focused item node",O),Nt.FOCUSED_ITEM_HAS_NO_PARENT;u(O.parent);return}if(I.key==="End"){if(!O.parent)throw console.log("handleFocusableMenuItemKeyDown -> Home > focused item node",O),Nt.FOCUSED_ITEM_HAS_NO_PARENT;p(O.parent);return}if(I.key==="Escape"){if(I.altKey&&mt(O)){g({itemNode:O,event:I});return}const{currentSubmenuWasMainMenu:C}=v({itemNode:O,event:I});f(O),C&&c();return}if(!O.plainItem.disabled){if(I.key==="Enter"){S({pseudoFocusedItemNode:O,event:I});return}if(I.key===" "){I?.preventDefault(),A({pseudoFocusedItemNode:O,event:I});return}if(I.key==="ArrowRight"){I?.preventDefault(),w({pseudoFocusedItemNode:O,event:I});return}}},[x,h,m,T,u,p,v,f,g,c,S,A,w]),P=i.useCallback(I=>{const O=x.current;if(O===null)throw Nt.FOCUSED_ITEM_NODE_NOT_SET;if(O.plainItem.disabled)return;const C=O.parent;if(en(C))o([],{itemNode:O,event:I});else{const L=[...nn(O)];mt(O)&&L.push(O),o(L,{itemNode:O,event:I})}A({pseudoFocusedItemNode:O,event:I}),O.plainItem.onClick&&O.plainItem.onClick(I)},[x,A,o]),W=i.useCallback((I,O)=>{if(!kt(I))throw console.log("handleFocusableMenuItemOnMouseEnter > itemNode:",I),uo.TRYING_TO_FOCUS_NON_FOCUSABLE_NODE;if(b(I),!mt(I)){const C=nn(I),L={itemNode:I,event:O},X=[...C];o(X,L);return}I.plainItem.disabled||y({itemNode:I,event:O})},[o,y,b]),D=i.useCallback(I=>{if(!kt(I))throw console.log("handleFocusableMenuItemOnMouseEnter > itemNode:",I),uo.TRYING_TO_FOCUS_NON_FOCUSABLE_NODE;b(I)},[b]),H=i.useCallback((I,O)=>{W(I,O)},[W]);return i.useMemo(()=>({handleFocusableMenuItemKeyDown:_,handleFocusableMenuItemClick:P,handleFocusableMenuItemOnMouseEnter:D,handleFocusableMenuItemNativeFocusEvent:H}),[P,_,H,D])},Fi=({propsWithDefault:e,focusTrackers:t})=>{const{trackFocusTrigger:n,trackFocusFirstChildItem:o,trackFocusLastChildItem:s,preventBlurReset:l}=t,{onClose:a,onOpen:c,optionsTree:u}=e,[p,h]=i.useState(!1),m=i.useCallback(({skipFocus:b}={skipFocus:!1})=>{h(!1),a&&a(),b||n(),l.current=!1},[a,l,n]),f=i.useCallback(b=>{const{focusLastChild:x=!1}=b||{};h(!0),c&&c();const y=u;x?s(y):o(y),l.current=!0},[c,u,l,o,s]);return i.useMemo(()=>({isMenuOpen:p,onOpinionatedClose:m,onOpinionatedOpen:f}),[p,m,f])},$i=(e,t)=>{(0,$.D)(e,t,zo)},Vi=e=>{const t=i.useMemo(()=>({...ki,...e}),[e]);$i(t,ms),ji({propsWithDefault:t});const{onDisplayedSubmenuChange:n}=t,o=i.useMemo(()=>`ds-menu-behavioural-context-provider-${(0,Q.L)(5)}`,[]),[s,l]=i.useState([]),a=i.useCallback((m,f)=>{l(m),n?.(m,f)},[n]),c=Ni(),u=Fi({propsWithDefault:t,focusTrackers:c}),p=Li({propsWithDefault:t,focusTrackers:c,menuOpenStatus:u,handleChangeOpenedSubItems:a}),h=Wi({menuOpenStatus:u,handleChangeOpenedSubItems:a,propsWithDefault:t});return i.useMemo(()=>({propsWithDefault:t,instanceUid:o,...c,...u,menuItemEventsHandlers:p,openedSubItems:s,handleChangeOpenedSubItems:a,globalEventsHelpers:h}),[t,o,c,u,p,s,a,h])},mo=e=>{const t=Vi(e),{trackFocusRegionReset:n,propsWithDefault:{children:o},preventBlurReset:s}=t,l=i.useMemo(()=>({onBlur:()=>{s.current||(n(),setTimeout(()=>{s.current=!1}))}}),[s,n]),a=us(l);return(0,d.jsx)(Ve.Provider,{value:t,children:(0,d.jsx)("div",{onBlur:a,children:o})})};mo.displayName=zo;const Bi=(0,B.A)(mo);Bi.propTypes=ms;const Hi=(0,M.I)(J.Ay,{name:Jt,slot:Jn.ROOT})``,ho=e=>{const{propsWithDefault:t,opinionatedButtonProps:n,menuBehaviouralLayerProps:o}=Dr(e);return(0,d.jsx)(Hi,{"data-testid":xr.ROOT,getOwnerProps:()=>t,getOwnerPropsArguments:()=>({}),children:(0,d.jsx)(mo,{...o,children:(0,d.jsx)(po,{...n,children:n.children})})})};ho.displayName=Jt;const Ui=(0,B.A)(ho);Ui.propTypes=Sr;const vt=({color:e,size:t=1,zIndex:n=0,borderRadius:o="12px"})=>(0,be.AH)`
+  :after {
+    content: ' ';
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    border: ${t}px solid
+      ${({disabled:s,applyAriaDisabled:l,readOnly:a,theme:c})=>s||l||a?c.colors.neutral[400]:e};
+    border-top-left-radius: ${o};
+    border-top-right-radius: ${o};
+    border-bottom-left-radius: ${o};
+    border-bottom-right-radius: ${o};
+    pointer-events: none;
+    z-index: ${n||""};
+  }
+`,Ot=(0,be.AH)`
+  height: ${e=>e?.pillSize==="m"?"1.846rem":"1.3846rem"};
+  @media (max-width: ${e=>e.theme.breakpoints?.small}) {
+    height: ${e=>e?.pillSize==="m"?"1.5rem":"1.125rem"};
+  }
+  position: relative;
+
+  width: fit-content;
+
+  background-color: ${({theme:e,disabled:t,applyAriaDisabled:n,readOnly:o})=>t?e.colors.neutral["080"]:n||o?e.colors.neutral["050"]:e.colors.brand[250]};
+
+  outline: none;
+
+  white-space: nowrap;
+
+  padding: 0px 12px 0 12px;
+  border-radius: 12px;
+
+  font-size: 1rem;
+  line-height: 1;
+  user-select: ${({disabled:e,applyAriaDisabled:t})=>e||t?"none":"auto"};
+  cursor: ${({disabled:e,applyAriaDisabled:t})=>e||t?"not-allowed":"default"};
+  color: ${({theme:e,disabled:t,applyAriaDisabled:n,readOnly:o})=>t||n||o?"#616b7f":e.colors.brand[800]};
+`,zi=(0,M.I)(J.Ay)`
+  ${Ot}
+
+  font-weight: ${e=>e.theme.fontWeights.semibold};
+  padding-left: ${e=>e.hasIcon||e.applyAriaDisabled||e.readOnly?"0px !important":"12px"};
+`,Gi=(0,M.I)(J.Ay)`
+  ${Ot}
+
+  font-weight: ${e=>e.theme.fontWeights.regular};
+  padding-left: ${e=>e.hasIcon||e.applyAriaDisabled?"0px !important":"12px"};
+`,Ki=(0,M.I)(J.Ay)`
+  ${Ot}
+
+  font-weight: ${e=>e.theme.fontWeights.regular};
+  padding-left: ${e=>e.hasIcon||e.disabled?"0px !important":"12px"};
+`,Yi=(0,M.I)(J.Ay)`
+  ${Ot}
+
+  background: ${e=>e.theme.colors.neutral["000"]};
+  padding: 0;
+
+  ${({theme:e,hasError:t})=>vt(t?{color:e.colors.danger[900]}:{color:e.colors.brand[500]})}
+
+  :focus-within {
+    ${e=>e.inputHasFocus?vt({color:e.theme.colors.brand[700],size:2}):""}
+  }
+
+  :active {
+    ${e=>e.inputHasFocus?vt({color:e.theme.colors.brand[500]}):""}
+  }
+
+  & .em-ds-input {
+    outline: none !important;
+    border: none !important;
+    box-shadow: none !important;
+    border-radius: 0 !important;
+    height: 100%;
+    background: transparent;
+    width: ${e=>`${e.inputWidth+(e.value===""?24:0)}px`};
+    padding: 0;
+    margin: 0 0 0 8px;
+  }
+
+  & .em-ds-input__tooltip-ref {
+    height: 100%;
+  }
+`,fs=(0,M.I)(J.Ay)`
+  ${Ot}
+  font-weight: ${e=>e.theme.fontWeights.semibold};
+
+  padding: 0 0 0 12px;
+`,Xi=(0,M.I)(J.Ay)`
+  ${Ot}
+  font-weight: ${e=>e.theme.fontWeights.semibold};
+  padding-right: ${e=>e.hasIconRight?"0 !important":"12px"};
+  padding-left: ${e=>e.hasIconLeft?"0 !important":"12px"};
+`,qi=(0,M.I)(J.Ay)`
+  ${Ot}
+  font-weight: ${e=>e.theme.fontWeights.regular};
+  padding: 0 0 0 12px;
+  padding: ${({disabled:e,applyAriaDisabled:t,readOnly:n})=>e||t||n?"0 12px 0 12px":"0 0 0 12px"};
+  line-height: 1.2307rem;
+  @media (max-width: ${e=>e.theme.breakpoints?.small}) {
+    line-height: 1rem;
+  }
+`,Zi=(0,M.I)(J.Ay)`
+  width: ${({width:e})=>e};
+
+  // Pill edges
+  & .ds-pill-wrapper {
+    &:not(:first-of-type) {
+      &,
+      :after,
+      :before,
+      .ds-pill-tooltip-value:after {
+        border-top-left-radius: 0px;
+        border-bottom-left-radius: 0px;
+      }
+    }
+    &:not(:last-of-type) {
+      &,
+      :after,
+      :before,
+      .ds-pill-tooltip-value:after {
+        border-top-right-radius: 0px;
+        border-bottom-right-radius: 0px;
+      }
+    }
+  }
+
+  // Pill paddings to the left / right
+  & .ds-pill-wrapper-label,
+  & .ds-pill-wrapper-value,
+  & .ds-pill-wrapper-readonly {
+    &:not(:first-of-type) {
+      padding-left: 8px;
+    }
+    &:not(:last-of-type) {
+      padding-right: 8px;
+    }
+  }
+
+  & .ds-pill-wrapper-removable:not(:first-of-type) {
+    padding-left: 8px;
+  }
+
+  & .ds-pill-wrapper-dropdown:not(:first-of-type) {
+    padding-left: 8px;
+  }
+
+  & .ds-pill-wrapper {
+    :not(:first-of-type) {
+      .ds-pill-button-left {
+        border-radius: 0px;
+      }
+      .ds-pill-button-only {
+        border-top-left-radius: 0px;
+        border-bottom-left-radius: 0px;
+      }
+    }
+    :not(:last-of-type) {
+      .ds-pill-button-right {
+        border-radius: 0px;
+      }
+      .ds-pill-button-only {
+        border-top-right-radius: 0px;
+        border-bottom-right-radius: 0px;
+      }
+    }
+  }
+`,Ji=M.I.span`
+  outline: none;
+  :focus {
+    ${e=>vt({color:e.theme.colors.brand[700],size:2,zIndex:3})}
+  }
+`,Qi=(0,M.I)(jo.e)`
+  display: grid;
+  place-items: center;
+
+  position: relative;
+
+  padding: 0;
+  ${({width:e,height:t,theme:n})=>String(e).includes("px")&&String(t).includes("px")?`
+      width: ${parseInt(e,10)/13}rem;
+    height: ${parseInt(t,10)/13}rem;
+
+    @media (max-width: ${n.breakpoints?.small}) {
+      width: ${parseInt(e,10)/16}rem;
+      height: ${parseInt(t,10)/16}rem;
+    }`:`
+    width: ${e};
+    height: ${t};
+    `}
+
+  border-radius: 12px;
+
+  :focus {
+    ${e=>vt({color:e.theme.colors.brand[700],size:2,zIndex:1,borderRadius:"inherit"})}
+  }
+
+  cursor: pointer;
+`,el=(0,M.I)(ho)`
+  display: grid;
+  place-items: center;
+
+  position: relative;
+
+  padding: 0;
+  ${({width:e,height:t,theme:n})=>String(e).includes("px")&&String(t).includes("px")?`
+      width: ${parseInt(e,10)/13}rem;
+    height: ${parseInt(t,10)/13}rem;
+
+    @media (max-width: ${n.breakpoints?.small}) {
+      width: ${parseInt(e,10)/16}rem;
+      height: ${parseInt(t,10)/16}rem;
+    }`:`
+    width: ${e};
+    height: ${t};
+    `}
+
+  border-radius: 12px;
+
+  :focus {
+    ${e=>vt({color:e.theme.colors.brand[700],size:2,zIndex:1,borderRadius:"inherit"})}
+  }
+
+  cursor: pointer;
+`,bs="DSPill",gs="DSPillbutton",ys="DSPillgroup";var tl=E("./node_modules/.pnpm/@elliemae+ds-legacy-common@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-common/dist/esm/Input/DSInput.js");const nl={innerRef:()=>null,disabled:!1,applyAriaDisabled:!1,readOnly:!1,applyTooltipOverflowWrap:!1,hasError:!1,ariaLabel:"",size:"m",labelTruncated:!0,tooltipValue:"",iconLeft:null,IconLeft:null,IconRight:null,iconRight:null,onRemove:()=>null,inputPlaceholder:"",onInputChange:()=>null,onInputClear:()=>null,inputWidth:72,inputRender:tl._C,dropdownProps:{options:[],isSkeleton:!1,isOpened:!1},onDropdownClick:()=>null,tabIndex:0},fo={type:"right",width:"100%",height:"100%"},ol={width:"fit-content",innerRef:()=>null},sl=r.A.oneOf(["label","labelOnly","value","input","dropdown","removable","readonly","menubutton"]),{children:ou,...rl}=eo,il={...le.P,...me.w,label:r.A.string.description("Label to show in the pill").isRequired,type:sl.description("The type of pill that you want to render").isRequired,innerRef:r.A.oneOfType([r.A.object,r.A.func]).description("Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)").defaultValue(()=>null),size:r.A.oneOf(["s","m"]).description("Vertical pill size").defaultValue("m"),ariaLabel:r.A.string.description("Aria label for the pill. If not provided we will use the label").defaultValue(""),labelTruncated:r.A.bool.description("Whether to truncate the pills label").defaultValue(!0),tooltipValue:r.A.string.description("String to show as a tooltip in the value pill").defaultValue(""),iconLeft:r.A.node.description("A component to show int the left of a readonly pill").defaultValue(null).deprecated({version:"4.x",message:"Use IconLeft instead for accessibility reasons"}),IconLeft:r.A.node.description("A component to show int the left of a label pill").defaultValue(null),IconRight:r.A.node.description("A component to show in the right of a readonly pill").defaultValue(null),iconRight:r.A.node.description("A component to show in the right of a readonly pill").defaultValue(null).deprecated({version:"4.x",message:"Use IconRight instead for accessibility reasons"}),onRemove:r.A.func.description("Callback triggered when removing a pill with the close icon").defaultValue(()=>null),inputPlaceholder:r.A.string.description("Placeholder for the input pill").defaultValue(""),onInputChange:r.A.func.description("Callback triggered when user provides input to the input pill").defaultValue(()=>null),onInputClear:r.A.func.description("Callback triggered when the user clears an input pill").defaultValue(()=>null),inputWidth:r.A.number.description("Width in pixels for the input tag in the input pill").defaultValue(150),inputId:r.A.string.description("ID for the input pill").defaultValue(void 0),disabled:r.A.bool.description("Whether the pill should be disabled. Only for value and removable pill").defaultValue(!1),applyAriaDisabled:r.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.").defaultValue(!1),readOnly:r.A.bool.description("Whether the Pill is in readonly state or not.").defaultValue(!1),applyTooltipOverflowWrap:r.A.bool.description("when a tooltip is present, the tooltip text may be too long to fit in the pill. If true, the tooltip will wrap to the next line using overflow-wrap").defaultValue(!1),hasError:r.A.bool.description("Whether the pill should be in an error state. Only for input pill").defaultValue(!1),inputRender:r.A.func.description("Custom render function for the input pill").defaultValue("DSInput"),menuButtonProps:r.A.shape(rl).description("Props for the menu button pill").isRequiredIf(e=>e.type==="menubutton"),trailingComma:r.A.bool.description("Whether the disabled/aria-disabled/readonly pill should include a trailing comma or not"),dropdownProps:r.A.object.description("Properties that will be used for the dropdown-menu. For accessibility reasons this is deprecated in favour of menuButtonProps").defaultValue({}).deprecated({version:"25.3"}),onDropdownClick:r.A.func.description("Callback when dropdown button is clicked or pressed. For accessibility reasons this is deprecated in favour of menuButtonProps").defaultValue(()=>null).deprecated({version:"25.3"})},ll={...le.P,...me.w,type:r.A.oneOf(["only","left","right"]).description("The position in which this button will be placed. Only used for css styling internally").defaultValue("right"),width:r.A.string.description("Width of the button").defaultValue("100%"),height:r.A.string.description("Height of the button").defaultValue("100%"),innerRef:r.A.oneOfType([r.A.object,r.A.func]).description("Inner ref to button component."),"data-testid":r.A.string.description("root element data-testid"),applyAriaDisabled:r.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.").defaultValue(!1)},xs={...le.P,width:r.A.string.description("Width of the group").defaultValue("fit-content"),innerRef:r.A.oneOfType([r.A.object,r.A.func]).description("Reference to the pill group wrapper").defaultValue(()=>null),children:r.A.node.description("Pills to render in the group").isRequired},Ss=il,As=ll,su=null,Is=(0,i.createContext)({onKeyboardRemove:()=>null,onKeyboardNavigation:()=>null}),bo=e=>{const t=(0,Y.b)(e,ol);(0,$.D)(t,xs,ys);const n=(0,F.u)(t),o=(0,i.useMemo)(()=>`ds-pill-group-${(0,Q.L)()}`,[]),{children:s,width:l,innerRef:a}=t,c=(0,i.useCallback)(h=>{const m=[...document.querySelectorAll(`#${o} .ds-pill-focus-point`)],f=m.findIndex(b=>b.id===h);f>0?m[f-1].focus():f+1<m.length&&m[f+1].focus()},[o]),u=(0,i.useCallback)((h,m,f)=>{const b=[...document.querySelectorAll(`#${o} .ds-pill-focus-point`)],x=b.findIndex(y=>y.id===h);x>=0&&b[x+m]&&(f.stopPropagation(),b[x+m].focus())},[o]),p=(0,i.useMemo)(()=>({onKeyboardRemove:c,onKeyboardNavigation:u}),[c,u]);return(0,d.jsx)(Is.Provider,{value:p,children:(0,d.jsx)(Zi,{...n,width:l,id:o,cols:i.Children.map(s,()=>"auto"),gutter:"2px",innerRef:a,children:s})})};bo.displayName=ys;const al=(0,B.A)(bo);al.propTypes=xs;const dl=r.A.shape({dsId:r.A.string.isRequired,type:r.A.oneOf(["action"]),label:r.A.string.isRequired,secondaryLabel:r.A.string,disabled:r.A.bool,render:r.A.func}),cl=r.A.shape({dsId:r.A.string.isRequired,type:r.A.oneOf(["single"]),label:r.A.string.isRequired,secondaryLabel:r.A.string,value:r.A.any.isRequired,disabled:r.A.bool,render:r.A.func}),ul=r.A.shape({dsId:r.A.string.isRequired,type:r.A.oneOf(["checkbox"]),label:r.A.string.isRequired,secondaryLabel:r.A.string,value:r.A.any.isRequired,disabled:r.A.bool,render:r.A.func}),pl=r.A.shape({dsId:r.A.string.isRequired,type:r.A.oneOf(["submenu"]),label:r.A.string.isRequired,secondaryLabel:r.A.string,value:r.A.any.isRequired,disabled:r.A.bool,rightAddon:r.A.oneOf(["chevron","ellipsis"]),options:r.A.array,minWidth:r.A.any,maxHeight:r.A.any,render:r.A.func}),ml=r.A.shape({dsId:r.A.string.isRequired,type:r.A.oneOf(["singleWithSubmenu"]),label:r.A.string.isRequired,secondaryLabel:r.A.string,value:r.A.any.isRequired,disabled:r.A.bool,rightAddon:r.A.oneOf(["chevron","ellipsis"]),options:r.A.array,minWidth:r.A.any,maxHeight:r.A.any,render:r.A.func}),hl=r.A.shape({dsId:r.A.string.isRequired,type:r.A.oneOf(["separator"]),label:r.A.string.isRequired,render:r.A.func}),fl=r.A.shape({dsId:r.A.string.isRequired,type:r.A.oneOf(["section"]),label:r.A.string.isRequired,render:r.A.func}),bl=r.A.oneOfType([dl,cl,ul,pl,ml,hl,fl]),vs={options:r.A.arrayOf(bl).description("The array of option for the menu").omitValidation().isRequired,isOpened:r.A.bool.description("Whether the dropdown menu is opened or not").isRequired,onClickOutside:r.A.func.description("Callback executed when you click outside the dropdown menu, or press the Esc key").defaultValue(()=>null),selectedOptions:r.A.object.description("Object with the ids of the options as keys, and booleans as keys. Represents the state of the current selection in the dropdown menu").defaultValue({}),onOptionClick:r.A.func.description("Callback triggered when an item is clicked or pressed. We provide the next selected options, the clicked option and the event, in that order").defaultValue(()=>null),openedSubmenus:r.A.object.description("Object with the ids of the submenus as keys, and booleans as keys. Represents the state of the current opened submenus").defaultValue({}),onSubmenuToggle:r.A.func.description("Callback triggered when a submenu is opened or closed. We provide the next opened submenus, the clicked one and the event, in that order").defaultValue(()=>null),startPlacementPreference:r.A.string.description("Where to place the popper for the dropdown menu").defaultValue("bottom-start"),placementOrderPreference:r.A.arrayOf(r.A.string).description("Placement priorities for the dropdown menu").defaultValue(["bottom-start","top-start","right-start","right-end","left-start","left-end"]),customOffset:r.A.arrayOf(r.A.number).description("Custom offset for the dropdown menu").defaultValue([0,4]),wrapperStyles:r.A.object.description("Styling for the dropdown menu wrapper").defaultValue({}),isLoading:r.A.bool.description("Whether the dropdown menu should render the loading indicator").defaultValue(!1),zIndex:r.A.number.description("ZIndex for the popper").defaultValue(10),HeaderComp:r.A.func.description("Component to render as a header for the dropdown menu").defaultValue(void 0),actionRef:r.A.object.description("Reference where all the exposed action callbacks will be exposed"),minWidth:r.A.any.description("Minimum width for the dropdown menu").defaultValue(void 0),maxHeight:r.A.any.description("Maximum height for the dropdown menu").defaultValue(void 0),...le.P,onKeyDown:r.A.func.description("Callback executed when a key is pressed").defaultValue(()=>null),onMouseEnter:r.A.func.description("Callback executed when the mouse enter the dropdown menu").defaultValue(()=>null),onMouseLeave:r.A.func.description("Callback executed when the mouse leaves the dropdown menu").defaultValue(()=>null),isSkeleton:r.A.bool.description("Whether the dropdown menu should render the skeleton").defaultValue(!1)},gl={onClickOutside:()=>null,onKeyDown:()=>null,onMouseEnter:()=>null,onMouseLeave:()=>null,selectedOptions:{},onOptionClick:()=>null,openedSubmenus:{},onSubmenuToggle:()=>null,isLoading:!1,hasInput:!1,inputValue:"",inputPlaceholder:"Hint text",onInputChange:()=>null,startPlacementPreference:"bottom-start",placementOrderPreference:["bottom-start","top-start","right-start","right-end","left-start","left-end"],customOffset:[0,4],wrapperStyles:{},actionRef:{current:{}},as:"div",isSkeleton:!1},ht=(0,i.createContext)(void 0);var yl=E("./node_modules/.pnpm/react-virtual@2.10.4/node_modules/react-virtual/dist/react-virtual.mjs");const xl=()=>{const[e,t]=(0,i.useState)(null),n=(0,i.useRef)(null),o=(0,i.useRef)(null);return{triggerReferenceElement:e,setTriggerReferenceElement:t,listboxReference:n,inputReference:o}},$t=e=>!["section","separator"].includes(e.type)&&!("disabled"in e&&e.disabled),wt="DSDropdownmenu",Vt={ROOT:"root",LOADING_WRAPPER:"loading-wrapper",LISTBOX_WRAPPER:"listbox-wrapper",HEADER_WRAPPER:"header-wrapper",OPTION_LIST_WRAPPER:"option-list-wrapper",EMPTY_STATE_WRAPPER:"empty-state-wrapper"},ru={TOP_START:"top-start",TOP:"top",TOP_END:"top-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",BOTTOM_END:"bottom-end",BOTTOM:"bottom",BOTTOM_START:"bottom-start",LEFT_END:"left-end",LEFT:"left",LEFT_START:"left-start"},Sl=()=>32,Al=(e,t)=>{const n=(0,Y.b)(e,gl);(0,$.D)(n,vs,wt);const{options:o,inputValue:s,isOpened:l,actionRef:a}=n,{triggerReferenceElement:c,setTriggerReferenceElement:u,listboxReference:p,inputReference:h}=xl(),[m,f]=(0,i.useState)(o.find($t)?.dsId??"");(0,i.useEffect)(()=>{l&&f(o.find($t)?.dsId??"")},[l,s]);const b=(0,yl.z)({size:o.length,parentRef:p,overscan:15,paddingStart:0,estimateSize:Sl}),{scrollToIndex:x}=b,y=(0,i.useCallback)((S,A)=>{x(S,A),window.requestAnimationFrame(()=>{x(S,A)})},[x]),g=(0,i.useCallback)((S,A={align:"center"})=>{const w=o.findIndex(T=>T.dsId===S);y(w,A)},[o,y]);return(0,i.useEffect)(()=>{a?.current&&(a.current={setActiveDescendant:f,scrollOptionIntoView:g,scrollToIndex:y})},[a,g,y]),(0,i.useMemo)(()=>({props:n,virtualListHelpers:b,triggerReferenceElement:c,setTriggerReferenceElement:u,listboxReference:p,inputReference:h,activeDescendant:m,setActiveDescendant:f,scrollOptionIntoView:g,DSDropdownMenuV2:t}),[n,b,c,u,p,h,m,g,t])};var Il=E("./node_modules/.pnpm/@elliemae+ds-popperjs@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-popperjs/dist/esm/index.js");const on={TRIGGER_WRAPPER:"dropdown-menu-trigger-wrapper",LISTBOX:"dropdown-menu-listbox",MENU_WRAPPER:"dropdown-menu-wrapper",LOADING:"dropdown-menu-loading-wrapper",OPTION:"ds-menu-item"};var vl=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/system-utilities/space.js"),Os=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/system-utilities/sizing.js"),ws=E("./node_modules/.pnpm/@xstyled+system@3.7.5/node_modules/@xstyled/system/dist/index.mjs");const Ol=(0,M.I)("div",{name:wt,slot:Vt.ROOT})`
+  width: fit-content;
+  ${vl.x}
+  ${Os.v}
+  ${ws.G1C}
+  ${ws.Zpx}
+`,wl=(0,M.I)("div",{name:wt,slot:Vt.LISTBOX_WRAPPER})`
+  ${Os.v}
+  padding: ${e=>e.hasHeader?0:"4px"} 0 4px 0;
+  overflow-y: auto;
+  background-color: white;
+  outline: none;
+  list-style: none;
+`,Tl=(0,M.I)("ul",{name:wt,slot:Vt.OPTION_LIST_WRAPPER})`
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  outline: none;
+`,El=(0,M.I)(J.Ay,{name:wt,slot:Vt.LOADING_WRAPPER})`
+  height: ${e=>e.theme.space.xxl};
+  min-width: ${e=>e.minWidth}px;
+  background-color: white;
+  outline: none;
+`,Ml=(0,M.I)(J.Ay,{name:wt,slot:Vt.EMPTY_STATE_WRAPPER})`
+  font-weight: ${e=>e.theme.fontWeights.regular};
+  font-size: ${e=>e.theme.fontSizes.value[500]};
+  color: ${e=>e.theme.colors.neutral[500]};
+`,Pl=(0,M.I)(J.Ay)`
+  padding-top: ${e=>e.hasHeader?e.theme.space.xxs:0};
+  padding-left: ${e=>e.theme.space.xxs};
+  padding-right: ${e=>e.theme.space.xxs};
+  padding-bottom: ${e=>e.theme.space.xxs};
+
+  .em-ds-input {
+    :focus,
+    :hover {
+      outline: none !important;
+      border: none !important;
+      box-shadow: none !important;
+    }
+    :focus {
+      border: 1px solid ${e=>e.theme.colors.brand[700]} !important;
+      box-shadow: inset 0 0 0 1px ${e=>e.theme.colors.brand[700]} !important;
+    }
+  }
+`,Cl=(0,M.I)(J.Ay,{name:wt,slot:Vt.HEADER_WRAPPER})`
+  width: 100%;
+  border-bottom: 1px solid ${e=>e.theme.colors.neutral[300]};
+  color: ${e=>e.theme.colors.neutral[500]};
+  font-size: 12px;
+  padding-left: ${e=>e.theme.space.xxxs};
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  background-color: white;
+  min-height: 16px;
+`;var _l=E("./node_modules/.pnpm/@elliemae+ds-form-input-text@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-input-text/dist/esm/DSInputText.js");const Fn=(e,t,n,o=1)=>{for(let s=(t+o+e.length)%e.length;s!==t;s=(s+o+e.length)%e.length)if(n(e[s]))return s;return t},Ts=e=>e.type==="submenu"||e.type==="singleWithSubmenu",Es=(e,t="__root")=>{let n={};return e?.forEach(o=>{Ts(o)&&(n[o.dsId]=t,"options"in o&&(n={...n,...Es(o.options,o.dsId)}))}),n},go=(e,t,n)=>{if(!Ts(n)||t[n.dsId]===!1)return t;const o=Es(e),s={...t};Object.keys(o).forEach(a=>{s[a]=!1});let l=n.dsId;for(;l!=="__root";)s[l]=!0,l=o[l];return s},Dl=()=>{const{props:{options:e,onOptionClick:t,openedSubmenus:n,onSubmenuToggle:o,onKeyDown:s,selectedOptions:l,onClickOutside:a,onMouseEnter:c,onMouseLeave:u},activeDescendant:p,setActiveDescendant:h,scrollOptionIntoView:m,listboxReference:f,inputReference:b}=(0,i.useContext)(ht),x=(0,i.useCallback)(g=>{const v=e.findIndex(A=>A.dsId===p);if(v===-1)return;const S=e[v];if(g.stopPropagation(),g.code==="ArrowDown"){g.preventDefault();const A=Fn(e,v,$t);h(e[A].dsId),m(e[A].dsId)}else if(g.code==="ArrowUp"){g.preventDefault();const A=Fn(e,v,$t,-1);h(e[A].dsId),m(e[A].dsId)}else if(g.code==="ArrowRight"&&["submenu","singleWithSubmenu"].includes(S.type)&&!n[S.dsId]){g.preventDefault();const{type:A}=S;if((A==="submenu"||A==="singleWithSubmenu")&&S.applyAriaDisabled)return;o(go(e,{...n,[S.dsId]:!0},S),S,g)}else if(["Space","Enter"].includes(g.code)){g.preventDefault();const{type:A}=S;if(A==="singleWithSubmenu"&&S.applyAriaDisabled)return;const w={...l};if(w[S.dsId]=!l[S.dsId],S?.disabled)return;t(w,S,g),S.onClick&&S.onClick(g)}else if(g.code==="Escape")a(g);else if(g.code==="Home"){const A=Fn(e,e.length-1,$t);h(e[A].dsId),m(e[A].dsId)}else if(g.code==="End"){const A=Fn(e,0,$t,-1);h(e[A].dsId),m(e[A].dsId)}S.onKeyDown&&S.onKeyDown(g),s(g)},[e,n,s,p,h,m,o,l,t,a]),y=(0,i.useCallback)(g=>{b.current?b.current.focus():f.current?.focus(),c(g)},[b,f,c]);return{onKeyDown:x,onMouseEnter:y,onMouseLeave:u}},Rl=e=>(0,d.jsx)(Ml,{px:"xxs",py:"xxxs",role:"alert",...e,children:"No content available"}),Tt={innerRef:()=>{},wrapperStyles:{}},Bt={dsId:r.A.string.description("unique identifier that MUST NOT be repeated to ensure all functionalities works as expected").isRequired,wrapperStyles:r.A.object.description("Styles to be applied to the wrapper element.").defaultValue(Tt.wrapperStyles),render:r.A.func.description("A React component that can be used to render the menu item.").signature("React.ComponentType"),innerRef:r.A.oneOfType([r.A.shape({current:r.A.node}),r.A.func.description(" A ref object or callback function to access the main underlying DOM element of the menu item.")]).defaultValue("(() => {})"),original:r.A.object.description("")},iu=null,kl={...Tt,label:"",value:void 0,disabled:!1,isActive:!1,onClick:()=>{},onKeyDown:()=>{},optionsShouldHavePadding:!1,tabIndex:0,applyAriaDisabled:!1,as:"li"},{tabIndex:lu,label:au,value:du,...jl}=le.P,Ms={...jl,...me.w,...Bt,tabIndex:r.A.oneOfType([r.A.number,r.A.string]).description("The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed."),label:r.A.string.description("The label of the menu item."),value:r.A.any.description("The value of the menu item."),isActive:r.A.bool.description("Whether the menu item is active."),optionsShouldHavePadding:r.A.bool.description("Whether the menu item should have padding. This is used in the context of a menu with options."),secondaryLabel:r.A.string.description("The secondary label of the menu item."),applyAriaDisabled:r.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.").defaultValue(!1),as:r.A.string.description("The HTML element to render the menu item as.")},Nl=Ms,Wl=`${pe}Action`,Ll=(e,t)=>{(0,$.D)(e,t,Wl)},Fl=e=>{const t=(0,Y.b)(e,kl);Ll(t,Ms);const n=(0,F.u)(t),o=(0,N.d)(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:n,xstyledProps:o}),[t,n,o])},yo=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o}=Fl(e),{dsId:s,label:l,secondaryLabel:a,onClick:c,onKeyDown:u,isActive:p,disabled:h,innerRef:m,wrapperStyles:f,optionsShouldHavePadding:b,render:x,applyAriaDisabled:y,readOnly:g,as:v}=t,S=i.useCallback(T=>{h||y||g||c?.(T)},[h,y,g,c]),A=i.useCallback(T=>{(y||g)&&(T.code==="Space"||T.code==="Enter")||u?.(T)},[y,g,u]),w=i.useMemo(()=>{const T=["auto"];return a&&T.push("min-content"),T},[a]);return(0,d.jsx)(Ee,{id:s,role:"option",isActive:p,disabled:h,innerRef:m,pl:b?40:16,style:f,"data-type":"action","aria-disabled":y,...n,onClick:S,onKeyDown:A,...o,as:v,children:x!==void 0?(0,d.jsx)(x,{...t}):(0,d.jsx)(Re,{cols:w,minHeight:"16px",gutter:"xxs",alignItems:"center",children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ye,{children:l}),a!==void 0&&(0,d.jsx)(Xe,{children:a})]})})})};yo.displayName="DSActionMenuItem";const $l=(0,B.A)(yo);$l.propTypes=Nl;const Vl={...Tt,label:"",isActive:!1,disabled:!1,isSelected:!1,onClick:()=>{},onMouseDown:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},onKeyDown:()=>{},dataTestid:"ds-menu-item",tabIndex:0,applyAriaDisabled:!1},{tabIndex:cu,label:uu,value:pu,...Bl}=le.P,Ps={...Bl,...me.w,...Bt,tabIndex:r.A.oneOfType([r.A.number,r.A.string]).description("The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed."),label:r.A.string.description("The label of the menu item."),value:r.A.any.description("The value of the menu item."),isActive:r.A.bool.description("Whether the menu item is active."),secondaryLabel:r.A.string.description("The secondary label of the menu item."),disabled:r.A.bool.description("Whether the menu item is disabled."),isSelected:r.A.bool.description("Whether the menu item is selected."),dataTestid:r.A.string.description("A custom data-testid for your e2e testing"),applyAriaDisabled:r.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.").defaultValue(!1)},Hl=Ps,Ul=`${pe}Single`,zl=(e,t)=>{(0,$.D)(e,t,Ul)},Gl=e=>{const t=(0,Y.b)(e,Vl);zl(t,Ps);const n=t.original??t,o=(0,F.u)(n),s=(0,N.d)(n);return i.useMemo(()=>({propsWithDefault:t,globalProps:o,xstyledProps:s}),[t,o,s])},sn=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o}=Gl(e),{dsId:s,label:l,secondaryLabel:a,isSelected:c,onClick:u,onKeyDown:p,isActive:h,innerRef:m,onMouseDown:f,onMouseEnter:b,onMouseLeave:x,wrapperStyles:y,render:g,dataTestid:v,disabled:S,applyAriaDisabled:A,readOnly:w}=t,{getOwnerProps:T}=(0,G.j)(t),_=i.useCallback(I=>{S||f?.(I)},[S,f]),P=i.useCallback(I=>{S||A||w||u?.(I)},[S,A,w,u]),W=i.useCallback(I=>{(A||w)&&(I.code==="Space"||I.code==="Enter")||p?.(I)},[A,w,p]),D=i.useMemo(()=>{const I={small:["1rem","auto"],medium:["1.2308rem","auto"]};return a&&(I.small.push("min-content"),I.medium.push("min-content")),I},[a]),H=A?["neutral","400"]:["brand-primary","600"];return(0,d.jsx)(Ee,{"aria-selected":c,id:s,role:"option",isActive:h,isSelected:c,innerRef:m,onMouseDown:_,onMouseEnter:b,onMouseLeave:x,className:h?"ds-list-item-active":"",style:y,"data-testid":v,disabled:S,"data-type":"single","aria-disabled":A||S,...n,onClick:P,onKeyDown:W,getOwnerProps:T,...o,children:g!==void 0?(0,d.jsx)(g,{...t}):(0,d.jsxs)(Re,{cols:D,minHeight:"16px",gutter:"xxs",alignItems:"center",getOwnerProps:T,children:[(0,d.jsx)("div",{children:c&&(0,d.jsx)(_n,{size:"s",color:H})}),(0,d.jsx)(Ye,{getOwnerProps:T,children:l}),a!==void 0&&(0,d.jsx)(Xe,{getOwnerProps:T,children:a})]})})};sn.displayName="DSSingleMenuItem";const Kl=(0,B.A)(sn);Kl.propTypes=Hl;var Yl=E("./node_modules/.pnpm/@elliemae+ds-form-checkbox@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-checkbox/dist/esm/index.js");const Xl={...Tt,label:"",isActive:!1,disabled:!1,applyAriaDisabled:!1,isSelected:!1,onClick:()=>{},onMouseDown:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},tabIndex:0},{tabIndex:mu,label:hu,value:fu,...ql}=le.P,Cs={...ql,...me.w,...Bt,tabIndex:r.A.oneOfType([r.A.number,r.A.string]).description("The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed."),label:r.A.string.description("The label of the menu item."),isActive:r.A.bool.description("Whether the menu item is active."),isSelected:r.A.bool.description("Whether the menu item has to show the selected state or not."),value:r.A.any.description("The value of the menu item."),dataTestid:r.A.string.description("The data-testid of the menu item."),applyAriaDisabled:r.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.").defaultValue(!1)},Zl=Cs,Jl=`${pe}Multi`,Ql=(e,t)=>{(0,$.D)(e,t,Jl)},ea=e=>{const t=(0,Y.b)(e,Xl);Ql(t,Cs);const n=(0,F.u)(t),o=(0,N.d)(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:n,xstyledProps:o}),[t,n,o])},ta=()=>{},rn=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o}=ea(e),{dsId:s,label:l,disabled:a,isSelected:c,isActive:u,onClick:p,dataTestid:h,innerRef:m,onMouseEnter:f,onMouseLeave:b,onMouseDown:x,wrapperStyles:y,tabIndex:g,render:v,applyAriaDisabled:S,readOnly:A}=t,w=i.useCallback(T=>{a||S||A||p?.(T)},[a,S,A,p]);return(0,d.jsx)(Ee,{id:s,disabled:a,isActive:u,isSelected:c,innerRef:m,onMouseDown:x,onMouseEnter:f,onMouseLeave:b,role:"option",className:u?"ds-list-item-active":"","aria-selected":c,style:y,"data-testid":h,"data-type":"multi","aria-disabled":S||a,applyAriaDisabled:S,readOnly:A,...n,onClick:w,...o,children:v!==void 0?(0,d.jsx)(v,{...t}):(0,d.jsx)($r,{children:(0,d.jsx)(Yl.Lt,{disabled:a,applyAriaDisabled:S,readOnly:A,checked:c,onMouseDown:x,name:l,label:l,onChange:ta,tabIndex:g,wrapLabel:!0})})})};rn.displayName="DSMultiMenuItem";const na=(0,B.A)(rn);na.propTypes=Zl;var _s=(0,Cn.w)({paths:["M9.496 12c-.828 0-1.5-.672-1.5-1.5S8.668 9 9.496 9s1.5.672 1.5 1.5-.672 1.5-1.5 1.5zM9.496 7c-.828 0-1.5-.672-1.5-1.5S8.668 4 9.496 4s1.5.672 1.5 1.5-.672 1.5-1.5 1.5zM9.496 17c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5z"],height:20,width:20}),Ds=E("./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/ChevronRight.js");const $n={...Tt,label:"",isActive:!1,disabled:!1,applyAriaDisabled:!1,isSubmenuOpened:!1,onSubmenuOpen:()=>{},rightAddon:"chevron",optionsShouldHavePadding:!1,Dropdown:()=>null,dropdownProps:{options:[],onSubmenuToggle:()=>{},openedSubmenus:{},selectedOptions:{},onKeyDown:()=>{},onOptionClick:()=>{},onClickOutside:()=>{},minWidth:"auto",maxHeight:"auto"}},Rs={...le.P,...me.w,...Bt,tabIndex:r.A.oneOfType([r.A.number,r.A.string]).description("The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed."),label:r.A.string.description("The label of the menu item."),value:r.A.any.description("The value of the menu item."),isActive:r.A.bool.description("Whether the menu item is active.").defaultValue($n.isActive),optionsShouldHavePadding:r.A.bool.description("Whether the menu item should have padding. This is used in the context of a menu with options.").defaultValue($n.optionsShouldHavePadding),secondaryLabel:r.A.string.description("The secondary label of the menu item."),isSubmenuOpened:r.A.bool.description("Whether the submenu is opened or not.").defaultValue($n.isSubmenuOpened),onSubmenuOpen:r.A.func.description("Callback fired when the user tries to open the submenu."),onSubmenuClose:r.A.func.description("Callback fired when the user tries to close the submenu."),rightAddon:r.A.oneOf(["ellipsis","chevron"]).description("The visual element to display on the right side of the menu item."),Dropdown:r.A.func.description("The Dropdown component to use to render the submenu."),dropdownProps:r.A.object.description("The props to pass to the Dropdown component."),applyAriaDisabled:r.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.").defaultValue(!1)},oa=Rs,sa=`${pe}Submenu`,ra=(e,t)=>{(0,$.D)(e,t,sa)},ia=({disabled:e,isSubmenuOpened:t,onMouseEnter:n,onSubmenuOpen:o,onSubmenuClose:s,onMouseLeave:l,onMouseDown:a})=>({onMouseEnterHandler:m=>n?.(m),onMouseLeaveHandler:m=>l?.(m),onMouseDownHandler:m=>{if(e){m.preventDefault();return}a?.(m)},onEllipsisClick:m=>{e||(m.stopPropagation(),t?s?.(m):o(m))}}),la=({isSubmenuOpened:e,onMouseEnter:t,onSubmenuOpen:n,onSubmenuClose:o,onMouseLeave:s,onMouseDown:l,disabled:a,applyAriaDisabled:c})=>{const u={current:null};return{onMouseEnterHandler:b=>{c||(u.current!==null?clearTimeout(u.current):e||n?.(b),u.current=null,t?.(b))},onMouseLeaveHandler:b=>{u.current===null&&(u.current=setTimeout(()=>{u.current=null,o?.(b)},300)),s?.(b)},onMouseDownHandler:b=>{a||l?.(b)},onEllipsisClick:()=>{throw new Error("Invoking onEllipsisClick from chevron handlers... this should never happen")}}},aa=e=>{const{rightAddon:t}=e;return(0,i.useMemo)(()=>t==="ellipsis"?ia(e):la(e),[e,t])},da=e=>{const t=(0,Y.b)(e,$n);ra(t,Rs);const n=t.original??t,o=(0,F.u)(n),s=(0,N.d)(n),l=aa(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:o,xstyledProps:s,eventHandlers:l}),[t,o,s,l])},xo=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o,eventHandlers:s}=da(e),{dsId:l,label:a,secondaryLabel:c,isActive:u,disabled:p,applyAriaDisabled:h,isSubmenuOpened:m,rightAddon:f,innerRef:b,wrapperStyles:x,optionsShouldHavePadding:y,render:g,Dropdown:v,dropdownProps:{options:S,openedSubmenus:A,onSubmenuToggle:w,selectedOptions:T,onKeyDown:_,onOptionClick:P,onClickOutside:W,minWidth:D,maxHeight:H}}=t,[I,O]=i.useState(!1);i.useEffect(()=>{setTimeout(()=>O(Boolean(m)))},[m]);const C=i.useMemo(()=>{const Ro=["auto"];return c!==void 0&&Ro.push("min-content"),Ro.push("min-content"),Ro},[c]),{minWidth:L,...X}=o,{onMouseLeave:ie,onMouseEnter:ye,onMouseDown:ke,...qe}=n,{onMouseEnterHandler:st,onMouseLeaveHandler:He,onMouseDownHandler:Do,onEllipsisClick:Gt}=s;return(0,d.jsx)(v,{isOpened:I,options:S??[],onOptionClick:P,startPlacementPreference:"right-start",placementOrderPreference:["right-start","right-end","left-start","left-end"],selectedOptions:T,openedSubmenus:A,onSubmenuToggle:w,onKeyDown:_,onClickOutside:W,customOffset:[-4,1],wrapperStyles:{...x,w:"100%"},as:"li",role:"option",minWidth:D,maxHeight:H,"aria-selected":m,"aria-describedby":`dropdownmenu-submenu-${l}`,"data-popover-label":a,id:l,onMouseEnter:st,onMouseLeave:He,onMouseDown:Do,...qe,...X,children:(0,d.jsxs)(Ee,{pr:0,isSelected:m,isActive:u,onMouseEnter:st,onMouseLeave:He,innerRef:b,disabled:p,"aria-disabled":h,pl:y?40:16,as:"div","data-type":"submenu",children:[g!==void 0?(0,d.jsx)(g,{...t}):(0,d.jsxs)(Re,{cols:C,gutter:"xxs",alignItems:"center",children:[(0,d.jsx)(Ye,{children:a}),c!==void 0&&(0,d.jsx)(Xe,{children:c}),(0,d.jsxs)(Ko,{children:[(0,d.jsx)(Jo,{}),f==="ellipsis"?(0,d.jsx)(Yo,{tabIndex:-1,onClick:Gt,disabled:p,applyAriaDisabled:h,children:(0,d.jsx)(_s,{className:"ds-dropdown-menu-v2-more-options",color:p||h?["neutral","500"]:["brand-primary","600"],size:"s"})}):(0,d.jsx)(Ds.A,{color:p||h?["neutral","500"]:["brand-primary","600"],size:"s"})]})]}),(0,d.jsx)("span",{id:`dropdownmenu-submenu-${l}`,style:{display:"none"},children:"submenu, to open this submenu press the Right Arrow key"})]})})};xo.displayName="DSMenuItemSubmenu";const ca=(0,B.A)(xo);ca.propTypes=oa;const ua={...Tt,role:"option"},{dsId:bu,...pa}=Bt,ks={...me.w,...pa,...le.P,role:r.A.string.description('the arial role to apply to the separator, defaults to "option"').defaultValue("option"),tabIndex:r.A.oneOfType([r.A.number,r.A.string]).description("The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed.")},ma=ks,ha=`${pe}Separator`,fa=(e,t)=>{(0,$.D)(e,t,ha)},ba=e=>{const t=(0,Y.b)(e,ua);fa(t,ks);const n=t.original??t,o=(0,F.u)(n),s=(0,N.d)(n);return i.useMemo(()=>({propsWithDefault:t,globalProps:o,xstyledProps:s}),[t,o,s])},ln=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o}=ba(e),{wrapperStyles:s,innerRef:l,render:a}=t;return(0,d.jsx)(qo,{style:s,innerRef:l,"aria-label":"separator",role:"option",tabIndex:void 0,...n,...o,"aria-hidden":"true",children:a?(0,d.jsx)(a,{...t}):(0,d.jsx)(Xo,{})})};ln.displayName="DSMenuItemSeparator";const ga=(0,B.A)(ln);ga.propTypes=ma;const ya={},js={...le.P,...me.w,label:r.A.string.description("The label of the menu item."),wrapperStyles:r.A.object.description("Styles to be applied to the wrapper element if any."),render:r.A.func.description("A React component that can be used to render the menu item if the default one is not the desired one.").signature("React.ComponentType"),innerRef:r.A.oneOfType([r.A.shape({current:r.A.node}),r.A.func.description(" A ref object or callback function to access the main underlying DOM element of the menu item.")])},xa=js,Sa=`${pe}Section`,Aa=(e,t)=>{(0,$.D)(e,t,Sa)},Ia=e=>{const t=(0,Y.b)(e,ya);Aa(t,js);const n=(0,F.u)(t),o=(0,N.d)(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:n,xstyledProps:o}),[t,n,o])},So=e=>{const{globalProps:t,xstyledProps:n}=Ia(e),{label:o,wrapperStyles:s,innerRef:l,render:a}=e;return(0,d.jsx)(Vr,{style:s,innerRef:l,role:"option",...t,...n,children:a!==void 0?(0,d.jsx)(a,{...e}):(0,d.jsx)(Zo,{children:o})})};So.displayName="DSSectionMenuItem";const va=(0,B.A)(So);va.propTypes=xa;const Et={...Tt,isSelected:!1,onClick:()=>{},onMouseDown:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},dataTestid:"ds-menu-item",tabIndex:0,label:"",isActive:!1,disabled:!1,applyAriaDisabled:!1,isSubmenuOpened:!1,onSubmenuOpen:()=>{},rightAddon:"chevron",optionsShouldHavePadding:!1,Dropdown:()=>null,dropdownProps:{options:[],onSubmenuToggle:()=>{},openedSubmenus:{},selectedOptions:{},onKeyDown:()=>{},onOptionClick:()=>{},onClickOutside:()=>{},minWidth:"auto",maxHeight:"auto"}},{tabIndex:gu,label:yu,value:xu,...Oa}=le.P,Ns={...Oa,...me.w,...Bt,tabIndex:r.A.oneOfType([r.A.number,r.A.string]).description("The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed.").defaultValue(Et.tabIndex),label:r.A.string.description("The label of the menu item."),value:r.A.any.description("The value of the menu item."),isActive:r.A.bool.description("Whether the menu item is active.").defaultValue(Et.isActive),optionsShouldHavePadding:r.A.bool.description("Whether the menu item should have padding. This is used in the context of a menu with options.").defaultValue(Et.optionsShouldHavePadding),secondaryLabel:r.A.string.description("The secondary label of the menu item."),isSelected:r.A.bool.description("Whether the menu item has to show the selected state or not.").defaultValue(Et.isSelected),dataTestid:r.A.string.description("The data-testid of the menu item.").defaultValue(Et.dataTestid),isSubmenuOpened:r.A.bool.description("Whether the submenu is opened or not.").defaultValue(Et.isSubmenuOpened),onSubmenuOpen:r.A.func.description("Callback fired when the user tries to open the submenu."),onSubmenuClose:r.A.func.description("Callback fired when the user tries to close the submenu."),rightAddon:r.A.oneOf(["ellipsis","chevron"]).description("The visual element to display on the right side of the menu item."),Dropdown:r.A.func.description("The Dropdown component to use to render the submenu."),dropdownProps:r.A.shape({options:r.A.arrayOf(r.A.any).description("The options to display in the submenu."),onSubmenuToggle:r.A.func.description("Callback fired when the user tries to toggle the submenu. It receives the next opened submenus, the submenu and the event.").signature("((nextOpenedSubmenus: Record<string, boolean>, submenu: unknown, e: React.MouseEvent | React.KeyboardEvent) => void)"),openedSubmenus:r.A.objectOf(r.A.bool).description("The opened submenus."),selectedOptions:r.A.objectOf(r.A.bool).description("The selected options."),onKeyDown:r.A.func.description("Callback fired when the user presses a key."),onOptionClick:r.A.func.description("Callback fired when the user clicks on an option. It receives the next selected options, the clicked option and the event.").signature("((nextSelectedOptions: Record<string, boolean>, clickedOption: unknown, e: React.MouseEvent | React.KeyboardEvent) => void)"),onClickOutside:r.A.func.description("Callback fired when the user clicks outside the submenu.").signature("((e: MouseEvent | React.KeyboardEvent | TouchEvent) => void)"),minWidth:r.A.oneOfType([r.A.number,r.A.string]).description("The min width of the submenu."),maxHeight:r.A.oneOfType([r.A.number,r.A.string]).description("The max height of the submenu.")}).description("The props to pass to the Dropdown component."),applyAriaDisabled:r.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.").defaultValue(!1)},wa=Ns,Ta=`${pe}SingleWithSubmenu`,Ea=(e,t)=>{(0,$.D)(e,t,Ta)},Ma=({disabled:e,applyAriaDisabled:t,rightAddon:n,isSubmenuOpened:o,onMouseEnter:s,onSubmenuOpen:l,onSubmenuClose:a,onMouseLeave:c})=>{const u=i.useRef(null),p=i.useCallback(f=>{n!=="ellipsis"&&(u.current!==null?clearTimeout(u.current):o||l(f),u.current=null),s(f)},[o,s,l,n]),h=i.useCallback(f=>{n!=="ellipsis"&&u.current===null&&(u.current=setTimeout(()=>{u.current=null,a?.(f)},300)),c(f)},[c,a,n]),m=i.useCallback(f=>{e||t||(f.stopPropagation(),o?a?.(f):l(f))},[e,t,o,a,l]);return i.useMemo(()=>({onMouseEnterHandler:p,onMouseLeaveHandler:h,onEllipsisClick:m}),[p,h,m])},Pa=e=>{const t=(0,Y.b)(e,Et);Ea(t,Ns);const n=(0,F.u)(t),o=(0,N.d)(t),s=Ma(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:n,xstyledProps:o,eventHandlers:s}),[t,n,o,s])},Ao=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o,eventHandlers:s}=Pa(e),{onMouseEnterHandler:l,onMouseLeaveHandler:a,onEllipsisClick:c}=s,{dsId:u,label:p,secondaryLabel:h,isActive:m,disabled:f,applyAriaDisabled:b,onClick:x,isSelected:y,isSubmenuOpened:g,rightAddon:v,innerRef:S,wrapperStyles:A,render:w,Dropdown:T,dropdownProps:{options:_,openedSubmenus:P,onSubmenuToggle:W,selectedOptions:D,onKeyDown:H,onOptionClick:I,onClickOutside:O,minWidth:C,maxHeight:L}}=t,[X,ie]=i.useState(!1),{minWidth:ye,...ke}=o;i.useEffect(()=>{setTimeout(()=>ie(g))},[g]);const qe=i.useMemo(()=>{const He=["16px","auto"];return h&&He.push("min-content"),He.push("min-content"),He},[h]),st=i.useCallback(He=>{f||b||x?.(He)},[f,b,x]);return(0,d.jsx)(T,{isOpened:X,options:_??[],onOptionClick:I,startPlacementPreference:"right-start",placementOrderPreference:["right-start","right-end","left-start","left-end"],selectedOptions:D,openedSubmenus:P,onSubmenuToggle:W,onKeyDown:H,onClickOutside:O,customOffset:[-4,1],onMouseEnter:l,onMouseLeave:a,wrapperStyles:{...A,w:"100%"},minWidth:C,maxHeight:L,"data-popover-label":p,as:"li",role:"option","aria-selected":g,"aria-describedby":`dropdownmenu-submenu-${u}`,id:u,...n,...ke,children:(0,d.jsxs)(Ee,{pr:0,onClick:st,isSelected:g,disabled:f,"aria-disabled":b,isActive:m,onMouseEnter:l,onMouseLeave:a,as:"div",innerRef:S,"data-type":"single-with-submenu",children:[w!==void 0?(0,d.jsx)(w,{...t}):(0,d.jsxs)(Re,{cols:qe,gutter:"xxs",alignItems:"center",children:[y?(0,d.jsx)(_n,{size:"s",color:f||b?["neutral","500"]:["brand-primary","600"]}):(0,d.jsx)("div",{}),(0,d.jsx)(Ye,{children:p}),h!==void 0&&(0,d.jsx)(Xe,{children:h}),(0,d.jsxs)(Ko,{children:[(0,d.jsx)(Jo,{}),v==="ellipsis"?(0,d.jsx)(Yo,{tabIndex:-1,onClick:c,disabled:f,applyAriaDisabled:b,children:(0,d.jsx)(_s,{className:"ds-dropdown-menu-v2-more-options",color:f||b?["neutral","500"]:["brand-primary","600"],size:"s"})}):(0,d.jsx)(Ds.A,{color:f||b?["neutral","500"]:["brand-primary","600"],size:"s"})]})]}),(0,d.jsx)("span",{id:`dropdownmenu-submenu-${u}`,style:{display:"none"},children:"submenu, to open this submenu press the Right Arrow key"})]})})};Ao.displayName="DSMenuItemSingleWithSubmenu";const Ca=(0,B.A)(Ao);Ca.propTypes=wa;const _a={wrapperStyles:{}},Ws={...le.P,...me.w,dsId:r.A.string.description('This is used as "id" in the DOM, you need this to be able to make this A11Y accessible.').isRequired,isActive:r.A.bool.description("Whether the menu item is active."),wrapperStyles:r.A.object.description("The styles to apply to the wrapper element, if any.")},Da=Ws,Ra=`${pe}Skeleton`,ka=(e,t)=>{(0,$.D)(e,t,Ra)},ja=e=>{const t=(0,Y.b)(e,_a);ka(t,Ws);const n=(0,F.u)(t),o=(0,N.d)(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:n,xstyledProps:o}),[t,n,o])},Na=["16px","auto"],an=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o}=ja(e),{wrapperStyles:s,isActive:l,dsId:a}=t,{getOwnerProps:c}=(0,G.j)(e);return(0,d.jsx)(Ee,{id:a,"data-type":"skeleton","data-testid":"ds-skeleton-menu-item",role:"presentation",style:s,isActive:l,getOwnerProps:c,...n,...o,children:(0,d.jsxs)(Re,{cols:Na,minHeight:"16px",gutter:"xxs",alignItems:"center",children:[(0,d.jsx)(Wt,{variant:"rectangular",width:"20px"}),(0,d.jsx)(Wt,{variant:"rectangular",width:"100%"})]})})};an.displayName="DSMenuItemSkeleton";const Wa=(0,B.A)(an);Wa.propTypes=Da;const Ht=e=>{const t=(0,i.useRef)(e);return(0,i.useEffect)(()=>{t.current=e},[e]),t},La=e=>{const{props:{options:t,selectedOptions:n,onOptionClick:o,openedSubmenus:s,onSubmenuToggle:l,onMouseEnter:a,onMouseLeave:c,onMouseDown:u},listboxReference:p,inputReference:h}=(0,i.useContext)(ht),m=Ht(e),f=Ht(t),b=Ht(s),x=Ht(l),y=Ht(o),g=Ht(n),v=(0,i.useCallback)(T=>{if(T.stopPropagation(),T.preventDefault(),m?.current?.type==="singleWithSubmenu"){const{applyAriaDisabled:P}=m.current;if(P)return}const _={...g.current};_[m.current.dsId]=!g.current[m.current.dsId],!m?.current?.disabled&&(y?.current?.(_,m.current,T),T.type==="click"&&m?.current?.onClick?.(T))},[y,m,g]),S=(0,i.useCallback)(T=>{x?.current?.(go(f.current,{...b?.current||{},[m.current.dsId]:!0},m.current),m.current,T)},[x,b,m,f]),A=(0,i.useCallback)(T=>{x?.current?.(go(f.current,{...b?.current||{},[m.current.dsId]:!1},m.current),m.current,T),h.current?h.current.focus():p.current?.focus()},[h,p,x,b,m,f]),w=(0,i.useCallback)(T=>{T.code==="ArrowLeft"&&(A(T),T.preventDefault())},[A]);return(0,i.useMemo)(()=>({onClick:v,onSubmenuOpen:S,onSubmenuClose:A,onDropdownKeyDown:w,onMouseEnter:a,onMouseLeave:c,onMouseDown:u}),[v,S,A,w,a,c,u])},Fa=["action","single","checkbox","submenu","separator","section","singleWithSubmenu","skeleton"],$a=e=>{const{type:t}=e;switch(t){case"action":return(0,d.jsx)(yo,{...e});case"single":return(0,d.jsx)(sn,{...e});case"checkbox":return(0,d.jsx)(rn,{...e});case"submenu":return(0,d.jsx)(xo,{...e});case"separator":return(0,d.jsx)(ln,{...e});case"section":return(0,d.jsx)(So,{...e});case"singleWithSubmenu":return(0,d.jsx)(Ao,{...e});case"skeleton":return(0,d.jsx)(an,{...e});default:const n=t;throw new Error(`Provided option type (${t}) is not valid. Please provide one of: ${Fa.join(", ")}`)}},Va=({option:e,style:t,innerRef:n,optionsShouldHavePadding:o})=>{const{props:{selectedOptions:s,onOptionClick:l,openedSubmenus:a,onSubmenuToggle:c,onClickOutside:u},activeDescendant:p,DSDropdownMenuV2:h}=(0,i.useContext)(ht),{onDropdownKeyDown:m,...f}=La(e),b=(0,i.useMemo)(()=>({...f,innerRef:n,isActive:p===e.dsId,isSelected:s?!!s[e.dsId]:!1,isSubmenuOpened:a?!!a[e.dsId]:!1,tabIndex:-1,optionsShouldHavePadding:o,wrapperStyles:t,Dropdown:h,dropdownProps:{...e,options:e.type==="submenu"||e.type==="singleWithSubmenu"?e.options:[],onClickOutside:u,onOptionClick:l,onSubmenuToggle:c,selectedOptions:s,openedSubmenus:a,onKeyDown:m}}),[f,n,p,e,s,a,o,t,h,u,l,c,m]);return(0,d.jsx)($a,{...e,...b})},Ba=()=>(0,d.jsx)(J.Ay,{children:Array(5).fill(0).map((t,n)=>(0,d.jsx)(an,{dsId:`${n}-skeleton`},`prefilled-${n}-skeleton`))}),Ha=()=>{const{listboxReference:e,inputReference:t}=(0,i.useContext)(ht);(0,i.useLayoutEffect)(()=>{requestAnimationFrame(()=>{t.current?t.current.focus():e.current&&e.current.focus()})},[t,e])},Ua=()=>{const{props:{options:e}}=(0,i.useContext)(ht);return{optionsShouldHavePadding:(0,i.useMemo)(()=>e.some(n=>["single","checkbox","singleWithSubmenu"].includes(n.type)),[e])}},za=()=>{const e=(0,i.useContext)(ht),{triggerReferenceElement:t,props:{isSkeleton:n,options:o,hasInput:s,inputValue:l,onInputChange:a,HeaderComp:c,minWidth:u,maxHeight:p},activeDescendant:h,listboxReference:m,inputReference:f,virtualListHelpers:{totalSize:b,virtualItems:x}}=e;Ha();const{onKeyDown:y,onMouseEnter:g,onMouseLeave:v}=Dl(),{optionsShouldHavePadding:S}=Ua(),A=(0,i.useMemo)(()=>u!==void 0?u:Math.max(t?.offsetWidth??0,162),[t?.offsetWidth,u]);return(0,i.useMemo)(()=>x.length===0?(0,d.jsx)(Rl,{minWidth:A,maxHeight:p||400}):(0,d.jsx)(wl,{minWidth:A,maxHeight:p||400,innerRef:m,tabIndex:0,"data-testid":on.MENU_WRAPPER,onKeyDown:y,onMouseEnter:g,onMouseLeave:v,hasHeader:!!c,children:n?(0,d.jsx)(Ba,{}):(0,d.jsxs)(d.Fragment,{children:[c&&(0,d.jsx)(Cl,{alignItems:"center",children:(0,d.jsx)(c,{ctx:e})}),s&&(0,d.jsx)(Pl,{hasHeader:!!c,children:(0,d.jsx)(_l.B,{value:l,onChange:a,innerRef:f})},"dropdown-listbox-input-wrapper"),(0,d.jsx)(Tl,{"aria-activedescendant":h,"data-testid":on.LISTBOX,role:"listbox","aria-label":"List of options",style:{height:b||16},children:x.map(w=>(0,d.jsx)(Va,{option:o[w.index],style:{position:"absolute",top:w.start,left:0,width:"100%"},innerRef:w.measureRef,optionsShouldHavePadding:S},`dropdown-listbox-option-${o[w.index].dsId}`))})]})}),[c,h,e,s,f,l,n,m,A,a,y,g,v,o,S,b,p,x])};var re=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js"),Ls=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),Fs=E("./node_modules/.pnpm/@elliemae+ds-legacy-classnames@1.0.16_styled-components@5.3.11/node_modules/@elliemae/ds-legacy-classnames/dist/esm/classNameManager.js"),$s=E("./node_modules/.pnpm/@elliemae+ds-legacy-classnames@1.0.16_styled-components@5.3.11/node_modules/@elliemae/ds-legacy-classnames/dist/esm/aggregatedClasses.js"),Vn=E("./node_modules/.pnpm/@elliemae+ds-legacy-shared@1.0.16_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-legacy-shared/dist/esm/constants.js"),Io=E("./node_modules/.pnpm/@elliemae+ds-legacy-popper@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-popper/dist/esm/positions.js"),vo=E("./node_modules/.pnpm/@elliemae+ds-legacy-popper@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-popper/dist/esm/interaction.js"),Ga=E("./node_modules/.pnpm/@elliemae+ds-legacy-popper@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-popper/dist/esm/DSPopper.js");const Oo={TOOLTIP:"tooltip",TOOLBAR:"toolbar"},Ka=(e,t,n=[])=>{if(!e)return null;const o=typeof e!="function"&&e.props?Array.isArray(e.props.children)?e.props.children:[e.props.children]:null;return typeof e=="function"?(0,d.jsx)(e,{...t,children:n}):i.cloneElement(e,{...e.props,...t},o?[...o,...n]:[...n])},wo="tooltip",Ya=(0,$s.A)("div")(wo,null,{propsToRemoveFromFinalElement:["isHovered","isDragged"]}),Xa=(0,$s.A)("span")(wo,"text",{propsToRemoveFromFinalElement:["isHovered","isDragged"]}),qa=({componentName:e,version:t})=>{(0,i.useEffect)(()=>{console.warn(`Warning: ${e}:: this component will be deprecated in version: ${t}.`)},[e,t])},To=({containerProps:e={},innerRef:t,placement:n=Io.y.TOP,title:o="",delayClose:s=Vn.$Z,delayOpen:l=Vn.xp,interactionType:a=vo.N.HOVER,triggerComponent:c,className:u="",isOpen:p=void 0,onOpen:h=()=>null,tooltipType:m=Oo.TOOLTIP,showArrow:f=!0,zIndex:b,...x})=>{qa({componentName:"ds-tooltip",version:"TBD Date: 2023 Q3"});const{cssClassName:y}=(0,Fs.Ay)(wo);let g=o;return typeof o=="string"&&(g=(0,d.jsx)(Xa,{children:o})),(0,d.jsx)(Ga.Cj,{blockName:y,contentComponent:(0,d.jsx)(Ya,{...e,...x,className:`tooltip-container--${m} ${u}`,innerRef:t,children:g}),delayClose:s,delayOpen:l,interactionType:a,isOpen:p,onOpen:h,placement:n,showArrow:m===Oo.TOOLTIP?f:!1,triggerComponent:Ka(c,{}),zIndex:b,wrapExtraComponent:void 0,children:void 0,renderReference:void 0,referenceNode:void 0})},Za={containerProps:re.A.object.description("Set of Properties attached to the main container"),placement:re.A.oneOf(Io.X).description("Tooltip position").defaultValue(Io.y.TOP),title:re.A.oneOfType([re.A.string,re.A.element]).description("Tooltip content").isRequired,delayClose:re.A.string.description("Delay to close the tooltip").defaultValue(Vn.$Z),delayOpen:re.A.string.description("Delay to open the tooltip ").defaultValue(Vn.xp),interactionType:re.A.oneOf(vo.y).description("A type indicating how to open/close the tooltip").defaultValue(vo.N.HOVER),triggerComponent:re.A.element.description(`The component that will open/close the tooltip. 
+    Cannot be used with disabled elements. 
+    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired,isOpen:re.A.bool.description("Whether the tooltip is visible or not").defaultValue(void 0),onOpen:re.A.func.description("Handler when the tooltip opens"),springAnimationComponent:re.A.element.description("Spring animation component"),showArrow:re.A.bool.description("Whether to show an arrow or not").defaultValue(!0),className:re.A.string.description("css class"),tooltipType:re.A.oneOf(["tooltip","toolbar"]).description("Type of tooltip").defaultValue(Oo.TOOLTIP),zIndex:re.A.number.description("z-index value assigned to the tooltip").defaultValue(void 0),innerRef:re.A.oneOfType([re.A.func,re.A.object]).description("Ref to the tooltip container element")};To.displayName="DSTooltip";const Ja=(0,Ls.A)(To);Ja.propTypes=Za;var Su=null;const Qa=({componentName:e,version:t})=>{(0,i.useEffect)(()=>{console.warn(`Warning: ${e}:: this component will be deprecated in version: ${t}.`)},[e,t])},{classNameBlock:ed,classNameElement:dn}=(0,Fs.Ay)("circular-progress-indicator"),Bn=({size:e,showLabel:t,showTooltip:n,waiting:o,loading:s})=>{Qa({componentName:"ds-circular-progress-indicator",version:"TBD Date: 2023 Q3"});const l="Waiting...",a="Loading...",c=o&&!s?l:a;let u,p,h,m,f="0.7",b="4.8",x="45 170",y="127.5";switch(e.toUpperCase()){case"XS":u=8,p=12,h=10,m=3,f="1",x="46 174",y="133";break;case"S":u=16,p=12,h=8,m=3,f="1",x="46 174",y="133";break;case"M":u=24,p=12,h=7,m=3,f="1",b="5.5",x="46 174",y="133";break;case"L":u=32,p=13,h=6,m=3,b="5";break;case"XL":u=48,p=14,h=5,m=1;break;case"XXL":u=56,p=16,h=4,m=1;break;case"XXXL":u=64,p=16,h=5,m=2;break;default:break}const g=(0,d.jsx)("p",{"data-testid":"circular-indicator-label",className:dn("label"),style:{fontSize:`${p}px`},children:c}),v=T=>u<17||n?(0,d.jsx)(To,{containerProps:{id:"ds-circular-progress-indicator","data-testid":"circular-indicator-title"},interactionType:"hover",title:c,triggerComponent:T,placement:"bottom"}):T,S=(0,d.jsx)("circle",{className:dn("track"),cx:"50%",cy:"50%",fill:"none",r:"28",strokeWidth:`${m}px`}),A=(0,d.jsx)("circle",{className:dn("arc-gray"),stroke:"#E0E3E8",strokeDasharray:`${x}`,strokeDashoffset:`${y}`,cx:"50%",cy:"50%",fill:"none",r:"28",strokeWidth:`${m}px`}),w=(0,d.jsxs)("svg",{height:`${u}px`,version:"1.1",viewBox:"0 0 66 66",width:`${u}px`,"data-testid":"circular-indicator","aria-label":o&&!s?l:a,children:[(0,d.jsxs)("defs",{children:[(0,d.jsxs)("linearGradient",{id:"grad1",x1:"0%",x2:"100%",y1:"100%",y2:"0%",children:[(0,d.jsx)("stop",{offset:"0%",style:{stopColor:"#E0E3E8",stopOpacity:1}}),(0,d.jsx)("stop",{offset:"89%",style:{stopColor:"#5594e2",stopOpacity:1}}),(0,d.jsx)("stop",{offset:"100%",style:{stopColor:"#5594e2",stopOpacity:1}})]}),(0,d.jsxs)("linearGradient",{id:"grad2",x1:"0%",x2:"100%",y1:"100%",y2:"0%",children:[(0,d.jsx)("stop",{offset:"0%",style:{stopColor:"#5594e2",stopOpacity:1}}),(0,d.jsx)("stop",{offset:"11%",style:{stopColor:"#5594e2",stopOpacity:1}}),(0,d.jsx)("stop",{offset:"100%",style:{stopColor:"#E0E3E8",stopOpacity:1}})]}),(0,d.jsx)("marker",{id:"inverseL",viewBox:"0 0 5 10",refX:"0.5",refY:`${b}`,markerUnits:"strokeWidth",markerWidth:"0.5",markerHeight:`${f}`,orient:"auto",children:(0,d.jsx)("path",{d:"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",fill:"#FFF"})}),(0,d.jsx)("marker",{id:"inverseR",viewBox:"0 0 5 10",refX:"0",refY:"5",markerUnits:"strokeWidth",markerWidth:"0.7",markerHeight:`${f}`,children:(0,d.jsx)("path",{d:"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",fill:"#FFF"})})]}),S,!o&&(0,d.jsxs)("g",{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:"1",children:[(0,d.jsx)("path",{className:dn("arc-blue"),d:"M30,5 C17.536025,6 6,17.536027 5,31",stroke:"#5594e2",strokeWidth:`${h-.5}px`,strokeLinecap:"round","data-testid":"circular-indicator-blue-arc"}),(0,d.jsx)("path",{className:dn("arc-white"),d:"M33,5 C17.536027,5 5,17.536027 5,33",stroke:"#FFF",strokeWidth:`${h+2}px`,markerStart:"url(#inverseR)",markerEnd:"url(#inverseL)"}),A]})]});return(0,d.jsxs)("div",{className:ed("wrapper"),role:"status","aria-hidden":o||s?"false":"true",children:[v(w),t&&g]})};Bn.defaultProps={size:"m",showLabel:!1,showTooltip:!1,waiting:!1,loading:!1};const td={size:re.A.oneOf(["xs","s","m","l","xl","xxl","xxxl"]).description("Defines the size of the indicator").defaultValue("m"),showLabel:re.A.bool.description("Wheter the indicator displays its state on a label or not").defaultValue(!1),showTooltip:re.A.bool.description("Wheter the indicator displays its state on a tooltip or not").defaultValue(!1),waiting:re.A.bool.description("Defines the state of the indicator as Waiting and only displays the gray track").defaultValue(!1),loading:re.A.bool.description("Defines the state of the indicator as Loading and displays a blue spinner animation").defaultValue(!1)};Bn.displayName="CircularProgressIndicator";const nd=(0,Ls.A)(Bn);nd.propTypes=td;var od=Bn;const sd=()=>{const{props:{onClickOutside:e},triggerReferenceElement:t}=(0,i.useContext)(ht),n=(0,i.useRef)(null);(0,i.useLayoutEffect)(()=>{n.current?.focus()},[n]);const o=(0,i.useCallback)(s=>{(s.code==="Escape"||s.code==="ArrowLeft")&&e(s)},[e]);return(0,d.jsx)(El,{minWidth:t?.offsetWidth??0,justifyContent:"center",alignItems:"center","data-testid":on.LOADING,tabIndex:0,role:"status",innerRef:n,"aria-busy":"true",onKeyDown:o,children:(0,d.jsx)(od,{size:"l"})})},rd=()=>{const{props:e,triggerReferenceElement:t,setTriggerReferenceElement:n}=(0,i.useContext)(ht),{children:o,isOpened:s,onClickOutside:l,startPlacementPreference:a,placementOrderPreference:c,customOffset:u,wrapperStyles:p,isLoading:h,zIndex:m,as:f}=e,{"data-popover-label":b,...x}=(0,F.u)(e),{minWidth:y,minHeight:g,...v}=(0,N.d)(e),S=A=>{[...document.body.querySelectorAll(`[data-testid="${on.MENU_WRAPPER}"]`)].every(T=>!T.contains(A.target))&&l(A)};return(0,d.jsxs)(Ol,{"data-testid":`${on.TRIGGER_WRAPPER}`,innerRef:n,"aria-haspopup":"listbox",...p,...x,...v,as:f,children:[o,t&&(0,d.jsx)(Il.B2,{referenceElement:t,showPopover:s,withoutArrow:!0,withoutAnimation:!0,customOffset:u,onClickOutside:S,startPlacementPreference:a,placementOrderPreference:c,zIndex:m,"aria-label":b||"dropdown-menu popover",children:h?(0,d.jsx)(sd,{}):(0,d.jsx)(za,{})})]})},Hn=e=>{const t=Al(e,Hn);return(0,d.jsx)(ht.Provider,{value:t,children:(0,d.jsx)(rd,{})})};Hn.displayName="DSDropdownMenuV2";const id=(0,B.A)(Hn).description("Dropdown Menu");id.propTypes=vs;const ld={only:"ds-pill-button-only",left:"ds-pill-button-left",right:"ds-pill-button-right"},cn=e=>{const{children:t,...n}=e,o=(0,Y.b)(n,fo);(0,$.D)(o,As,gs);const{type:s,onClick:l,applyAriaDisabled:a,...c}=o,u=(0,i.useCallback)(p=>{a||l&&l(p)},[l,a]);return(0,d.jsx)(Qi,{...c,buttonType:"raw",className:`${ld[s]} ${c.className??""}`,type:"button",onClick:u,"aria-disabled":a,children:t})};cn.displayName=gs;const ad=(0,B.A)(cn).description("Pill button");ad.propTypes=As;const Mt=i.memo(({labelTruncated:e,label:t})=>e?(0,d.jsx)(qn.n,{value:t}):t),dd=i.memo(({label:e,size:t,labelTruncated:n,dropdownProps:o,innerRef:s,ariaLabel:l,onDropdownClick:a})=>{const c=(0,i.useRef)(null),u=(0,i.useMemo)(()=>`ds-pill-${(0,Q.L)()}`,[]);return(0,d.jsxs)(fs,{pillSize:t,id:u,className:"ds-pill-wrapper ds-pill-wrapper-dropdown","data-testid":"ds-pill-wrapper",cols:["auto","minmax(24px, auto)"],gutter:"2px",alignItems:"center",justifyItems:"center",children:[(0,d.jsx)(Mt,{labelTruncated:n,label:e}),(0,d.jsx)(Hn,{placementOrderPreference:["bottom-start","bottom","bottom-end","right-end","top-start","top","top-end"],...o,onClickOutside:p=>{"code"in p&&p.code==="Escape"&&c.current?.focus(),o.onClickOutside&&o.onClickOutside(p)},wrapperStyles:{w:"100%",h:"100%"},children:(0,d.jsx)(cn,{className:"ds-pill-focus-point","data-testid":"ds-pill-dropdown-chevron",innerRef:(0,de.Px)(c,s),"aria-label":l||e,type:"right",onClick:a,children:(0,d.jsx)(Zn.A,{color:["brand-primary","800"],width:20,height:20})})})]})}),cd=e=>e==="m"?{small:["1.5rem"],medium:["1.846rem"]}:{small:["1.125rem"],medium:["1.3846rem"]},ud=e=>e==="m"?{small:["auto","minmax(1.5rem, auto)"],medium:["auto","minmax(1.846rem, auto)"]}:{small:["auto","minmax(1.125rem, auto)"],medium:["auto","minmax(1.3846rem, auto)"]},pd=i.memo(({label:e,size:t,labelTruncated:n,innerRef:o,ariaLabel:s,menuButtonProps:l})=>{const a=(0,i.useMemo)(()=>`ds-pill-${(0,Q.L)()}`,[]);if(!l)throw console.log("menuButtonProps",l),new Error("menuButtonProps was not provided");if(Object.keys(l).length===0)throw console.log("menuButtonProps",l),new Error("menuButtonProps is empty");const{width:c=fo.width,height:u=fo.height}=l,p=(0,i.useMemo)(()=>cd(t),[t]),h=(0,i.useMemo)(()=>ud(t),[t]),m=(0,i.useMemo)(()=>({width:`${c}`,height:`${u}`}),[u,c]),f=s||e;return(0,d.jsxs)(fs,{pillSize:t,id:a,className:"ds-pill-wrapper ds-pill-wrapper-dropdown","data-testid":"ds-pill-wrapper",cols:h,rows:p,gutter:"2px",alignItems:"center",justifyItems:"center",children:[(0,d.jsx)(Mt,{labelTruncated:n,label:e}),(0,d.jsx)(el,{innerRef:o,"aria-label":f,dsMenubuttonRoot:m,...l,"data-testid":"ds-pill-menu-button-chevron",buttonType:"raw",className:"ds-pill-button-right ds-pill-focus-point",type:"button",width:`${c}`,height:`${u}`,children:(0,d.jsx)(Zn.A,{color:["brand-primary","800"]})})]})});var md=E("./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/SvgIcon.js"),Vs=e=>(0,d.jsx)(md.Ah,{...e,viewBox:"0 0 20 20",children:(0,d.jsx)("path",{d:"M13.071 13.289l-2.828-2.828 2.828-2.828-.707-.707-2.828 2.828-2.828-2.828-.707.707 2.828 2.828-2.828 2.828.707.707 2.828-2.828 2.828 2.828z"})});const hd=i.memo(({label:e,size:t,inputPlaceholder:n,inputWidth:o,inputRender:s,onInputChange:l,onInputClear:a,innerRef:c,hasError:u,inputId:p})=>{const h=(0,i.useRef)(null),m=(0,i.useMemo)(()=>s,[s]),f=(0,i.useMemo)(()=>p??`ds-pill-${(0,Q.L)()}`,[p]),b=(0,i.useCallback)(g=>{("code"in g&&["Enter","Space"].includes(g.code)||!("code"in g))&&(g.preventDefault(),a?.(g),h.current?.focus())},[a]),[x,y]=(0,i.useState)(!1);return(0,d.jsxs)(Yi,{pillSize:t,className:"ds-pill-wrapper","data-testid":"ds-pill-wrapper",cols:e===""?["auto"]:["auto","24px"],inputWidth:o,value:e??"",inputHasFocus:x,hasError:u,children:[(0,d.jsx)(m,{id:f,className:"ds-pill-focus-point","data-testid":"ds-pill-input",innerRef:g=>{h.current=g},value:e,onChange:l,placeholder:n,onFocus:()=>y(!0),onBlur:()=>y(!1),disableTooltip:!1}),e!==""&&(0,d.jsx)(cn,{id:f,"data-testid":"ds-pill-clear-icon",innerRef:c,onClick:b,"aria-label":"Clear input",type:"right",children:(0,d.jsx)(Vs,{size:"s",color:["brand-primary","700"]})})]})}),fd=i.memo(({label:e,size:t,labelTruncated:n,iconLeft:o,IconLeft:s,ariaLabel:l})=>(0,d.jsxs)(zi,{pillSize:t,alignItems:"center",className:"ds-pill-wrapper ds-pill-wrapper-label","data-testid":"ds-pill-wrapper","data-label":l||e,cols:[(o||s)&&"min-content","auto"].filter(a=>a),gutter:"xxxs",hasIcon:(o||s)!==null,role:"group","aria-label":e,children:[s?(0,d.jsx)(s,{label:e}):o,(0,d.jsx)(Mt,{labelTruncated:n,label:e})]})),bd=i.memo(({label:e,size:t,labelTruncated:n,iconLeft:o,IconLeft:s,ariaLabel:l,applyAriaDisabled:a,readOnly:c,trailingComma:u})=>(0,d.jsxs)(Gi,{pillSize:t,alignItems:"center",className:"ds-pill-wrapper ds-pill-wrapper-label","data-testid":"ds-pill-wrapper","data-label":l||e,cols:[(o||s)&&"min-content","auto"].filter(p=>p),gutter:"xxxs",hasIcon:(o||s)!==null,role:"group","aria-label":e,applyAriaDisabled:a,readOnly:c,children:[s?(0,d.jsx)(s,{label:e}):o,(0,d.jsx)(Mt,{labelTruncated:n,label:`${e}${u?",":""}`})]})),gd=i.memo(({label:e,size:t,labelTruncated:n,iconLeft:o,iconRight:s,ariaLabel:l,IconLeft:a,IconRight:c})=>{const u=o!==null||s!==null&&e==="",p=s!==null||o!==null&&e==="",h=a!==null||c!==null&&e==="",m=c!==null||a!==null&&e==="";return(0,d.jsxs)(Xi,{pillSize:t,alignItems:"center",className:"ds-pill-wrapper ds-pill-wrapper-readonly","data-testid":"ds-pill-wrapper","data-label":l||e,cols:[(o||a)&&"min-content",e&&"auto",(s||c)&&"min-content"].filter(f=>f),gutter:"xxxs",hasIconRight:p||m,hasIconLeft:u||h,children:[a?(0,d.jsx)(a,{label:e}):o,e?(0,d.jsx)(Mt,{labelTruncated:n,label:e}):null,c?(0,d.jsx)(c,{label:e}):s]})}),yd=i.memo(({label:e,size:t,disabled:n,labelTruncated:o,onRemove:s,innerRef:l,ariaLabel:a,tabIndex:c,applyAriaDisabled:u})=>{const{onKeyboardRemove:p,onKeyboardNavigation:h}=(0,i.useContext)(Is),m=(0,i.useMemo)(()=>`ds-pill-${(0,Q.L)()}`,[]),f=(0,i.useCallback)(y=>{if(["Enter","Space"].includes(y.code)){if(u)return;y.preventDefault(),p&&p(m)}y.code==="ArrowLeft"&&(y.preventDefault(),h&&h(m,-1,y)),y.code==="ArrowRight"&&(y.preventDefault(),h&&h(m,1,y))},[p,h,m,u]),b=(0,i.useCallback)(y=>{u||s&&s(y)},[s,u]),x=(0,i.useMemo)(()=>n||u?["auto"]:["auto","minmax(24px, auto)"],[n,u]);return(0,d.jsxs)(qi,{pillSize:t,cols:x,disabled:n,applyAriaDisabled:u,gutter:"2px",alignItems:"center",justifyItems:"center",className:"ds-pill-wrapper ds-pill-wrapper-removable","data-testid":"ds-pill-wrapper","data-label":a||e,children:[(0,d.jsx)(Mt,{labelTruncated:o,label:e}),!n&&!u?(0,d.jsx)(cn,{className:"ds-pill-focus-point",id:m,"data-testid":"ds-pill-close-icon",innerRef:l,onClick:b,onKeyDown:f,"aria-label":`Remove ${e}`,type:"right",tabIndex:c,applyAriaDisabled:u,children:(0,d.jsx)(Vs,{width:t==="s"?18:22.65,height:t==="s"?18:22.65,color:["brand-primary","700"]})}):null]})}),Bs=18,Hs=.25,un=Bs/13,xd=Hs/13,pn=Bs/16,Sd=Hs/16,Un=un-xd,zn=pn-Sd,Us=e=>e.startsWith("top")||e.startsWith("bottom"),zs=e=>e.startsWith("left")||e.startsWith("right"),Ad=(0,M.I)("div",{name:K,slot:ee.ARROW})`
+  line-height: 0;
+  position: absolute;
+  width: ${pn}rem;
+  height: ${pn}rem;
+  pointer-events: none;
+  background-color: transparent;
+  & .stroke {
+    fill: rgb(105, 116, 137);
+    fill-opacity: 0.4;
+  }
+  & .fill {
+    fill: rgb(255, 255, 255);
+  }
+
+  &[data-placement^='top'] {
+    svg {
+      transform: rotateZ(180deg);
+    }
+    bottom: -${zn}rem;
+    left: ${e=>e["data-placement"].endsWith("start")?"25%":e["data-placement"].endsWith("end")?"75%":""};
+  }
+  &[data-placement^='right'] {
+    svg {
+      transform: rotateZ(-90deg);
+    }
+    left: -${zn}rem;
+  }
+  &[data-placement^='bottom'] {
+    top: -${zn}rem;
+    left: ${e=>e["data-placement"].endsWith("start")?"25%":e["data-placement"].endsWith("end")?"75%":""};
+  }
+  &[data-placement^='left'] {
+    svg {
+      transform: rotateZ(90deg);
+    }
+    right: -${zn}rem;
+  }
+  margin-left: ${e=>Us(e["data-placement"])?`-${pn/2}rem`:"0"};
+  margin-top: ${e=>zs(e["data-placement"])?`-${pn/2}rem`:"0"};
+
+  @media (min-width: ${({theme:e})=>e.breakpoints.small}) {
+    width: ${un}rem;
+    height: ${un}rem;
+
+    &[data-placement^='top'] {
+      bottom: -${Un}rem;
+    }
+
+    &[data-placement^='bottom'] {
+      top: -${Un}rem;
+    }
+
+    &[data-placement^='left'] {
+      right: -${Un}rem;
+    }
+
+    &[data-placement^='right'] {
+      left: -${Un}rem;
+    }
+
+    margin-left: ${e=>Us(e["data-placement"])?`-${un/2}rem`:"0"};
+
+    margin-top: ${e=>zs(e["data-placement"])?`-${un/2}rem`:"0"};
+  }
+`,Id=(0,M.I)("path",{name:K,slot:ee.ARROW_SHADOW})``,vd=(0,M.I)("path",{name:K,slot:ee.ARROW_FILL})``,Od=({placement:e,style:t,arrowElementRef:n,...o})=>{const s=(0,G.j)(o),l=(0,F.u)(o),a=(0,N.d)(o);return(0,d.jsx)(Ad,{"data-placement":e,style:t,innerRef:n,"data-testid":"ds-tooltip-arrow","aria-hidden":"true",...s,...l,...a,children:(0,d.jsxs)("svg",{viewBox:"0 0 30 30",children:[(0,d.jsx)(Id,{...s,className:"stroke",d:`M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26
+        C26.7,29,24.6,28.1,23.7,27.1z`}),(0,d.jsx)(vd,{...s,className:"fill",d:"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"})]})},"popper-arrow")},wd=["top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],Td=["left","right","center","justify","initial","inherit"],Gs="DSTooltipV3",Iu={TOP:"top",BOTTOM:"bottom",RIGHT:"right",LEFT:"left",TOP_START:"top-start",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end",RIGHT_START:"right-start",RIGHT_END:"right-end",LEFT_START:"left-start",LEFT_END:"left-end"},Ks={text:r.A.string.description("Tooltip text to be displayed on hover/focus. If both `text` and `Text` are provided, only `Text` will take precedence.").isRequiredIf(e=>!e.Text),textAlign:r.A.oneOf(Td).description("Tooltip text alignment").defaultValue("left"),applyTooltipOverflowWrap:r.A.bool.description("when a tooltip is present, the tooltip text may be too long to fit in the pill. If true, the tooltip will wrap to the next line using overflow-wrap").defaultValue(!1),wrapWords:r.A.bool.description("Break words into a new line. Useful when words exceed tooltip max-lenght.").defaultValue(!1),children:r.A.node.description("Element to tie the tooltip to, must be a single node").isRequired,withoutPortal:r.A.bool.description("Whether or not the tooltip content should appear in a DOM portal or not").defaultValue(!0),withoutArrow:r.A.bool.description("Whether or not the tooltip should use the arrow").defaultValue(!1),withoutAnimation:r.A.bool.description("Whether or not the popper context menu should be animated").defaultValue(!1),animationDuration:r.A.number.description("Popper context menus Animation duration in ms").defaultValue(100),portalDOMContainer:r.A.oneOfType([r.A.node,r.A.oneOf([null])]).description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),startPlacementPreference:r.A.oneOf(wd).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),customOffset:r.A.arrayOf(r.A.number).description("placement offset array").defaultValue([0,14]),id:r.A.string.description("Optional id appended to data-testid").defaultValue(""),onOpen:r.A.func.description("Optional callback to be invoked when the tooltip opens").defaultValue("() => {}"),onClose:r.A.func.description("Optional callback to be invoked when the tooltip closes").defaultValue("() => {}"),showPopover:r.A.bool.description("Whether or not the tooltip should be always shown"),Text:r.A.func.description("Custom component (HTML/JSX) to be displayed in the tooltip. If both `text` and `Text` are provided, only `Text` will take precedence.").isRequiredIf(e=>!e.text),textProps:r.A.object.description("Props to be passed to the custom Text component, if provided, used mainly to avoiding inline components definition to improve performance")},Ed=Ks,Eo={TRIGGER_WRAPPER:"ds-tooltip-v3-trigger-wrapper",TOOLTIP_TEXT_WRAPPER:"ds-tooltip-v3-tooltip-text-wrapper",OPINIONATED_TEXT_WRAPPER:"ds-tooltip-v3-opinionated-text-wrapper"},Md=M.I.div`
+  text-align: center;
+  min-width: ${({theme:e})=>e.space.l};
+  max-width: 250px;
+  min-height: 30px;
+  display: grid;
+  align-items: center;
+  padding: ${({theme:e})=>`${e.space.xxxs} ${e.space.xs}`};
+  position: relative;
+  background-color: white;
+  border-radius: 2px;
+  font-size: 13px;
+  color: ${({theme:e})=>e.colors.neutral[600]};
+`,Pd=M.I.div`
+  display: inline-block;
+  text-align: ${({textAlign:e})=>e};
+
+  ${({wrapWords:e,$applyTooltipOverflowWrap:t})=>t?`overflow-wrap: break-word;
+  white-space: pre-wrap;
+  min-width: 0px;`:e?`white-space: pre-wrap;
+  word-break: break-all;
+  overflow-wrap: break-word;`:`white-space: normal;
+  overflow-wrap: break-word;`};
+`,Cd=M.I.div`
+  position: absolute;
+  top: -15px;
+  right: -15px;
+  width: calc(100% + 30px);
+  height: calc(100% + 30px);
+  z-index: -1;
+`,_d=M.I.div`
+  display: inline-flex;
+  width: 100%;
+`,Ys=()=>{},Dd={onOpen:Ys,onClose:Ys,id:"",textAlign:"left",wrapWords:!1,startPlacementPreference:"top",applyTooltipOverflowWrap:!1,customOffset:[0,12]},Rd=(e,t)=>{(0,$.D)(e,t,Gs)},kd=e=>{const t=(0,Y.b)(e,Dd);Rd(t,Ks);const n=(0,N.d)(t),o=i.useMemo(()=>`ds-tooltip-v3-${(0,Q.L)(5)}`,[]);return i.useMemo(()=>({propsWithDefault:t,xstyledProps:n,instanceUid:o}),[t,n,o])},Mo=e=>{const{propsWithDefault:t}=kd(e),{text:n,startPlacementPreference:o,children:s,onOpen:l,onClose:a,id:c,textAlign:u,wrapWords:p,withoutArrow:h,customOffset:m,animationDuration:f,withoutAnimation:b,withoutPortal:x,portalDOMContainer:y,applyTooltipOverflowWrap:g,showPopover:v,Text:S,textProps:A}=t,{handlers:w,arrowStyles:T,floatingStyles:_,isOpen:P,refs:W,context:D}=De({placement:o,customOffset:m,onOpen:l,onClose:a,withoutPortal:x,withoutAnimation:b,portalDOMContainer:y,animationDuration:f,externallyControlledIsOpen:v}),H=i.useMemo(()=>v!==void 0?v:P,[v,P]);return(0,d.jsxs)(_d,{...w,innerRef:W.setReference,"data-testid":`${Eo.TRIGGER_WRAPPER}${c!==""?`_${c}`:""}`,children:[(0,d.jsxs)(ct,{innerRef:W.setFloating,isOpen:H,floatingStyles:_,context:D,children:[(0,d.jsxs)(Md,{"data-testid":Eo.TOOLTIP_TEXT_WRAPPER,children:[S?(0,d.jsx)(S,{...A??{}}):(0,d.jsx)(Pd,{"data-testid":Eo.OPINIONATED_TEXT_WRAPPER,textAlign:u,wrapWords:p,$applyTooltipOverflowWrap:g,children:n}),(0,d.jsx)(Cd,{})]}),h?null:(0,d.jsx)(Od,{...T})]}),s]})};Mo.displayName=Gs;const jd=(0,B.A)(Mo);jd.propTypes=Ed;var vu=null;const Nd=i.memo(({label:e,size:t,labelTruncated:n,disabled:o,tooltipValue:s,iconLeft:l,ariaLabel:a,applyAriaDisabled:c,readOnly:u,applyTooltipOverflowWrap:p,trailingComma:h})=>(0,d.jsxs)(Ki,{disabled:o,pillSize:t,alignItems:"center",className:"ds-pill-wrapper ds-pill-wrapper-value","data-testid":"ds-pill-wrapper",cols:[l&&"min-content","auto"].filter(m=>m),gutter:"xxxs",hasIcon:l!==null,"data-label":a||e,applyAriaDisabled:c,readOnly:u,children:[l,s!==""?(0,d.jsx)(Mo,{text:s??"",applyTooltipOverflowWrap:p,children:(0,d.jsx)(Ji,{className:"ds-pill-tooltip-value","aria-disabled":c,tabIndex:0,children:e})}):(0,d.jsx)(Mt,{labelTruncated:n,label:`${e}${h?",":""}`})]})),Wd={dropdown:dd,menubutton:pd,input:hd,label:fd,labelOnly:bd,readonly:gd,removable:yd,value:Nd},Gn=e=>{const t=(0,Y.b)(e,nl);(0,$.D)(t,Ss,bs);const{type:n}=t,o=Wd[n];return(0,d.jsx)(o,{...t})};Gn.displayName=bs;const Ld=(0,B.A)(Gn).description("Pill");Ld.propTypes=Ss;const Po=e=>{const[t,n]=(0,i.useState)(e.current?.offsetWidth??0),[o,s]=(0,i.useState)(e.current?.offsetHeight??0),l=(0,i.useRef)();return(0,i.useEffect)(()=>{function a(){n(e.current?.offsetWidth??0),s(e.current?.offsetHeight??0)}l.current=new ResizeObserver(a);const c=e.current;return c&&l.current.observe(c),()=>{c&&l.current?.disconnect()}},[e]),(0,i.useMemo)(()=>({width:t,height:o}),[t,o])},Fd=e=>e===0?0:8*(e.toString().length-1)+31,$d=()=>{const{props:{selectedValues:e,isNonClearable:t,disabled:n,innerRef:o,applyAriaDisabled:s},selectedOptionsRef:l,controlsWrapperRef:a,pillGroupRef:c}=(0,i.useContext)(ce),u=e,p=Math.min(30,u.length),[h,m]=(0,i.useState)(p),{width:f}=Po(a),{width:b}=Po(o||null);return(0,i.useEffect)(()=>{p!==h&&m(p)},[p,f,b]),(0,i.useLayoutEffect)(()=>{if(l.current&&c.current){c.current&&(c.current.style.width="max-content");let x=-1,y=0;const g=l.current.offsetWidth;if([...c.current.querySelectorAll(n||s||t?".ds-pill-wrapper-value":".ds-pill-wrapper-removable, .ds-pill-wrapper-label")].map(A=>A?.offsetWidth).forEach((A,w)=>{y+=A,y+Fd(p-w-1)<=g&&(x=w)}),!(p>0&&h!==p)){const A=x+1;A!==h&&m(A)}c.current&&(c.current.style.width="fit-content")}},[l,o,u,h,c,f,b,n,s,p,t]),h||1},Vd=e=>{const{pill:t,trailingComma:n}=e,{props:{onChange:o,isNonClearable:s,disabled:l,selectedValues:a,applyAriaDisabled:c,readOnly:u},internalRef:p}=(0,i.useContext)(Oe),h=i.useMemo(()=>l||s?"value":c||u?"labelOnly":"removable",[l,s,c,u]);return(0,d.jsx)(Gn,{size:"s",label:t.label,disabled:l,type:h,applyAriaDisabled:c||t.applyAriaDisabled,readOnly:u,trailingComma:n,tabIndex:-1,onRemove:m=>{u||(m.stopPropagation(),o(z(t,a),t,m),p.current?.focus())}},t.value)},Bd=()=>{const{props:{selectedValues:e,disabled:t,applyAriaDisabled:n,readOnly:o},pillGroupRef:s}=(0,i.useContext)(Oe),l=e,a=$d();return(0,i.useMemo)(()=>(0,d.jsx)("div",{style:{width:l.length>0?"max-content":"0px"},"data-testid":Fe.SELECTED_VALUES,children:(0,d.jsxs)(bo,{innerRef:s,children:[l.length>0&&l.slice(0,a).map((c,u)=>(0,d.jsx)(Vd,{pill:c,trailingComma:(t||n||o)&&u+1<a||l.length>0&&a!==l.length},c.dsId)),l.length>0&&a!==l.length&&(0,d.jsx)(Gn,{size:"s",labelTruncated:!1,label:`+${l.length-a}`,type:"value",disabled:t,applyAriaDisabled:n,readOnly:o},"grouped")]})}),[s,l,a,t,n,o])},Hd=(0,be.AH)`
+  border: 1px solid ${({theme:e})=>e.colors.neutral["080"]};
+  border-bottom: 1px solid ${({theme:e})=>e.colors.neutral[400]};
+`,Ud=(0,be.AH)`
+  border: 1px solid ${({hasError:e,theme:t})=>e?t.colors.danger[900]:t.colors.neutral[400]};
+  ${({readOnly:e,applyAriaDisabled:t})=>e||t?Hd:""}
+`,zd=(0,be.AH)`
+  background: ${({disabled:e,applyAriaDisabled:t,readOnly:n,theme:o})=>n||t?o.colors.neutral["050"]:e?o.colors.neutral["080"]:"#ffffff"};
+`,Gd=(0,be.AH)`
+  outline: 2px solid ${({theme:e})=>e.colors.brand[700]};
+  outline-offset: -2px;
+`,Kd=(0,be.AH)`
+  border: 1px solid ${({theme:e})=>e.colors.brand[600]};
+`,Yd=(0,M.I)(J.Ay,{name:rt,slot:ft.INPUT_WRAPPER})`
+  ${zd}
+  position: relative;
+  border-radius: 2px;
+  min-width: ${({minWidth:e,inline:t})=>t||!e?"":`${e}px`};
+  align-items: center;
+  align-content: center;
+  min-height: 28px;
+  padding: 3px 0px 3px 8px;
+  @media (max-width: ${ss.th.breakpoint("small")}) {
+    padding: 1.25px 0px 1.25px 8px;
+  }
+  margin: ${({inline:e})=>e?"10px 16px":""};
+  ${Ud}
+  &:hover {
+    ${({disabled:e})=>e?"":Kd}
+  }
+  &:focus-within {
+    ${Gd}
+  }
+`,Xd=M.I.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  color: ${({disabled:e,readOnly:t,theme:n})=>e||t?n.colors.neutral[600]:n.colors.neutral[700]};
+  user-select: ${({disabled:e,applyAriaDisabled:t})=>e||t?"none":""};
+`,qd=M.I.div`
+  font-size: 1rem;
+  margin-right: 3px;
+  display: flex;
+`,Zd=(0,M.I)(J.Ay)`
+  height: 100%;
+  .em-ds-button--text:focus::after {
+    border: none;
+  }
+`,Ou=M.I.div``,Jd=M.I.span`
+  height: 100%;
+  width: 1px;
+  background-color: ${({theme:e})=>e.colors.neutral[400]};
+`,Qd=()=>{const{internalRef:e,inputValue:t,hasFocus:n,setMenuState:o,selectedOptionsRef:s,props:{applyAriaDisabled:l,readOnly:a,isMenuOpenableWithReadOnly:c}}=(0,i.useContext)(Oe),u=".ds-pill-wrapper-removable button";return{onKeyDownPills:(0,i.useCallback)(h=>{if(!(l||a&&!c)&&(h.key==="ArrowLeft"||h.key==="ArrowRight"||h.key==="ArrowUp"||h.key==="ArrowDown")&&t===""){if(h.key==="ArrowUp"||h.key==="ArrowDown"){e.current?.focus(),o(!0,"open",h);return}if(h.key==="ArrowLeft"){const m=s.current?.querySelectorAll(u);n&&m&&m[m.length-1]?.focus()}h.key==="ArrowRight"&&(h.preventDefault(),e.current?.focus())}},[t,e,o,s,n,l,a,c])}},ec=({mutableUpdateStyles:e})=>{const{props:t,props:{inline:n,disabled:o,hasError:s,selectedValues:l,applyAriaDisabled:a,readOnly:c,isMenuOpenableWithReadOnly:u},selectedOptionsRef:p,setMenuState:h,setFocusOptionIdx:m,hasFocus:f,inputValue:b,listRef:x,focusOptionIdx:y,menuState:g,controlsWrapperRef:v,internalRef:S,shouldPreventContextMenuOpening:A}=(0,i.useContext)(Oe),{getOwnerProps:w,getOwnerPropsArguments:T}=(0,G.j)(t),_=(0,i.useCallback)(()=>{if(!o){if(a||A){S.current?.focus();return}if(f&&g&&!n){h(!1,"click"),m(""),S.current?.blur();return}S.current?.focus(),h(!0,"click")}},[o,x,f,g,n,h,y,c,a,u]),P=(0,i.useCallback)(I=>{a||(g||o||A?I.stopPropagation():(S.current?.focus(),h(!0,"pill-click")))},[a,g,o,S,h,A]),W=(0,i.useCallback)(I=>{(document.activeElement===S.current||n)&&I.preventDefault()},[S,n]),{onKeyDownPills:D}=Qd(),H=(0,i.useMemo)(()=>n?["minmax(0px, auto)"]:["minmax(0px,max-content)","minmax(20px, auto)","8px","2.231rem"],[n]);return(0,d.jsxs)(Yd,{getOwnerProps:w,getOwnerPropsArguments:T,innerRef:v,readOnly:c,cols:H,disabled:o,applyAriaDisabled:a,hasError:s,inline:n,onClick:_,onMouseDown:W,onKeyDown:D,"aria-disabled":a,"data-testid":Fe.CONTROLS_WRAPPER,children:[!n&&(0,d.jsx)(qd,{innerRef:p,onClick:P,children:Array.isArray(l)?(0,d.jsx)(Bd,{}):(0,d.jsx)(Xd,{readOnly:c,"data-testid":Fe.SELECTED_VALUES,disabled:o,applyAriaDisabled:a,children:l&&b===""?(0,d.jsx)(qn.n,{value:l.label}):null})}),(0,d.jsx)(br,{mutableUpdateStyles:e}),(0,d.jsx)("div",{}),!n&&(0,d.jsxs)(Zd,{justifyItems:"center",cols:["min-content","minmax(28px,max-content)"],justifyContent:"flex-end",children:[(0,d.jsx)(Jd,{disabled:o,applyAriaDisabled:a,readOnly:c}),(0,d.jsx)(yr,{})]})]})};function Ut(e,t,n){let o=n.initialDeps??[],s;function l(){var a,c,u,p;let h;n.key&&((a=n.debug)!=null&&a.call(n))&&(h=Date.now());const m=e();if(!(m.length!==o.length||m.some((x,y)=>o[y]!==x)))return s;o=m;let b;if(n.key&&((c=n.debug)!=null&&c.call(n))&&(b=Date.now()),s=t(...m),n.key&&((u=n.debug)!=null&&u.call(n))){const x=Math.round((Date.now()-h)*100)/100,y=Math.round((Date.now()-b)*100)/100,g=y/16,v=(S,A)=>{for(S=String(S);S.length<A;)S=" "+S;return S};console.info(`%c\u23F1 ${v(y,5)} /${v(x,5)} ms`,`
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(0,Math.min(120-120*g,120))}deg 100% 31%);`,n?.key)}return(p=n?.onChange)==null||p.call(n,s),s}return l.updateDeps=a=>{o=a},l}function Xs(e,t){if(e===void 0)throw new Error(`Unexpected undefined${t?`: ${t}`:""}`);return e}const tc=(e,t)=>Math.abs(e-t)<=1,nc=(e,t,n)=>{let o;return function(...s){e.clearTimeout(o),o=e.setTimeout(()=>t.apply(this,s),n)}},qs=e=>{const{offsetWidth:t,offsetHeight:n}=e;return{width:t,height:n}},oc=e=>e,sc=e=>{const t=Math.max(e.startIndex-e.overscan,0),n=Math.min(e.endIndex+e.overscan,e.count-1),o=[];for(let s=t;s<=n;s++)o.push(s);return o},rc=(e,t)=>{const n=e.scrollElement;if(!n)return;const o=e.targetWindow;if(!o)return;const s=a=>{const{width:c,height:u}=a;t({width:Math.round(c),height:Math.round(u)})};if(s(qs(n)),!o.ResizeObserver)return()=>{};const l=new o.ResizeObserver(a=>{const c=()=>{const u=a[0];if(u?.borderBoxSize){const p=u.borderBoxSize[0];if(p){s({width:p.inlineSize,height:p.blockSize});return}}s(qs(n))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(c):c()});return l.observe(n,{box:"border-box"}),()=>{l.unobserve(n)}},mn={passive:!0},wu=(e,t)=>{const n=e.scrollElement;if(!n)return;const o=()=>{t({width:n.innerWidth,height:n.innerHeight})};return o(),n.addEventListener("resize",o,mn),()=>{n.removeEventListener("resize",o)}},Kn=typeof window>"u"?!0:"onscrollend"in window,ic=(e,t)=>{const n=e.scrollElement;if(!n)return;const o=e.targetWindow;if(!o)return;let s=0;const l=e.options.useScrollendEvent&&Kn?()=>{}:nc(o,()=>{t(s,!1)},e.options.isScrollingResetDelay),a=h=>()=>{const{horizontal:m,isRtl:f}=e.options;s=m?n.scrollLeft*(f&&-1||1):n.scrollTop,l(),t(s,h)},c=a(!0),u=a(!1);u(),n.addEventListener("scroll",c,mn);const p=e.options.useScrollendEvent&&Kn;return p&&n.addEventListener("scrollend",u,mn),()=>{n.removeEventListener("scroll",c),p&&n.removeEventListener("scrollend",u)}},Tu=(e,t)=>{const n=e.scrollElement;if(!n)return;const o=e.targetWindow;if(!o)return;let s=0;const l=e.options.useScrollendEvent&&Kn?()=>{}:debounce(o,()=>{t(s,!1)},e.options.isScrollingResetDelay),a=h=>()=>{s=n[e.options.horizontal?"scrollX":"scrollY"],l(),t(s,h)},c=a(!0),u=a(!1);u(),n.addEventListener("scroll",c,mn);const p=e.options.useScrollendEvent&&Kn;return p&&n.addEventListener("scrollend",u,mn),()=>{n.removeEventListener("scroll",c),p&&n.removeEventListener("scrollend",u)}},lc=(e,t,n)=>{if(t?.borderBoxSize){const o=t.borderBoxSize[0];if(o)return Math.round(o[n.options.horizontal?"inlineSize":"blockSize"])}return e[n.options.horizontal?"offsetWidth":"offsetHeight"]},Eu=(e,{adjustments:t=0,behavior:n},o)=>{var s,l;const a=e+t;(l=(s=o.scrollElement)==null?void 0:s.scrollTo)==null||l.call(s,{[o.options.horizontal?"left":"top"]:a,behavior:n})},ac=(e,{adjustments:t=0,behavior:n},o)=>{var s,l;const a=e+t;(l=(s=o.scrollElement)==null?void 0:s.scrollTo)==null||l.call(s,{[o.options.horizontal?"left":"top"]:a,behavior:n})};class dc{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollToIndexTimeoutId=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let n=null;const o=()=>n||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:n=new this.targetWindow.ResizeObserver(s=>{s.forEach(l=>{const a=()=>{this._measureElement(l.target,l)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()})}));return{disconnect:()=>{var s;(s=o())==null||s.disconnect(),n=null},observe:s=>{var l;return(l=o())==null?void 0:l.observe(s,{box:"border-box"})},unobserve:s=>{var l;return(l=o())==null?void 0:l.unobserve(s)}}})(),this.range=null,this.setOptions=n=>{Object.entries(n).forEach(([o,s])=>{typeof s>"u"&&delete n[o]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:oc,rangeExtractor:sc,onChange:()=>{},measureElement:lc,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...n}},this.notify=n=>{var o,s;(s=(o=this.options).onChange)==null||s.call(o,this,n)},this.maybeNotify=Ut(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),n=>{this.notify(n)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(n=>n()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var n;const o=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==o){if(this.cleanup(),!o){this.maybeNotify();return}this.scrollElement=o,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((n=this.scrollElement)==null?void 0:n.window)??null,this.elementsCache.forEach(s=>{this.observer.observe(s)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,s=>{this.scrollRect=s,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(s,l)=>{this.scrollAdjustments=0,this.scrollDirection=l?this.getScrollOffset()<s?"forward":"backward":null,this.scrollOffset=s,this.isScrolling=l,this.maybeNotify()}))}},this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(n,o)=>{const s=new Map,l=new Map;for(let a=o-1;a>=0;a--){const c=n[a];if(s.has(c.lane))continue;const u=l.get(c.lane);if(u==null||c.end>u.end?l.set(c.lane,c):c.end<u.end&&s.set(c.lane,!0),s.size===this.options.lanes)break}return l.size===this.options.lanes?Array.from(l.values()).sort((a,c)=>a.end===c.end?a.index-c.index:a.end-c.end)[0]:void 0},this.getMeasurementOptions=Ut(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(n,o,s,l,a)=>(this.pendingMeasuredCacheIndexes=[],{count:n,paddingStart:o,scrollMargin:s,getItemKey:l,enabled:a}),{key:!1}),this.getMeasurements=Ut(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:n,paddingStart:o,scrollMargin:s,getItemKey:l,enabled:a},c)=>{if(!a)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(h=>{this.itemSizeCache.set(h.key,h.size)}));const u=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const p=this.measurementsCache.slice(0,u);for(let h=u;h<n;h++){const m=l(h),f=this.options.lanes===1?p[h-1]:this.getFurthestMeasurement(p,h),b=f?f.end+this.options.gap:o+s,x=c.get(m),y=typeof x=="number"?x:this.options.estimateSize(h),g=b+y,v=f?f.lane:h%this.options.lanes;p[h]={index:h,start:b,size:y,end:g,key:m,lane:v}}return this.measurementsCache=p,p},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Ut(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(n,o,s,l)=>this.range=n.length>0&&o>0?cc({measurements:n,outerSize:o,scrollOffset:s,lanes:l}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=Ut(()=>{let n=null,o=null;const s=this.calculateRange();return s&&(n=s.startIndex,o=s.endIndex),this.maybeNotify.updateDeps([this.isScrolling,n,o]),[this.options.rangeExtractor,this.options.overscan,this.options.count,n,o]},(n,o,s,l,a)=>l===null||a===null?[]:n({startIndex:l,endIndex:a,overscan:o,count:s}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=n=>{const o=this.options.indexAttribute,s=n.getAttribute(o);return s?parseInt(s,10):(console.warn(`Missing attribute name '${o}={index}' on measured element.`),-1)},this._measureElement=(n,o)=>{const s=this.indexFromElement(n),l=this.measurementsCache[s];if(!l)return;const a=l.key,c=this.elementsCache.get(a);c!==n&&(c&&this.observer.unobserve(c),this.observer.observe(n),this.elementsCache.set(a,n)),n.isConnected&&this.resizeItem(s,this.options.measureElement(n,o,this))},this.resizeItem=(n,o)=>{const s=this.measurementsCache[n];if(!s)return;const l=this.itemSizeCache.get(s.key)??s.size,a=o-l;a!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(s,a,this):s.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=a,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(s.index),this.itemSizeCache=new Map(this.itemSizeCache.set(s.key,o)),this.notify(!1))},this.measureElement=n=>{if(!n){this.elementsCache.forEach((o,s)=>{o.isConnected||(this.observer.unobserve(o),this.elementsCache.delete(s))});return}this._measureElement(n,void 0)},this.getVirtualItems=Ut(()=>[this.getVirtualIndexes(),this.getMeasurements()],(n,o)=>{const s=[];for(let l=0,a=n.length;l<a;l++){const c=n[l],u=o[c];s.push(u)}return s},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=n=>{const o=this.getMeasurements();if(o.length!==0)return Xs(o[Zs(0,o.length-1,s=>Xs(o[s]).start,n)])},this.getOffsetForAlignment=(n,o,s=0)=>{const l=this.getSize(),a=this.getScrollOffset();o==="auto"&&(o=n>=a+l?"end":"start"),o==="center"?n+=(s-l)/2:o==="end"&&(n-=l);const c=this.getTotalSize()-l;return Math.max(Math.min(c,n),0)},this.getOffsetForIndex=(n,o="auto")=>{n=Math.max(0,Math.min(n,this.options.count-1));const s=this.measurementsCache[n];if(!s)return;const l=this.getSize(),a=this.getScrollOffset();if(o==="auto")if(s.end>=a+l-this.options.scrollPaddingEnd)o="end";else if(s.start<=a+this.options.scrollPaddingStart)o="start";else return[a,o];const c=o==="end"?s.end+this.options.scrollPaddingEnd:s.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(c,o,s.size),o]},this.isDynamicMode=()=>this.elementsCache.size>0,this.cancelScrollToIndex=()=>{this.scrollToIndexTimeoutId!==null&&this.targetWindow&&(this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId),this.scrollToIndexTimeoutId=null)},this.scrollToOffset=(n,{align:o="start",behavior:s}={})=>{this.cancelScrollToIndex(),s==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(n,o),{adjustments:void 0,behavior:s})},this.scrollToIndex=(n,{align:o="auto",behavior:s}={})=>{n=Math.max(0,Math.min(n,this.options.count-1)),this.cancelScrollToIndex(),s==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");const l=this.getOffsetForIndex(n,o);if(!l)return;const[a,c]=l;this._scrollToOffset(a,{adjustments:void 0,behavior:s}),s!=="smooth"&&this.isDynamicMode()&&this.targetWindow&&(this.scrollToIndexTimeoutId=this.targetWindow.setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.elementsCache.has(this.options.getItemKey(n))){const p=this.getOffsetForIndex(n,c);if(!p)return;const[h]=p,m=this.getScrollOffset();tc(h,m)||this.scrollToIndex(n,{align:c,behavior:s})}else this.scrollToIndex(n,{align:c,behavior:s})}))},this.scrollBy=(n,{behavior:o}={})=>{this.cancelScrollToIndex(),o==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+n,{adjustments:void 0,behavior:o})},this.getTotalSize=()=>{var n;const o=this.getMeasurements();let s;if(o.length===0)s=this.options.paddingStart;else if(this.options.lanes===1)s=((n=o[o.length-1])==null?void 0:n.end)??0;else{const l=Array(this.options.lanes).fill(null);let a=o.length-1;for(;a>=0&&l.some(c=>c===null);){const c=o[a];l[c.lane]===null&&(l[c.lane]=c.end),a--}s=Math.max(...l.filter(c=>c!==null))}return Math.max(s-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(n,{adjustments:o,behavior:s})=>{this.options.scrollToFn(n,{behavior:s,adjustments:o},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(t)}}const Zs=(e,t,n,o)=>{for(;e<=t;){const s=(e+t)/2|0,l=n(s);if(l<o)e=s+1;else if(l>o)t=s-1;else return s}return e>0?e-1:0};function cc({measurements:e,outerSize:t,scrollOffset:n,lanes:o}){const s=e.length-1,l=u=>e[u].start;if(e.length<=o)return{startIndex:0,endIndex:s};let a=Zs(0,s,l,n),c=a;if(o===1)for(;c<s&&e[c].end<n+t;)c++;else if(o>1){const u=Array(o).fill(0);for(;c<s&&u.some(h=>h<n+t);){const h=e[c];u[h.lane]=h.end,c++}const p=Array(o).fill(n+t);for(;a>=0&&p.some(h=>h>=n);){const h=e[a];p[h.lane]=h.start,a--}a=Math.max(0,a-a%o),c=Math.min(s,c+(o-1-c%o))}return{startIndex:a,endIndex:c}}const Js=typeof document<"u"?i.useLayoutEffect:i.useEffect;function Qs(e){const t=i.useReducer(()=>({}),{})[1],n={...e,onChange:(s,l)=>{var a;l?(0,An.flushSync)(t):t(),(a=e.onChange)==null||a.call(e,s,l)}},[o]=i.useState(()=>new dc(n));return o.setOptions(n),Js(()=>o._didMount(),[]),Js(()=>o._willUpdate()),o}function uc(e){return Qs({observeElementRect:rc,observeElementOffset:ic,scrollToFn:ac,...e})}function Mu(e){return Qs({getScrollElement:()=>typeof document<"u"?window:null,observeElementRect:observeWindowRect,observeElementOffset:observeWindowOffset,scrollToFn:windowScroll,initialOffset:()=>typeof document<"u"?window.scrollY:0,...e})}const pc={estimateSize:()=>36},er={actionRef:r.A.shape({current:r.A.oneOfType([r.A.oneOf([null]),r.A.shape({scrollTo:r.A.func.description("Scroll to a index inside the list").signature("((index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void)")})])}).description("mutable reference where methods will be stored"),ItemRenderer:r.A.oneOfType([r.A.object,r.A.func]).isRequired.description("Render function for each item"),count:r.A.number.isRequired.description("Number of items to render"),extraItemProps:r.A.object.description("Extra props to pass to each item"),getId:r.A.func.isRequired.description("Function to get the key for each item"),estimateSize:r.A.func.description("Function to estimate the size of each item")},zt="DSFastlist",Yn={CONTAINER:"container",WRAPPER_LIST:"wrapper-list",ITEM:"item"},Pu=(0,at.lD)(zt,Yn),mc=(e,t)=>{(0,$.D)(e,t,zt)},hc=e=>{const t=(0,Y.b)(e,pc);mc(t,er);const{actionRef:n,count:o,estimateSize:s}=t,l=i.useRef(null),a=uc({count:o,getScrollElement:()=>l.current,overscan:15,estimateSize:s}),c=a.getTotalSize();i.useEffect(()=>{n&&n.current&&(n.current.scrollTo=a.scrollToIndex)},[n,a]);const u=i.useMemo(()=>`ds-fast-list-${(0,Q.L)(6)}${o}`,[o]);return i.useMemo(()=>({instanceUid:u,parentRef:l,getVirtualItems:a.getVirtualItems,totalSize:c,measureElement:a.measureElement}),[a.getVirtualItems,a.measureElement,c,u])},fc=(0,M.I)("div",{name:zt,slot:Yn.WRAPPER_LIST})`
+  width: 100%;
+  position: relative;
+`,bc=(0,M.I)("div",{name:zt,slot:Yn.ITEM})`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+`,gc=(0,M.I)("div",{name:zt,slot:Yn.CONTAINER})`
+  overflow: auto;
+  width: 100%;
+  height: 100%;
+  padding-bottom: 0;
+`,yc=e=>{const{parentRef:t,getVirtualItems:n,totalSize:o,instanceUid:s,measureElement:l}=hc(e),{ItemRenderer:a,extraItemProps:c,getId:u}=e,p=n(),h=i.useCallback(b=>l(b),[l]),m=(0,i.useCallback)(()=>e,[e]),f=(0,F.u)(e);return(0,d.jsx)(gc,{innerRef:t,tabIndex:-1,getOwnerProps:m,...f,children:(0,d.jsx)(fc,{style:{height:`${o+.5}px`},role:"list",getOwnerProps:m,children:p.map(b=>{const{index:x,start:y}=b;return(0,d.jsx)(bc,{innerRef:h,"data-index":x,style:{transform:`translateY(${y}px)`},role:"listitem",getOwnerProps:m,getOwnerPropsArguments:()=>({index:u(x)}),children:(0,d.jsx)(a,{extraItemProps:c,index:x})},u(x))})})},s)},Co=e=>(0,d.jsx)(yc,{...e});Co.displayName=zt;const xc=(0,B.A)(Co).description("DSFastList");xc.propTypes=er;const Sc=(0,M.I)(J.Ay)`
+  min-width: ${({inline:e,minWidth:t})=>e?"100%":`${String(t)}px`};
+  width: ${({width:e})=>`${e}px`};
+  background-color: #ffffff;
+  z-index: 100;
+`,Ac=M.I.span`
+  font-weight: bold;
+  font-style: italic;
+`,Ic=M.I.span`
+  word-break: break-all;
+`,vc=M.I.div`
+  padding: 16px;
+`,Oc=(0,M.I)("section",{name:ut,slot:pt.SECTION_WRAPPER})`
+  list-style: none;
+  min-height: 24px;
+  display: grid;
+  align-items: center;
+`,wc=(0,M.I)("header",{name:ut,slot:pt.SECTION_LABEL})`
+  display: flex;
+  align-items: center;
+  padding: 0px 16px;
+  min-height: 24px;
+  font-size: 1rem;
+  color: neutral-500;
+`,Tc=(0,M.I)(sn,{name:ut,slot:pt.SINGLE_MENU_ITEM})``,Ec=i.memo(e=>{const{label:t,wrapperStyles:n,focusOptionIdx:o,selectedValues:s,innerRef:l,handleOnMouseDown:a,options:c,handleClick:u,getOwnerProps:p,getOwnerPropsArguments:h}=e,m=`${t.replace(/ /g,"")}-section`,f=Array.isArray(s)?rn:Tc;return(0,d.jsxs)(Oc,{role:"group","aria-labelledby":m,style:n,innerRef:l,getOwnerProps:p,getOwnerPropsArguments:h,children:[(0,d.jsx)(wc,{id:m,role:"presentation",getOwnerProps:p,getOwnerPropsArguments:h,children:t}),c?.map(b=>{const{dsId:x,type:y,value:g,label:v,readOnly:S,disabled:A,applyAriaDisabled:w,render:T,..._}=b;return y===Se.SEPARATOR?(0,d.jsx)(ln,{},x):(0,i.createElement)(f,{getOwnerProps:p,getOwnerPropsArguments:h,value:g,label:v,dataTestid:Fe.OPTION,disabled:A,applyAriaDisabled:w||S,onClick:P=>{w||u(b,P)},onMouseDown:a,isActive:x===o,isSelected:Z(s,b),tabIndex:-1,..._,key:b.dsId,dsId:b.dsId})})]})}),tr=(0,M.I)(sn,{name:ut,slot:pt.SINGLE_MENU_ITEM,preserveLegacyDataTestId:!0})``,Mc=({index:e,extraItemProps:t})=>{const{props:n,props:{onCreate:o,onChange:s,isNonClearable:l,selectedValues:a,onFilter:c,allOptions:u,readOnly:p},setMenuState:h,inputValue:m,focusOptionIdx:f,setInputValue:b,optionsPerSection:x}=(0,i.useContext)(ce),{getOwnerProps:y}=(0,G.j)(n),g=(0,i.useCallback)(()=>({index:e}),[e]),v=t?.itemList?.[e],S=Array.isArray(a),A=S?rn:tr,w=(0,i.useCallback)(()=>{m&&o&&(o(m),b(""),c&&c(u,m))},[c,o,m,u,b]),T=(0,i.useCallback)((P,W)=>{p||(P.type===Se.OPTION&&(P.disabled||(c&&c(u,m),b(""),S||h(!1,"selectOption",W),s(z(P,a,l),P,W))),W.stopPropagation(),W.preventDefault())},[c,a,u,s,h,S]),_=(0,i.useCallback)(P=>{P.preventDefault()},[]);return(0,i.useMemo)(()=>{if(v){const{dsId:P,type:W,disabled:D,applyAriaDisabled:H,readOnly:I,...O}=v,C={key:`${P}`,dsId:P.toString(),...O};return W===Se.SECTION?(0,d.jsx)(Ec,{label:v.label,...C,options:v.options,handleClick:T,focusOptionIdx:f,handleOnMouseDown:_,selectedValues:a,getOwnerProps:y,getOwnerPropsArguments:g}):W===Se.SEPARATOR?(0,d.jsx)(ln,{...C,render:void 0}):v.type===Se.OPTION?(0,d.jsx)(A,{...C,value:v.value,label:v.label,dataTestid:Fe.OPTION,disabled:D,applyAriaDisabled:H||I,onClick:L=>{H||T(v,L)},onMouseDown:_,isActive:P===f,isSelected:Z(a,v),tabIndex:-1,getOwnerProps:y,getOwnerPropsArguments:g}):W===Pt.CREATABLE?(0,d.jsx)(tr,{getOwnerProps:y,getOwnerPropsArguments:g,dataTestid:Fe.OPTION,isActive:P===f,...C,render:({label:L})=>(0,d.jsxs)(J.Ay,{p:"8px",cols:["min-content","auto"],gutter:"xxs",alignItems:"center",children:[(0,d.jsx)(Ac,{children:"Add:"}),(0,d.jsx)(Ic,{children:`"${L}"`})]}),label:v.label,onClick:w}):null}return null},[x,f,a,u,o,m,p])};var Pc=E("./node_modules/.pnpm/@elliemae+ds-circular-progress-indicator@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-circular-progress-indicator/dist/esm/v2/DSCircularIndeterminateIndicator.js");const Cc=M.I.div`
+  display: flex;
+  justify-content: center;
+  height: 56px;
+`,_c=(0,M.I)(Pc.p,{name:ut,slot:pt.LOADING_INDICATOR})``,Dc=({getOwnerProps:e})=>(0,d.jsx)(Cc,{id:"combobox-list",children:(0,d.jsx)(_c,{size:"m",getOwnerProps:e})});var Cu=null;const Rc=(0,M.I)(an,{name:ut,slot:pt.SKELETON_MENU_ITEM,preserveLegacyDataTestId:!0})``,kc=({instanceUid:e,getOwnerProps:t})=>{const n=[0,1,2,3,4];return(0,d.jsx)(J.Ay,{id:`combo-listbox-${e}`,children:n.map((o,s)=>(0,d.jsx)(Rc,{dsId:s.toString(),role:"presentation",getOwnerProps:t},o))})},jc=(0,M.I)(Co,{name:ut,slot:pt.FAST_LIST})``,Nc=(0,M.I)(J.Ay)`
+  max-height: ${({maxHeight:e})=>e?`${String(e)}px`:"300px"};
+`,Wc=()=>32,nr=()=>{const{props:e,props:{isLoading:t,menuMinWidth:n,noOptionsMessage:o,menuMaxHeight:s,onCreate:l,inline:a,isSkeleton:c},controlsWrapperRef:u,listRef:p,wrapperListRef:h,correctOptions:m,instanceUid:f}=(0,i.useContext)(ce),{getOwnerProps:b}=(0,G.j)(e),{width:x}=Po(u),y=(0,i.useCallback)(v=>{v.preventDefault()},[]),g=(0,i.useMemo)(()=>c?(0,d.jsx)(kc,{instanceUid:f,getOwnerProps:b}):t?(0,d.jsx)(Dc,{getOwnerProps:b}):m&&m.length>0||l?(0,d.jsx)(Nc,{maxHeight:s,id:`combo-listbox-${f}`,children:(0,d.jsx)(jc,{dsFastlistWrapperList:{role:"listbox","data-testid":Fe.LIST,"aria-label":"listbox"},dsFastlistItem:{role:"none"},actionRef:p,count:m.length,ItemRenderer:Mc,extraItemProps:{itemList:m},getId:v=>m[v].dsId,estimateSize:Wc,getOwnerProps:b})}):(0,d.jsx)(vc,{id:`combo-listbox-${f}`,"data-testid":Fe.NO_MATCHES_FOUND,role:"alert",children:o}),[c,f,t,m,l,o,s,p,b]);return(0,d.jsx)(Sc,{innerRef:h,inline:a,onMouseDown:y,width:x,minWidth:n,children:g})},or=M.I.span`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  border: 0;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(100%);
+  white-space: nowrap;
+`,Lc=()=>{const{props:{onCreate:e},hasFocus:t}=(0,i.useContext)(Oe),n=e?(0,d.jsx)("span",{id:"aria-creatable",children:"press enter to create the option"}):"";return(0,d.jsx)(or,{"data-testid":Fe.ALLY_SELECTED_VALUES,"aria-live":"polite","aria-atomic":"false","aria-relevant":"additions text",children:t&&n})},Fc=i.memo(({message:e})=>(0,d.jsx)(or,{"aria-live":"assertive","aria-relevant":"all",children:e}));function $c(e,t,n){(0,i.useEffect)(()=>{const o=s=>{!e||e?.contains?.(s.target)||n&&n.contains(s.target)||t(s)};return document.addEventListener("mousedown",o),document.addEventListener("touchstart",o),()=>{document.removeEventListener("mousedown",o),document.removeEventListener("touchstart",o)}},[e,t,n])}const Vc=()=>{const[e,t]=i.useState(null),{props:n,internalRef:o,setMenuState:s,menuState:l}=(0,i.useContext)(Oe),{inline:a,startPlacementPreference:c,placementOrderPreference:u,applyAriaDisabled:p}=n,h=(0,F.u)(n),{zIndex:m,...f}=(0,N.d)(n),{getOwnerProps:b,getOwnerPropsArguments:x}=(0,G.j)(n),y=m?parseInt(m,10):void 0,{className:g,"data-testid":v}=h,S=(0,i.useCallback)(I=>{I.preventDefault()},[]),A=(0,i.useCallback)(()=>{s(!1,"blur"),o?.current&&o.current.blur()},[o,s]);(0,i.useEffect)(()=>{const I=()=>{l&&s(!1,"blur")};return window.addEventListener("blur",I),()=>{window.removeEventListener("blur",I)}},[l,s]);const w=(0,i.useMemo)(()=>({placement:"bottom",withoutAnimation:!0,startPlacementPreference:c,placementOrderPreference:u,zIndex:y,customOffset:[0,5],handleCloseMenu:A,portalDOMContainer:document.body,externallyControlledIsOpen:l}),[c,u,y,A,l]),{refs:T,floatingStyles:_,context:P,mutableUpdateStyles:W}=De(w),D=(0,de.Px)(t,T.setReference),H=(0,i.useCallback)(()=>{s(!1,"blur")},[s]);return $c(e,H,T.floating),(0,d.jsxs)(rr,{"data-testid":v??Fe.CONTAINER,innerRef:D,className:g,applyAriaDisabled:p,...f,getOwnerProps:b,getOwnerPropsArguments:x,children:[(0,d.jsx)(Lc,{}),(0,d.jsx)(ec,{mutableUpdateStyles:W}),l&&a?(0,d.jsx)(nr,{}):null,l&&!a&&e?(0,d.jsx)(ct,{innerRef:T.setFloating,floatingStyles:_,isOpen:l,context:P,...n.popperProps,children:(0,d.jsx)(ir,{tabIndex:-1,onMouseDown:S,applyAriaDisabled:p,children:(0,d.jsx)(nr,{})})}):null]})},_u={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,width:"1px",position:"absolute"},_o=e=>{const t=U(e);return(0,d.jsxs)(ce.Provider,{value:t,children:[(0,d.jsx)(Vc,{}),(0,d.jsx)(Fc,{message:e.isLoading||e.isSkeleton?"Loading options please wait":""})]})};_o.displayName="DSComboBox";const Bc=(0,B.A)(_o);Bc.propTypes=xt},"./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/ChevronRight.js":(yt,xe,E)=>{E.d(xe,{A:()=>B});var i=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),d=E("./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/createIcon.js"),B=(0,d.w)({paths:["M 11.531 8.5 C 11.531 8.605 11.498 8.711 11.431 8.8 L 5.431 16.8 C 5.265 17.021 4.952 17.066 4.731 16.9 S 4.465 16.421 4.63 16.2 L 10.405 8.5 L 4.63 0.8 C 4.465 0.58 4.51 0.267 4.731 0.1 C 4.952 -0.065 5.265 -0.02 5.431 0.201 L 11.431 8.201 C 11.497 8.29 11.531 8.395 11.531 8.501 Z"],height:17,width:16})},"./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/ChevronSmallDown.js":(yt,xe,E)=>{E.d(xe,{A:()=>Y});var i=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),d=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),B=E("./node_modules/.pnpm/@elliemae+ds-icons@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/SvgIcon.js"),Y=$=>(0,d.jsx)(B.Ah,{...$,viewBox:"0 0 20 20",children:(0,d.jsx)("path",{d:"M9.5 13a.503.503 0 0 1-.313-.109l-5-4a.5013.5013 0 0 1-.078-.703c.173-.214.488-.25.703-.078L9.5 11.86l4.688-3.75c.218-.172.531-.136.703.078.172.216.138.53-.078.703l-5 4A.501.501 0 0 1 9.5 13z"})})},"./node_modules/.pnpm/@elliemae+ds-legacy-shared@1.0.16_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-legacy-shared/dist/esm/constants.js":(yt,xe,E)=>{E.d(xe,{$Z:()=>B,xp:()=>d});var i=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");const d=200,B=300,Q=null,Y="am",$="pm",Me="ArrowUp",je="ArrowDown",Ze="Backspace",ce="Escape",Oe="Home",le="Shift",r="End",Kt={min:0,max:12},xt={min:0,max:24},rt={min:0,max:59},ft={hour:"hour",minutes:"minutes",seconds:"seconds",meridiem:"meridiem"}},"./node_modules/.pnpm/@elliemae+ds-popperjs@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-popperjs/dist/esm/index.js":(yt,xe,E)=>{E.d(xe,{B2:()=>Ue});var i=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),d=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),B=E("./node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js"),Q=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),Y=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js");const $=18,Me=18,je=Y.I.div`
+  position: absolute;
+  width: ${$}px;
+  height: ${Me}px;
+  pointer-events: none;
+  background-color: transparent;
+  & .stroke {
+    fill: neutral-500;
+    fill-opacity: 0.4;
+  }
+  & .fill {
+    fill: neutral-000;
+  }
+
+  &[data-placement^='top'] {
+    svg {
+      transform: rotateZ(180deg);
+    }
+    bottom: -${Me}px;
+  }
+  &[data-placement^='right'] {
+    svg {
+      transform: rotateZ(-90deg);
+    }
+    left: -${$}px;
+  }
+  &[data-placement^='bottom'] {
+    top: -${Me}px;
+  }
+  &[data-placement^='left'] {
+    svg {
+      transform: rotateZ(90deg);
+    }
+    right: -${$}px;
+  }
+  margin-left: ${U=>U["data-placement"].startsWith("top")||U["data-placement"].startsWith("bottom")?`-${$/2}px;`:"0;"};
+  margin-top: ${U=>U["data-placement"].startsWith("left")||U["data-placement"].startsWith("right")?`-${Me/2}px;`:"0;"};
+`,Ze=({placement:U,style:F,arrowElementRef:N})=>(0,d.jsx)(je,{"data-placement":U,style:F,innerRef:N,"data-testid":"ds-tooltip-arrow","aria-hidden":"true",children:(0,d.jsxs)("svg",{viewBox:"0 0 30 30",children:[(0,d.jsx)("path",{className:"stroke",d:`M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26
+        C26.7,29,24.6,28.1,23.7,27.1z`}),(0,d.jsx)("path",{className:"fill",d:"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"})]})},"popper-arrow");var ce=E("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),Oe=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),le=E("./node_modules/.pnpm/@elliemae+ds-system@3.56.4_@elliemae+pui-theme@2.13.0_lodash-es@4.17.21/node_modules/@elliemae/ds-system/dist/esm/styled/system.js");const r=(0,ce.i7)`
+    from {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+      visibility: visible;
+    }
+`,Kt=(0,ce.i7)`
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: 0;
+      transform: scale(0.8);
+      visibility: hidden;
+    }
+`,xt=(0,Y.I)("div")`
+  z-index: ${({theme:U,zIndex:F})=>F??U.zIndex.popper};
+  ${Oe.L1}
+`,rt=Y.I.div`
+  box-shadow:
+    0 0 0 1px rgba(16, 22, 26, 0.1),
+    0 2px 4px rgba(16, 22, 26, 0.2),
+    0 8px 24px rgba(16, 22, 26, 0.2);
+
+  ${({showPopover:U,animationDuration:F,withoutAnimation:N})=>!N&&(0,le.AH)`
+      animation: ${U?r:Kt} ${F}ms ease-in;
+    `}
+`,ft=({setPopperElement:U,popperStyles:F,popperAttributes:N,children:G,showPopover:de,setArrowElement:he,setIsAnimating:fe,arrowStyle:oe,withoutArrow:Ie,withoutAnimation:ae,animationDuration:se,zIndex:We,globalAttrs:ze,xStyledAttrs:Ge})=>{const _e=(0,i.useCallback)(()=>{!de&&!ae&&fe(!1)},[de,ae,fe]),Je=(0,i.useMemo)(()=>(0,d.jsxs)(d.Fragment,{children:[G,Ie===!1?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ze,{arrowElementRef:he,style:oe,placement:N?N["data-popper-placement"]:"bottom"}),(0,d.jsx)("div",{ref:he,style:oe})]}):null]}),[G,Ie,oe,N,he]);return(0,d.jsx)(xt,{innerRef:U,role:"region","aria-label":"popover menu",style:F,...N,...ze,...Ge,zIndex:We,children:(0,d.jsx)(rt,{showPopover:de,animationDuration:se,withoutAnimation:ae,onAnimationEnd:_e,children:Je})})};var Se=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),Pt=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/useGetXstyledProps.js"),R=E("./node_modules/.pnpm/react-popper@2.3.0_@popperjs+core@2.11.8/node_modules/react-popper/lib/esm/usePopper.js");function k(U,F){(0,i.useEffect)(()=>{const N=G=>{!U||U?.contains?.(G.target)||F(G)};return document.addEventListener("mousedown",N),document.addEventListener("touchstart",N),()=>{document.removeEventListener("mousedown",N),document.removeEventListener("touchstart",N)}},[U,F])}var V=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js");const j=({props:U,arrowElement:F,defaultProps:N})=>{const{boundaryElement:G,withoutArrow:de=!1,placementOrderPreference:he=["top","bottom","left","right"],customOffset:fe=void 0}=U,oe=(0,i.useMemo)(()=>{const ae=[];if(ae.push({name:"hide",enabled:!0}),ae.push({name:"flip",options:{fallbackPlacements:he}}),!de||fe){const se=fe||N.customOffset;ae.push({name:"offset",enabled:!0,options:{offset:se}})}return de||ae.push({name:"arrow",options:{element:F,padding:18}}),G&&ae.push({name:"preventOverflow",options:{boundary:G}}),ae},[F,N,G,de,he,fe]),{modifiers:Ie=oe}=U;return(0,i.useMemo)(()=>({modifiers:Ie}),[Ie])},q=()=>{},Z={},we=({props:U,arrowElement:F})=>{const N=(0,i.useMemo)(()=>({referenceElement:null,showPopover:!1,closeContextMenu:q,onClickOutside:q,withoutPortal:!1,withoutArrow:!1,withoutAnimation:!1,animationDuration:100,portalDOMContainer:document.body,startPlacementPreference:"top",placementOrderPreference:["top","bottom","left","right"],extraPopperStyles:Z,customOffset:[0,14]}),[]),{modifiers:G}=j({props:U,arrowElement:F,defaultProps:N});return(0,i.useMemo)(()=>({...N,modifiers:G}),[G,N])},Pe=({props:U,arrowElement:F})=>{const N=we({props:U,arrowElement:F});return(0,V.b)(U,N)},Ce=U=>{const[F,N]=(0,i.useState)(null),[G,de]=(0,i.useState)(null),[he,fe]=(0,i.useState)(!1),oe=Pe({props:U,arrowElement:G}),{referenceElement:Ie,closeContextMenu:ae,onClickOutside:se,modifiers:We,startPlacementPreference:ze}=oe,Ge=(0,i.useMemo)(()=>({placement:ze,modifiers:We}),[We,ze]),_e=(0,R.E)(Ie,F,Ge),{showPopover:Je,withoutAnimation:Qe}=oe;(0,i.useEffect)(()=>{Je&&!Qe&&fe(!0)},[Je,Qe]),(0,i.useEffect)(()=>{oe.actionRef&&(oe.actionRef.current.update=_e.update)},[oe.actionRef,_e.update]),k(F,tt=>{Ie?.contains?.(tt?.target)||(se(tt),ae())});const ve=(0,Se.u)(oe),et=(0,Pt.d)(oe);return(0,i.useMemo)(()=>({props:oe,popperElement:F,setPopperElement:N,arrowElement:G,setArrowElement:de,popoverHelper:_e,isAnimating:he,setIsAnimating:fe,globalAttrs:ve,xStyledAttrs:et}),[oe,F,G,_e,he,ve,et])};var Ae=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/globalAttributesPropTypes.js"),it=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js"),z=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.56.4_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");const Ne=["top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],St={...Ae.P,...it.w,children:z.A.node.description("The content of the popper").isRequired,referenceElement:z.A.oneOfType([z.A.node,z.A.oneOf([null])]).description("The DOM element that needs to be used as a reference for positioning the popper.").isRequired,showPopover:z.A.bool.description("whether or not to show the popper content").isRequired,closeContextMenu:z.A.func.description('Callback to close the context menu, used for "on click outside", if not provided click outside will not trigger anything').defaultValue("() => {}"),withoutPortal:z.A.bool.description("Whether or not the popper content should appear in a DOM portal or not").defaultValue(!0),withoutArrow:z.A.bool.description("Whether or not the popper context menu should print the arrow").defaultValue(!1),withoutAnimation:z.A.bool.description("Whether or not the popper context menu should be animated").defaultValue(!1),animationDuration:z.A.number.description("Popper context menus Animation duration in ms").defaultValue(100),startPlacementPreference:z.A.oneOf(Ne).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),placementOrderPreference:z.A.arrayOf(z.A.oneOf(Ne)).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),zIndex:z.A.number.description("popperjs content z-index").defaultValue("theme.zIndex.popper"),customOffset:z.A.arrayOf(z.A.number).description("placement offset array").defaultValue("[0,14]"),extraPopperStyles:z.A.object.description("Extra object styles to attach to the popper element").defaultValue({}),onClickOutside:z.A.func.description("Callback triggered when clicking outside the popper").defaultValue(()=>null),boundaryElement:z.A.oneOfType([z.A.node,z.A.oneOf([null])]).description('Bounding element to calculate upon, defaults to "clippingParents",which are the scrolling containers that may cause element to be partially or fully cut off'),portalDOMContainer:z.A.oneOfType([z.A.node,z.A.oneOf([null])]).description("When using portal, the container in which to append the DOM content, defaults to document body"),modifiers:z.A.array.description('If you provide the modifiers array for full-custom override in popper.js, it means you are responsible for completely overwriting all the existing modifiers. This includes the modifiers that control "boundaryElement," "withoutArrow," "placementOrderPreference," and "customOffset".For more detailed information, please refer to the documentation at https://popper.js.org/docs/v2/modifiers/.'),actionRef:z.A.object.description("Ref object to access the popperjs instance methods")},Ue=U=>{const{props:{showPopover:F,withoutAnimation:N,animationDuration:G,withoutPortal:de,withoutArrow:he,portalDOMContainer:fe,zIndex:oe,extraPopperStyles:Ie},globalAttrs:ae,xStyledAttrs:se,setPopperElement:We,setArrowElement:ze,setIsAnimating:Ge,popoverHelper:_e,isAnimating:Je}=Ce(U),{children:Qe}=U,{styles:ve,attributes:et}=_e,tt=(0,i.useMemo)(()=>(0,d.jsx)(ft,{setPopperElement:We,popperStyles:{...ve.popper,...Ie},popperAttributes:et.popper,setArrowElement:ze,arrowStyle:ve.arrow,withoutArrow:he,withoutAnimation:N,animationDuration:G,zIndex:oe,showPopover:F,setIsAnimating:Ge,globalAttrs:ae,xStyledAttrs:se,children:Qe}),[et.popper,Qe,Ge,F,Ie,ze,We,ve.arrow,ve.popper,he,N,G,oe,ae,se]);if(F||Je){if(de===!0)return tt;if(fe&&de===!1)return(0,d.jsx)(d.Fragment,{children:(0,B.createPortal)(tt,fe)})}return null};Ue.displayName="DSPopperJS";const Yt=(0,Q.A)(Ue).description("A dimsum custom styling wrapper on top of popperjs");Yt.propTypes=St;var hn=null},"./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/cloneDeep.js":(yt,xe,E)=>{E.d(xe,{A:()=>Y});var i=E("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseClone.js"),d=1,B=4;function Q($){return(0,i.A)($,d|B)}const Y=Q},"./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/throttle.js":(yt,xe,E)=>{E.d(xe,{A:()=>Y});var i=E("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/debounce.js"),d=E("./node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isObject.js"),B="Expected a function";function Q($,Me,je){var Ze=!0,ce=!0;if(typeof $!="function")throw new TypeError(B);return(0,d.A)(je)&&(Ze="leading"in je?!!je.leading:Ze,ce="trailing"in je?!!je.trailing:ce),(0,i.A)($,Me,{leading:Ze,maxWait:Me,trailing:ce})}const Y=Q},"./node_modules/.pnpm/react-virtual@2.10.4/node_modules/react-virtual/dist/react-virtual.mjs":(yt,xe,E)=>{E.d(xe,{z:()=>ft});var i=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");function d(){return d=Object.assign||function(R){for(var k=1;k<arguments.length;k++){var V=arguments[k];for(var j in V)Object.prototype.hasOwnProperty.call(V,j)&&(R[j]=V[j])}return R},d.apply(this,arguments)}function B(R,k){if(R==null)return{};var V={},j=Object.keys(R),q,Z;for(Z=0;Z<j.length;Z++)q=j[Z],!(k.indexOf(q)>=0)&&(V[q]=R[q]);return V}var Q=["bottom","height","left","right","top","width"],Y=function(k,V){return k===void 0&&(k={}),V===void 0&&(V={}),Q.some(function(j){return k[j]!==V[j]})},$=new Map,Me,je=function R(){var k=[];$.forEach(function(V,j){var q=j.getBoundingClientRect();Y(q,V.rect)&&(V.rect=q,k.push(V))}),k.forEach(function(V){V.callbacks.forEach(function(j){return j(V.rect)})}),Me=window.requestAnimationFrame(R)};function Ze(R,k){return{observe:function(){var j=$.size===0;$.has(R)?$.get(R).callbacks.push(k):$.set(R,{rect:void 0,hasRectChanged:!1,callbacks:[k]}),j&&je()},unobserve:function(){var j=$.get(R);if(j){var q=j.callbacks.indexOf(k);q>=0&&j.callbacks.splice(q,1),j.callbacks.length||$.delete(R),$.size||cancelAnimationFrame(Me)}}}}var ce=typeof window<"u"?i.useLayoutEffect:i.useEffect;function Oe(R,k){k===void 0&&(k={width:0,height:0});var V=i.useState(R.current),j=V[0],q=V[1],Z=i.useReducer(le,k),we=Z[0],Pe=Z[1],Ce=i.useRef(!1);return ce(function(){R.current!==j&&q(R.current)}),ce(function(){if(j&&!Ce.current){Ce.current=!0;var Ae=j.getBoundingClientRect();Pe({rect:Ae})}},[j]),i.useEffect(function(){if(j){var Ae=Ze(j,function(it){Pe({rect:it})});return Ae.observe(),function(){Ae.unobserve()}}},[j]),we}function le(R,k){var V=k.rect;return R.height!==V.height||R.width!==V.width?V:R}var r=function(){return 50},Kt=function(k){return k},xt=function(k,V){var j=V?"offsetWidth":"offsetHeight";return k[j]},rt=function(k){for(var V=Math.max(k.start-k.overscan,0),j=Math.min(k.end+k.overscan,k.size-1),q=[],Z=V;Z<=j;Z++)q.push(Z);return q};function ft(R){var k,V=R.size,j=V===void 0?0:V,q=R.estimateSize,Z=q===void 0?r:q,we=R.overscan,Pe=we===void 0?1:we,Ce=R.paddingStart,Ae=Ce===void 0?0:Ce,it=R.paddingEnd,z=it===void 0?0:it,Ne=R.parentRef,St=R.horizontal,Ue=R.scrollToFn,Yt=R.useObserver,hn=R.initialRect,U=R.onScrollElement,F=R.scrollOffsetFn,N=R.keyExtractor,G=N===void 0?Kt:N,de=R.measureSize,he=de===void 0?xt:de,fe=R.rangeExtractor,oe=fe===void 0?rt:fe,Ie=St?"width":"height",ae=St?"scrollLeft":"scrollTop",se=i.useRef({scrollOffset:0,measurements:[]}),We=i.useState(0),ze=We[0],Ge=We[1];se.current.scrollOffset=ze;var _e=Yt||Oe,Je=_e(Ne,hn),Qe=Je[Ie];se.current.outerSize=Qe;var ve=i.useCallback(function(K){Ne.current&&(Ne.current[ae]=K)},[Ne,ae]),et=Ue||ve;Ue=i.useCallback(function(K){et(K,ve)},[ve,et]);var tt=i.useState({}),fn=tt[0],bt=tt[1],Xn=i.useCallback(function(){return bt({})},[]),Ct=i.useRef([]),lt=i.useMemo(function(){var K=Ct.current.length>0?Math.min.apply(Math,Ct.current):0;Ct.current=[];for(var ee=se.current.measurements.slice(0,K),te=K;te<j;te++){var Te=G(te),ue=fn[Te],Ke=ee[te-1]?ee[te-1].end:Ae,Le=typeof ue=="number"?ue:Z(te),ge=Ke+Le;ee[te]={index:te,start:Ke,size:Le,end:ge,key:Te}}return ee},[Z,fn,Ae,j,G]),bn=(((k=lt[j-1])==null?void 0:k.end)||Ae)+z;se.current.measurements=lt,se.current.totalSize=bn;var At=U?U.current:Ne.current,Xt=i.useRef(F);Xt.current=F,ce(function(){if(!At){Ge(0);return}var K=function(te){var Te=Xt.current?Xt.current(te):At[ae];Ge(Te)};return K(),At.addEventListener("scroll",K,{capture:!1,passive:!0}),function(){At.removeEventListener("scroll",K)}},[At,ae]);var gn=Pt(se.current),yn=gn.start,xn=gn.end,De=i.useMemo(function(){return oe({start:yn,end:xn,overscan:Pe,size:lt.length})},[yn,xn,Pe,lt.length,oe]),Sn=i.useRef(he);Sn.current=he;var An=i.useMemo(function(){for(var K=[],ee=function(Ke,Le){var ge=De[Ke],me=lt[ge],dt=d(d({},me),{},{measureRef:function(qt){if(qt){var Zt=Sn.current(qt,St);if(Zt!==dt.size){var In=se.current.scrollOffset;dt.start<In&&ve(In+(Zt-dt.size)),Ct.current.push(ge),bt(function(vn){var ct;return d(d({},vn),{},(ct={},ct[dt.key]=Zt,ct))})}}}});K.push(dt)},te=0,Te=De.length;te<Te;te++)ee(te);return K},[De,ve,St,lt]),_t=i.useRef(!1);ce(function(){_t.current&&bt({}),_t.current=!0},[Z]);var M=i.useCallback(function(K,ee){var te=ee===void 0?{}:ee,Te=te.align,ue=Te===void 0?"start":Te,Ke=se.current,Le=Ke.scrollOffset,ge=Ke.outerSize;ue==="auto"&&(K<=Le?ue="start":K>=Le+ge?ue="end":ue="start"),ue==="start"?Ue(K):ue==="end"?Ue(K-ge):ue==="center"&&Ue(K-ge/2)},[Ue]),be=i.useCallback(function(K,ee){var te=ee===void 0?{}:ee,Te=te.align,ue=Te===void 0?"auto":Te,Ke=B(te,["align"]),Le=se.current,ge=Le.measurements,me=Le.scrollOffset,dt=Le.outerSize,nt=ge[Math.max(0,Math.min(K,j-1))];if(nt){if(ue==="auto")if(nt.end>=me+dt)ue="end";else if(nt.start<=me)ue="start";else return;var qt=ue==="center"?nt.start+nt.size/2:ue==="end"?nt.end:nt.start;M(qt,d({align:ue},Ke))}},[M,j]),at=i.useCallback(function(){for(var K=arguments.length,ee=new Array(K),te=0;te<K;te++)ee[te]=arguments[te];be.apply(void 0,ee),requestAnimationFrame(function(){be.apply(void 0,ee)})},[be]);return{virtualItems:An,totalSize:bn,scrollToOffset:M,scrollToIndex:at,measure:Xn}}var Se=function(k,V,j,q){for(;k<=V;){var Z=(k+V)/2|0,we=j(Z);if(we<q)k=Z+1;else if(we>q)V=Z-1;else return Z}return k>0?k-1:0};function Pt(R){for(var k=R.measurements,V=R.outerSize,j=R.scrollOffset,q=k.length-1,Z=function(Ae){return k[Ae].start},we=Se(0,q,Z,j),Pe=we;Pe<q&&k[Pe].end<j+V;)Pe++;return{start:we,end:Pe}}}}]);