@elliemae/pui-app-sdk 5.36.2 → 5.37.0

package/demo/docs/2561.555e9ee5.iframe.bundle.js

@@ -1,882 +0,0 @@
-"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[2561],{"./node_modules/.pnpm/@elliemae+ds-form-combobox@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-combobox/dist/esm/ComboBox.js"(mt,Se,E){E.d(Se,{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"),z=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),ne=E("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs"),q=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@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.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js");function Me(...e){}const ke={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},qe={},ae=(0,i.createContext)(qe);var we=ae,le=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@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.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");function Ut(...e){}const ht={...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)},ot="DSCombobox",dt={CONTAINER:"root",INPUT_WRAPPER:"input-wrapper",INPUT:"input"},Ie={OPTION:"option",SECTION:"section",SEPARATOR:"separator"},Tt={CREATABLE:"creatable"},R={SELECT_OPTION:"selectOption",CLOSE:"close",OPEN:"open",BLUR:"blur"},N=e=>e.filter(t=>t.type===MENU_OPTION_TYPES.OPTION&&!t.disabled),B=e=>e.filter(t=>t.type===Ie.OPTION),j=e=>Array.isArray(e)?e.length===0:!e,Z=e=>Array.isArray(e),J=(e,t)=>Z(e)?e.some(s=>s?.value===t?.value):e?.value===t.value;function Te(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,st=(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""},Y=(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===Ie.OPTION&&n.label.toLowerCase().includes(e.toLowerCase())):t,ft=(e,t)=>e.filter(n=>n.type===MENU_OPTION_TYPES.OPTION&&J(t,n)),He=(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)},Ht=(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:Ie.OPTION,value:c})));const a=n??Ne(t,l);return s&&t&&a.findIndex(c=>c.type===Ie.OPTION&&c.label===t)===-1?[{dsId:`creatable-${(0,ne.L)()}`,label:t,type:"creatable","aria-describedby":"aria-creatable"},...a]:a},[n,o,s,t])},bn=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]),G=e=>{const t=(0,q.b)(e,ke);(0,$.D)(t,ht,ot);const[n,o]=(0,i.useState)(!1),[s,l]=(0,i.useState)(null),[a,c]=(0,i.useState)(""),[u,p]=(0,i.useState)(!1),m=(0,i.useRef)(null),h=(0,i.useRef)(null),f=(0,i.useRef)(null),g=(0,i.useRef)(null),S=(0,i.useRef)(null),{id:y,selectedValues:b,isMenuOpen:x,onMenuChange:A,applyAriaDisabled:v}=t,w=(0,i.useMemo)(()=>y||(0,ne.L)(5),[y]),O=(0,i.useMemo)(()=>x!==void 0?x:n,[n,x]),_=Ht(t,a),M=bn(_),k={scrollTo:()=>{}},D=(0,i.useRef)(k),U=(0,i.useCallback)((H,Ue={align:"center"})=>{D.current.scrollTo(_.findIndex(ye=>ye.dsId===H),Ue),requestAnimationFrame(()=>{D.current.scrollTo(_.findIndex(ye=>ye.dsId===H),Ue)})},[_]),[F,I]=(0,i.useState)("");(0,i.useEffect)(()=>{if(a&&t.forceFocusFirstOptionOnType){const H=st(_);I(H),U(H,{align:"center"})}},[_,a,t.forceFocusFirstOptionOnType,U,b]);const C=(0,i.useCallback)((H,Ue,ye)=>{if(!v)if(A!==void 0&&A(H,Ue,ye),o(H),!a&&H&&!F&&!j(b)){const De=st(_,b);I(De),U(De,{align:"center"})}else I("")},[v,A,a,F,b,_,U]);(0,i.useEffect)(()=>{t.inline&&C(!0,"inline")},[]);const P=t.readOnly&&!t.isMenuOpenableWithReadOnly;return(0,i.useMemo)(()=>({props:{...t},menuState:O,referenceElement:s,listRef:D,focusOptionIdx:F,selectedOptionsRef:f,controlsWrapperRef:g,inputValue:a,setInputValue:c,setMenuState:C,hasFocus:u,pillGroupRef:S,wrapperListRef:h,setHasFocus:p,setFocusOptionIdx:I,scrollOptionIntoView:U,setReferenceElement:l,setShowPopover:o,internalRef:m,correctOptions:_,instanceUid:w,optionsPerSection:M,shouldPreventContextMenuOpening:P}),[U,C,_,u,t,a,F,h,O,S,s,f,g,D,m,w,M,P])};var W=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),L=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/useGetXstyledProps.js"),K=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/useOwnerProps/index.js"),me=E("./node_modules/.pnpm/@elliemae+ds-hooks-headless-tooltip@3.57.7_styled-components@5.3.11/node_modules/@elliemae/ds-hooks-headless-tooltip/dist/esm/DSHooksHeadlessTooltip.js");const be={withoutAnimation:!1,animationDuration:300,withoutPortal:!1,placement:"top",customOffset:[0,12]},he={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.23/node_modules/lodash-es/debounce.js");const ve={left:"right",right:"left",bottom:"top",top:"bottom"};function se(e){return e.replace(/left|right|bottom|top/g,t=>ve[t])}const de={start:"end",end:"start"};function je(e){const t=e.replace(/start|end/g,n=>de[n]);return t===e?e==="right"?"left":"right":t}const ze={left:"top",right:"bottom",bottom:"right",top:"left"};function Le(e){return e.replace(/left|right|bottom|top/g,t=>ze[t])}const We={left:"bottom-start",right:"top-start",bottom:"top-start",top:"bottom-start"};function Ge(e){return e.replace(/left|right|bottom|top/g,t=>We[t])}const rt=e=>[se(e),je(e),Le(e),se(Le(e)),Ge(e),se(Ge(e))],Oe=(e,t)=>t?{left:e.endsWith("end")?"95%":e.endsWith("start")?"5%":"50%"}:{top:e.endsWith("start")?"75%":e.endsWith("end")?"25%":"50%"};function Ze(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Je(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?Ze(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 zt(e){return{...e,left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height}}function Yn(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 gt=(e,t,n,o,s)=>{const l=n.split("-")[0],a=["top","bottom"].indexOf(l)>=0,c=s??{top:0,left:0,right:window.innerWidth,bottom:window.innerHeight},u=Je(n,e,t),p=zt({...Yn(t),...u}),m={top:c.top-p.top+bt.top,bottom:p.bottom-c.bottom+bt.bottom,left:c.left-p.left+bt.left,right:p.right-c.right+bt.right},h={x:l==="left"?-(o?.[0]??12):o?.[0]??12,y:l==="top"?-(o?.[1]??12):o?.[1]??12};if(!a){const f=h.x;h.x=h.y*(l==="right"?1:-1),h.y=f}return Object.keys(m).forEach(f=>{const g=f==="right"||f==="bottom"?1:-1,S=f==="top"||f==="bottom"?"y":"x";m[f]+=h[S]*g}),m},ct=e=>{let t=e;for(;t&&t!==document.body;){if(getComputedStyle(t).position==="fixed")return t;t=t.parentElement}return null},gn=e=>{const t=ct(e);if(t){const n=t.getBoundingClientRect();return{top:n.top,left:n.left}}return{top:0,left:0}},yt=e=>{let t=e?.parentElement??null;for(;t&&t!==document.body;){const n=getComputedStyle(t),o=n.overflowX||n.overflow,s=n.overflowY||n.overflow,l=/(auto|scroll|hidden|clip)/.test(o),a=/(auto|scroll|hidden|clip)/.test(s);if(l||a)return t;t=t.parentElement}return null},Gt=()=>({top:0,left:0,right:window.innerWidth,bottom:window.innerHeight}),yn=(e,t,n)=>{let o=e,s=t;return n.left>0&&(o+=n.left),n.right>0&&(o-=n.right),n.top>0&&(s+=n.top),n.bottom>0&&(s-=n.bottom),{x:o,y:s}},xn=e=>e.top<=0&&e.bottom<=0&&e.left<=0&&e.right<=0,Sn=e=>{const t=Math.max(0,e.top),n=Math.max(0,e.bottom),o=Math.max(0,e.left),s=Math.max(0,e.right),l=t+n+o+s,a=Math.max(t,n,o,s);return{total:l,maxSide:a}},Kt=e=>{const t=[],n=new Set,o=s=>{n.has(s)||(n.add(s),t.push(s))};return e.forEach(s=>{o(s);const[l,a]=s.split("-");a||(o(`${l}-start`),o(`${l}-end`))}),t},In=e=>{const t=e.offsetParent;if(!t)return{left:0,top:0,scrollLeft:0,scrollTop:0};const n=t.getBoundingClientRect();return{left:n.left,top:n.top,scrollLeft:t.scrollLeft??0,scrollTop:t.scrollTop??0}},Xn=e=>{const{reference:t,floating:n,placement:o,placementOrderPreference:s,customOffset:l,withoutPortal:a}=e,c=a?gn(t):{top:0,left:0},u=t.getBoundingClientRect(),p=n.getBoundingClientRect(),m=s||rt(o),h=Kt([o].concat(m)),f=a?yt(t):null,g=f?f.getBoundingClientRect():Gt();let S=!1,y=o,b=null,x={total:Number.POSITIVE_INFINITY,maxSide:Number.POSITIVE_INFINITY},A=!1;for(let M=0;M<h.length;M+=1){const k=h[M],D=k.split("-")[0],U=D==="top"||D==="bottom",F=gt(u,p,k,l,g);if(xn(F)){y=k,b=F,A=U;break}const I=Sn(F);(I.maxSide<x.maxSide||I.maxSide===x.maxSide&&I.total<x.total)&&(y=k,b=F,x=I,A=U)}const v=y;S=A;const w=b??gt(u,p,v,l,g);let O=-w.left-c.left,_=-w.top-c.top;if(!a)O+=window.scrollX,_+=window.scrollY;else{const M=In(n);O=O-M.left+M.scrollLeft,_=_-M.top+M.scrollTop}return{x:O,y:_}=yn(O,_,w),{coordsStyle:{transform:`translate3d(${Math.round(O)}px, ${Math.round(_)}px, 0)`,top:0,left:0},finalPlacement:v,coordsArrow:Oe(v,S)}},An=e=>{const{reference:t,floating:n,placement:o,placementOrderPreference:s,customOffset:l,withoutPortal:a,preventComputing:c=!1,debounceMs:u=150}=e,[p,m]=(0,i.useState)({style:{left:0},placement:"top"}),[h,f]=(0,i.useState)({position:"absolute",zIndex:3e3,visibility:"hidden",willChange:"transform"}),[g,S]=(0,i.useState)(!1),y=t!==null&&n!==null&&!c,b=(0,i.useCallback)(()=>{if(!y)return;const{coordsStyle:O,finalPlacement:_,coordsArrow:M}=Xn({reference:t,floating:n,placement:o,placementOrderPreference:s,customOffset:l,withoutPortal:a});f(k=>({position:"absolute",zIndex:3e3,...k,...O})),m({style:M,placement:_}),S(!0)},[y,t,n,o,s,l,a]),x=(0,i.useRef)(b);x.current=b;const A=(0,i.useMemo)(()=>(0,ie.A)(()=>{x.current()},u),[u]);(0,i.useLayoutEffect)(()=>()=>{A.cancel()},[A]),(0,i.useLayoutEffect)(()=>{y&&x.current()},[y,t,n,o,s,l,a]);const v=(0,i.useCallback)(()=>{x.current()},[]),w=(0,i.useCallback)(()=>{f(O=>({...O,visibility:"hidden"}))},[]);return(0,i.useMemo)(()=>({arrowStyles:p,floatingStyles:h,hasComputedOnce:g,updateStyles:v,debouncedUpdateStyles:A,mutableUpdateStyles:x,resetVisibilityOnly:w}),[p,h,g,v,A,w])};class Yt{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 Xt=(e,t=()=>{})=>{i.useEffect(()=>{if(!!!window.IntersectionObserver||!e)return()=>{};const o=new Yt(t);return o.observe(e),()=>{o.disconnect()}},[e,t])},Ke=(e={})=>{const t=(0,q.b)(e,be);(0,$.D)(t,he,"FloatingContext");const{withoutPortal:n,withoutAnimation:o,portalDOMContainer:s,animationDuration:l,placement:a,customOffset:c,placementOrderPreference:u,onOpen:p,onClose:m,externallyControlledIsOpen:h}=t,[f,g]=i.useState(!1),S=(0,i.useMemo)(()=>h!==void 0?h:f,[h,f]),y=i.useCallback(()=>{g(!0),p?.()},[p]),b=i.useCallback(()=>{g(!1),m?.()},[m]),x=(0,me.E)({onOpen:y,onClose:b}),{setReferenceElement:A,referenceElement:v,hideTooltip:w,showTooltip:O}=x,[_,M]=i.useState(null),{arrowStyles:k,floatingStyles:D,hasComputedOnce:U,updateStyles:F,debouncedUpdateStyles:I,mutableUpdateStyles:C}=An({reference:v,floating:_,placement:a,placementOrderPreference:u,customOffset:c,withoutPortal:n,preventComputing:!S,debounceMs:150});(0,i.useEffect)(()=>{if(!S)return;const ye=[];if(_){const De=new ResizeObserver(()=>{C.current()});De.observe(_),ye.push(De)}return()=>ye.forEach(De=>De.disconnect())},[S,_,F,C]);const P=i.useCallback(()=>{S&&I()},[S,I]);Xt(v,P);const V=(0,i.useMemo)(()=>({...D,visibility:S&&U?"visible":"hidden"}),[D,U,S]),H=(0,i.useMemo)(()=>({setReference:A,setFloating:M,floating:_,reference:v}),[A,_,v]),Ue=(0,i.useMemo)(()=>({onMouseEnter:x.onMouseEnter,onMouseLeave:x.onMouseLeave,onFocus:x.onFocus,onBlur:x.onBlur}),[x.onBlur,x.onFocus,x.onMouseEnter,x.onMouseLeave]);return(0,i.useMemo)(()=>({refs:H,floatingStyles:V,handlers:Ue,isOpen:S,arrowStyles:k,hideTooltip:w,showTooltip:O,context:{withoutPortal:n,withoutAnimation:o,portalDOMContainer:s,animationDuration:l},mutableUpdateStyles:C,forceUpdatePosition:F}),[H,V,Ue,S,k,w,O,n,o,s,l,C,F])};Ke.displayName="FloatingContext";const te=(0,z.A)(Ke);te.propTypes=he;var ce=E("./node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js"),Q=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"),T=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),X=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/system.js"),ge=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/helpers.js");const pe="DSFloatingwrapper",fe={ROOT:"root",CONTENT:"content",ARROW:"arrow",ARROW_SHADOW:"arrow_shadow",ARROW_FILL:"arrow_fill"},qt={...(0,ge.lD)(pe,fe),ROOT:"ds-floating-wrapper-root",ARROW:"ds-tooltip-arrow"},it=(0,Q.i7)`
-    from {
-      opacity: 0;
-      transform: scale(0.8);
-    }
-
-    to {
-      opacity: 1;
-      transform: scale(1);
-      visibility: visible;
-    }
-`,Qe=(0,Q.i7)`
-    from {
-      opacity: 1;
-      transform: scale(1);
-    }
-
-    to {
-      opacity: 0;
-      transform: scale(0.8);
-      visibility: hidden;
-    }
-`,Et=(0,T.I)("div",{name:pe,slot:fe.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,X.AH)`
-      animation: ${e?it:Qe} ${t??100}ms ease-in;
-    `}
-`,Zt=(0,T.I)("div",{name:pe,slot:fe.ROOT})``;var ut=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propsPerSlot/getPropsPerSlotPropTypes.js"),xe=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js");const Jt={context:{withoutPortal:!1,animationDuration:300,withoutAnimation:!1},customOffset:[0,12]},ir={...(0,ut.Y)(pe,fe),...le.P,...xe.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")},qc=null,lr=e=>{const t=i.useMemo(()=>({...Jt,...e}),[e]),n=(0,L.d)(t),o=(0,W.u)(t),s=i.useMemo(()=>(0,ne.L)(5),[]);return i.useMemo(()=>({propsWithDefault:t,xstyledProps:n,instanceUid:s,globalsAttrs:o}),[t,n,s,o])},ar=()=>{const e=document.querySelector("main");return e||console.log(`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},Ro=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)(Zt,{innerRef:t,style:n,...c,"data-testid":"ds-floating-wrapper-root",...u,...p,children:(0,d.jsx)(Et,{onAnimationEnd:a,isOpen:o,animationDuration:s,withoutAnimation:l,...p,children:e})})),Qt=e=>{const{propsWithDefault:t,xstyledProps:n,globalsAttrs:o}=lr(e),{isOpen:s}=t,l=(0,K.j)(e),{context:a,onAnimationEnd:c,onAnimationStartTriggered:u,...p}=t,{portalDOMContainer:m,withoutPortal:h,withoutAnimation:f}=a,[g,S]=i.useState(!1);i.useEffect(()=>{s&&!f&&(S(!0),u?.())},[s,u,f]);const y=i.useCallback(b=>{S(!1),c&&c(b)},[c]);if(s||g){if(h===!0)return(0,d.jsx)(Ro,{xstyledProps:n,globalsAttrs:o,ownerPropsConfig:l,...p,...a,handleAnimationEnd:y});if(!h)return(0,d.jsx)(d.Fragment,{children:(0,ce.createPortal)((0,d.jsx)(Ro,{xstyledProps:n,globalsAttrs:o,ownerPropsConfig:l,...p,...a,handleAnimationEnd:y}),m||ar())})}return null};Qt.displayName=pe;const dr=(0,z.A)(Qt);dr.propTypes=ir;var Mt=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js");const cr=(0,T.I)("div",{name:ot,slot:dt.CONTAINER})`
-  position: relative;
-  cursor: ${({disabled:e})=>e?"not-allowed":"default"};
-  cursor: ${({applyAriaDisabled:e})=>e?"not-allowed":"default"};
-  min-width: 64px;
-  ${Mt.L1}
-`,ur=(0,T.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.57.7_@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"};var ko=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/mergeRefs.js");const pr=(0,T.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;"}
-`,mr=(0,T.I)("input",{name:ot,slot:dt.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;
-  }
-  transition: none;
-  ${({applyAriaDisabled:e})=>e&&"cursor: not-allowed; caret-color: transparent;"}
-`,hr=T.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.
-  }
-`,fr=T.I.span`
-  visibility: hidden;
-  position: absolute;
-  top: -9999px;
-  z-index: 1;
-`,br=(0,T.I)("div")`
-  position: relative;
-  align-items: center;
-  display: flex;
-  padding-right: 1px;
-  overflow: hidden;
-`,No=(0,T.I)("div")`
-  display: none;
-`,gr=()=>{const{props:{useMask:e,onFilter:t,allOptions:n,applyAriaDisabled:o},setMenuState:s,setInputValue:l,setFocusOptionIdx:a}=(0,i.useContext)(we),c=(0,i.useCallback)(m=>{o||(s(!0,"filter",m),t&&t(Ne(m.currentTarget.value,n),m.currentTarget.value),a(""),l(m.currentTarget.value))},[o,s,t,a,l,n]),u=(0,i.useCallback)((m,h)=>{s(!0,"filter",m),h&&t?t(Ne(h,n),h):!h&&t&&t(n,"")},[s,t,n]);return e({valueSetter:l,onChange:u})?.onChange||c},yr=2,xr=()=>{const{props:{selectedValues:e,allOptions:t,placeholder:n,onFilter:o,inline:s},setHasFocus:l,inputValue:a,setInputValue:c}=(0,i.useContext)(we),[u,p]=(0,i.useState)(1),m=(0,i.useRef)(null),h=!a&&(s||j(e))?n:null,f=(a||"").replace(/\s/g,"\xA0")||"";(0,i.useLayoutEffect)(()=>{const b=m.current;if(!b)return;const x=Math.ceil(b.offsetWidth)+yr;Math.abs(x-u)>=1&&p(x)},[f,u]);const g=gr(),S=(0,i.useCallback)(()=>{c(""),o&&o(t),l(!1)},[c,o,t,l]),y=(0,i.useCallback)(()=>l(!0),[l]);return(0,i.useMemo)(()=>({handleOnBlur:S,handleOnChange:g,handleOnFocus:y,showPlaceholder:h,spanReferenceText:f,width:u,spanReference:m}),[S,g,y,h,f,u])},vn=e=>!["section","separator"].includes(e.type),Sr=(e,t)=>e.label!==void 0&&e.label.toLowerCase().startsWith(t.toLowerCase()),Ir=()=>{const{props:{allOptions:e,isNonClearable:t,onCancel:n,disabled:o,onKeyDown:s,onChange:l,onCreate:a,onFilter:c,onSelectAll:u,inline:p,selectedValues:m,withoutPortal:h,onlySelectable:f,applyAriaDisabled:g,readOnly:S,isMenuOpenableWithReadOnly:y},inputValue:b,correctOptions:x,menuState:A,focusOptionIdx:v,listRef:w,setMenuState:O,setInputValue:_,scrollOptionIntoView:M,setFocusOptionIdx:k}=(0,i.useContext)(ae),D=Array.isArray(m),U=B(x),F=x.findIndex(P=>P.dsId===v),I=x.find(P=>P.dsId===v);return{onInputKeyDown:(0,i.useCallback)(P=>{if(!(g||S&&!y||o)){if(s&&I?.type===Ie.OPTION&&s(P,I),["ArrowDown","ArrowUp","Enter","Spacebar"].includes(P.key)&&!A&&O(!0,R.OPEN,P),P.key==="Escape"&&(n&&n(),b&&(c&&c(e,b),_("")),p||O(!1,R.CLOSE,P)),!S&&P.key==="Enter"&&I?.type===Tt.CREATABLE&&a){a(b),k(""),c&&c(e,""),_("");return}if(y&&P.key.length===1&&!P.ctrlKey&&!P.altKey&&!P.metaKey&&(A||O(!0,R.OPEN,P)),P.key==="Enter"||P.key===" "&&P.altKey||P.key==="Tab"&&!D&&!p){if(S||I?.applyAriaDisabled)return;P.key!=="Tab"&&P.preventDefault(),P.stopPropagation(),v!==""&&(A||p)&&I?.type===Ie.OPTION&&!I.disabled&&(c&&c(e,""),_(""),D||O(!1,R.SELECT_OPTION,P),l(Y(I,m,t),I,P))}if(P.key==="Enter"&&P.altKey&&O(!1,"selectOption",P),P.key==="a"&&P.ctrlKey&&D&&u&&u(x.filter(V=>V.type==="option"&&!V.disabled),P),P.key==="ArrowDown"&&(P.preventDefault(),P.stopPropagation(),(A||p)&&(U.length||a))){const V=Ce(x,F,vn);V>-1&&(k(x[V].dsId),M(x[V].dsId))}if(P.key==="ArrowUp"){if(P.preventDefault(),P.stopPropagation(),!U.length&&!a)return;const V=Ce(x,F===-1?0:F,vn,-1);if(V>-1)if(A||p)k(x[V].dsId),M(x[V].dsId);else{O(!0,R.OPEN,P);const H=Ce(x,0,vn,-1);k(x[H].dsId),setTimeout(()=>{M(x[H].dsId)})}}if(P.key==="Backspace"&&P.currentTarget.value.length<=0&&!p){if(S)return;const V=Ae(m);!P.currentTarget.value&&V&&!t&&!V.applyAriaDisabled&&l(Y(V,m),V,P)}if(P.key==="Tab"&&!p&&A&&O(!1,R.BLUR,P),f&&/^[a-zA-Z\d]$/.test(P.key)){A||O(!0,R.OPEN,P);const H=Ce(x,F,ye=>vn(ye)&&Sr(ye,P.key));if(!x[H])return;k(x[H].dsId),M(x[H].dsId)}}},[s,I,a,D,b,p,h,O,n,c,_,w,v,A,U.length,x,F,k,m,l,t])}},Ar=()=>{const{props:e,props:{autoFocus:t,inline:n,selectedValues:o,placeholder:s,disabled:l,innerRef:a,isLoading:c,onlySelectable:u,applyAriaDisabled:p,readOnly:m,...h},focusOptionIdx:f,hasFocus:g,internalRef:S,inputValue:y,setInputValue:b,menuState:x,instanceUid:A}=(0,i.useContext)(ae),{onInputKeyDown:v}=Ir(),{spanReference:w,width:O,spanReferenceText:_,showPlaceholder:M,handleOnBlur:k,handleOnChange:D,handleOnFocus:U}=xr(),{getOwnerProps:F,getOwnerPropsArguments:I}=(0,K.j)(e),{tabIndex:C,id:P,"aria-describedby":V,...H}=(0,W.u)(h,{onFocus:U,onBlur:k}),Ue=(0,i.useMemo)(()=>P?`${V??""} ${P}_current_placeholder ${P}_feedback_message ${P}_error_message`:V,[V,P]),ye=(0,i.useMemo)(()=>Te(o)?`options ${o.map(Re=>Re.label).join(", ")} selected. ${m?"Read only":""}`:typeof o?.label=="string"?`option ${o.label} selected. ${m?"Read only":""}`:m?`${s}. Read only`:s,[s,o,m]),De=(0,i.useMemo)(()=>{if(!c&&g&&x)return f},[f,g,c,x]),Bt=Re=>{Re.preventDefault(),b(Re.clipboardData.getData("text/plain")),S.current?.focus()};return(0,d.jsxs)(br,{children:[(0,d.jsx)(fr,{innerRef:w,children:_}),M&&(0,d.jsx)(hr,{"aria-hidden":"true",children:(0,d.jsx)(qn.n,{value:M})}),x===!1&&!n?(0,d.jsx)(No,{id:`combo-listbox-${A}`}):null,(0,d.jsx)(No,{id:`${P}_current_placeholder`,children:ye}),(0,d.jsx)(mr,{getOwnerProps:F,getOwnerPropsArguments:I,onBlur:k,onFocus:U,readOnly:m||u,...H,id:P,"data-testid":Fe.INPUT,autoFocus:t,placeholder:ye,"aria-activedescendant":De,"aria-expanded":x,"aria-controls":`combo-listbox-${A}`,"aria-describedby":Ue,"aria-autocomplete":"list",role:"combobox",disabled:l,applyAriaDisabled:p,style:{width:O},innerRef:(0,ko.Px)(a,S),value:y,type:"text",onKeyDown:v,onChange:D,tabIndex:C,withoutCaret:u,autoComplete:"off","aria-readonly":m}),(0,d.jsx)(pr,{type:"text",disabled:l||p,readOnly:m,name:"hidden",tabIndex:-1,onPaste:Bt,"aria-hidden":"true",isDisabled:l||p})]})};var jo=E("./node_modules/.pnpm/@elliemae+ds-button-v2@3.57.7_@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.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/ChevronSmallDown.js");const et="DSCombobox",tt={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",MULTI_MENU_ITEM:"multi-menu-item",LOADING_INDICATOR:"loading-indicator",SKELETON_MENU_ITEM:"skeleton-menu-item"},Zc={...(0,ge.lD)(et,tt),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"},vr=(0,T.I)(jo.e,{name:et,slot:tt.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"}
-`,Or=()=>{const{props:e,props:{disabled:t,applyAriaDisabled:n,readOnly:o,isMenuOpenableWithReadOnly:s},menuState:l,instanceUid:a}=(0,i.useContext)(we),{getOwnerProps:c,getOwnerPropsArguments:u}=(0,K.j)(e),p=(0,i.useCallback)(m=>{m.preventDefault()},[]);return(0,d.jsx)(vr,{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 ee=E("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),Lo=E("./node_modules/.pnpm/@elliemae+ds-button-v2@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-button-v2/dist/esm/parts/DSButtonV3/react-desc-prop-types.js");const en="DSMenubutton",nt={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"},wr=(0,ge.lD)(en,Jn),On={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"),...Lo.t,...Wo,...Qn,...(0,ut.Y)(en,Jn)},Tr=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===nt.ACTIVABLE_ITEM,Fo=e=>$e(e)&&e.plainItem?.type===nt.SKELETON_ITEM,no=e=>$e(e)&&e.plainItem?.type===nt.MULTIPLE_SELECT_ITEM,xt=e=>$e(e)&&e.plainItem?.type===nt.MULTIPLE_SELECT_WITH_SUBMENU_ITEM,Pt=e=>no(e)||xt(e),$o=e=>$e(e)&&e.plainItem?.type===nt.SINGLE_SELECT_ITEM,wn=e=>$e(e)&&e.plainItem?.type===nt.SINGLE_SELECT_WITH_SUBMENU_ITEM,Tn=e=>$o(e)||wn(e),tn=e=>Pt(e)||Tn(e),Jc=e=>e.flatten().filter(tn),En=e=>$e(e)&&e.plainItem?.type===nt.WITH_SUBMENU_ITEM,Vo=e=>wn(e)||xt(e),oo=e=>$e(e)&&e.plainItem?.type===nt.ACTIVABLE_WITH_SUBMENU_ITEM,lt=e=>En(e)||Vo(e)||oo(e),Qc=e=>e.flatten().filter(lt),Ct=e=>tn(e)||to(e)||lt(e)||Fo(e),Er=e=>e.flatten().filter(Ct),Mr=e=>$e(e)&&e.plainItem?.type===nt.SEPARATOR,_t=e=>$e(e)&&e.plainItem?.type===nt.GROUP,nn=e=>$e(e)&&e.plainItem?.type==="ROOT_ITEM",so=e=>nn(e)||lt(e)||_t(e)||wn(e)||xt(e)||oo(e);var Pr=E("./node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.js");class Mn{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 Mn(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,Pr.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 Cr{root;_hash;nodes;getUniqueId;constructor(t,n){this.getUniqueId=n.getUniqueId,this.root=new Mn(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 Mn(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 Bo={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.")},_r={rootItem:r.A.shape({...Bo,subitems:r.A.arrayOf(r.A.shape(Bo)).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},Dr={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 Cr(e,t),[t,e]),[o,s]=(0,i.useState)(n.hash),l=(0,i.useCallback)((p,m)=>{const h=(f,g)=>{m?.callback?.(f,g),s(g.hash)};return n.addNode(p,{...m,callback:h})},[n]),a=(0,i.useCallback)((p,m)=>{const h=(f,g)=>{m?.callback?.(f,g),s(g.hash)};return n.removeNode(p,{...m,callback:h})},[n]),c=(0,i.useCallback)((p,m)=>{const h=(f,g)=>{m?.callback?.(f,g),s(g.hash)};return n.moveNode(p,{...m,callback:h})},[n]),u=(0,i.useCallback)((p,m,h)=>{const f=(g,S)=>{h?.callback?.(g,S),s(S.hash)};return n.replaceNode(p,m,{...h,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 Uo=(0,z.A)(ro);Uo.propTypes=_r,Uo.returnType=Dr;const Rr={getUniqueId:e=>e.dsId},kr=({options:e,instanceUid:t,propsWithDefault:n})=>{const{maxHeight:o}=n||On,s=i.useMemo(()=>({dsId:`root-${t}`,type:"ROOT_ITEM",subitems:e,maxHeight:o}),[t,o,e]);return ro(s,Rr)},Ho=(e,t)=>{typeof e=="function"&&e(t),"current"in e&&(e.current=t)},Nr=(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(!tn(a)){console.warn(`Selected option with dsId ${l} is not a selectionable node and will be ignored.`);return}n.push(a)}),n},jr=({propsWithDefault:e,focusableNodes:t,treeRootNode:n})=>{const o=i.useRef(null),{options:s,onClickOutside:l,onOptionClick:a,openedSubmenus:c,onSubmenuToggle:u,isLoading:p,isSkeleton:m,ItemRenderer:h,innerRef:f,selectedItems:g,onDisplayedSubmenuChange:S,onItemSelected:y,onActivateItem:b,onOpen:x,onClose:A,maxHeight:v,...w}=e,O=i.useCallback(k=>{o.current=k,f&&Ho(f,k)},[f]),_=i.useMemo(()=>g?Nr(g,n):[],[g,n]),M=i.useMemo(()=>({options:s,onClickOutside:l,onOptionClick:a,openedSubmenus:c,onSubmenuToggle:u,isLoading:p,isSkeleton:m,ItemRenderer:h}),[s,l,a,c,u,p,m,h]);return i.useMemo(()=>({menuBehaviouralLayerProps:{buttonDOMNodeRef:o,selectedNodes:_,focusableNodes:t,optionsTree:n,onDisplayedSubmenuChange:S,onItemSelected:y,onActivateItem:b,onOpen:x,onClose:A},opinionatedButtonProps:{...w,innerRef:O,menuSpecificProps:M}}),[_,t,n,S,y,b,x,A,w,O,M])},Lr=(e,t)=>{(0,$.D)(e,t,en)},Wr=e=>{const t=(0,q.b)(e,On);Lr(t,eo);const n=(0,L.d)(t),o=i.useMemo(()=>`menu-button${(0,ne.L)(5)}`,[]),{options:s}=t,l=Array.isArray(s)?s:[],a=kr({options:l,instanceUid:o,propsWithDefault:t}).getRoot(),c=i.useMemo(()=>Array.isArray(s)?a:s,[s,a]),u=i.useMemo(()=>Er(c),[c]),p=jr({propsWithDefault:t,focusableNodes:u,treeRootNode:c});return i.useMemo(()=>({propsWithDefault:t,xstyledProps:n,instanceUid:o,...p}),[t,n,o,p])};var Fr=E("./node_modules/.pnpm/@elliemae+ds-button-v2@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-button-v2/dist/esm/parts/DSButtonV3/DSButtonV3.js"),$r=E("./node_modules/.pnpm/@elliemae+ds-button-v2@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-button-v2/dist/esm/parts/SharedButtonBaseline/react-desc-prop-types.js");const on="DSOpinionatedbutton",eu={},io={ROOT:"root"},tu=(0,ge.lD)(on,io),Vr={...$r.G},zo={...(0,ut.Y)(on,io),...Lo.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},Br={},Ve=(0,i.createContext)(Br);var ou=null;const Go="DSMenubehaviouralcontextprovider",oe={TRIGGER:"trigger",ITEM_BY_DSID:e=>`item-${e}`,RESET:""},Ur=({propsWithDefault:e,floatingContext:t})=>{const{focusRegion:n,isMenuOpen:o,onOpinionatedOpen:s,onOpinionatedClose:l,trackFocusTrigger:a,shouldFocusImmediately:c}=i.useContext(Ve),{onClick:u,onFocus:p,innerRef:m,onKeyDown:h}=e,{refs:{setReference:f}}=t,g=i.useRef(n),S=n===oe.TRIGGER&&g.current!==n;g.current=n;const y=i.useRef(o);y.current=o;const b=i.useCallback((w,...O)=>{u&&u(w,...O),y.current?l():s()},[u,l,s]),x=i.useCallback((w,...O)=>{g.current!==oe.TRIGGER&&a(),p&&p(w,...O)},[p,a]),A=i.useCallback(w=>{S&&w&&(c.current?w.focus():requestAnimationFrame(()=>{w.focus()})),f(w),m&&Ho(m,w)},[m,S,f,c]),v=i.useCallback((w,...O)=>{w.key==="ArrowDown"&&s(),w.key==="ArrowUp"&&s({focusLastChild:!0}),w.key==="Escape"&&l(),h&&h(w,...O)},[h,s,l]);return i.useMemo(()=>({handleTriggerKeyDown:v,handleOnClick:b,handleOnFocus:x,handleFocusIfTriggerIsFocusRegion:A}),[A,b,x,v])},Hr=(e,t)=>{(0,$.D)(e,t,on)},Ko=["bottom-start","bottom-end","bottom","right-start","right-start","right","left-start","left-end","left","top-start","top-end","top"],zr=(e,t)=>{const n=i.useMemo(()=>({...Vr,...e}),[e]);Hr(n,zo);const o=i.useMemo(()=>`ds-opinionated-button-${(0,ne.L)(5)}`,[]),s=Ke({placement:Ko[0],placementOrderPreference:Ko,animationDuration:100,customOffset:[0,0],externallyControlledIsOpen:t.isMenuOpen}),l=Ur({propsWithDefault:n,floatingContext:s});return i.useMemo(()=>({propsWithDefault:n,instanceUid:o,eventsHandlers:l,floatingContext:s}),[n,o,l,s])},ue="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,X.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,X.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,T.I)("li",{name:ue,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()}
-  }
-
-  ${Mt.L1}
-`,Ye=(0,T.I)("span",{name:ue,slot:Be.MENU_ITEM_LABEL})`
-  padding: 8px 0;
-  font-size: 1rem;
-`,Xe=(0,T.I)("span",{name:ue,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;
-`,Yo=(0,T.I)("div",{name:ue,slot:Be.MENU_ITEM_ICON})`
-  width: 25px;
-  height: 24px;
-  display: grid;
-  grid-template-columns: min-content auto;
-  place-items: center;
-`,Xo=(0,T.I)("div",{name:ue,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()}
-  }
-`,Gr=(0,T.I)("div",{name:ue,slot:Be.MENU_ITEM_CONTENT})`
-  display: flex;
-  width: 100%;
-  margin: 8px 0px;
-`,qo=(0,T.I)("hr",{name:ue,slot:Be.MENU_ITEM_SEPARATOR})`
-  border: 0;
-  border-top: 1px solid #697489;
-  margin: 4px 0px;
-  padding: 0;
-`,Zo=(0,T.I)("li",{name:ue,slot:Be.MENU_ITEM_SEPARATOR_WRAPPER})`
-  list-style: none;
-  padding: 0px 16px;
-
-  ${Mt.L1}
-`,Jo=(0,T.I)("span",{name:ue,slot:Be.MENU_ITEM_GROUP_LABEL})`
-  font-size: 1rem;
-  color: neutral-500;
-`,Kr=(0,T.I)("li",{name:ue,slot:Be.MENU_ITEM_SECTION_WRAPPER})`
-  list-style: none;
-  padding: 0px 16px;
-  min-height: 24px;
-  display: flex;
-  align-items: center;
-
-  ${Mt.L1}
-`,Qo=(0,T.I)("div",{name:ue,slot:Be.MENU_ITEM_VERTICAL_SEPARATOR})`
-  width: 1px;
-  height: 18px;
-  background-color: neutral-300;
-`,_e=(0,T.I)(ee.Ay,{name:ue,slot:Be.MENU_ITEM_CONTENT_WRAPPER})``;var es=E("./node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/throttle.js");const pt=(0,es.A)(e=>{e.focus()},10,{leading:!1,trailing:!0}),Yr=({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:m,handleFocusableMenuItemOnMouseEnter:h,handleFocusableMenuItemNativeFocusEvent:f}}=i.useContext(Ve),g=i.useMemo(()=>{const w=l?["min-content","auto"]:["auto"];return s&&w.push("auto"),w},[l,s]),S=i.useRef(u);S.current=u;const y=u===oe.ITEM_BY_DSID(t),b=i.useCallback(w=>{w&&u===oe.ITEM_BY_DSID(t)&&pt(w)},[t,u]),x=i.useCallback(()=>{h(e)},[h,e]),A=i.useCallback(w=>{f(e,w)},[f,e]),v=`ds-menu-item-${`${t}`.replace(/\s/g,"")}`;return(0,d.jsx)(Ee,{innerRef:b,onKeyDown:p,onClick:m,onMouseEnter:x,onFocus:A,as:"div",id:`${v}`,role:"menuitem",tabIndex:y?0:-1,"aria-disabled":c,applyAriaDisabled:c,children:(0,d.jsxs)(_e,{cols:g,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})]})})},ts=["right-start","right-start","right","left-start","left-end","left"],Xr=({itemNode:e,FlyoutMenuCircularDepInject:t})=>{const{dsId:n,plainItem:o}=e,{label:s,secondaryLabel:l,leftDecoration:a,minWidth:c,disabled:u}=o,{focusRegion:p,openedSubItems:m,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:h,handleFocusableMenuItemClick:f,handleFocusableMenuItemOnMouseEnter:g,handleFocusableMenuItemNativeFocusEvent:S}}=i.useContext(Ve),y=i.useMemo(()=>{const D=a?["min-content","auto"]:["auto"];return l&&D.push("auto"),D},[a,l]),b=i.useRef(p);b.current=p;const x=m.some(D=>D.dsId===n),A=p===oe.ITEM_BY_DSID(n),v=Ke({placement:ts[0],placementOrderPreference:ts,animationDuration:100,customOffset:[0,0],externallyControlledIsOpen:x}),{refs:{setReference:w}}=v,O=i.useCallback(D=>{w(D),D&&p===oe.ITEM_BY_DSID(n)&&pt(D)},[n,p,w]),_=i.useCallback(()=>{g(e)},[g,e]),M=i.useCallback(D=>{S(e,D)},[S,e]),k=`ds-menu-item-${`${n}`.replace(/\s/g,"")}`;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ee,{innerRef:O,onKeyDown:h,onClick:f,onMouseEnter:_,onFocus:M,as:"div",id:`${k}`,tabIndex:A?0:-1,role:"menuitem","aria-controls":x?e.plainChildren.map(D=>`ds-menu-item-${`${D.dsId}`.replace(/\s/g,"")}`).join(" "):void 0,"aria-haspopup":"menu","aria-expanded":x,"aria-disabled":u,applyAriaDisabled:u,children:(0,d.jsxs)(_e,{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:x,floatingContext:v.context,floatingStyles:v.floatingStyles,setFloatingRef:v.refs.setFloating,itemNode:e})]})};var Pn=E("./node_modules/.pnpm/@elliemae+ds-icons@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/createIcon.js"),Cn=(0,Pn.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 qr=i.memo(({isSelected:e})=>(0,d.jsx)(ee.Ay,{width:"16px",children:e?(0,d.jsx)(Cn,{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:m,handleFocusableMenuItemClick:h,handleFocusableMenuItemOnMouseEnter:f,handleFocusableMenuItemNativeFocusEvent:g}}=i.useContext(Ve),{selectedNodes:S}=p,y=i.useMemo(()=>{const M=l?["min-content","min-content","auto"]:["min-content","auto"];return s&&M.push("auto"),M},[l,s]),b=i.useRef(u);b.current=u;const x=u===oe.ITEM_BY_DSID(t),A=S.some(M=>M.dsId===t),v=i.useCallback(M=>{M&&u===oe.ITEM_BY_DSID(t)&&pt(M)},[t,u]),w=i.useCallback(()=>{f(e)},[f,e]),O=i.useCallback(M=>{g(e,M)},[g,e]),_=`ds-menu-item-${`${t}`.replace(/\s/g,"")}`;return(0,d.jsx)(Ee,{innerRef:v,onKeyDown:m,onClick:h,onMouseEnter:w,onFocus:O,as:"div",id:`${_}`,tabIndex:x?0:-1,role:"menuitemcheckbox","aria-checked":A,"aria-disabled":c,applyAriaDisabled:c,children:(0,d.jsxs)(_e,{cols:y,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:a??void 0,children:[(0,d.jsx)(qr,{isSelected:A}),l?(0,d.jsx)(l,{}):null,(0,d.jsx)(Ye,{children:o}),s!==void 0&&(0,d.jsx)(Xe,{disabled:c,children:s})]})})};var Jr=(0,Pn.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,Pn.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 _n={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")},Dt={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")},sn=e=>{const t=[];return e.walkParents(n=>(n.dsId===e.dsId||lt(n)&&t.push(n),!0)),t.reverse()},Dn=e=>{const{parent:t}=e;if(!t)throw console.log("getFocusableSiblingsList > itemNode",e),Dt.NODE_WITHOUT_PARENT;if(!so(t))throw console.log("parentNode",t),console.log("itemNode",e),_n.NODE_CANNOT_HAVE_CHILDREN;const n=[];let o=t;if(_t(t)){if(!t.parent)throw _n.GROUP_WITHOUT_PARENT;o=t.parent}return o.children.forEach(s=>{Ct(s)&&n.push(s),_t(s)&&s.children.forEach(l=>{Ct(l)&&n.push(l)})}),n},Qr=e=>{const t=[];return e.walk(n=>(Tn(n)&&t.push(n.dsId),!0)),t},ei=e=>{let t;const n=[],o=[];if(e.walkParents(s=>{if(s.dsId===e.dsId)return!0;const l=s;return _t(l)?(t=l,o.push(t),!0):(Vo(l)&&n.push(l),!0)}),!t)throw console.log("node:",e),console.log("parent:",e.parent),_n.PARENT_NOT_GROUP;return{oldestGroup:t,selectionableParentsWithSubmenu:n,groupParents:o}},ti=e=>{const t=[],n=[];return e.walk(o=>{if(o.dsId===e.dsId)return!0;const s=o;return tn(s)&&(t.push(s),Pt(s)&&n.push(s)),!0}),{selectionableChilrens:t,multiSelectionableChilrens:n}},Rn=({itemNode:e,selectedNodes:t})=>{if(t.length===0)return!1;const{multiSelectionableChilrens:n}=ti(e),o=[];let s=!1;return t.forEach(l=>{l.dsId===e.dsId&&(s=!0),Pt(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},ni=(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 xt(u)&&(o.find(m=>m.dsId===u.dsId)?(l.push(u),Rn({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},oi=(e,t)=>{const o=Rn({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:m})=>m!==p.dsId):Pt(p)&&!s.find(m=>m.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 xt(p)&&(s.find(h=>h.dsId===p.dsId)?(a.push(p),Rn({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},ns=(e,t)=>{if(no(t))return ni(e,t);if(xt(t))return oi(e,t);throw console.log(t),Dt.CALCULATING_MULTI_SELECTION_OF_NON_MULTI_SELECTION_NODE},os=["right-start","right-start","right","left-start","left-end","left"],si=i.memo(({isSelected:e})=>(0,d.jsx)(ee.Ay,{width:"16px",children:e?e==="mixed"?(0,d.jsx)(Jr,{size:"s",color:["brand-primary","600"]}):(0,d.jsx)(Cn,{size:"s",color:["brand-primary","600"]}):(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:m,openedSubItems:h,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:f,handleFocusableMenuItemClick:g,handleFocusableMenuItemOnMouseEnter:S,handleFocusableMenuItemNativeFocusEvent:y}}=i.useContext(Ve),{selectedNodes:b}=m,x=i.useMemo(()=>{const I=a?["min-content","min-content","auto"]:["min-content","auto"];return l&&I.push("auto"),I.push("min-content"),I},[a,l]),A=i.useRef(p);A.current=p;const v=h.some(I=>I.dsId===n),w=p===oe.ITEM_BY_DSID(n),O=i.useMemo(()=>Rn({itemNode:e,selectedNodes:b}),[e,b]),_=Ke({placement:os[0],placementOrderPreference:os,animationDuration:100,customOffset:[0,0],externallyControlledIsOpen:v}),{refs:{setReference:M}}=_,k=i.useCallback(I=>{M(I),I&&p===oe.ITEM_BY_DSID(n)&&pt(I)},[n,p,M]),D=i.useCallback(()=>{S(e)},[S,e]),U=i.useCallback(I=>{y(e,I)},[y,e]),F=`ds-menu-item-${`${n}`.replace(/\s/g,"")}`;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ee,{innerRef:k,onKeyDown:f,onClick:g,onMouseEnter:D,onFocus:U,as:"div",id:`${F}`,tabIndex:w?0:-1,role:"menuitemcheckbox","aria-checked":O,"aria-controls":v?e.plainChildren.map(I=>`ds-menu-item-${`${I.dsId}`.replace(/\s/g,"")}`).join(" "):void 0,"aria-haspopup":"menu","aria-expanded":v,"aria-disabled":u,applyAriaDisabled:u,children:(0,d.jsxs)(_e,{cols:x,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:c??void 0,children:[(0,d.jsx)(si,{isSelected:O}),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:v,floatingContext:_.context,floatingStyles:_.floatingStyles,setFloatingRef:_.refs.setFloating,itemNode:e})]})},ii=(0,T.I)("div")`
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background-color: #005ea2;
-`,li=i.memo(({isSelected:e})=>(0,d.jsx)(ee.Ay,{width:"16px",children:e?(0,d.jsx)(ii,{}):(0,d.jsx)("div",{})})),ai=({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:m,handleFocusableMenuItemClick:h,handleFocusableMenuItemOnMouseEnter:f,handleFocusableMenuItemNativeFocusEvent:g}}=i.useContext(Ve),{selectedNodes:S}=p,y=i.useMemo(()=>{const M=l?["min-content","min-content","auto"]:["min-content","auto"];return s&&M.push("auto"),M},[l,s]),b=i.useRef(u);b.current=u;const x=u===oe.ITEM_BY_DSID(t),A=S.some(M=>M.dsId===t),v=i.useCallback(M=>{M&&u===oe.ITEM_BY_DSID(t)&&pt(M)},[t,u]),w=i.useCallback(()=>{f(e)},[f,e]),O=i.useCallback(M=>{g(e,M)},[g,e]),_=`ds-menu-item-${`${t}`.replace(/\s/g,"")}`;return(0,d.jsx)(Ee,{innerRef:v,onKeyDown:m,onClick:h,onMouseEnter:w,onFocus:O,as:"div",id:`${_}`,tabIndex:x?0:-1,role:"menuitemradio","aria-checked":A,"aria-disabled":c,applyAriaDisabled:c,children:(0,d.jsxs)(_e,{cols:y,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:a??void 0,children:[(0,d.jsx)(li,{isSelected:A}),l?(0,d.jsx)(l,{}):null,(0,d.jsx)(Ye,{children:o}),s!==void 0&&(0,d.jsx)(Xe,{disabled:c,children:s})]})})},ss=["right-start","right-start","right","left-start","left-end","left"],di=(0,T.I)("div")`
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background-color: #005ea2;
-`,ci=i.memo(({isSelected:e})=>(0,d.jsx)(ee.Ay,{width:"16px",children:e?(0,d.jsx)(di,{}):(0,d.jsx)("div",{})})),ui=({itemNode:e,FlyoutMenuCircularDepInject:t})=>{const{dsId:n,plainItem:o}=e,{label:s,secondaryLabel:l,leftDecoration:a,minWidth:c,disabled:u}=o,{focusRegion:p,propsWithDefault:m,openedSubItems:h,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:f,handleFocusableMenuItemClick:g,handleFocusableMenuItemOnMouseEnter:S,handleFocusableMenuItemNativeFocusEvent:y}}=i.useContext(Ve),{selectedNodes:b}=m,x=i.useMemo(()=>{const I=a?["min-content","min-content","auto"]:["min-content","auto"];return l&&I.push("auto"),I.push("min-content"),I},[a,l]),A=i.useRef(p);A.current=p;const v=h.some(I=>I.dsId===n),w=p===oe.ITEM_BY_DSID(n),O=b.some(I=>I.dsId===n),_=Ke({placement:ss[0],placementOrderPreference:ss,animationDuration:100,customOffset:[0,0],externallyControlledIsOpen:v}),{refs:{setReference:M}}=_,k=i.useCallback(I=>{M(I),I&&p===oe.ITEM_BY_DSID(n)&&pt(I)},[n,p,M]),D=i.useCallback(()=>{S(e)},[S,e]),U=i.useCallback(I=>{y(e,I)},[y,e]),F=`ds-menu-item-${`${n}`.replace(/\s/g,"")}`;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ee,{innerRef:k,onKeyDown:f,onClick:g,onMouseEnter:D,onFocus:U,as:"div",id:`${F}`,tabIndex:w?0:-1,role:"menuitemradio","aria-checked":O,"aria-controls":v?e.plainChildren.map(I=>`ds-menu-item-${`${I.dsId}`.replace(/\s/g,"")}`).join(" "):void 0,"aria-haspopup":"menu","aria-expanded":v,"aria-disabled":u,applyAriaDisabled:u,children:(0,d.jsxs)(_e,{cols:x,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:c??void 0,children:[(0,d.jsx)(ci,{isSelected:O}),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:v,floatingContext:_.context,floatingStyles:_.floatingStyles,setFloatingRef:_.refs.setFloating,itemNode:e})]})};var rs=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/th.js");const is="DSSkeleton",pi={ROOT:"root"},mi=(0,Q.i7)`
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-`,hi=(0,X.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';
-  }
-`,fi=(0,X.AH)`
-  border-radius: 50%;
-`,bi=(0,X.AH)`
-  & > * {
-    visibility: hidden;
-  }
-
-  ${({w:e})=>e?"":"width: fit-content;"}
-  ${({h:e})=>e?"":"height: auto;"}
-`,gi=(0,T.I)("div",{name:is,slot:pi.ROOT})`
-  display: block;
-  height: 20px;
-  background-color: ${rs.th.color("neutral-400")}2f;
-  ${e=>e.variant==="circular"?fi:e.variant==="text"?hi:""}
-  ${e=>e.withChildren?bi:""}
-  
-  animation: ${mi} 1.5s ease-in-out 0.5s infinite;
-  ${Mt.L1}
-`,yi={variant:"text"},ls={...le.P,...xe.w,variant:r.A.oneOf(["circular","rectangular","text"]).description("Variant for the skeleton").defaultValue("text")},xi=e=>{const t=(0,q.b)(e,yi);(0,$.D)(e,ls,is);const n=(0,W.u)(t),o=(0,L.d)(t);return{propsWithDefault:t,globalAttributes:n,xstyledProps:o,withChildren:!!t.children}},Rt=e=>{const{propsWithDefault:{variant:t},withChildren:n,xstyledProps:o,globalAttributes:s}=xi(e);return(0,d.jsx)(gi,{...s,...o,variant:t,withChildren:n,as:"span"})};Rt.displayName="DSSkeleton";const Si=(0,z.A)(Rt);Si.propTypes=ls;const as="16px",Ii=[as,"1fr"],Ai=({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===oe.ITEM_BY_DSID(t),m=i.useCallback(b=>{b&&s===oe.ITEM_BY_DSID(t)&&pt(b)},[t,s]),h=i.useCallback(()=>{a(e)},[a,e]),f=i.useCallback(b=>{c(e,b)},[c,e]),g=`ds-menu-item-${`${t}`.replace(/\s/g,"")}`,S=16+8,y=o?`calc(${o} - ${S})`:`${150-S}px`;return(0,d.jsx)(Ee,{innerRef:m,onKeyDown:l,onMouseEnter:h,onFocus:f,as:"div",id:`${g}`,role:"menuitem",tabIndex:p?0:-1,children:(0,d.jsxs)(_e,{cols:Ii,minHeight:"16px",gutter:"xxs",alignItems:"center",minWidth:o??"150px",children:[(0,d.jsx)(Rt,{variant:"rectangular",width:as}),(0,d.jsx)(Rt,{variant:"rectangular",width:y})]})})},ds=["right-start","right-start","right","left-start","left-end","left"],vi=({itemNode:e,FlyoutMenuCircularDepInject:t})=>{const{dsId:n,plainItem:o}=e,{label:s,secondaryLabel:l,leftDecoration:a,minWidth:c,disabled:u}=o,{focusRegion:p,openedSubItems:m,menuItemEventsHandlers:{handleFocusableMenuItemKeyDown:h,handleFocusableMenuItemClick:f,handleFocusableMenuItemOnMouseEnter:g,handleFocusableMenuItemNativeFocusEvent:S}}=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]),b=i.useRef(p);b.current=p;const x=p===oe.ITEM_BY_DSID(n),A=m.some(D=>D.dsId===n),v=Ke({placement:ds[0],placementOrderPreference:ds,animationDuration:100,customOffset:[0,0],externallyControlledIsOpen:A}),{refs:{setReference:w}}=v,O=i.useCallback(D=>{w(D),D&&p===oe.ITEM_BY_DSID(n)&&pt(D)},[n,p,w]),_=i.useCallback(()=>{g(e)},[g,e]),M=i.useCallback(D=>{S(e,D)},[S,e]),k=`ds-menu-item-${`${n}`.replace(/\s/g,"")}`;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Ee,{innerRef:O,onKeyDown:h,onClick:f,onMouseEnter:_,onFocus:M,as:"div",id:`${k}`,tabIndex:x?0:-1,role:"menuitem","aria-haspopup":"menu","aria-expanded":A,"aria-controls":A?e.plainChildren.map(D=>`ds-menu-item-${`${D.dsId}`.replace(/\s/g,"")}`).join(" "):void 0,"aria-disabled":u,applyAriaDisabled:u,children:(0,d.jsxs)(_e,{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:A,floatingContext:v.context,floatingStyles:v.floatingStyles,setFloatingRef:v.refs.setFloating,itemNode:e})]})},kt="DSMenuitemrendererfactory",su={},kn={ROOT:"root",GROUP_LABEL_WRAPPER:"group-label-wrapper",LABEL_WITH_LEFT_DEC_WRAPPER:"group-label-wrapper"},ru=(0,ge.lD)(kt,kn),Oi={},cs={...(0,ut.Y)(kt,kn),...le.P,...xe.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")},wi=(e,t)=>{(0,$.D)(e,t,kt)},Ti=e=>{const t=i.useMemo(()=>({...Oi,...e}),[e]);wi(t,cs);const n=(0,L.d)(t),o=i.useMemo(()=>`ds-menu-item-renderer-factory-${(0,ne.L)(5)}`,[]);return i.useMemo(()=>({propsWithDefault:t,xstyledProps:n,instanceUid:o}),[t,n,o])},Ei=(0,T.I)(ee.Ay,{name:kt,slot:kn.GROUP_LABEL_WRAPPER})`
-  padding: ${({theme:e})=>e.space.xxxs} ${({theme:e})=>e.space.xs};
-`,Mi=(0,T.I)(ee.Ay,{name:kt,slot:kn.LABEL_WITH_LEFT_DEC_WRAPPER})`
-  padding-left: ${({theme:e})=>e.space.xxs};
-`,Nn=e=>{const{propsWithDefault:t,instanceUid:n}=Ti(e),{itemNode:o,ItemRenderer:s,FlyoutMenuCircularDepInject:l}=t;if(s)return(0,d.jsx)(s,{itemNode:o});if(Mr(o))return(0,d.jsx)(Zo,{as:"div",role:"presentation",children:(0,d.jsx)(qo,{})});if(Fo(o))return(0,d.jsx)(Ai,{itemNode:o});if(to(o))return(0,d.jsx)(Yr,{itemNode:o});if(no(o))return(0,d.jsx)(Zr,{itemNode:o});if($o(o))return(0,d.jsx)(ai,{itemNode:o});if(En(o))return(0,d.jsx)(vi,{itemNode:o,FlyoutMenuCircularDepInject:l});if(wn(o))return(0,d.jsx)(ui,{itemNode:o,FlyoutMenuCircularDepInject:l});if(xt(o))return(0,d.jsx)(ri,{itemNode:o,FlyoutMenuCircularDepInject:l});if(oo(o))return(0,d.jsx)(Xr,{itemNode:o,FlyoutMenuCircularDepInject:l});if(_t(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)(Ei,{cols:a?["min-content","1fr"]:["1fr"],children:[a?(0,d.jsx)(a,{}):null,(0,d.jsx)(Jo,{role:"presentation",id:p,children:a?(0,d.jsx)(Mi,{children:c}):c})]}):null,o.children.map(m=>(0,d.jsx)(Nn,{itemNode:m,FlyoutMenuCircularDepInject:l},`item-factory-${m.dsId}-${n}`))]})}throw new Error(`Invalid item type: ${JSON.stringify(o)}`)};Nn.displayName=kt;const Pi=(0,z.A)(Nn);Pi.propTypes=cs;const Nt="DSFlyoutmenu",lu={},jn={ROOT:"root",LIST_WRAPPER:"list-wrapper"},au=(0,ge.lD)(Nt,jn),Ci={...On},us={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,ut.Y)(Nt,jn),...le.P,...Qn,...xe.w},_i=(e,t)=>{(0,$.D)(e,t,Nt)},Di=e=>{const t=i.useMemo(()=>({...Ci,...e}),[e]);_i(t,us);const n=(0,L.d)(t),o=i.useMemo(()=>`ds-flyout-menu-${(0,ne.L)(5)}`,[]);return i.useMemo(()=>({propsWithDefault:t,xstyledProps:n,instanceUid:o}),[t,n,o])},Ri=(0,T.I)(ee.Ay,{name:Nt,slot:jn.ROOT})`
-  min-width: 1px;
-  background-color: white;
-  padding: ${({theme:e})=>e.space.xxxs} 0;
-  ${Mt.L1}
-`,ki=(0,T.I)("div",{name:Nt,slot:jn.LIST_WRAPPER})`
-  max-height: ${({$maxHeight:e})=>typeof e=="number"?`${e}px`:e};
-  overflow-y: auto;
-  padding: 0;
-  margin: 0;
-`,Ni=()=>null,Ln=e=>{const{propsWithDefault:t,xstyledProps:n}=Di(e),{instanceUid:o,globalEventsHelpers:{mainMenuRef:s,handleSubmenusRefChange:l}}=i.useContext(Ve),[a,c]=i.useState(!1),{setFloatingRef:u,floatingStyles:p,floatingContext:m,ItemRenderer:h,isMenuOpen:f,itemNode:g}=t,S=i.useCallback(x=>{if(nn(g)){s.current=x;return}l(x,g.dsId)},[l,g,s]),y=i.useCallback(()=>{c(!1)},[]),b=i.useCallback(()=>{c(!0)},[]);return(0,d.jsx)(Qt,{innerRef:u,floatingStyles:p,isOpen:f,context:m,onAnimationStartTriggered:y,onAnimationEnd:b,children:(0,d.jsx)(Ri,{getOwnerProps:()=>t,getOwnerPropsArguments:()=>({}),...n,children:(0,d.jsx)(ki,{role:"menu",innerRef:S,$maxHeight:g.plainItem.maxHeight??On.maxHeight,children:g.children.map(x=>(0,d.jsx)(Nn,{itemNode:x,ItemRenderer:h,FlyoutMenuCircularDepInject:a?Ln:Ni},`flyout-menu-item-${x.dsId}-${o}`))})})})};Ln.displayName=Nt;const ji=(0,z.A)(Ln);ji.propTypes=us;const Li=(0,T.I)(Fr.l,{name:on,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:m},floatingContext:h}=zr(e,t);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Li,{...a,onClick:c,onFocus:u,onKeyDown:m,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:h.context,floatingStyles:h.floatingStyles,setFloatingRef:h.refs.setFloating,itemNode:o})]})};po.displayName=on;const Wi=(0,z.A)(po);Wi.propTypes=zo;const Fi={onBlur:r.A.func.description("The function to be invoked when focus exits the wrapping container").signature("((e: React.FocusEvent, ...args: unknown[]) => void)").isRequired},ps=({onBlur:e})=>(0,i.useCallback)((t,...n)=>{const{currentTarget:o}=t;requestAnimationFrame(()=>{o.contains(document.activeElement)||e(t,...n)})},[e]),ms=(0,z.A)(ps);ms.propTypes=Fi,ms.returnType=r.A.func.description("On blur event callback for input").signature("((e: React.FocusEvent, ...args: unknown[]) => void)");const $i={},hs={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},Vi=({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,m=!1;if(l.forEach(h=>{const{dsId:f}=h;Array.isArray(a[f])?(a[f].push(h),m=!0,c[f]=a[f]):a[f]=[h],to(h)&&(u=!0),tn(h)&&(p=!0)}),m)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])},Bi=()=>{const e=i.useRef(!1),[t,n]=i.useState(""),o=i.useRef(""),s=i.useRef(!1),l=i.useRef(null),a=i.useCallback((0,es.A)((y,b,x)=>(n(y),o.current=y,l.current=b,e.current=x?.shouldFocusImmediately??!1,b),50,{leading:!0,trailing:!0}),[]),c=i.useCallback((y={shouldFocusImmediately:!1})=>a(oe.TRIGGER,null,y),[a]),u=i.useCallback(y=>{const b=oe.ITEM_BY_DSID(y.dsId);a(b,y)},[a]),p=i.useCallback(()=>a(oe.RESET,null),[a]),m=i.useCallback(y=>{if(!so(y))throw console.log("focus first child item > itemNode",y),_n.NODE_CANNOT_HAVE_CHILDREN;if(y.children.length===0)throw console.log(y),new Error("No children found in the item node");const b=Dn(y.children[0]);if(b.length===0)throw console.log("focus first child item > itemNode",y),new Error("No focusable nodes found in the children of the item node");const x=b[0];return a(oe.ITEM_BY_DSID(x.dsId),x)},[a]),h=i.useCallback(y=>{if(!so(y))throw console.log("focus last child item > itemNode",y),new Error("Item node is not allowed to have children");if(y.children.length===0)throw console.log(y),new Error("No children found in the item node");const b=Dn(y.children[0]);if(b.length===0)throw console.log("focus last child item > itemNode",y),new Error("No focusable nodes found in the children of the item node");return a(oe.ITEM_BY_DSID(b[b.length-1].dsId),b[b.length-1])},[a]),f=i.useCallback(y=>{const b=Dn(y),x=b.findIndex(w=>w.dsId===y.dsId),A=x+1<b.length?x+1:0,v=b[A];return a(oe.ITEM_BY_DSID(v.dsId),v)},[a]),g=i.useCallback(y=>{const b=Dn(y),x=b.findIndex(w=>w.dsId===y.dsId),A=x-1>=0?x-1:b.length-1,v=b[A];return a(oe.ITEM_BY_DSID(v.dsId),v)},[a]),S=i.useCallback(y=>{const{parent:b}=y,x=b;if(!x)throw console.log("focus parent item",{itemNode:y,parentNode:x}),new Error("No parent node found for the item node");let A=x;if(_t(x)){const O=x.parent;if(!Ct(O)&&!nn(O))throw console.log("focus parent item",{itemNode:y,parentNode:x,groupParent:O}),new Error("No focusable parent node found for the item node");A=O}const v=nn(A)?null:A,w=v;return w?u(w):c(),v},[u,c]);return i.useMemo(()=>({preventBlurReset:s,focusRegion:t,focusedElementItemNode:l,shouldFocusImmediately:e,trackFocusTrigger:c,trackFocusNode:u,trackFocusRegionReset:p,trackFocusFirstChildItem:m,trackFocusLastChildItem:h,trackFocusNextItem:f,trackFocusPreviousItem:g,trackFocusParentItem:S}),[t,m,h,f,u,S,g,p,c])},Ui=({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,m)=>{p?c.current[m]=p:delete c.current[m]},[]);return i.useEffect(()=>{const p=h=>{t([],{itemNode:null,event:h}),o({skipFocus:!0})},m=h=>{!s||l.current===h.target||a.current?.contains(h.target)||Object.values(c.current).filter(Boolean).some(y=>y.contains(h.target))||(t([],{itemNode:null,event:h}),o({skipFocus:!0}))};return window.addEventListener("blur",p),document.addEventListener("mousedown",m),document.addEventListener("touchstart",m),()=>{window.removeEventListener("blur",p),document.removeEventListener("mousedown",m),document.removeEventListener("touchstart",m)}},[l,t,s,o]),i.useMemo(()=>({mainMenuRef:a,submenusRefs:c,handleSubmenusRefChange:u}),[u])},fs=(e,t)=>{const{oldestGroup:n,selectionableParentsWithSubmenu:o}=ei(t),s=Qr(n),l=e.filter(a=>!s.includes(a.plainItem.dsId));return l.push(...o),l.push(t),l},Hi=({propsWithDefault:e,focusTrackers:t,menuOpenStatus:n,handleChangeOpenedSubItems:o})=>{const{onItemSelected:s,onActivateItem:l,selectedNodes:a}=e,{onOpinionatedClose:c}=n,{trackFocusFirstChildItem:u,trackFocusLastChildItem:p,trackFocusNextItem:m,trackFocusPreviousItem:h,trackFocusParentItem:f,trackFocusNode:g,focusedElementItemNode:S,trackFocusTrigger:y}=t,b=i.useCallback(({itemNode:I,event:C})=>{if(!lt(I))throw console.log("openSubmenu -> itemNode:",I),uo.TRYING_TO_OPEN_SUBMENU_OF_NODE_WITHOUT_SUBMENU;const P=sn(I),V={itemNode:I,event:C},H=[...P,I];o(H,V)},[o]),x=i.useCallback(({itemNode:I,event:C})=>{const P=sn(I),V={itemNode:I,event:C},H=[...P];o(H,V)},[o]),A=i.useCallback(({itemNode:I,event:C})=>{const P={itemNode:I,event:C},V=sn(I);return V.length===0?(o([],P),{currentSubmenuWasMainMenu:!0}):(V.pop(),o(V,P),{currentSubmenuWasMainMenu:!1})},[o]),v=i.useCallback(({pseudoFocusedItemNode:I,event:C})=>{if(En(I))b({itemNode:I,event:C}),u(I);else{if(Pt(I)){const H=ns(a,I);s(H,{itemNode:I,event:C})}else if(Tn(I)){const H=fs(a,I);s(H,{itemNode:I,event:C})}else l(I,{itemNode:I,event:C});o([],{itemNode:I,event:C}),c()}},[u,b,o,c,a,s,l]),w=i.useCallback(({pseudoFocusedItemNode:I,event:C})=>{if(En(I)){b({itemNode:I,event:C}),u(I);return}if(Pt(I)){const H=ns(a,I);s(H,{itemNode:I,event:C});return}if(Tn(I)){const H=fs(a,I);s(H,{itemNode:I,event:C});return}l?.(I,{itemNode:I,event:C}),o([],{itemNode:I,event:C}),c()},[l,o,c,u,b,a,s]),O=i.useCallback(({pseudoFocusedItemNode:I,event:C})=>{if(lt(I)){b({itemNode:I,event:C}),u(I);return}},[b,u]),_=i.useCallback(({pseudoFocusedItemNode:I,event:C})=>{const{currentSubmenuWasMainMenu:P}=A({itemNode:I,event:C});P||f(I)},[A,f]),M=i.useCallback(I=>{const C=S.current;if(C===null)throw Dt.FOCUSED_ITEM_NODE_NOT_SET;if(C.plainItem.onKeyDown&&C.plainItem.onKeyDown(I),I.key==="Tab"){y({shouldFocusImmediately:!0}),c();return}if(I.key==="ArrowDown"){I?.preventDefault(),m(C);return}if(I.key==="ArrowUp"){I?.preventDefault(),h(C);return}if(I.key==="ArrowLeft"){I?.preventDefault(),_({pseudoFocusedItemNode:C,event:I});return}if(I.key==="Home"){if(!C.parent)throw console.log("handleFocusableMenuItemKeyDown -> Home > focused item node",C),Dt.FOCUSED_ITEM_HAS_NO_PARENT;u(C.parent);return}if(I.key==="End"){if(!C.parent)throw console.log("handleFocusableMenuItemKeyDown -> Home > focused item node",C),Dt.FOCUSED_ITEM_HAS_NO_PARENT;p(C.parent);return}if(I.key==="Escape"){if(I.altKey&&lt(C)){x({itemNode:C,event:I});return}const{currentSubmenuWasMainMenu:P}=A({itemNode:C,event:I});f(C),P&&c();return}if(!C.plainItem.disabled){if(I.key==="Enter"){v({pseudoFocusedItemNode:C,event:I});return}if(I.key===" "){I?.preventDefault(),w({pseudoFocusedItemNode:C,event:I});return}if(I.key==="ArrowRight"){I?.preventDefault(),O({pseudoFocusedItemNode:C,event:I});return}}},[S,y,m,h,_,u,p,A,f,x,c,v,w,O]),k=i.useCallback(I=>{const C=S.current;if(C===null)throw Dt.FOCUSED_ITEM_NODE_NOT_SET;if(C.plainItem.disabled)return;const P=C.parent;if(nn(P))o([],{itemNode:C,event:I});else{const V=[...sn(C)];lt(C)&&V.push(C),o(V,{itemNode:C,event:I})}w({pseudoFocusedItemNode:C,event:I}),C.plainItem.onClick&&C.plainItem.onClick(I)},[S,w,o]),D=i.useCallback((I,C)=>{if(!Ct(I))throw console.log("handleFocusableMenuItemOnMouseEnter > itemNode:",I),uo.TRYING_TO_FOCUS_NON_FOCUSABLE_NODE;if(g(I),!lt(I)){const P=sn(I),V={itemNode:I,event:C},H=[...P];o(H,V);return}I.plainItem.disabled||b({itemNode:I,event:C})},[o,b,g]),U=i.useCallback(I=>{if(!Ct(I))throw console.log("handleFocusableMenuItemOnMouseEnter > itemNode:",I),uo.TRYING_TO_FOCUS_NON_FOCUSABLE_NODE;g(I)},[g]),F=i.useCallback((I,C)=>{D(I,C)},[D]);return i.useMemo(()=>({handleFocusableMenuItemKeyDown:M,handleFocusableMenuItemClick:k,handleFocusableMenuItemOnMouseEnter:U,handleFocusableMenuItemNativeFocusEvent:F}),[k,M,F,U])},zi=({propsWithDefault:e,focusTrackers:t})=>{const{trackFocusTrigger:n,trackFocusFirstChildItem:o,trackFocusLastChildItem:s,preventBlurReset:l}=t,{onClose:a,onOpen:c,optionsTree:u}=e,[p,m]=i.useState(!1),h=i.useCallback(({skipFocus:g}={skipFocus:!1})=>{m(!1),a&&a(),g||n(),l.current=!1},[a,l,n]),f=i.useCallback(g=>{const{focusLastChild:S=!1}=g||{};m(!0),c&&c();const y=u;S?s(y):o(y),l.current=!0},[c,u,l,o,s]);return i.useMemo(()=>({isMenuOpen:p,onOpinionatedClose:h,onOpinionatedOpen:f}),[p,h,f])},Gi=(e,t)=>{(0,$.D)(e,t,Go)},Ki=e=>{const t=i.useMemo(()=>({...$i,...e}),[e]);Gi(t,hs),Vi({propsWithDefault:t});const{onDisplayedSubmenuChange:n}=t,o=i.useMemo(()=>`ds-menu-behavioural-context-provider-${(0,ne.L)(5)}`,[]),[s,l]=i.useState([]),a=i.useCallback((h,f)=>{l(h),n?.(h,f)},[n]),c=Bi(),u=zi({propsWithDefault:t,focusTrackers:c}),p=Hi({propsWithDefault:t,focusTrackers:c,menuOpenStatus:u,handleChangeOpenedSubItems:a}),m=Ui({menuOpenStatus:u,handleChangeOpenedSubItems:a,propsWithDefault:t});return i.useMemo(()=>({propsWithDefault:t,instanceUid:o,...c,...u,menuItemEventsHandlers:p,openedSubItems:s,handleChangeOpenedSubItems:a,globalEventsHelpers:m}),[t,o,c,u,p,s,a,m])},mo=e=>{const t=Ki(e),{trackFocusRegionReset:n,propsWithDefault:{children:o},preventBlurReset:s}=t,l=i.useMemo(()=>({onBlur:()=>{s.current||(n(),setTimeout(()=>{s.current=!1}))}}),[s,n]),a=ps(l);return(0,d.jsx)(Ve.Provider,{value:t,children:(0,d.jsx)("div",{onBlur:a,children:o})})};mo.displayName=Go;const Yi=(0,z.A)(mo);Yi.propTypes=hs;const Xi=(0,T.I)(ee.Ay,{name:en,slot:Jn.ROOT})``,ho=e=>{const{propsWithDefault:t,opinionatedButtonProps:n,menuBehaviouralLayerProps:o}=Wr(e);return(0,d.jsx)(Xi,{"data-testid":wr.ROOT,getOwnerProps:()=>t,getOwnerPropsArguments:()=>({}),children:(0,d.jsx)(mo,{...o,children:(0,d.jsx)(po,{...n,children:n.children})})})};ho.displayName=en;const qi=(0,z.A)(ho);qi.propTypes=Tr;const St=({color:e,size:t=1,zIndex:n=0,borderRadius:o="12px"})=>(0,X.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||""};
-  }
-`,It=(0,X.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,T.I)(ee.Ay)`
-  ${It}
-
-  font-weight: ${e=>e.theme.fontWeights.semibold};
-  padding-left: ${e=>e.hasIcon||e.applyAriaDisabled||e.readOnly?"0px !important":"12px"};
-`,Ji=(0,T.I)(ee.Ay)`
-  ${It}
-
-  font-weight: ${e=>e.theme.fontWeights.regular};
-  padding-left: ${e=>e.hasIcon||e.applyAriaDisabled?"0px !important":"12px"};
-`,Qi=(0,T.I)(ee.Ay)`
-  ${It}
-
-  font-weight: ${e=>e.theme.fontWeights.regular};
-  padding-left: ${e=>e.hasIcon||e.disabled?"0px !important":"12px"};
-`,el=(0,T.I)(ee.Ay)`
-  ${It}
-
-  background: ${e=>e.theme.colors.neutral["000"]};
-  padding: 0;
-
-  ${({theme:e,hasError:t})=>St(t?{color:e.colors.danger[900]}:{color:e.colors.brand[500]})}
-
-  :focus-within {
-    ${e=>e.inputHasFocus?St({color:e.theme.colors.brand[700],size:2}):""}
-  }
-
-  :active {
-    ${e=>e.inputHasFocus?St({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%;
-  }
-`,bs=(0,T.I)(ee.Ay)`
-  ${It}
-  font-weight: ${e=>e.theme.fontWeights.semibold};
-
-  padding: 0 0 0 12px;
-`,tl=(0,T.I)(ee.Ay)`
-  ${It}
-  font-weight: ${e=>e.theme.fontWeights.semibold};
-  padding-right: ${e=>e.hasIconRight?"0 !important":"12px"};
-  padding-left: ${e=>e.hasIconLeft?"0 !important":"12px"};
-`,nl=(0,T.I)(ee.Ay)`
-  ${It}
-  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;
-  }
-`,ol=(0,T.I)(ee.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;
-      }
-    }
-  }
-`,sl=T.I.span`
-  outline: none;
-  :focus {
-    ${e=>St({color:e.theme.colors.brand[700],size:2,zIndex:3})}
-  }
-`,rl=(0,T.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=>St({color:e.theme.colors.brand[700],size:2,zIndex:1,borderRadius:"inherit"})}
-  }
-
-  cursor: pointer;
-`,il=(0,T.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=>St({color:e.theme.colors.brand[700],size:2,zIndex:1,borderRadius:"inherit"})}
-  }
-
-  cursor: pointer;
-`,gs="DSPill",ys="DSPillbutton",xs="DSPillgroup";var ll=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 al={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:ll._C,dropdownProps:{options:[],isSkeleton:!1,isOpened:!1},onDropdownClick:()=>null,tabIndex:0},fo={type:"right",width:"100%",height:"100%"},dl={width:"fit-content",innerRef:()=>null},cl=r.A.oneOf(["label","labelOnly","value","input","dropdown","removable","readonly","menubutton"]),{children:uu,...ul}=eo,pl={...le.P,...xe.w,label:r.A.string.description("Label to show in the pill").isRequired,type:cl.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(ul).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"})},ml={...le.P,...xe.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)},Ss={...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},Is=pl,As=ml,pu=null,vs=(0,i.createContext)({onKeyboardRemove:()=>null,onKeyboardNavigation:()=>null}),bo=e=>{const t=(0,q.b)(e,dl);(0,$.D)(t,Ss,xs);const n=(0,W.u)(t),o=(0,i.useMemo)(()=>`ds-pill-group-${(0,ne.L)()}`,[]),{children:s,width:l,innerRef:a}=t,c=(0,i.useCallback)(m=>{const h=[...document.querySelectorAll(`#${o} .ds-pill-focus-point`)],f=h.findIndex(g=>g.id===m);f>0?h[f-1].focus():f+1<h.length&&h[f+1].focus()},[o]),u=(0,i.useCallback)((m,h,f)=>{const g=[...document.querySelectorAll(`#${o} .ds-pill-focus-point`)],S=g.findIndex(y=>y.id===m);S>=0&&g[S+h]&&(f.stopPropagation(),g[S+h].focus())},[o]),p=(0,i.useMemo)(()=>({onKeyboardRemove:c,onKeyboardNavigation:u}),[c,u]);return(0,d.jsx)(vs.Provider,{value:p,children:(0,d.jsx)(ol,{...n,width:l,id:o,cols:i.Children.map(s,()=>"auto"),gutter:"2px",innerRef:a,children:s})})};bo.displayName=xs;const hl=(0,z.A)(bo);hl.propTypes=Ss;const fl=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}),bl=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}),gl=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}),yl=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}),xl=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}),Sl=r.A.shape({dsId:r.A.string.isRequired,type:r.A.oneOf(["separator"]),label:r.A.string.isRequired,render:r.A.func}),Il=r.A.shape({dsId:r.A.string.isRequired,type:r.A.oneOf(["section"]),label:r.A.string.isRequired,render:r.A.func}),Al=r.A.oneOfType([fl,bl,gl,yl,xl,Sl,Il]),Os={options:r.A.arrayOf(Al).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)},vl={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},at=(0,i.createContext)(void 0);var Ol=E("./node_modules/.pnpm/react-virtual@2.10.4/node_modules/react-virtual/dist/react-virtual.mjs");const wl=()=>{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}},jt=e=>!["section","separator"].includes(e.type)&&!("disabled"in e&&e.disabled),At="DSDropdownmenu",Lt={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"},mu={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"},Tl=()=>32,El=(e,t)=>{const n=(0,q.b)(e,vl);(0,$.D)(n,Os,At);const{options:o,inputValue:s,isOpened:l,actionRef:a}=n,{triggerReferenceElement:c,setTriggerReferenceElement:u,listboxReference:p,inputReference:m}=wl(),[h,f]=(0,i.useState)(o.find(jt)?.dsId??"");(0,i.useEffect)(()=>{l&&f(o.find(jt)?.dsId??"")},[l,s]);const g=(0,Ol.z)({size:o.length,parentRef:p,overscan:15,paddingStart:0,estimateSize:Tl}),{scrollToIndex:S}=g,y=(0,i.useCallback)((A,v)=>{S(A,v),window.requestAnimationFrame(()=>{S(A,v)})},[S]),b=(0,i.useCallback)((A,v={align:"center"})=>{const w=o.findIndex(O=>O.dsId===A);y(w,v)},[o,y]);return(0,i.useEffect)(()=>{a?.current&&(a.current={setActiveDescendant:f,scrollOptionIntoView:b,scrollToIndex:y})},[a,b,y]),(0,i.useMemo)(()=>({props:n,virtualListHelpers:g,triggerReferenceElement:c,setTriggerReferenceElement:u,listboxReference:p,inputReference:m,activeDescendant:h,setActiveDescendant:f,scrollOptionIntoView:b,DSDropdownMenuV2:t}),[n,g,c,u,p,m,h,b,t])};var Ml=E("./node_modules/.pnpm/@elliemae+ds-popperjs@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-popperjs/dist/esm/index.js");const rn={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 Pl=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/system-utilities/space.js"),ws=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/system-utilities/sizing.js"),Ts=E("./node_modules/.pnpm/@xstyled+system@3.7.5/node_modules/@xstyled/system/dist/index.mjs");const Cl=(0,T.I)("div",{name:At,slot:Lt.ROOT})`
-  width: fit-content;
-  ${Pl.x}
-  ${ws.v}
-  ${Ts.G1C}
-  ${Ts.Zpx}
-`,_l=(0,T.I)("div",{name:At,slot:Lt.LISTBOX_WRAPPER})`
-  ${ws.v}
-  padding: ${e=>e.hasHeader?0:"4px"} 0 4px 0;
-  overflow-y: auto;
-  background-color: white;
-  outline: none;
-  list-style: none;
-`,Dl=(0,T.I)("ul",{name:At,slot:Lt.OPTION_LIST_WRAPPER})`
-  position: relative;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  outline: none;
-`,Rl=(0,T.I)(ee.Ay,{name:At,slot:Lt.LOADING_WRAPPER})`
-  height: ${e=>e.theme.space.xxl};
-  min-width: ${e=>e.minWidth}px;
-  background-color: white;
-  outline: none;
-`,kl=(0,T.I)(ee.Ay,{name:At,slot:Lt.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]};
-`,Nl=(0,T.I)(ee.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;
-    }
-  }
-`,jl=(0,T.I)(ee.Ay,{name:At,slot:Lt.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 Ll=E("./node_modules/.pnpm/@elliemae+ds-form-input-text@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-input-text/dist/esm/DSInputText.js");const Wn=(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},Es=e=>e.type==="submenu"||e.type==="singleWithSubmenu",Ms=(e,t="__root")=>{let n={};return e?.forEach(o=>{Es(o)&&(n[o.dsId]=t,"options"in o&&(n={...n,...Ms(o.options,o.dsId)}))}),n},go=(e,t,n)=>{if(!Es(n)||t[n.dsId]===!1)return t;const o=Ms(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},Wl=()=>{const{props:{options:e,onOptionClick:t,openedSubmenus:n,onSubmenuToggle:o,onKeyDown:s,selectedOptions:l,onClickOutside:a,onMouseEnter:c,onMouseLeave:u},activeDescendant:p,setActiveDescendant:m,scrollOptionIntoView:h,listboxReference:f,inputReference:g}=(0,i.useContext)(at),S=(0,i.useCallback)(b=>{const x=e.findIndex(v=>v.dsId===p);if(x===-1)return;const A=e[x];if(b.stopPropagation(),b.code==="ArrowDown"){b.preventDefault();const v=Wn(e,x,jt);m(e[v].dsId),h(e[v].dsId)}else if(b.code==="ArrowUp"){b.preventDefault();const v=Wn(e,x,jt,-1);m(e[v].dsId),h(e[v].dsId)}else if(b.code==="ArrowRight"&&["submenu","singleWithSubmenu"].includes(A.type)&&!n[A.dsId]){b.preventDefault();const{type:v}=A;if((v==="submenu"||v==="singleWithSubmenu")&&A.applyAriaDisabled)return;o(go(e,{...n,[A.dsId]:!0},A),A,b)}else if(["Space","Enter"].includes(b.code)){b.preventDefault();const{type:v}=A;if(v==="singleWithSubmenu"&&A.applyAriaDisabled)return;const w={...l};if(w[A.dsId]=!l[A.dsId],A?.disabled)return;t(w,A,b),A.onClick&&A.onClick(b)}else if(b.code==="Escape")a(b);else if(b.code==="Home"){const v=Wn(e,e.length-1,jt);m(e[v].dsId),h(e[v].dsId)}else if(b.code==="End"){const v=Wn(e,0,jt,-1);m(e[v].dsId),h(e[v].dsId)}A.onKeyDown&&A.onKeyDown(b),s(b)},[e,n,s,p,m,h,o,l,t,a]),y=(0,i.useCallback)(b=>{g.current?g.current.focus():f.current?.focus(),c(b)},[g,f,c]);return{onKeyDown:S,onMouseEnter:y,onMouseLeave:u}},Fl=e=>(0,d.jsx)(kl,{px:"xxs",py:"xxxs",role:"alert",...e,children:"No content available"}),vt={innerRef:()=>{},wrapperStyles:{}},Wt={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(vt.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("")},hu=null,$l={...vt,label:"",value:void 0,disabled:!1,isActive:!1,onClick:()=>{},onKeyDown:()=>{},optionsShouldHavePadding:!1,tabIndex:0,applyAriaDisabled:!1,as:"li"},{tabIndex:fu,label:bu,value:gu,...Vl}=le.P,Ps={...Vl,...xe.w,...Wt,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.")},Bl=Ps,Ul=`${ue}Action`,Hl=(e,t)=>{(0,$.D)(e,t,Ul)},zl=e=>{const t=(0,q.b)(e,$l);Hl(t,Ps);const n=(0,W.u)(t),o=(0,L.d)(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:n,xstyledProps:o}),[t,n,o])},yo=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o}=zl(e),{dsId:s,label:l,secondaryLabel:a,onClick:c,onKeyDown:u,isActive:p,disabled:m,innerRef:h,wrapperStyles:f,optionsShouldHavePadding:g,render:S,applyAriaDisabled:y,readOnly:b,as:x}=t,A=i.useCallback(O=>{m||y||b||c?.(O)},[m,y,b,c]),v=i.useCallback(O=>{(y||b)&&(O.code==="Space"||O.code==="Enter")||u?.(O)},[y,b,u]),w=i.useMemo(()=>{const O=["auto"];return a&&O.push("min-content"),O},[a]);return(0,d.jsx)(Ee,{id:s,role:"option",isActive:p,disabled:m,innerRef:h,pl:g?40:16,style:f,"data-type":"action","aria-disabled":y,...n,onClick:A,onKeyDown:v,...o,as:x,children:S!==void 0?(0,d.jsx)(S,{...t}):(0,d.jsx)(_e,{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 Gl=(0,z.A)(yo);Gl.propTypes=Bl;const Kl={...vt,label:"",isActive:!1,disabled:!1,isSelected:!1,onClick:()=>{},onMouseDown:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},onKeyDown:()=>{},dataTestid:"ds-menu-item",tabIndex:0,applyAriaDisabled:!1},{tabIndex:yu,label:xu,value:Su,...Yl}=le.P,Cs={...Yl,...xe.w,...Wt,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)},Xl=Cs,ql=`${ue}Single`,Zl=(e,t)=>{(0,$.D)(e,t,ql)},Jl=e=>{const t=(0,q.b)(e,Kl);Zl(t,Cs);const n=t.original??t,o=(0,W.u)(n),s=(0,L.d)(n);return i.useMemo(()=>({propsWithDefault:t,globalProps:o,xstyledProps:s}),[t,o,s])},ln=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o}=Jl(e),{dsId:s,label:l,secondaryLabel:a,isSelected:c,onClick:u,onKeyDown:p,isActive:m,innerRef:h,onMouseDown:f,onMouseEnter:g,onMouseLeave:S,wrapperStyles:y,render:b,dataTestid:x,disabled:A,applyAriaDisabled:v,readOnly:w}=t,{getOwnerProps:O}=(0,K.j)(t),_=i.useCallback(F=>{A||f?.(F)},[A,f]),M=i.useCallback(F=>{A||v||w||u?.(F)},[A,v,w,u]),k=i.useCallback(F=>{(v||w)&&(F.code==="Space"||F.code==="Enter")||p?.(F)},[v,w,p]),D=i.useMemo(()=>{const F={small:["1rem","auto"],medium:["1.2308rem","auto"]};return a&&(F.small.push("min-content"),F.medium.push("min-content")),F},[a]),U=v?["neutral","400"]:["brand-primary","600"];return(0,d.jsx)(Ee,{"aria-selected":c,id:s,role:"option",isActive:m,isSelected:c,innerRef:h,onMouseDown:_,onMouseEnter:g,onMouseLeave:S,className:m?"ds-list-item-active":"",style:y,"data-testid":x,disabled:A,"data-type":"single","aria-disabled":v||A,...n,onClick:M,onKeyDown:k,getOwnerProps:O,...o,children:b!==void 0?(0,d.jsx)(b,{...t}):(0,d.jsxs)(_e,{cols:D,minHeight:"16px",gutter:"xxs",alignItems:"center",getOwnerProps:O,children:[(0,d.jsx)("div",{children:c&&(0,d.jsx)(Cn,{size:"s",color:U})}),(0,d.jsx)(Ye,{getOwnerProps:O,children:l}),a!==void 0&&(0,d.jsx)(Xe,{getOwnerProps:O,children:a})]})})};ln.displayName="DSSingleMenuItem";const Ql=(0,z.A)(ln);Ql.propTypes=Xl;var ea=E("./node_modules/.pnpm/@elliemae+ds-form-checkbox@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-checkbox/dist/esm/index.js");const ta={...vt,label:"",isActive:!1,disabled:!1,applyAriaDisabled:!1,isSelected:!1,onClick:()=>{},onMouseDown:()=>{},onMouseEnter:()=>{},onMouseLeave:()=>{},tabIndex:0},{tabIndex:Iu,label:Au,value:vu,...na}=le.P,_s={...na,...xe.w,...Wt,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)},oa=_s,sa=`${ue}Multi`,ra=(e,t)=>{(0,$.D)(e,t,sa)},ia=e=>{const t=(0,q.b)(e,ta);ra(t,_s);const n=(0,W.u)(t),o=(0,L.d)(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:n,xstyledProps:o}),[t,n,o])},la=()=>{},an=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o}=ia(e),{dsId:s,label:l,disabled:a,isSelected:c,isActive:u,onClick:p,dataTestid:m,innerRef:h,onMouseEnter:f,onMouseLeave:g,onMouseDown:S,wrapperStyles:y,tabIndex:b,render:x,applyAriaDisabled:A,readOnly:v}=t,{getOwnerProps:w,getOwnerPropsArguments:O}=(0,K.j)(e),_=i.useCallback(M=>{a||A||v||p?.(M)},[a,A,v,p]);return(0,d.jsx)(Ee,{id:s,disabled:a,isActive:u,isSelected:c,innerRef:h,onMouseDown:S,onMouseEnter:f,onMouseLeave:g,role:"option",className:u?"ds-list-item-active":"","aria-selected":c,style:y,"data-testid":m,"data-type":"multi","aria-disabled":A||a,applyAriaDisabled:A,readOnly:v,...n,onClick:_,getOwnerProps:w,getOwnerPropsArguments:O,...o,children:x!==void 0?(0,d.jsx)(x,{...t}):(0,d.jsx)(Gr,{getOwnerProps:w,getOwnerPropsArguments:O,children:(0,d.jsx)(ea.Lt,{disabled:a,applyAriaDisabled:A,readOnly:v,checked:c,onMouseDown:S,name:l,label:l,onChange:la,tabIndex:b,wrapLabel:!0})})})};an.displayName="DSMultiMenuItem";const aa=(0,z.A)(an);aa.propTypes=oa;var Ds=(0,Pn.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}),Rs=E("./node_modules/.pnpm/@elliemae+ds-icons@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/ChevronRight.js");const Fn={...vt,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"}},ks={...le.P,...xe.w,...Wt,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(Fn.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(Fn.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(Fn.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)},da=ks,ca=`${ue}Submenu`,ua=(e,t)=>{(0,$.D)(e,t,ca)},pa=({disabled:e,isSubmenuOpened:t,onMouseEnter:n,onSubmenuOpen:o,onSubmenuClose:s,onMouseLeave:l,onMouseDown:a})=>({onMouseEnterHandler:h=>n?.(h),onMouseLeaveHandler:h=>l?.(h),onMouseDownHandler:h=>{if(e){h.preventDefault();return}a?.(h)},onEllipsisClick:h=>{e||(h.stopPropagation(),t?s?.(h):o(h))}}),ma=({isSubmenuOpened:e,onMouseEnter:t,onSubmenuOpen:n,onSubmenuClose:o,onMouseLeave:s,onMouseDown:l,disabled:a,applyAriaDisabled:c})=>{const u={current:null};return{onMouseEnterHandler:g=>{c||(u.current!==null?clearTimeout(u.current):e||n?.(g),u.current=null,t?.(g))},onMouseLeaveHandler:g=>{u.current===null&&(u.current=setTimeout(()=>{u.current=null,o?.(g)},300)),s?.(g)},onMouseDownHandler:g=>{a||l?.(g)},onEllipsisClick:()=>{throw new Error("Invoking onEllipsisClick from chevron handlers... this should never happen")}}},ha=e=>{const{rightAddon:t}=e;return(0,i.useMemo)(()=>t==="ellipsis"?pa(e):ma(e),[e,t])},fa=e=>{const t=(0,q.b)(e,Fn);ua(t,ks);const n=t.original??t,o=(0,W.u)(n),s=(0,L.d)(n),l=ha(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}=fa(e),{dsId:l,label:a,secondaryLabel:c,isActive:u,disabled:p,applyAriaDisabled:m,isSubmenuOpened:h,rightAddon:f,innerRef:g,wrapperStyles:S,optionsShouldHavePadding:y,render:b,Dropdown:x,dropdownProps:{options:A,openedSubmenus:v,onSubmenuToggle:w,selectedOptions:O,onKeyDown:_,onOptionClick:M,onClickOutside:k,minWidth:D,maxHeight:U}}=t,[F,I]=i.useState(!1);i.useEffect(()=>{setTimeout(()=>I(Boolean(h)))},[h]);const C=i.useMemo(()=>{const Do=["auto"];return c!==void 0&&Do.push("min-content"),Do.push("min-content"),Do},[c]),{minWidth:P,...V}=o,{onMouseLeave:H,onMouseEnter:Ue,onMouseDown:ye,...De}=n,{onMouseEnterHandler:Bt,onMouseLeaveHandler:Re,onMouseDownHandler:Yc,onEllipsisClick:Xc}=s;return(0,d.jsx)(x,{isOpened:F,options:A??[],onOptionClick:M,startPlacementPreference:"right-start",placementOrderPreference:["right-start","right-end","left-start","left-end"],selectedOptions:O,openedSubmenus:v,onSubmenuToggle:w,onKeyDown:_,onClickOutside:k,customOffset:[-4,1],wrapperStyles:{...S,w:"100%"},as:"li",role:"option",minWidth:D,maxHeight:U,"aria-selected":h,"aria-describedby":`dropdownmenu-submenu-${l}`,"data-popover-label":a,id:l,onMouseEnter:Bt,onMouseLeave:Re,onMouseDown:Yc,...De,...V,children:(0,d.jsxs)(Ee,{pr:0,isSelected:h,isActive:u,onMouseEnter:Bt,onMouseLeave:Re,innerRef:g,disabled:p,"aria-disabled":m,pl:y?40:16,as:"div","data-type":"submenu",children:[b!==void 0?(0,d.jsx)(b,{...t}):(0,d.jsxs)(_e,{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)(Yo,{children:[(0,d.jsx)(Qo,{}),f==="ellipsis"?(0,d.jsx)(Xo,{tabIndex:-1,onClick:Xc,disabled:p,applyAriaDisabled:m,children:(0,d.jsx)(Ds,{className:"ds-dropdown-menu-v2-more-options",color:p||m?["neutral","500"]:["brand-primary","600"],size:"s"})}):(0,d.jsx)(Rs.A,{color:p||m?["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 ba=(0,z.A)(xo);ba.propTypes=da;const ga={...vt,role:"option"},{dsId:Ou,...ya}=Wt,Ns={...xe.w,...ya,...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.")},xa=Ns,Sa=`${ue}Separator`,Ia=(e,t)=>{(0,$.D)(e,t,Sa)},Aa=e=>{const t=(0,q.b)(e,ga);Ia(t,Ns);const n=t.original??t,o=(0,W.u)(n),s=(0,L.d)(n);return i.useMemo(()=>({propsWithDefault:t,globalProps:o,xstyledProps:s}),[t,o,s])},dn=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o}=Aa(e),{wrapperStyles:s,innerRef:l,render:a}=t;return(0,d.jsx)(Zo,{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)(qo,{})})};dn.displayName="DSMenuItemSeparator";const va=(0,z.A)(dn);va.propTypes=xa;const Oa={},js={...le.P,...xe.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.")])},wa=js,Ta=`${ue}Section`,Ea=(e,t)=>{(0,$.D)(e,t,Ta)},Ma=e=>{const t=(0,q.b)(e,Oa);Ea(t,js);const n=(0,W.u)(t),o=(0,L.d)(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:n,xstyledProps:o}),[t,n,o])},So=e=>{const{globalProps:t,xstyledProps:n}=Ma(e),{label:o,wrapperStyles:s,innerRef:l,render:a}=e;return(0,d.jsx)(Kr,{style:s,innerRef:l,role:"option",...t,...n,children:a!==void 0?(0,d.jsx)(a,{...e}):(0,d.jsx)(Jo,{children:o})})};So.displayName="DSSectionMenuItem";const Pa=(0,z.A)(So);Pa.propTypes=wa;const Ot={...vt,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:wu,label:Tu,value:Eu,...Ca}=le.P,Ls={...Ca,...xe.w,...Wt,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(Ot.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(Ot.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(Ot.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(Ot.isSelected),dataTestid:r.A.string.description("The data-testid of the menu item.").defaultValue(Ot.dataTestid),isSubmenuOpened:r.A.bool.description("Whether the submenu is opened or not.").defaultValue(Ot.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)},_a=Ls,Da=`${ue}SingleWithSubmenu`,Ra=(e,t)=>{(0,$.D)(e,t,Da)},ka=({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]),m=i.useCallback(f=>{n!=="ellipsis"&&u.current===null&&(u.current=setTimeout(()=>{u.current=null,a?.(f)},300)),c(f)},[c,a,n]),h=i.useCallback(f=>{e||t||(f.stopPropagation(),o?a?.(f):l(f))},[e,t,o,a,l]);return i.useMemo(()=>({onMouseEnterHandler:p,onMouseLeaveHandler:m,onEllipsisClick:h}),[p,m,h])},Na=e=>{const t=(0,q.b)(e,Ot);Ra(t,Ls);const n=(0,W.u)(t),o=(0,L.d)(t),s=ka(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:n,xstyledProps:o,eventHandlers:s}),[t,n,o,s])},Io=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o,eventHandlers:s}=Na(e),{onMouseEnterHandler:l,onMouseLeaveHandler:a,onEllipsisClick:c}=s,{dsId:u,label:p,secondaryLabel:m,isActive:h,disabled:f,applyAriaDisabled:g,onClick:S,isSelected:y,isSubmenuOpened:b,rightAddon:x,innerRef:A,wrapperStyles:v,render:w,Dropdown:O,dropdownProps:{options:_,openedSubmenus:M,onSubmenuToggle:k,selectedOptions:D,onKeyDown:U,onOptionClick:F,onClickOutside:I,minWidth:C,maxHeight:P}}=t,[V,H]=i.useState(!1),{minWidth:Ue,...ye}=o;i.useEffect(()=>{setTimeout(()=>H(b))},[b]);const De=i.useMemo(()=>{const Re=["16px","auto"];return m&&Re.push("min-content"),Re.push("min-content"),Re},[m]),Bt=i.useCallback(Re=>{f||g||S?.(Re)},[f,g,S]);return(0,d.jsx)(O,{isOpened:V,options:_??[],onOptionClick:F,startPlacementPreference:"right-start",placementOrderPreference:["right-start","right-end","left-start","left-end"],selectedOptions:D,openedSubmenus:M,onSubmenuToggle:k,onKeyDown:U,onClickOutside:I,customOffset:[-4,1],onMouseEnter:l,onMouseLeave:a,wrapperStyles:{...v,w:"100%"},minWidth:C,maxHeight:P,"data-popover-label":p,as:"li",role:"option","aria-selected":b,"aria-describedby":`dropdownmenu-submenu-${u}`,id:u,...n,...ye,children:(0,d.jsxs)(Ee,{pr:0,onClick:Bt,isSelected:b,disabled:f,"aria-disabled":g,isActive:h,onMouseEnter:l,onMouseLeave:a,as:"div",innerRef:A,"data-type":"single-with-submenu",children:[w!==void 0?(0,d.jsx)(w,{...t}):(0,d.jsxs)(_e,{cols:De,gutter:"xxs",alignItems:"center",children:[y?(0,d.jsx)(Cn,{size:"s",color:f||g?["neutral","500"]:["brand-primary","600"]}):(0,d.jsx)("div",{}),(0,d.jsx)(Ye,{children:p}),m!==void 0&&(0,d.jsx)(Xe,{children:m}),(0,d.jsxs)(Yo,{children:[(0,d.jsx)(Qo,{}),x==="ellipsis"?(0,d.jsx)(Xo,{tabIndex:-1,onClick:c,disabled:f,applyAriaDisabled:g,children:(0,d.jsx)(Ds,{className:"ds-dropdown-menu-v2-more-options",color:f||g?["neutral","500"]:["brand-primary","600"],size:"s"})}):(0,d.jsx)(Rs.A,{color:f||g?["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"})]})})};Io.displayName="DSMenuItemSingleWithSubmenu";const ja=(0,z.A)(Io);ja.propTypes=_a;const La={wrapperStyles:{}},Ws={...le.P,...xe.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.")},Wa=Ws,Fa=`${ue}Skeleton`,$a=(e,t)=>{(0,$.D)(e,t,Fa)},Va=e=>{const t=(0,q.b)(e,La);$a(t,Ws);const n=(0,W.u)(t),o=(0,L.d)(t);return i.useMemo(()=>({propsWithDefault:t,globalProps:n,xstyledProps:o}),[t,n,o])},Ba=["16px","auto"],cn=e=>{const{propsWithDefault:t,globalProps:n,xstyledProps:o}=Va(e),{wrapperStyles:s,isActive:l,dsId:a}=t,{getOwnerProps:c}=(0,K.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)(_e,{cols:Ba,minHeight:"16px",gutter:"xxs",alignItems:"center",children:[(0,d.jsx)(Rt,{variant:"rectangular",width:"20px"}),(0,d.jsx)(Rt,{variant:"rectangular",width:"100%"})]})})};cn.displayName="DSMenuItemSkeleton";const Ua=(0,z.A)(cn);Ua.propTypes=Wa;const Ft=e=>{const t=(0,i.useRef)(e);return(0,i.useEffect)(()=>{t.current=e},[e]),t},Ha=e=>{const{props:{options:t,selectedOptions:n,onOptionClick:o,openedSubmenus:s,onSubmenuToggle:l,onMouseEnter:a,onMouseLeave:c,onMouseDown:u},listboxReference:p,inputReference:m}=(0,i.useContext)(at),h=Ft(e),f=Ft(t),g=Ft(s),S=Ft(l),y=Ft(o),b=Ft(n),x=(0,i.useCallback)(O=>{if(O.stopPropagation(),O.preventDefault(),h?.current?.type==="singleWithSubmenu"){const{applyAriaDisabled:M}=h.current;if(M)return}const _={...b.current};_[h.current.dsId]=!b.current[h.current.dsId],!h?.current?.disabled&&(y?.current?.(_,h.current,O),O.type==="click"&&h?.current?.onClick?.(O))},[y,h,b]),A=(0,i.useCallback)(O=>{S?.current?.(go(f.current,{...g?.current||{},[h.current.dsId]:!0},h.current),h.current,O)},[S,g,h,f]),v=(0,i.useCallback)(O=>{S?.current?.(go(f.current,{...g?.current||{},[h.current.dsId]:!1},h.current),h.current,O),m.current?m.current.focus():p.current?.focus()},[m,p,S,g,h,f]),w=(0,i.useCallback)(O=>{O.code==="ArrowLeft"&&(v(O),O.preventDefault())},[v]);return(0,i.useMemo)(()=>({onClick:x,onSubmenuOpen:A,onSubmenuClose:v,onDropdownKeyDown:w,onMouseEnter:a,onMouseLeave:c,onMouseDown:u}),[x,A,v,w,a,c,u])},za=["action","single","checkbox","submenu","separator","section","singleWithSubmenu","skeleton"],Ga=e=>{const{type:t}=e;switch(t){case"action":return(0,d.jsx)(yo,{...e});case"single":return(0,d.jsx)(ln,{...e});case"checkbox":return(0,d.jsx)(an,{...e});case"submenu":return(0,d.jsx)(xo,{...e});case"separator":return(0,d.jsx)(dn,{...e});case"section":return(0,d.jsx)(So,{...e});case"singleWithSubmenu":return(0,d.jsx)(Io,{...e});case"skeleton":return(0,d.jsx)(cn,{...e});default:const n=t;throw new Error(`Provided option type (${t}) is not valid. Please provide one of: ${za.join(", ")}`)}},Ka=({option:e,style:t,innerRef:n,optionsShouldHavePadding:o})=>{const{props:{selectedOptions:s,onOptionClick:l,openedSubmenus:a,onSubmenuToggle:c,onClickOutside:u},activeDescendant:p,DSDropdownMenuV2:m}=(0,i.useContext)(at),{onDropdownKeyDown:h,...f}=Ha(e),g=(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:m,dropdownProps:{...e,options:e.type==="submenu"||e.type==="singleWithSubmenu"?e.options:[],onClickOutside:u,onOptionClick:l,onSubmenuToggle:c,selectedOptions:s,openedSubmenus:a,onKeyDown:h}}),[f,n,p,e,s,a,o,t,m,u,l,c,h]);return(0,d.jsx)(Ga,{...e,...g})},Ya=()=>(0,d.jsx)(ee.Ay,{children:Array(5).fill(0).map((t,n)=>(0,d.jsx)(cn,{dsId:`${n}-skeleton`},`prefilled-${n}-skeleton`))}),Xa=()=>{const{listboxReference:e,inputReference:t}=(0,i.useContext)(at);(0,i.useLayoutEffect)(()=>{requestAnimationFrame(()=>{t.current?t.current.focus():e.current&&e.current.focus()})},[t,e])},qa=()=>{const{props:{options:e}}=(0,i.useContext)(at);return{optionsShouldHavePadding:(0,i.useMemo)(()=>e.some(n=>["single","checkbox","singleWithSubmenu"].includes(n.type)),[e])}},Za=()=>{const e=(0,i.useContext)(at),{triggerReferenceElement:t,props:{isSkeleton:n,options:o,hasInput:s,inputValue:l,onInputChange:a,HeaderComp:c,minWidth:u,maxHeight:p},activeDescendant:m,listboxReference:h,inputReference:f,virtualListHelpers:{totalSize:g,virtualItems:S}}=e;Xa();const{onKeyDown:y,onMouseEnter:b,onMouseLeave:x}=Wl(),{optionsShouldHavePadding:A}=qa(),v=(0,i.useMemo)(()=>u!==void 0?u:Math.max(t?.offsetWidth??0,162),[t?.offsetWidth,u]);return(0,i.useMemo)(()=>S.length===0?(0,d.jsx)(Fl,{minWidth:v,maxHeight:p||400}):(0,d.jsx)(_l,{minWidth:v,maxHeight:p||400,innerRef:h,tabIndex:0,"data-testid":rn.MENU_WRAPPER,onKeyDown:y,onMouseEnter:b,onMouseLeave:x,hasHeader:!!c,children:n?(0,d.jsx)(Ya,{}):(0,d.jsxs)(d.Fragment,{children:[c&&(0,d.jsx)(jl,{alignItems:"center",children:(0,d.jsx)(c,{ctx:e})}),s&&(0,d.jsx)(Nl,{hasHeader:!!c,children:(0,d.jsx)(Ll.B,{value:l,onChange:a,innerRef:f})},"dropdown-listbox-input-wrapper"),(0,d.jsx)(Dl,{"aria-activedescendant":m,"data-testid":rn.LISTBOX,role:"listbox","aria-label":"List of options",style:{height:g||16},children:S.map(w=>(0,d.jsx)(Ka,{option:o[w.index],style:{position:"absolute",top:w.start,left:0,width:"100%"},innerRef:w.measureRef,optionsShouldHavePadding:A},`dropdown-listbox-option-${o[w.index].dsId}`))})]})}),[c,m,e,s,f,l,n,h,v,a,y,b,x,o,A,g,p,S])};var 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");const $s=({componentName:e,version:t})=>{(0,i.useEffect)(()=>{console.warn(`Warning: ${e}:: this component will be deprecated in version: ${t}.`)},[e,t])};var re=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js"),Vs=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0_styled-components@5.3.11/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),Bs=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"),Ao=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"),Ja=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"),$n=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");const Oo={TOOLTIP:"tooltip",TOOLBAR:"toolbar"},Qa=(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",ed=(0,Bs.A)("div")(wo,null,{propsToRemoveFromFinalElement:["isHovered","isDragged"]}),td=(0,Bs.A)("span")(wo,"text",{propsToRemoveFromFinalElement:["isHovered","isDragged"]}),To=({containerProps:e={},innerRef:t,placement:n=Ao.y.TOP,title:o="",delayClose:s=$n.$Z,delayOpen:l=$n.xp,interactionType:a=vo.N.HOVER,triggerComponent:c,className:u="",isOpen:p=void 0,onOpen:m=()=>null,tooltipType:h=Oo.TOOLTIP,showArrow:f=!0,zIndex:g,...S})=>{$s({componentName:"ds-tooltip",version:"TBD Date: 2023 Q3"});const{cssClassName:y}=(0,Fs.Ay)(wo);let b=o;return typeof o=="string"&&(b=(0,d.jsx)(td,{children:o})),(0,d.jsx)(Ja.Cj,{blockName:y,contentComponent:(0,d.jsx)(ed,{...e,...S,className:`tooltip-container--${h} ${u}`,innerRef:t,children:b}),delayClose:s,delayOpen:l,interactionType:a,isOpen:p,onOpen:m,placement:n,showArrow:h===Oo.TOOLTIP?f:!1,triggerComponent:Qa(c,{}),zIndex:g,wrapExtraComponent:void 0,children:void 0,renderReference:void 0,referenceNode:void 0})},nd={containerProps:re.A.object.description("Set of Properties attached to the main container"),placement:re.A.oneOf(Ao.X).description("Tooltip position").defaultValue(Ao.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($n.$Z),delayOpen:re.A.string.description("Delay to open the tooltip ").defaultValue($n.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 od=(0,Vs.A)(To);od.propTypes=nd;var Mu=null;const{classNameBlock:sd,classNameElement:un}=(0,Fs.Ay)("circular-progress-indicator"),Vn=({size:e,showLabel:t,showTooltip:n,waiting:o,loading:s})=>{$s({componentName:"ds-circular-progress-indicator",version:"TBD Date: 2023 Q3"});const l="Waiting...",a="Loading...",c=o&&!s?l:a;let u,p,m,h,f="0.7",g="4.8",S="45 170",y="127.5";switch(e.toUpperCase()){case"XS":u=8,p=12,m=10,h=3,f="1",S="46 174",y="133";break;case"S":u=16,p=12,m=8,h=3,f="1",S="46 174",y="133";break;case"M":u=24,p=12,m=7,h=3,f="1",g="5.5",S="46 174",y="133";break;case"L":u=32,p=13,m=6,h=3,g="5";break;case"XL":u=48,p=14,m=5,h=1;break;case"XXL":u=56,p=16,m=4,h=1;break;case"XXXL":u=64,p=16,m=5,h=2;break;default:break}const b=(0,d.jsx)("p",{"data-testid":"circular-indicator-label",className:un("label"),style:{fontSize:`${p}px`},children:c}),x=O=>u<17||n?(0,d.jsx)(To,{containerProps:{id:"ds-circular-progress-indicator","data-testid":"circular-indicator-title"},interactionType:"hover",title:c,triggerComponent:O,placement:"bottom"}):O,A=(0,d.jsx)("circle",{className:un("track"),cx:"50%",cy:"50%",fill:"none",r:"28",strokeWidth:`${h}px`}),v=(0,d.jsx)("circle",{className:un("arc-gray"),stroke:"#E0E3E8",strokeDasharray:`${S}`,strokeDashoffset:`${y}`,cx:"50%",cy:"50%",fill:"none",r:"28",strokeWidth:`${h}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:`${g}`,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"})})]}),A,!o&&(0,d.jsxs)("g",{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:"1",children:[(0,d.jsx)("path",{className:un("arc-blue"),d:"M30,5 C17.536025,6 6,17.536027 5,31",stroke:"#5594e2",strokeWidth:`${m-.5}px`,strokeLinecap:"round","data-testid":"circular-indicator-blue-arc"}),(0,d.jsx)("path",{className:un("arc-white"),d:"M33,5 C17.536027,5 5,17.536027 5,33",stroke:"#FFF",strokeWidth:`${m+2}px`,markerStart:"url(#inverseR)",markerEnd:"url(#inverseL)"}),v]})]});return(0,d.jsxs)("div",{className:sd("wrapper"),role:"status","aria-hidden":o||s?"false":"true",children:[x(w),t&&b]})};Vn.defaultProps={size:"m",showLabel:!1,showTooltip:!1,waiting:!1,loading:!1};const rd={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)};Vn.displayName="CircularProgressIndicator";const id=(0,Vs.A)(Vn);id.propTypes=rd;var ld=Vn;const ad=()=>{const{props:{onClickOutside:e},triggerReferenceElement:t}=(0,i.useContext)(at),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)(Rl,{minWidth:t?.offsetWidth??0,justifyContent:"center",alignItems:"center","data-testid":rn.LOADING,tabIndex:0,role:"status",innerRef:n,"aria-busy":"true",onKeyDown:o,children:(0,d.jsx)(ld,{size:"l"})})},dd=()=>{const{props:e,triggerReferenceElement:t,setTriggerReferenceElement:n}=(0,i.useContext)(at),{children:o,isOpened:s,onClickOutside:l,startPlacementPreference:a,placementOrderPreference:c,customOffset:u,wrapperStyles:p,isLoading:m,zIndex:h,as:f}=e,{"data-popover-label":g,...S}=(0,W.u)(e),{minWidth:y,minHeight:b,...x}=(0,L.d)(e),A=v=>{[...document.body.querySelectorAll(`[data-testid="${rn.MENU_WRAPPER}"]`)].every(O=>!O.contains(v.target))&&l(v)};return(0,d.jsxs)(Cl,{"data-testid":`${rn.TRIGGER_WRAPPER}`,innerRef:n,"aria-haspopup":"listbox",...p,...S,...x,as:f,children:[o,t&&(0,d.jsx)(Ml.B2,{referenceElement:t,showPopover:s,withoutArrow:!0,withoutAnimation:!0,customOffset:u,onClickOutside:A,startPlacementPreference:a,placementOrderPreference:c,zIndex:h,"aria-label":g||"dropdown-menu popover",children:m?(0,d.jsx)(ad,{}):(0,d.jsx)(Za,{})})]})},Bn=e=>{const t=El(e,Bn);return(0,d.jsx)(at.Provider,{value:t,children:(0,d.jsx)(dd,{})})};Bn.displayName="DSDropdownMenuV2";const cd=(0,z.A)(Bn).description("Dropdown Menu");cd.propTypes=Os;const ud={only:"ds-pill-button-only",left:"ds-pill-button-left",right:"ds-pill-button-right"},pn=e=>{const{children:t,...n}=e,o=(0,q.b)(n,fo);(0,$.D)(o,As,ys);const{type:s,onClick:l,applyAriaDisabled:a,...c}=o,u=(0,i.useCallback)(p=>{a||l&&l(p)},[l,a]);return(0,d.jsx)(rl,{...c,buttonType:"raw",className:`${ud[s]} ${c.className??""}`,type:"button",onClick:u,"aria-disabled":a,children:t})};pn.displayName=ys;const pd=(0,z.A)(pn).description("Pill button");pd.propTypes=As;const wt=i.memo(({labelTruncated:e,label:t})=>e?(0,d.jsx)(qn.n,{value:t}):t),md=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,ne.L)()}`,[]);return(0,d.jsxs)(bs,{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)(wt,{labelTruncated:n,label:e}),(0,d.jsx)(Bn,{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)(pn,{className:"ds-pill-focus-point","data-testid":"ds-pill-dropdown-chevron",innerRef:(0,ko.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})})})]})}),hd=e=>e==="m"?{small:["1.5rem"],medium:["1.846rem"]}:{small:["1.125rem"],medium:["1.3846rem"]},fd=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)"]},bd=i.memo(({label:e,size:t,labelTruncated:n,innerRef:o,ariaLabel:s,menuButtonProps:l})=>{const a=(0,i.useMemo)(()=>`ds-pill-${(0,ne.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)(()=>hd(t),[t]),m=(0,i.useMemo)(()=>fd(t),[t]),h=(0,i.useMemo)(()=>({width:`${c}`,height:`${u}`}),[u,c]),f=s||e;return(0,d.jsxs)(bs,{pillSize:t,id:a,className:"ds-pill-wrapper ds-pill-wrapper-dropdown","data-testid":"ds-pill-wrapper",cols:m,rows:p,gutter:"2px",alignItems:"center",justifyItems:"center",children:[(0,d.jsx)(wt,{labelTruncated:n,label:e}),(0,d.jsx)(il,{innerRef:o,"aria-label":f,dsMenubuttonRoot:h,...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 gd=E("./node_modules/.pnpm/@elliemae+ds-icons@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/SvgIcon.js"),Us=e=>(0,d.jsx)(gd.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 yd=i.memo(({label:e,size:t,inputPlaceholder:n,inputWidth:o,inputRender:s,onInputChange:l,onInputClear:a,innerRef:c,hasError:u,inputId:p})=>{const m=(0,i.useRef)(null),h=(0,i.useMemo)(()=>s,[s]),f=(0,i.useMemo)(()=>p??`ds-pill-${(0,ne.L)()}`,[p]),g=(0,i.useCallback)(b=>{("code"in b&&["Enter","Space"].includes(b.code)||!("code"in b))&&(b.preventDefault(),a?.(b),m.current?.focus())},[a]),[S,y]=(0,i.useState)(!1);return(0,d.jsxs)(el,{pillSize:t,className:"ds-pill-wrapper","data-testid":"ds-pill-wrapper",cols:e===""?["auto"]:["auto","24px"],inputWidth:o,value:e??"",inputHasFocus:S,hasError:u,children:[(0,d.jsx)(h,{id:f,className:"ds-pill-focus-point","data-testid":"ds-pill-input",innerRef:b=>{m.current=b},value:e,onChange:l,placeholder:n,onFocus:()=>y(!0),onBlur:()=>y(!1),disableTooltip:!1}),e!==""&&(0,d.jsx)(pn,{id:f,"data-testid":"ds-pill-clear-icon",innerRef:c,onClick:g,"aria-label":"Clear input",type:"right",children:(0,d.jsx)(Us,{size:"s",color:["brand-primary","700"]})})]})}),xd=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)(wt,{labelTruncated:n,label:e})]})),Sd=i.memo(({label:e,size:t,labelTruncated:n,iconLeft:o,IconLeft:s,ariaLabel:l,applyAriaDisabled:a,readOnly:c,trailingComma:u})=>(0,d.jsxs)(Ji,{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)(wt,{labelTruncated:n,label:`${e}${u?",":""}`})]})),Id=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==="",m=a!==null||c!==null&&e==="",h=c!==null||a!==null&&e==="";return(0,d.jsxs)(tl,{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||h,hasIconLeft:u||m,children:[a?(0,d.jsx)(a,{label:e}):o,e?(0,d.jsx)(wt,{labelTruncated:n,label:e}):null,c?(0,d.jsx)(c,{label:e}):s]})}),Ad=i.memo(({label:e,size:t,disabled:n,labelTruncated:o,onRemove:s,innerRef:l,ariaLabel:a,tabIndex:c,applyAriaDisabled:u})=>{const{onKeyboardRemove:p,onKeyboardNavigation:m}=(0,i.useContext)(vs),h=(0,i.useMemo)(()=>`ds-pill-${(0,ne.L)()}`,[]),f=(0,i.useCallback)(y=>{if(["Enter","Space"].includes(y.code)){if(u)return;y.preventDefault(),p&&p(h)}y.code==="ArrowLeft"&&(y.preventDefault(),m&&m(h,-1,y)),y.code==="ArrowRight"&&(y.preventDefault(),m&&m(h,1,y))},[p,m,h,u]),g=(0,i.useCallback)(y=>{u||s&&s(y)},[s,u]),S=(0,i.useMemo)(()=>n||u?["auto"]:["auto","minmax(24px, auto)"],[n,u]);return(0,d.jsxs)(nl,{pillSize:t,cols:S,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)(wt,{labelTruncated:o,label:e}),!n&&!u?(0,d.jsx)(pn,{className:"ds-pill-focus-point",id:h,"data-testid":"ds-pill-close-icon",innerRef:l,onClick:g,onKeyDown:f,"aria-label":`Remove ${e}`,type:"right",tabIndex:c,applyAriaDisabled:u,children:(0,d.jsx)(Us,{width:t==="s"?18:22.65,height:t==="s"?18:22.65,color:["brand-primary","700"]})}):null]})}),Hs=18,zs=.25,mn=Hs/13,vd=zs/13,hn=Hs/16,Od=zs/16,Un=mn-vd,Hn=hn-Od,Gs=e=>e.startsWith("top")||e.startsWith("bottom"),Ks=e=>e.startsWith("left")||e.startsWith("right"),wd=(0,T.I)("div",{name:pe,slot:fe.ARROW})`
-  line-height: 0;
-  position: absolute;
-  width: ${hn}rem;
-  height: ${hn}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: -${Hn}rem;
-    left: ${e=>e["data-placement"].endsWith("start")?"25%":e["data-placement"].endsWith("end")?"75%":""};
-  }
-  &[data-placement^='right'] {
-    svg {
-      transform: rotateZ(-90deg);
-    }
-    left: -${Hn}rem;
-  }
-  &[data-placement^='bottom'] {
-    top: -${Hn}rem;
-    left: ${e=>e["data-placement"].endsWith("start")?"25%":e["data-placement"].endsWith("end")?"75%":""};
-  }
-  &[data-placement^='left'] {
-    svg {
-      transform: rotateZ(90deg);
-    }
-    right: -${Hn}rem;
-  }
-  margin-left: ${e=>Gs(e["data-placement"])?`-${hn/2}rem`:"0"};
-  margin-top: ${e=>Ks(e["data-placement"])?`-${hn/2}rem`:"0"};
-
-  @media (min-width: ${({theme:e})=>e.breakpoints.small}) {
-    width: ${mn}rem;
-    height: ${mn}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=>Gs(e["data-placement"])?`-${mn/2}rem`:"0"};
-
-    margin-top: ${e=>Ks(e["data-placement"])?`-${mn/2}rem`:"0"};
-  }
-`,Td=(0,T.I)("path",{name:pe,slot:fe.ARROW_SHADOW})``,Ed=(0,T.I)("path",{name:pe,slot:fe.ARROW_FILL})``,Md=({placement:e,style:t,arrowElementRef:n,...o})=>{const s=(0,K.j)(o),l=(0,W.u)(o),a=(0,L.d)(o);return(0,d.jsx)(wd,{"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)(Td,{...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)(Ed,{...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")},Pd=["top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],Cd=["left","right","center","justify","initial","inherit"],Ys="DSTooltipV3",Cu={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"},Xs={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(Cd).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(Pd).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 to be displayed in the tooltip, will receive textProps as props. 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")},_d=Xs,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"},Dd=T.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]};
-`,Rd=T.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;`};
-`,kd=T.I.div`
-  position: absolute;
-  top: -15px;
-  right: -15px;
-  width: calc(100% + 30px);
-  height: calc(100% + 30px);
-  z-index: -1;
-`,Nd=T.I.div`
-  display: inline-flex;
-  width: 100%;
-`,qs=()=>{},jd={onOpen:qs,onClose:qs,id:"",textAlign:"left",wrapWords:!1,startPlacementPreference:"top",applyTooltipOverflowWrap:!1,customOffset:[0,12]},Ld=(e,t)=>{(0,$.D)(e,t,Ys)},Wd=e=>{const t=(0,q.b)(e,jd);Ld(t,Xs);const n=(0,L.d)(t),o=i.useMemo(()=>`ds-tooltip-v3-${(0,ne.L)(5)}`,[]);return i.useMemo(()=>({propsWithDefault:t,xstyledProps:n,instanceUid:o}),[t,n,o])},Mo=e=>{const{propsWithDefault:t}=Wd(e),{text:n,startPlacementPreference:o,children:s,onOpen:l,onClose:a,id:c,textAlign:u,wrapWords:p,withoutArrow:m,customOffset:h,animationDuration:f,withoutAnimation:g,withoutPortal:S,portalDOMContainer:y,applyTooltipOverflowWrap:b,showPopover:x,Text:A,textProps:v}=t,{handlers:w,arrowStyles:O,floatingStyles:_,isOpen:M,refs:k,context:D}=Ke({placement:o,customOffset:h,onOpen:l,onClose:a,withoutPortal:S,withoutAnimation:g,portalDOMContainer:y,animationDuration:f,externallyControlledIsOpen:x}),U=i.useMemo(()=>x!==void 0?x:M,[x,M]);return(0,d.jsxs)(Nd,{...w,innerRef:k.setReference,"data-testid":`${Eo.TRIGGER_WRAPPER}${c!==""?`_${c}`:""}`,children:[(0,d.jsxs)(Qt,{innerRef:k.setFloating,isOpen:U,floatingStyles:_,context:D,children:[(0,d.jsxs)(Dd,{"data-testid":Eo.TOOLTIP_TEXT_WRAPPER,children:[A?(0,d.jsx)(A,{...v}):(0,d.jsx)(Rd,{"data-testid":Eo.OPINIONATED_TEXT_WRAPPER,textAlign:u,wrapWords:p,$applyTooltipOverflowWrap:b,children:n}),(0,d.jsx)(kd,{})]}),m?null:(0,d.jsx)(Md,{...O})]}),s]})};Mo.displayName=Ys;const Fd=(0,z.A)(Mo);Fd.propTypes=_d;var _u=null;const $d=i.memo(({label:e,size:t,labelTruncated:n,disabled:o,tooltipValue:s,iconLeft:l,ariaLabel:a,applyAriaDisabled:c,readOnly:u,applyTooltipOverflowWrap:p,trailingComma:m})=>(0,d.jsxs)(Qi,{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(h=>h),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)(sl,{className:"ds-pill-tooltip-value","aria-disabled":c,tabIndex:0,children:e})}):(0,d.jsx)(wt,{labelTruncated:n,label:`${e}${m?",":""}`})]})),Vd={dropdown:md,menubutton:bd,input:yd,label:xd,labelOnly:Sd,readonly:Id,removable:Ad,value:$d},zn=e=>{const t=(0,q.b)(e,al);(0,$.D)(t,Is,gs);const{type:n}=t,o=Vd[n];return(0,d.jsx)(o,{...t})};zn.displayName=gs;const Bd=(0,z.A)(zn).description("Pill");Bd.propTypes=Is;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])},Ud=e=>e===0?0:8*(e.toString().length-1)+31,Hd=()=>{const{props:{selectedValues:e,isNonClearable:t,disabled:n,innerRef:o,applyAriaDisabled:s},selectedOptionsRef:l,controlsWrapperRef:a,pillGroupRef:c}=(0,i.useContext)(ae),u=e,p=Math.min(30,u.length),[m,h]=(0,i.useState)(p),{width:f}=Po(a),{width:g}=Po(o||null);return(0,i.useEffect)(()=>{p!==m&&h(p)},[p,f,g]),(0,i.useLayoutEffect)(()=>{if(l.current&&c.current){c.current&&(c.current.style.width="max-content");let S=-1,y=0;const b=l.current.offsetWidth;if([...c.current.querySelectorAll(n||s||t?".ds-pill-wrapper-value":".ds-pill-wrapper-removable, .ds-pill-wrapper-label")].map(v=>v?.offsetWidth).forEach((v,w)=>{y+=v,y+Ud(p-w-1)<=b&&(S=w)}),!(p>0&&m!==p)){const v=S+1;v!==m&&h(v)}c.current&&(c.current.style.width="fit-content")}},[l,o,u,m,c,f,g,n,s,p,t]),m||1},zd=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)(we),m=i.useMemo(()=>l||s?"value":c||u?"labelOnly":"removable",[l,s,c,u]);return(0,d.jsx)(zn,{size:"s",label:t.label,disabled:l,type:m,applyAriaDisabled:c||t.applyAriaDisabled,readOnly:u,trailingComma:n,tabIndex:-1,onRemove:h=>{u||(h.stopPropagation(),o(Y(t,a),t,h),p.current?.focus())}},t.value)},Gd=()=>{const{props:{selectedValues:e,disabled:t,applyAriaDisabled:n,readOnly:o},pillGroupRef:s}=(0,i.useContext)(we),l=e,a=Hd();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)(zd,{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)(zn,{size:"s",labelTruncated:!1,label:`+${l.length-a}`,type:"value",disabled:t,applyAriaDisabled:n,readOnly:o},"grouped")]})}),[s,l,a,t,n,o])},Kd=(0,X.AH)`
-  border: 1px solid ${({theme:e})=>e.colors.neutral["080"]};
-  border-bottom: 1px solid ${({theme:e})=>e.colors.neutral[400]};
-`,Yd=(0,X.AH)`
-  border: 1px solid ${({hasError:e,theme:t})=>e?t.colors.danger[900]:t.colors.neutral[400]};
-  ${({readOnly:e,applyAriaDisabled:t})=>e||t?Kd:""}
-`,Xd=(0,X.AH)`
-  background: ${({disabled:e,applyAriaDisabled:t,readOnly:n,theme:o})=>n||t?o.colors.neutral["050"]:e?o.colors.neutral["080"]:"#ffffff"};
-`,qd=(0,X.AH)`
-  outline: 2px solid ${({theme:e})=>e.colors.brand[700]};
-  outline-offset: -2px;
-`,Zd=(0,X.AH)`
-  border: 1px solid ${({theme:e})=>e.colors.brand[600]};
-`,Jd=(0,T.I)(ee.Ay,{name:ot,slot:dt.INPUT_WRAPPER})`
-  ${Xd}
-  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: ${rs.th.breakpoint("small")}) {
-    padding: 1.25px 0px 1.25px 8px;
-  }
-  margin: ${({inline:e})=>e?"10px 16px":""};
-  ${Yd}
-  &:hover {
-    ${({disabled:e})=>e?"":Zd}
-  }
-  &:focus-within {
-    ${qd}
-  }
-`,Qd=T.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":""};
-`,ec=T.I.div`
-  font-size: 1rem;
-  margin-right: 3px;
-  display: flex;
-`,tc=(0,T.I)(ee.Ay)`
-  height: 100%;
-  .em-ds-button--text:focus::after {
-    border: none;
-  }
-`,Du=T.I.div``,nc=T.I.span`
-  height: 100%;
-  width: 1px;
-  background-color: ${({theme:e})=>e.colors.neutral[400]};
-`,oc=()=>{const{internalRef:e,inputValue:t,hasFocus:n,setMenuState:o,selectedOptionsRef:s,props:{applyAriaDisabled:l,readOnly:a,isMenuOpenableWithReadOnly:c}}=(0,i.useContext)(we),u=".ds-pill-wrapper-removable button";return{onKeyDownPills:(0,i.useCallback)(m=>{if(!(l||a&&!c)&&(m.key==="ArrowLeft"||m.key==="ArrowRight"||m.key==="ArrowUp"||m.key==="ArrowDown")&&t===""){if(m.key==="ArrowUp"||m.key==="ArrowDown"){e.current?.focus(),o(!0,"open",m);return}if(m.key==="ArrowLeft"){const h=s.current?.querySelectorAll(u);n&&h&&h[h.length-1]?.focus()}m.key==="ArrowRight"&&(m.preventDefault(),e.current?.focus())}},[t,e,o,s,n,l,a,c])}},sc=()=>{const{props:e,props:{inline:t,disabled:n,hasError:o,selectedValues:s,applyAriaDisabled:l,readOnly:a,isMenuOpenableWithReadOnly:c},selectedOptionsRef:u,setMenuState:p,setFocusOptionIdx:m,hasFocus:h,inputValue:f,listRef:g,focusOptionIdx:S,menuState:y,controlsWrapperRef:b,internalRef:x,shouldPreventContextMenuOpening:A}=(0,i.useContext)(we),{getOwnerProps:v,getOwnerPropsArguments:w}=(0,K.j)(e),O=(0,i.useCallback)(()=>{if(!n){if(l||A){x.current?.focus();return}if(h&&y&&!t){p(!1,"click"),m(""),x.current?.blur();return}x.current?.focus(),p(!0,"click")}},[n,g,h,y,t,p,S,a,l,c]),_=(0,i.useCallback)(U=>{l||(y||n||A?U.stopPropagation():(x.current?.focus(),p(!0,"pill-click")))},[l,y,n,x,p,A]),M=(0,i.useCallback)(U=>{(document.activeElement===x.current||t)&&U.preventDefault()},[x,t]),{onKeyDownPills:k}=oc(),D=(0,i.useMemo)(()=>t?["minmax(0px, auto)"]:["minmax(0px,max-content)","minmax(20px, auto)","8px","2.231rem"],[t]);return(0,d.jsxs)(Jd,{getOwnerProps:v,getOwnerPropsArguments:w,innerRef:b,readOnly:a,cols:D,disabled:n,applyAriaDisabled:l,hasError:o,inline:t,onClick:O,onMouseDown:M,onKeyDown:k,"aria-disabled":l,"data-testid":Fe.CONTROLS_WRAPPER,children:[!t&&(0,d.jsx)(ec,{innerRef:u,onClick:_,children:Array.isArray(s)?(0,d.jsx)(Gd,{}):(0,d.jsx)(Qd,{readOnly:a,"data-testid":Fe.SELECTED_VALUES,disabled:n,applyAriaDisabled:l,children:s&&f===""?(0,d.jsx)(qn.n,{value:s.label}):null})}),(0,d.jsx)(Ar,{}),(0,d.jsx)("div",{}),!t&&(0,d.jsxs)(tc,{justifyItems:"center",cols:["min-content","minmax(28px,max-content)"],justifyContent:"flex-end",children:[(0,d.jsx)(nc,{disabled:n,applyAriaDisabled:l,readOnly:a}),(0,d.jsx)(Or,{})]})]})};function $t(e,t,n){let o=n.initialDeps??[],s;function l(){var a,c,u,p;let m;n.key&&((a=n.debug)!=null&&a.call(n))&&(m=Date.now());const h=e();if(!(h.length!==o.length||h.some((S,y)=>o[y]!==S)))return s;o=h;let g;if(n.key&&((c=n.debug)!=null&&c.call(n))&&(g=Date.now()),s=t(...h),n.key&&((u=n.debug)!=null&&u.call(n))){const S=Math.round((Date.now()-m)*100)/100,y=Math.round((Date.now()-g)*100)/100,b=y/16,x=(A,v)=>{for(A=String(A);A.length<v;)A=" "+A;return A};console.info(`%c\u23F1 ${x(y,5)} /${x(S,5)} ms`,`
-            font-size: .6rem;
-            font-weight: bold;
-            color: hsl(${Math.max(0,Math.min(120-120*b,120))}deg 100% 31%);`,n?.key)}return(p=n?.onChange)==null||p.call(n,s),s}return l.updateDeps=a=>{o=a},l}function Zs(e,t){if(e===void 0)throw new Error(`Unexpected undefined${t?`: ${t}`:""}`);return e}const rc=(e,t)=>Math.abs(e-t)<=1,ic=(e,t,n)=>{let o;return function(...s){e.clearTimeout(o),o=e.setTimeout(()=>t.apply(this,s),n)}},Js=e=>{const{offsetWidth:t,offsetHeight:n}=e;return{width:t,height:n}},lc=e=>e,ac=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},dc=(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(Js(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(Js(n))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(c):c()});return l.observe(n,{box:"border-box"}),()=>{l.unobserve(n)}},fn={passive:!0},Ru=(e,t)=>{const n=e.scrollElement;if(!n)return;const o=()=>{t({width:n.innerWidth,height:n.innerHeight})};return o(),n.addEventListener("resize",o,fn),()=>{n.removeEventListener("resize",o)}},Gn=typeof window>"u"?!0:"onscrollend"in window,cc=(e,t)=>{const n=e.scrollElement;if(!n)return;const o=e.targetWindow;if(!o)return;let s=0;const l=e.options.useScrollendEvent&&Gn?()=>{}:ic(o,()=>{t(s,!1)},e.options.isScrollingResetDelay),a=m=>()=>{const{horizontal:h,isRtl:f}=e.options;s=h?n.scrollLeft*(f&&-1||1):n.scrollTop,l(),t(s,m)},c=a(!0),u=a(!1);u(),n.addEventListener("scroll",c,fn);const p=e.options.useScrollendEvent&&Gn;return p&&n.addEventListener("scrollend",u,fn),()=>{n.removeEventListener("scroll",c),p&&n.removeEventListener("scrollend",u)}},ku=(e,t)=>{const n=e.scrollElement;if(!n)return;const o=e.targetWindow;if(!o)return;let s=0;const l=e.options.useScrollendEvent&&Gn?()=>{}:debounce(o,()=>{t(s,!1)},e.options.isScrollingResetDelay),a=m=>()=>{s=n[e.options.horizontal?"scrollX":"scrollY"],l(),t(s,m)},c=a(!0),u=a(!1);u(),n.addEventListener("scroll",c,fn);const p=e.options.useScrollendEvent&&Gn;return p&&n.addEventListener("scrollend",u,fn),()=>{n.removeEventListener("scroll",c),p&&n.removeEventListener("scrollend",u)}},uc=(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"]},Nu=(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})},pc=(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 mc{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:lc,rangeExtractor:ac,onChange:()=>{},measureElement:uc,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=$t(()=>(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=$t(()=>[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=$t(()=>[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(m=>{this.itemSizeCache.set(m.key,m.size)}));const u=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const p=this.measurementsCache.slice(0,u);for(let m=u;m<n;m++){const h=l(m),f=this.options.lanes===1?p[m-1]:this.getFurthestMeasurement(p,m),g=f?f.end+this.options.gap:o+s,S=c.get(h),y=typeof S=="number"?S:this.options.estimateSize(m),b=g+y,x=f?f.lane:m%this.options.lanes;p[m]={index:m,start:g,size:y,end:b,key:h,lane:x}}return this.measurementsCache=p,p},{key:!1,debug:()=>this.options.debug}),this.calculateRange=$t(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(n,o,s,l)=>this.range=n.length>0&&o>0?hc({measurements:n,outerSize:o,scrollOffset:s,lanes:l}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=$t(()=>{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=$t(()=>[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 Zs(o[Qs(0,o.length-1,s=>Zs(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[m]=p,h=this.getScrollOffset();rc(m,h)||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 Qs=(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 hc({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=Qs(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(m=>m<n+t);){const m=e[c];u[m.lane]=m.end,c++}const p=Array(o).fill(n+t);for(;a>=0&&p.some(m=>m>=n);){const m=e[a];p[m.lane]=m.start,a--}a=Math.max(0,a-a%o),c=Math.min(s,c+(o-1-c%o))}return{startIndex:a,endIndex:c}}const er=typeof document<"u"?i.useLayoutEffect:i.useEffect;function tr(e){const t=i.useReducer(()=>({}),{})[1],n={...e,onChange:(s,l)=>{var a;l?(0,ce.flushSync)(t):t(),(a=e.onChange)==null||a.call(e,s,l)}},[o]=i.useState(()=>new mc(n));return o.setOptions(n),er(()=>o._didMount(),[]),er(()=>o._willUpdate()),o}function fc(e){return tr({observeElementRect:dc,observeElementOffset:cc,scrollToFn:pc,...e})}function ju(e){return tr({getScrollElement:()=>typeof document<"u"?window:null,observeElementRect:observeWindowRect,observeElementOffset:observeWindowOffset,scrollToFn:windowScroll,initialOffset:()=>typeof document<"u"?window.scrollY:0,...e})}const bc={estimateSize:()=>36},nr={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")},Vt="DSFastlist",Kn={CONTAINER:"container",WRAPPER_LIST:"wrapper-list",ITEM:"item"},Lu=(0,ge.lD)(Vt,Kn),gc=(e,t)=>{(0,$.D)(e,t,Vt)},yc=e=>{const t=(0,q.b)(e,bc);gc(t,nr);const{actionRef:n,count:o,estimateSize:s}=t,l=i.useRef(null),a=fc({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,ne.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])},xc=(0,T.I)("div",{name:Vt,slot:Kn.WRAPPER_LIST})`
-  width: 100%;
-  position: relative;
-`,Sc=(0,T.I)("div",{name:Vt,slot:Kn.ITEM})`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-`,Ic=(0,T.I)("div",{name:Vt,slot:Kn.CONTAINER})`
-  overflow: auto;
-  width: 100%;
-  height: 100%;
-  padding-bottom: 0;
-`,Ac=e=>{const{parentRef:t,getVirtualItems:n,totalSize:o,instanceUid:s,measureElement:l}=yc(e),{ItemRenderer:a,extraItemProps:c,getId:u}=e,p=n(),m=i.useCallback(g=>l(g),[l]),h=(0,i.useCallback)(()=>e,[e]),f=(0,W.u)(e);return(0,d.jsx)(Ic,{innerRef:t,tabIndex:-1,getOwnerProps:h,...f,children:(0,d.jsx)(xc,{style:{height:`${o+.5}px`},role:"list",getOwnerProps:h,children:p.map(g=>{const{index:S,start:y}=g;return(0,d.jsx)(Sc,{innerRef:m,"data-index":S,style:{transform:`translateY(${y}px)`},role:"listitem",getOwnerProps:h,getOwnerPropsArguments:()=>({index:u(S)}),children:(0,d.jsx)(a,{extraItemProps:c,index:S})},u(S))})})},s)},Co=e=>(0,d.jsx)(Ac,{...e});Co.displayName=Vt;const vc=(0,z.A)(Co).description("DSFastList");vc.propTypes=nr;const Oc=(0,T.I)(ee.Ay)`
-  min-width: ${({inline:e,minWidth:t})=>e?"100%":`${String(t)}px`};
-  width: ${({width:e})=>`${e}px`};
-  background-color: #ffffff;
-  z-index: 100;
-`,wc=T.I.span`
-  font-weight: bold;
-  font-style: italic;
-`,Tc=T.I.span`
-  word-break: break-all;
-`,Ec=T.I.div`
-  padding: 14px;
-`,Mc=(0,T.I)("section",{name:et,slot:tt.SECTION_WRAPPER})`
-  list-style: none;
-  min-height: 24px;
-  display: grid;
-  align-items: center;
-`,Pc=(0,T.I)("header",{name:et,slot:tt.SECTION_LABEL})`
-  display: flex;
-  align-items: center;
-  padding: 0px 16px;
-  min-height: 24px;
-  font-size: 1rem;
-  color: neutral-500;
-`,Cc=(0,T.I)(ln,{name:et,slot:tt.SINGLE_MENU_ITEM})``,_c=i.memo(e=>{const{label:t,wrapperStyles:n,focusOptionIdx:o,selectedValues:s,innerRef:l,handleOnMouseDown:a,options:c,handleClick:u,getOwnerProps:p,getOwnerPropsArguments:m}=e,h=`${t.replace(/ /g,"")}-section`,f=Array.isArray(s)?an:Cc;return(0,d.jsxs)(Mc,{role:"group","aria-labelledby":h,style:n,innerRef:l,getOwnerProps:p,getOwnerPropsArguments:m,children:[(0,d.jsx)(Pc,{id:h,role:"presentation",getOwnerProps:p,getOwnerPropsArguments:m,children:t}),c?.map(g=>{const{dsId:S,type:y,value:b,label:x,readOnly:A,disabled:v,applyAriaDisabled:w,render:O,..._}=g;return y===Ie.SEPARATOR?(0,d.jsx)(dn,{},S):(0,i.createElement)(f,{getOwnerProps:p,getOwnerPropsArguments:m,value:b,label:x,dataTestid:Fe.OPTION,disabled:v,applyAriaDisabled:w||A,onClick:M=>{w||u(g,M)},onMouseDown:a,isActive:S===o,isSelected:J(s,g),tabIndex:-1,..._,key:g.dsId,dsId:g.dsId})})]})}),or=(0,T.I)(ln,{name:et,slot:tt.SINGLE_MENU_ITEM,preserveLegacyDataTestId:!0})``,Dc=(0,T.I)(an,{name:et,slot:tt.MULTI_MENU_ITEM,preserveLegacyDataTestId:!0})``,Rc=({index:e,extraItemProps:t})=>{const{props:n,props:{onCreate:o,onChange:s,isNonClearable:l,selectedValues:a,onFilter:c,allOptions:u,readOnly:p},setMenuState:m,inputValue:h,focusOptionIdx:f,setInputValue:g,optionsPerSection:S}=(0,i.useContext)(ae),{getOwnerProps:y}=(0,K.j)(n),b=(0,i.useCallback)(()=>({index:e}),[e]),x=t?.itemList?.[e],A=Array.isArray(a),v=A?Dc:or,w=(0,i.useCallback)(()=>{h&&o&&(o(h),g(""),c&&c(u,h))},[c,o,h,u,g]),O=(0,i.useCallback)((M,k)=>{p||(M.type===Ie.OPTION&&(M.disabled||(c&&c(u,h),g(""),A||m(!1,"selectOption",k),s(Y(M,a,l),M,k))),k.stopPropagation(),k.preventDefault())},[c,a,u,s,m,A]),_=(0,i.useCallback)(M=>{M.preventDefault()},[]);return(0,i.useMemo)(()=>{if(x){const{dsId:M,type:k,disabled:D,applyAriaDisabled:U,readOnly:F,...I}=x,C={key:`${M}`,dsId:M.toString(),...I};return k===Ie.SECTION?(0,d.jsx)(_c,{label:x.label,...C,options:x.options,handleClick:O,focusOptionIdx:f,handleOnMouseDown:_,selectedValues:a,getOwnerProps:y,getOwnerPropsArguments:b}):k===Ie.SEPARATOR?(0,d.jsx)(dn,{...C,render:void 0}):x.type===Ie.OPTION?(0,d.jsx)(v,{...C,value:x.value,label:x.label,dataTestid:Fe.OPTION,disabled:D,applyAriaDisabled:U||F,onClick:P=>{U||O(x,P)},onMouseDown:_,isActive:M===f,tabIndex:-1,isSelected:J(a,x),getOwnerProps:y,getOwnerPropsArguments:b}):k===Tt.CREATABLE?(0,d.jsx)(or,{getOwnerProps:y,getOwnerPropsArguments:b,dataTestid:Fe.OPTION,isActive:M===f,...C,render:({label:P})=>(0,d.jsxs)(ee.Ay,{p:"8px",cols:["min-content","auto"],gutter:"xxs",alignItems:"center",children:[(0,d.jsx)(wc,{children:"Add:"}),(0,d.jsx)(Tc,{children:`"${P}"`})]}),label:x.label,onClick:w}):null}return null},[S,f,a,u,o,h,p])};var kc=E("./node_modules/.pnpm/@elliemae+ds-circular-progress-indicator@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-circular-progress-indicator/dist/esm/v2/DSCircularIndeterminateIndicator.js");const Nc=T.I.div`
-  display: flex;
-  justify-content: center;
-  height: 56px;
-`,jc=(0,T.I)(kc.p,{name:et,slot:tt.LOADING_INDICATOR})``,Lc=({getOwnerProps:e})=>(0,d.jsx)(Nc,{id:"combobox-list",children:(0,d.jsx)(jc,{size:"m",getOwnerProps:e})});var Wu=null;const Wc=(0,T.I)(cn,{name:et,slot:tt.SKELETON_MENU_ITEM,preserveLegacyDataTestId:!0})``,Fc=({instanceUid:e,getOwnerProps:t})=>{const n=[0,1,2,3,4];return(0,d.jsx)(ee.Ay,{id:`combo-listbox-${e}`,children:n.map((o,s)=>(0,d.jsx)(Wc,{dsId:s.toString(),role:"presentation",getOwnerProps:t},o))})},$c=(0,T.I)(Co,{name:et,slot:tt.FAST_LIST})``,Vc=(0,T.I)(ee.Ay)`
-  max-height: ${({maxHeight:e})=>e?`${String(e)}px`:"300px"};
-`,Bc=()=>32,sr=()=>{const{props:e,props:{isLoading:t,menuMinWidth:n,noOptionsMessage:o,menuMaxHeight:s,onCreate:l,inline:a,isSkeleton:c},controlsWrapperRef:u,listRef:p,wrapperListRef:m,correctOptions:h,instanceUid:f}=(0,i.useContext)(ae),{getOwnerProps:g}=(0,K.j)(e),{width:S}=Po(u),y=(0,i.useCallback)(x=>{x.preventDefault()},[]);let b;return c?b=(0,d.jsx)(Fc,{instanceUid:f,getOwnerProps:g}):t?b=(0,d.jsx)(Lc,{getOwnerProps:g}):(h?.length??0)>0||l?b=(0,d.jsx)(Vc,{maxHeight:s,id:`combo-listbox-${f}`,children:(0,d.jsx)($c,{dsFastlistWrapperList:{role:"listbox","data-testid":Fe.LIST,"aria-label":"listbox"},dsFastlistItem:{role:"none"},actionRef:p,count:h.length,ItemRenderer:Rc,extraItemProps:{itemList:h},getId:x=>h[x].dsId,estimateSize:Bc,getOwnerProps:g})}):b=(0,d.jsx)(Ec,{id:`combo-listbox-${f}`,"data-testid":Fe.NO_MATCHES_FOUND,role:"alert",children:o}),(0,d.jsx)(Oc,{innerRef:m,inline:a,onMouseDown:y,width:S,minWidth:n,children:b})},rr=T.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;
-`,Uc=()=>{const{props:{onCreate:e},hasFocus:t}=(0,i.useContext)(we),n=e?(0,d.jsx)("span",{id:"aria-creatable",children:"press enter to create the option"}):"";return(0,d.jsx)(rr,{"data-testid":Fe.ALLY_SELECTED_VALUES,"aria-live":"polite","aria-atomic":"false","aria-relevant":"additions text",children:t&&n})},Hc=i.memo(({message:e})=>(0,d.jsx)(rr,{"aria-live":"assertive","aria-relevant":"all",children:e}));function zc(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 Gc=()=>{const{props:e,internalRef:t,setMenuState:n,menuState:o}=(0,i.useContext)(we),{inline:s,startPlacementPreference:l,placementOrderPreference:a,isLoading:c,isSkeleton:u,applyAriaDisabled:p}=e,m=(0,W.u)(e),{zIndex:h,...f}=(0,L.d)(e),{getOwnerProps:g,getOwnerPropsArguments:S}=(0,K.j)(e),y=h?parseInt(h,10):void 0,{className:b,"data-testid":x}=m,A=(0,i.useCallback)(D=>{D.preventDefault()},[]),v=(0,i.useCallback)(()=>{n(!1,"blur"),t?.current&&t.current.blur()},[t,n]);(0,i.useEffect)(()=>{const D=()=>{o&&n(!1,"blur")};return window.addEventListener("blur",D),()=>{window.removeEventListener("blur",D)}},[o,n]);const w=(0,i.useMemo)(()=>({placement:"bottom",withoutAnimation:!0,startPlacementPreference:l,placementOrderPreference:a,zIndex:y,customOffset:[0,5],handleCloseMenu:v,externallyControlledIsOpen:o}),[l,a,y,v,o]),{refs:O,floatingStyles:_,context:M}=Ke(w),k=(0,i.useCallback)(()=>{n(!1,"blur")},[n]);return zc(O.reference,k,O.floating),(0,d.jsxs)(cr,{"data-testid":x??Fe.CONTAINER,innerRef:O.setReference,className:b,applyAriaDisabled:p,...f,getOwnerProps:g,getOwnerPropsArguments:S,children:[(0,d.jsx)(Uc,{}),(0,d.jsx)(sc,{}),o&&s?(0,d.jsx)(sr,{}):null,o&&!s&&O.reference?(0,i.createElement)(Qt,{innerRef:O.setFloating,floatingStyles:_,isOpen:o,context:M,...e.popperProps,key:`${c}${u}`},(0,d.jsx)(ur,{tabIndex:-1,onMouseDown:A,applyAriaDisabled:p,children:(0,d.jsx)(sr,{})})):null]})},Fu={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,width:"1px",position:"absolute"},_o=e=>{const t=G(e);return(0,d.jsxs)(ae.Provider,{value:t,children:[(0,d.jsx)(Gc,{}),(0,d.jsx)(Hc,{message:e.isLoading||e.isSkeleton?"Loading options please wait":""})]})};_o.displayName="DSComboBox";const Kc=(0,z.A)(_o);Kc.propTypes=ht},"./node_modules/.pnpm/@elliemae+ds-icons@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/ChevronRight.js"(mt,Se,E){E.d(Se,{A:()=>z});var i=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),d=E("./node_modules/.pnpm/@elliemae+ds-icons@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/createIcon.js"),z=(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.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/ChevronSmallDown.js"(mt,Se,E){E.d(Se,{A:()=>q});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"),z=E("./node_modules/.pnpm/@elliemae+ds-icons@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/SvgIcon.js"),q=$=>(0,d.jsx)(z.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"(mt,Se,E){E.d(Se,{$Z:()=>z,xp:()=>d});var i=E("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js");const d=200,z=300,ne=null,q="am",$="pm",Me="ArrowUp",ke="ArrowDown",qe="Backspace",ae="Escape",we="Home",le="Shift",r="End",Ut={min:0,max:12},ht={min:0,max:24},ot={min:0,max:59},dt={hour:"hour",minutes:"minutes",seconds:"seconds",meridiem:"meridiem"}},"./node_modules/.pnpm/@elliemae+ds-popperjs@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-popperjs/dist/esm/index.js"(mt,Se,E){E.d(Se,{B2:()=>He});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"),z=E("./node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js"),ne=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),q=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js");const $=18,Me=18,ke=q.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: ${G=>G["data-placement"].startsWith("top")||G["data-placement"].startsWith("bottom")?`-${$/2}px;`:"0;"};
-  margin-top: ${G=>G["data-placement"].startsWith("left")||G["data-placement"].startsWith("right")?`-${Me/2}px;`:"0;"};
-`,qe=({placement:G,style:W,arrowElementRef:L})=>(0,d.jsx)(ke,{"data-placement":G,style:W,innerRef:L,"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 ae=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"),we=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),le=E("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/system.js");const r=(0,ae.i7)`
-    from {
-      opacity: 0;
-      transform: scale(0.8);
-    }
-
-    to {
-      opacity: 1;
-      transform: scale(1);
-      visibility: visible;
-    }
-`,Ut=(0,ae.i7)`
-    from {
-      opacity: 1;
-      transform: scale(1);
-    }
-
-    to {
-      opacity: 0;
-      transform: scale(0.8);
-      visibility: hidden;
-    }
-`,ht=(0,q.I)("div")`
-  z-index: ${({theme:G,zIndex:W})=>W??G.zIndex.popper};
-  ${we.L1}
-`,ot=q.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:G,animationDuration:W,withoutAnimation:L})=>!L&&(0,le.AH)`
-      animation: ${G?r:Ut} ${W}ms ease-in;
-    `}
-`,dt=({setPopperElement:G,popperStyles:W,popperAttributes:L,children:K,showPopover:me,setArrowElement:be,setIsAnimating:he,arrowStyle:ie,withoutArrow:ve,withoutAnimation:se,animationDuration:de,zIndex:je,globalAttrs:ze,xStyledAttrs:Le})=>{const We=(0,i.useCallback)(()=>{!me&&!se&&he(!1)},[me,se,he]),Ge=(0,i.useMemo)(()=>(0,d.jsxs)(d.Fragment,{children:[K,ve===!1?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(qe,{arrowElementRef:be,style:ie,placement:L?L["data-popper-placement"]:"bottom"}),(0,d.jsx)("div",{ref:be,style:ie})]}):null]}),[K,ve,ie,L,be]);return(0,d.jsx)(ht,{innerRef:G,role:"region","aria-label":"popover menu",style:W,...L,...ze,...Le,zIndex:je,children:(0,d.jsx)(ot,{showPopover:me,animationDuration:de,withoutAnimation:se,onAnimationEnd:We,children:Ge})})};var Ie=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),Tt=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@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 N(G,W){(0,i.useEffect)(()=>{const L=K=>{!G||G?.contains?.(K.target)||W(K)};return document.addEventListener("mousedown",L),document.addEventListener("touchstart",L),()=>{document.removeEventListener("mousedown",L),document.removeEventListener("touchstart",L)}},[G,W])}var B=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js");const j=({props:G,arrowElement:W,defaultProps:L})=>{const{boundaryElement:K,withoutArrow:me=!1,placementOrderPreference:be=["top","bottom","left","right"],customOffset:he=void 0}=G,ie=(0,i.useMemo)(()=>{const se=[];if(se.push({name:"hide",enabled:!0}),se.push({name:"flip",options:{fallbackPlacements:be}}),!me||he){const de=he||L.customOffset;se.push({name:"offset",enabled:!0,options:{offset:de}})}return me||se.push({name:"arrow",options:{element:W,padding:18}}),K&&se.push({name:"preventOverflow",options:{boundary:K}}),se},[W,L,K,me,be,he]),{modifiers:ve=ie}=G;return(0,i.useMemo)(()=>({modifiers:ve}),[ve])},Z=()=>{},J={},Te=({props:G,arrowElement:W})=>{const L=(0,i.useMemo)(()=>({referenceElement:null,showPopover:!1,closeContextMenu:Z,onClickOutside:Z,withoutPortal:!1,withoutArrow:!1,withoutAnimation:!1,animationDuration:100,portalDOMContainer:document.body,startPlacementPreference:"top",placementOrderPreference:["top","bottom","left","right"],extraPopperStyles:J,customOffset:[0,14]}),[]),{modifiers:K}=j({props:G,arrowElement:W,defaultProps:L});return(0,i.useMemo)(()=>({...L,modifiers:K}),[K,L])},Pe=({props:G,arrowElement:W})=>{const L=Te({props:G,arrowElement:W});return(0,B.b)(G,L)},Ce=G=>{const[W,L]=(0,i.useState)(null),[K,me]=(0,i.useState)(null),[be,he]=(0,i.useState)(!1),ie=Pe({props:G,arrowElement:K}),{referenceElement:ve,closeContextMenu:se,onClickOutside:de,modifiers:je,startPlacementPreference:ze}=ie,Le=(0,i.useMemo)(()=>({placement:ze,modifiers:je}),[je,ze]),We=(0,R.E)(ve,W,Le),{showPopover:Ge,withoutAnimation:rt}=ie;(0,i.useEffect)(()=>{Ge&&!rt&&he(!0)},[Ge,rt]),(0,i.useEffect)(()=>{ie.actionRef&&(ie.actionRef.current.update=We.update)},[ie.actionRef,We.update]),N(W,Je=>{ve?.contains?.(Je?.target)||(de(Je),se())});const Oe=(0,Ie.u)(ie),Ze=(0,Tt.d)(ie);return(0,i.useMemo)(()=>({props:ie,popperElement:W,setPopperElement:L,arrowElement:K,setArrowElement:me,popoverHelper:We,isAnimating:be,setIsAnimating:he,globalAttrs:Oe,xStyledAttrs:Ze}),[ie,W,K,We,be,Oe,Ze])};var Ae=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/globalAttributesPropTypes.js"),st=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js"),Y=E("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@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"],ft={...Ae.P,...st.w,children:Y.A.node.description("The content of the popper").isRequired,referenceElement:Y.A.oneOfType([Y.A.node,Y.A.oneOf([null])]).description("The DOM element that needs to be used as a reference for positioning the popper.").isRequired,showPopover:Y.A.bool.description("whether or not to show the popper content").isRequired,closeContextMenu:Y.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:Y.A.bool.description("Whether or not the popper content should appear in a DOM portal or not").defaultValue(!0),withoutArrow:Y.A.bool.description("Whether or not the popper context menu should print the arrow").defaultValue(!1),withoutAnimation:Y.A.bool.description("Whether or not the popper context menu should be animated").defaultValue(!1),animationDuration:Y.A.number.description("Popper context menus Animation duration in ms").defaultValue(100),startPlacementPreference:Y.A.oneOf(Ne).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),placementOrderPreference:Y.A.arrayOf(Y.A.oneOf(Ne)).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),zIndex:Y.A.number.description("popperjs content z-index").defaultValue("theme.zIndex.popper"),customOffset:Y.A.arrayOf(Y.A.number).description("placement offset array").defaultValue("[0,14]"),extraPopperStyles:Y.A.object.description("Extra object styles to attach to the popper element").defaultValue({}),onClickOutside:Y.A.func.description("Callback triggered when clicking outside the popper").defaultValue(()=>null),boundaryElement:Y.A.oneOfType([Y.A.node,Y.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:Y.A.oneOfType([Y.A.node,Y.A.oneOf([null])]).description("When using portal, the container in which to append the DOM content, defaults to document body"),modifiers:Y.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:Y.A.object.description("Ref object to access the popperjs instance methods")},He=G=>{const{props:{showPopover:W,withoutAnimation:L,animationDuration:K,withoutPortal:me,withoutArrow:be,portalDOMContainer:he,zIndex:ie,extraPopperStyles:ve},globalAttrs:se,xStyledAttrs:de,setPopperElement:je,setArrowElement:ze,setIsAnimating:Le,popoverHelper:We,isAnimating:Ge}=Ce(G),{children:rt}=G,{styles:Oe,attributes:Ze}=We,Je=(0,i.useMemo)(()=>(0,d.jsx)(dt,{setPopperElement:je,popperStyles:{...Oe.popper,...ve},popperAttributes:Ze.popper,setArrowElement:ze,arrowStyle:Oe.arrow,withoutArrow:be,withoutAnimation:L,animationDuration:K,zIndex:ie,showPopover:W,setIsAnimating:Le,globalAttrs:se,xStyledAttrs:de,children:rt}),[Ze.popper,rt,Le,W,ve,ze,je,Oe.arrow,Oe.popper,be,L,K,ie,se,de]);if(W||Ge){if(me===!0)return Je;if(he&&me===!1)return(0,d.jsx)(d.Fragment,{children:(0,z.createPortal)(Je,he)})}return null};He.displayName="DSPopperJS";const Ht=(0,ne.A)(He).description("A dimsum custom styling wrapper on top of popperjs");Ht.propTypes=ft;var bn=null},"./node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.js"(mt,Se,E){E.d(Se,{A:()=>q});var i=E("./node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseClone.js"),d=1,z=4;function ne($){return(0,i.A)($,d|z)}const q=ne},"./node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/throttle.js"(mt,Se,E){E.d(Se,{A:()=>q});var i=E("./node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/debounce.js"),d=E("./node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isObject.js"),z="Expected a function";function ne($,Me,ke){var qe=!0,ae=!0;if(typeof $!="function")throw new TypeError(z);return(0,d.A)(ke)&&(qe="leading"in ke?!!ke.leading:qe,ae="trailing"in ke?!!ke.trailing:ae),(0,i.A)($,Me,{leading:qe,maxWait:Me,trailing:ae})}const q=ne},"./node_modules/.pnpm/react-virtual@2.10.4/node_modules/react-virtual/dist/react-virtual.mjs"(mt,Se,E){E.d(Se,{z:()=>dt});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 N=1;N<arguments.length;N++){var B=arguments[N];for(var j in B)Object.prototype.hasOwnProperty.call(B,j)&&(R[j]=B[j])}return R},d.apply(this,arguments)}function z(R,N){if(R==null)return{};var B={},j=Object.keys(R),Z,J;for(J=0;J<j.length;J++)Z=j[J],!(N.indexOf(Z)>=0)&&(B[Z]=R[Z]);return B}var ne=["bottom","height","left","right","top","width"],q=function(N,B){return N===void 0&&(N={}),B===void 0&&(B={}),ne.some(function(j){return N[j]!==B[j]})},$=new Map,Me,ke=function R(){var N=[];$.forEach(function(B,j){var Z=j.getBoundingClientRect();q(Z,B.rect)&&(B.rect=Z,N.push(B))}),N.forEach(function(B){B.callbacks.forEach(function(j){return j(B.rect)})}),Me=window.requestAnimationFrame(R)};function qe(R,N){return{observe:function(){var j=$.size===0;$.has(R)?$.get(R).callbacks.push(N):$.set(R,{rect:void 0,hasRectChanged:!1,callbacks:[N]}),j&&ke()},unobserve:function(){var j=$.get(R);if(j){var Z=j.callbacks.indexOf(N);Z>=0&&j.callbacks.splice(Z,1),j.callbacks.length||$.delete(R),$.size||cancelAnimationFrame(Me)}}}}var ae=typeof window<"u"?i.useLayoutEffect:i.useEffect;function we(R,N){N===void 0&&(N={width:0,height:0});var B=i.useState(R.current),j=B[0],Z=B[1],J=i.useReducer(le,N),Te=J[0],Pe=J[1],Ce=i.useRef(!1);return ae(function(){R.current!==j&&Z(R.current)}),ae(function(){if(j&&!Ce.current){Ce.current=!0;var Ae=j.getBoundingClientRect();Pe({rect:Ae})}},[j]),i.useEffect(function(){if(j){var Ae=qe(j,function(st){Pe({rect:st})});return Ae.observe(),function(){Ae.unobserve()}}},[j]),Te}function le(R,N){var B=N.rect;return R.height!==B.height||R.width!==B.width?B:R}var r=function(){return 50},Ut=function(N){return N},ht=function(N,B){var j=B?"offsetWidth":"offsetHeight";return N[j]},ot=function(N){for(var B=Math.max(N.start-N.overscan,0),j=Math.min(N.end+N.overscan,N.size-1),Z=[],J=B;J<=j;J++)Z.push(J);return Z};function dt(R){var N,B=R.size,j=B===void 0?0:B,Z=R.estimateSize,J=Z===void 0?r:Z,Te=R.overscan,Pe=Te===void 0?1:Te,Ce=R.paddingStart,Ae=Ce===void 0?0:Ce,st=R.paddingEnd,Y=st===void 0?0:st,Ne=R.parentRef,ft=R.horizontal,He=R.scrollToFn,Ht=R.useObserver,bn=R.initialRect,G=R.onScrollElement,W=R.scrollOffsetFn,L=R.keyExtractor,K=L===void 0?Ut:L,me=R.measureSize,be=me===void 0?ht:me,he=R.rangeExtractor,ie=he===void 0?ot:he,ve=ft?"width":"height",se=ft?"scrollLeft":"scrollTop",de=i.useRef({scrollOffset:0,measurements:[]}),je=i.useState(0),ze=je[0],Le=je[1];de.current.scrollOffset=ze;var We=Ht||we,Ge=We(Ne,bn),rt=Ge[ve];de.current.outerSize=rt;var Oe=i.useCallback(function(te){Ne.current&&(Ne.current[se]=te)},[Ne,se]),Ze=He||Oe;He=i.useCallback(function(te){Ze(te,Oe)},[Oe,Ze]);var Je=i.useState({}),bt=Je[0],zt=Je[1],Yn=i.useCallback(function(){return zt({})},[]),gt=i.useRef([]),ct=i.useMemo(function(){var te=gt.current.length>0?Math.min.apply(Math,gt.current):0;gt.current=[];for(var ce=de.current.measurements.slice(0,te),Q=te;Q<j;Q++){var T=K(Q),X=bt[T],ge=ce[Q-1]?ce[Q-1].end:Ae,pe=typeof X=="number"?X:J(Q),fe=ge+pe;ce[Q]={index:Q,start:ge,size:pe,end:fe,key:T}}return ce},[J,bt,Ae,j,K]),gn=(((N=ct[j-1])==null?void 0:N.end)||Ae)+Y;de.current.measurements=ct,de.current.totalSize=gn;var yt=G?G.current:Ne.current,Gt=i.useRef(W);Gt.current=W,ae(function(){if(!yt){Le(0);return}var te=function(Q){var T=Gt.current?Gt.current(Q):yt[se];Le(T)};return te(),yt.addEventListener("scroll",te,{capture:!1,passive:!0}),function(){yt.removeEventListener("scroll",te)}},[yt,se]);var yn=Tt(de.current),xn=yn.start,Sn=yn.end,Kt=i.useMemo(function(){return ie({start:xn,end:Sn,overscan:Pe,size:ct.length})},[xn,Sn,Pe,ct.length,ie]),In=i.useRef(be);In.current=be;var Xn=i.useMemo(function(){for(var te=[],ce=function(ge,pe){var fe=Kt[ge],qt=ct[fe],it=d(d({},qt),{},{measureRef:function(Et){if(Et){var Zt=In.current(Et,ft);if(Zt!==it.size){var ut=de.current.scrollOffset;it.start<ut&&Oe(ut+(Zt-it.size)),gt.current.push(fe),zt(function(xe){var Jt;return d(d({},xe),{},(Jt={},Jt[it.key]=Zt,Jt))})}}}});te.push(it)},Q=0,T=Kt.length;Q<T;Q++)ce(Q);return te},[Kt,Oe,ft,ct]),An=i.useRef(!1);ae(function(){An.current&&zt({}),An.current=!0},[J]);var Yt=i.useCallback(function(te,ce){var Q=ce===void 0?{}:ce,T=Q.align,X=T===void 0?"start":T,ge=de.current,pe=ge.scrollOffset,fe=ge.outerSize;X==="auto"&&(te<=pe?X="start":te>=pe+fe?X="end":X="start"),X==="start"?He(te):X==="end"?He(te-fe):X==="center"&&He(te-fe/2)},[He]),Xt=i.useCallback(function(te,ce){var Q=ce===void 0?{}:ce,T=Q.align,X=T===void 0?"auto":T,ge=z(Q,["align"]),pe=de.current,fe=pe.measurements,qt=pe.scrollOffset,it=pe.outerSize,Qe=fe[Math.max(0,Math.min(te,j-1))];if(Qe){if(X==="auto")if(Qe.end>=qt+it)X="end";else if(Qe.start<=qt)X="start";else return;var Et=X==="center"?Qe.start+Qe.size/2:X==="end"?Qe.end:Qe.start;Yt(Et,d({align:X},ge))}},[Yt,j]),Ke=i.useCallback(function(){for(var te=arguments.length,ce=new Array(te),Q=0;Q<te;Q++)ce[Q]=arguments[Q];Xt.apply(void 0,ce),requestAnimationFrame(function(){Xt.apply(void 0,ce)})},[Xt]);return{virtualItems:Xn,totalSize:gn,scrollToOffset:Yt,scrollToIndex:Ke,measure:Yn}}var Ie=function(N,B,j,Z){for(;N<=B;){var J=(N+B)/2|0,Te=j(J);if(Te<Z)N=J+1;else if(Te>Z)B=J-1;else return J}return N>0?N-1:0};function Tt(R){for(var N=R.measurements,B=R.outerSize,j=R.scrollOffset,Z=N.length-1,J=function(Ae){return N[Ae].start},Te=Ie(0,Z,J,j),Pe=Te;Pe<Z&&N[Pe].end<j+B;)Pe++;return{start:Te,end:Pe}}}}]);