@workday/canvas-kit-mcp 14.3.16 → 14.3.17

package/dist/apps/modal.html

@@ -840,7 +840,7 @@ export const FullOverflow = () => {
 `;function Ja(e,t,n){let a=n.initialDeps??[],r;function i(){var o,s,l,u;let c;n.key&&((o=n.debug)!=null&&o.call(n))&&(c=Date.now());const d=e();if(!(d.length!==a.length||d.some((b,y)=>a[y]!==b)))return r;a=d;let g;if(n.key&&((s=n.debug)!=null&&s.call(n))&&(g=Date.now()),r=t(...d),n.key&&((l=n.debug)!=null&&l.call(n))){const b=Math.round((Date.now()-c)*100)/100,y=Math.round((Date.now()-g)*100)/100,I=y/16,v=(m,h)=>{for(m=String(m);m.length<h;)m=" "+m;return m};console.info(`%c⏱ ${v(y,5)} /${v(b,5)} ms`,`
             font-size: .6rem;
             font-weight: bold;
-            color: hsl(${Math.max(0,Math.min(120-120*I,120))}deg 100% 31%);`,n==null?void 0:n.key)}return(u=n==null?void 0:n.onChange)==null||u.call(n,r),r}return i.updateDeps=o=>{a=o},i}function pO(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const pce=(e,t)=>Math.abs(e-t)<=1,fce=(e,t,n)=>{let a;return function(...r){e.clearTimeout(a),a=e.setTimeout(()=>t.apply(this,r),n)}},fO=e=>{const{offsetWidth:t,offsetHeight:n}=e;return{width:t,height:n}},mce=e=>e,gce=e=>{const t=Math.max(e.startIndex-e.overscan,0),n=Math.min(e.endIndex+e.overscan,e.count-1),a=[];for(let r=t;r<=n;r++)a.push(r);return a},hce=(e,t)=>{const n=e.scrollElement;if(!n)return;const a=e.targetWindow;if(!a)return;const r=o=>{const{width:s,height:l}=o;t({width:Math.round(s),height:Math.round(l)})};if(r(fO(n)),!a.ResizeObserver)return()=>{};const i=new a.ResizeObserver(o=>{const s=()=>{const l=o[0];if(l!=null&&l.borderBoxSize){const u=l.borderBoxSize[0];if(u){r({width:u.inlineSize,height:u.blockSize});return}}r(fO(n))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(s):s()});return i.observe(n,{box:"border-box"}),()=>{i.unobserve(n)}},mO={passive:!0},gO=typeof window>"u"?!0:"onscrollend"in window,bce=(e,t)=>{const n=e.scrollElement;if(!n)return;const a=e.targetWindow;if(!a)return;let r=0;const i=e.options.useScrollendEvent&&gO?()=>{}:fce(a,()=>{t(r,!1)},e.options.isScrollingResetDelay),o=c=>()=>{const{horizontal:d,isRtl:p}=e.options;r=d?n.scrollLeft*(p&&-1||1):n.scrollTop,i(),t(r,c)},s=o(!0),l=o(!1);l(),n.addEventListener("scroll",s,mO);const u=e.options.useScrollendEvent&&gO;return u&&n.addEventListener("scrollend",l,mO),()=>{n.removeEventListener("scroll",s),u&&n.removeEventListener("scrollend",l)}},vce=(e,t,n)=>{if(t!=null&&t.borderBoxSize){const a=t.borderBoxSize[0];if(a)return Math.round(a[n.options.horizontal?"inlineSize":"blockSize"])}return e[n.options.horizontal?"offsetWidth":"offsetHeight"]},yce=(e,{adjustments:t=0,behavior:n},a)=>{var r,i;const o=e+t;(i=(r=a.scrollElement)==null?void 0:r.scrollTo)==null||i.call(r,{[a.options.horizontal?"left":"top"]:o,behavior:n})};class Sce{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 a=()=>n||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:n=new this.targetWindow.ResizeObserver(r=>{r.forEach(i=>{const o=()=>{this._measureElement(i.target,i)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(o):o()})}));return{disconnect:()=>{var r;(r=a())==null||r.disconnect(),n=null},observe:r=>{var i;return(i=a())==null?void 0:i.observe(r,{box:"border-box"})},unobserve:r=>{var i;return(i=a())==null?void 0:i.unobserve(r)}}})(),this.range=null,this.setOptions=n=>{Object.entries(n).forEach(([a,r])=>{typeof r>"u"&&delete n[a]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:mce,rangeExtractor:gce,onChange:()=>{},measureElement:vce,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 a,r;(r=(a=this.options).onChange)==null||r.call(a,this,n)},this.maybeNotify=Ja(()=>(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 a=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==a){if(this.cleanup(),!a){this.maybeNotify();return}this.scrollElement=a,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(r=>{this.observer.observe(r)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,r=>{this.scrollRect=r,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(r,i)=>{this.scrollAdjustments=0,this.scrollDirection=i?this.getScrollOffset()<r?"forward":"backward":null,this.scrollOffset=r,this.isScrolling=i,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,a)=>{const r=new Map,i=new Map;for(let o=a-1;o>=0;o--){const s=n[o];if(r.has(s.lane))continue;const l=i.get(s.lane);if(l==null||s.end>l.end?i.set(s.lane,s):s.end<l.end&&r.set(s.lane,!0),r.size===this.options.lanes)break}return i.size===this.options.lanes?Array.from(i.values()).sort((o,s)=>o.end===s.end?o.index-s.index:o.end-s.end)[0]:void 0},this.getMeasurementOptions=Ja(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(n,a,r,i,o)=>(this.pendingMeasuredCacheIndexes=[],{count:n,paddingStart:a,scrollMargin:r,getItemKey:i,enabled:o}),{key:!1}),this.getMeasurements=Ja(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:n,paddingStart:a,scrollMargin:r,getItemKey:i,enabled:o},s)=>{if(!o)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(c=>{this.itemSizeCache.set(c.key,c.size)}));const l=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const u=this.measurementsCache.slice(0,l);for(let c=l;c<n;c++){const d=i(c),p=this.options.lanes===1?u[c-1]:this.getFurthestMeasurement(u,c),g=p?p.end+this.options.gap:a+r,b=s.get(d),y=typeof b=="number"?b:this.options.estimateSize(c),I=g+y,v=p?p.lane:c%this.options.lanes;u[c]={index:c,start:g,size:y,end:I,key:d,lane:v}}return this.measurementsCache=u,u},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Ja(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(n,a,r,i)=>this.range=n.length>0&&a>0?Ece({measurements:n,outerSize:a,scrollOffset:r,lanes:i}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=Ja(()=>{let n=null,a=null;const r=this.calculateRange();return r&&(n=r.startIndex,a=r.endIndex),this.maybeNotify.updateDeps([this.isScrolling,n,a]),[this.options.rangeExtractor,this.options.overscan,this.options.count,n,a]},(n,a,r,i,o)=>i===null||o===null?[]:n({startIndex:i,endIndex:o,overscan:a,count:r}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=n=>{const a=this.options.indexAttribute,r=n.getAttribute(a);return r?parseInt(r,10):(console.warn(`Missing attribute name '${a}={index}' on measured element.`),-1)},this._measureElement=(n,a)=>{const r=this.indexFromElement(n),i=this.measurementsCache[r];if(!i)return;const o=i.key,s=this.elementsCache.get(o);s!==n&&(s&&this.observer.unobserve(s),this.observer.observe(n),this.elementsCache.set(o,n)),n.isConnected&&this.resizeItem(r,this.options.measureElement(n,a,this))},this.resizeItem=(n,a)=>{const r=this.measurementsCache[n];if(!r)return;const i=this.itemSizeCache.get(r.key)??r.size,o=a-i;o!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(r,o,this):r.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=o,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(r.index),this.itemSizeCache=new Map(this.itemSizeCache.set(r.key,a)),this.notify(!1))},this.measureElement=n=>{if(!n){this.elementsCache.forEach((a,r)=>{a.isConnected||(this.observer.unobserve(a),this.elementsCache.delete(r))});return}this._measureElement(n,void 0)},this.getVirtualItems=Ja(()=>[this.getVirtualIndexes(),this.getMeasurements()],(n,a)=>{const r=[];for(let i=0,o=n.length;i<o;i++){const s=n[i],l=a[s];r.push(l)}return r},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=n=>{const a=this.getMeasurements();if(a.length!==0)return pO(a[Gz(0,a.length-1,r=>pO(a[r]).start,n)])},this.getOffsetForAlignment=(n,a,r=0)=>{const i=this.getSize(),o=this.getScrollOffset();a==="auto"&&(a=n>=o+i?"end":"start"),a==="center"?n+=(r-i)/2:a==="end"&&(n-=i);const s=this.getTotalSize()-i;return Math.max(Math.min(s,n),0)},this.getOffsetForIndex=(n,a="auto")=>{n=Math.max(0,Math.min(n,this.options.count-1));const r=this.measurementsCache[n];if(!r)return;const i=this.getSize(),o=this.getScrollOffset();if(a==="auto")if(r.end>=o+i-this.options.scrollPaddingEnd)a="end";else if(r.start<=o+this.options.scrollPaddingStart)a="start";else return[o,a];const s=a==="end"?r.end+this.options.scrollPaddingEnd:r.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(s,a,r.size),a]},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:a="start",behavior:r}={})=>{this.cancelScrollToIndex(),r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(n,a),{adjustments:void 0,behavior:r})},this.scrollToIndex=(n,{align:a="auto",behavior:r}={})=>{n=Math.max(0,Math.min(n,this.options.count-1)),this.cancelScrollToIndex(),r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");const i=this.getOffsetForIndex(n,a);if(!i)return;const[o,s]=i;this._scrollToOffset(o,{adjustments:void 0,behavior:r}),r!=="smooth"&&this.isDynamicMode()&&this.targetWindow&&(this.scrollToIndexTimeoutId=this.targetWindow.setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.elementsCache.has(this.options.getItemKey(n))){const u=this.getOffsetForIndex(n,s);if(!u)return;const[c]=u,d=this.getScrollOffset();pce(c,d)||this.scrollToIndex(n,{align:s,behavior:r})}else this.scrollToIndex(n,{align:s,behavior:r})}))},this.scrollBy=(n,{behavior:a}={})=>{this.cancelScrollToIndex(),a==="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:a})},this.getTotalSize=()=>{var n;const a=this.getMeasurements();let r;if(a.length===0)r=this.options.paddingStart;else if(this.options.lanes===1)r=((n=a[a.length-1])==null?void 0:n.end)??0;else{const i=Array(this.options.lanes).fill(null);let o=a.length-1;for(;o>=0&&i.some(s=>s===null);){const s=a[o];i[s.lane]===null&&(i[s.lane]=s.end),o--}r=Math.max(...i.filter(s=>s!==null))}return Math.max(r-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(n,{adjustments:a,behavior:r})=>{this.options.scrollToFn(n,{behavior:r,adjustments:a},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(t)}}const Gz=(e,t,n,a)=>{for(;e<=t;){const r=(e+t)/2|0,i=n(r);if(i<a)e=r+1;else if(i>a)t=r-1;else return r}return e>0?e-1:0};function Ece({measurements:e,outerSize:t,scrollOffset:n,lanes:a}){const r=e.length-1,i=l=>e[l].start;if(e.length<=a)return{startIndex:0,endIndex:r};let o=Gz(0,r,i,n),s=o;if(a===1)for(;s<r&&e[s].end<n+t;)s++;else if(a>1){const l=Array(a).fill(0);for(;s<r&&l.some(c=>c<n+t);){const c=e[s];l[c.lane]=c.end,s++}const u=Array(a).fill(n+t);for(;o>=0&&u.some(c=>c>=n);){const c=e[o];u[c.lane]=c.start,o--}o=Math.max(0,o-o%a),s=Math.min(r,s+(a-1-s%a))}return{startIndex:o,endIndex:s}}const hO=typeof document<"u"?Z.useLayoutEffect:Z.useEffect;function _ce(e){const t=Z.useReducer(()=>({}),{})[1],n={...e,onChange:(r,i)=>{var o;i?Qc.flushSync(t):t(),(o=e.onChange)==null||o.call(e,r,i)}},[a]=Z.useState(()=>new Sce(n));return a.setOptions(n),hO(()=>a._didMount(),[]),hO(()=>a._willUpdate()),a}function wce(e){return _ce({observeElementRect:hce,observeElementOffset:bce,scrollToFn:yce,...e})}const mv=e=>e===void 0?"":typeof e=="string"?e:e.id||"",gv=e=>typeof e=="string"?e:e===void 0?"":e.text||"",kce={items:[]},Cu=Yt({defaultConfig:{...kce,id:"",getId:mv,getTextValue:gv,nonInteractiveIds:[],orientation:"vertical",defaultItemHeight:50,shouldVirtualize:!0}})(e=>{var v;const t=fa(e.id),n=L.useRef(mv),a=L.useRef(gv);n.current=e.getId||mv,a.current=e.getTextValue||e.getId||gv;const[r]=L.useState(e.orientation||"vertical"),[i,o]=L.useState(e.defaultItemHeight),s=e.shouldVirtualize&&!!((v=e.items)!=null&&v.length),l=L.useRef(0),u=L.useRef(null),c=L.useMemo(()=>(e.items||[]).map((m,h)=>({id:n.current(m),index:h,value:m,textValue:a.current(m)})),[e.items]),[d,p]=L.useState([]),g=wce({count:c.length,getScrollElement:()=>u.current,estimateSize:L.useCallback(()=>i,[i]),horizontal:e.orientation==="horizontal",overscan:3});return{state:{...{items:c.length?c:d},UNSTABLE_virtual:g,UNSTABLE_defaultItemHeight:i,containerRef:u,id:t,orientation:r,indexRef:l,nonInteractiveIds:e.nonInteractiveIds||[],isVirtualized:s},events:{registerItem(m){l.current++,p(h=>h.concat({...m,value:m,index:h.length}))},unregisterItem(m){p(h=>h.find(S=>S.id===m.id)?h.filter(S=>S.id!==m.id):h)},updateItemHeight(m){o(m.value)}},getId:e.getId,getTextValue:e.getTextValue}}),Ice=e=>e,Ip=()=>0,Tp=(e,{state:t})=>t.items.length-1,Tce=(e,{state:t})=>{if(t.columnCount){const n=e%t.columnCount;return e-n}return Ip()},xce=(e,{state:t})=>{if(t.columnCount){const n=e%t.columnCount-t.columnCount+1;let a=e-n;return a>=t.items.length&&(a=t.items.length-1),a}return Tp(e,{state:t})},Rce=(e,{state:t})=>t.columnCount?e%t.columnCount:Ip(),Ace=(e,{state:t})=>t.columnCount?t.items.length-t.columnCount+e%t.columnCount:Tp(e,{state:t}),Cce=(e,{state:t})=>t.items.find(n=>n.id===e),_r=e=>typeof e.cursorId=="string"?e.cursorId:e.cursorId.slice(-1)[0]||"",Dc=(e,t)=>e.cursorId&&typeof e.cursorId=="string"?e.cursorId===t:e.cursorId.includes(t),qo=e=>(t,{state:n},a=n.items.length)=>{if(Number.isNaN(t)){if(e===1)return Ip();if(e===-1)return Tp(t,{state:n})}const r=n.items;let i=t+e;const s=Math.ceil(r.length/n.columnCount)*n.columnCount;return i<0?e===-1?i=r.length-1:(s+i>=r.length&&(i-=n.columnCount),i=s+i):i>=r.length&&(e===1?i=0:(i-s<0&&(i+=n.columnCount),i=i-s)),r.length>1&&n.nonInteractiveIds.includes(r[i].id)&&a>0?qo(e)(i,{state:n},a-1):i},Nce=Ice({getFirst:Ip,getLast:Tp,getItem:Cce,getNext:qo(1),getNextRow:(e,{state:t})=>qo(t.columnCount)(e,{state:t}),getPrevious:qo(-1),getPreviousRow:(e,{state:t})=>qo(-t.columnCount)(e,{state:t}),getPreviousPage:Rce,getNextPage:Ace,getFirstOfRow:Tce,getLastOfRow:xce}),Nu=Yt({defaultConfig:{...Cu.defaultConfig,initialCursorId:"",columnCount:0,navigation:Nce,pageSize:0},requiredConfig:Cu.requiredConfig,contextOverride:Cu.Context})(e=>{var d;const[t,n]=L.useState(e.initialCursorId),a=L.useRef(e.pageSize),r=e.columnCount||0,i=Cu(e),o=e.navigation,s=L.useRef(-1),l=p=>{var b;const g=((b=u.items[p])==null?void 0:b.id)||"";n(g)};t&&((d=i.state.items[s.current])==null?void 0:d.id)!==t?s.current=i.state.items.findIndex(p=>p.id===t):t||(s.current=-1);const u={...i.state,cursorId:t,columnCount:r,pageSizeRef:a,cursorIndexRef:s},c={...i.events,goTo(p){const g=u.items.findIndex(b=>b.id===p.id);l(g)},goToNext(){const p=o.getNext(s.current,{state:u});l(p)},goToPrevious(){const p=o.getPrevious(s.current,{state:u});l(p)},goToPreviousRow(){const p=o.getPreviousRow(s.current,{state:u});l(p)},goToNextRow(){const p=o.getNextRow(s.current,{state:u});l(p)},goToFirst(){const p=o.getFirst(s.current,{state:u});l(p)},goToLast(){const p=o.getLast(s.current,{state:u});l(p)},goToFirstOfRow(){const p=o.getFirstOfRow(s.current,{state:u});l(p)},goToLastOfRow(){const p=o.getLastOfRow(s.current,{state:u});l(p)},goToNextPage(){const p=o.getNextPage(s.current,{state:u});l(p)},goToPreviousPage(){const p=o.getPreviousPage(s.current,{state:u});l(p)}};return{...i,state:u,events:c,navigation:o}}),Oce=(e,{selectedIds:t,unselectedIds:n})=>t==="all"?!n.includes(e):t.includes(e),Wz={select(e){return{selectedIds:[e],unselectedIds:[]}}},$ce={select(e,{selectedIds:t,unselectedIds:n}){return t==="all"?{selectedIds:"all",unselectedIds:n.includes(e)?n.filter(r=>r!==e):n.concat(e)}:{selectedIds:t.includes(e)?t.filter(r=>r!==e):t.concat(e),unselectedIds:[]}}},hv=Yt({defaultConfig:{...Nu.defaultConfig,initialSelectedIds:[],initialUnselectedIds:[],selection:Wz},requiredConfig:Nu.requiredConfig,contextOverride:Nu.Context})(e=>{const t=Nu(e),[n,a]=L.useState(e.initialSelectedIds),[r,i]=L.useState(e.initialUnselectedIds),o=e.selection,s={...t.state,selectedIds:n,unselectedIds:r},l={...t.events,select(u){const{selectedIds:c,unselectedIds:d}=o.select(u.id,s);a(c),i(d)},selectAll(){a("all")},unselectAll(){a([])},setSelectedIds(u){a(u)},remove(u){}};return{...t,state:s,events:l,selection:o}}),gi=Yt({defaultConfig:{UNSTABLE_parentModel:void 0,...hv.defaultConfig},requiredConfig:hv.requiredConfig})(e=>({UNSTABLE_parentModel:e.UNSTABLE_parentModel,...hv(e)})),Xu=L.createContext({});function Lce(e,t){return typeof t=="function"?e.state.isVirtualized?e.state.UNSTABLE_virtual.getVirtualItems().map(a=>{const r=e.state.items[a.index],i=t(r.value,a.index);return f.jsx(Xu.Provider,{value:{item:r,virtual:a},children:i},r.id||r.index)}):e.state.items.map(a=>{const r=t(a.value,a.index);return f.jsx(Xu.Provider,{value:{item:a},children:r},a.id||a.index)}):f.jsx(Xu.Provider,{value:{},children:t})}const xp=Q()((e,t,n={})=>{const{state:a,events:r}=e,{item:i,virtual:o}=L.useContext(Xu),[s,l]=L.useState(n["data-id"]||(i==null?void 0:i.id)||""),{localRef:u,elementRef:c}=Dr(Fr(t,o?e.state.UNSTABLE_virtual.measureElement:null)),d=o?{position:"absolute",top:0,left:0,transform:`translateY(${o.start}px)`}:{};return jU(()=>{var y;if((o==null?void 0:o.index)===0&&((y=u.current)!=null&&y.clientHeight),i)return;const p=a.indexRef.current,g=s||(n["data-has-children"]?`${a.id}-`:"")+String(p);if(a.items.find(I=>I.id===g))return;const b={id:g,textValue:n["data-text"]?n["data-text"]:typeof n.children=="string"?n.children:""};return r.registerItem(b),l(g),()=>{r.unregisterItem({id:g})}}),{ref:c,"data-id":s,disabled:n.disabled||a.nonInteractiveIds.includes(s)?!0:void 0,"aria-setsize":o?a.UNSTABLE_virtual.options.count:void 0,"aria-posinset":o?i.index+1:void 0,"data-index":o?i.index:void 0,style:d,id:Dk(`${a.id}-${s}`)}}),Oy={horizontal:{ArrowLeft:"goToPrevious",Left:"goToPrevious",ArrowRight:"goToNext",Right:"goToNext",Home:"goToFirst",End:"goToLast",PageDown:"goToNextPage",PageUp:"goToPreviousPage"},vertical:{ArrowUp:"goToPrevious",Up:"goToPrevious",ArrowDown:"goToNext",Down:"goToNext",Home:"goToFirst",End:"goToLast",PageDown:"goToNextPage",PageUp:"goToPreviousPage"}},Dce={ArrowLeft:"ArrowRight",Left:"Right",ArrowRight:"ArrowLeft",Right:"Left",ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Home:"Home",End:"End",PageDown:"PageDown",PageUp:"PageUp"},bO={...Oy.horizontal,Home:"goToFirstOfRow",End:"goToLastOfRow",ArrowUp:"goToPreviousRow",Up:"goToPreviousRow",ArrowDown:"goToNextRow",Down:"goToNextRow"},bv={Home:"goToFirst",End:"goToLast"},vO=(e,t)=>e.hasOwnProperty(t);function Vz(e,t){var r,i,o,s;if(e.ctrlKey){for(const l in bv)if(vO(bv,l)&&e.key===l)return(i=(r=t.events)[bv[l]])==null||i.call(r),!0}const n=t.state.columnCount>0?bO:Oy[t.state.orientation],a=UU(e.currentTarget);for(const l in n)if(vO(n,l)&&(a?e.key===Dce[l]:e.key===l)){const u=t.state.columnCount>0?bO[l]:Oy[t.state.orientation][l];if(t.events[u])return(s=(o=t.events)[u])==null||s.call(o),!0}return!1}const Zz=(e,t,n)=>{e()===!1&&t>1&&requestAnimationFrame(()=>Zz(e,t-1)),n==null||n("Retry timeout")},Mce=(e,t,n)=>new Promise((a,r)=>{var s;const i=(((s=n==null?void 0:n.dataset)==null?void 0:s.focusId)||"").split("-")[0]||e.state.id,o=e.navigation.getItem(t,e);if(o){e.state.isVirtualized&&e.state.UNSTABLE_virtual.scrollToIndex(o.index);const l=u=>document.querySelector(`[data-focus-id="${MU(`${u}-${o.id}`)}"]`);Zz(()=>{const u=l(i)||l(e.state.id);return u&&(u.focus(),a(u)),!!u},5,r)}}),Yz=Q()((e,t,n={})=>{const a=L.useRef(e.state);a.current=e.state;const r=L.useRef(null);return L.useEffect(()=>{r.current&&Mce(e,_r(e.state),r.current).then(()=>{r.current=null})},[e.state.cursorId]),L.useEffect(()=>{!e.state.cursorId&&e.state.items.length&&e.events.goTo({id:e.state.items[0].id})},[e.state.cursorId,e.state.items,e.events]),{onKeyDown(i){Vz(i,e)&&(i.preventDefault(),r.current=i.currentTarget)},onClick(){e.events.goTo({id:n["data-id"]})},"data-focus-id":Dk(`${e.state.id}-${n["data-id"]}`),tabIndex:e.state.cursorId?n["data-id"]&&Dc(e.state,n["data-id"])?0:-1:0}}),Pce=Q()(({state:e,events:t},n,a={})=>{const r=a["data-id"]||"";return{onClick:o=>{!e.nonInteractiveIds.includes(r)&&o.currentTarget.getAttribute("aria-disabled")!=="true"&&t.select({id:r})}}}),Fce=Q()(e=>({"aria-activedescendant":e.state.cursorId?Dk(`${e.state.id}-${typeof e.state.cursorId=="string"?e.state.cursorId:e.state.cursorId.join("-")}`):void 0})),Uce=Q()((e,t,n={})=>{const a=n["data-id"]||"";return{className:Dc(e.state,a)?"focus":""}}),zce=ce("li")({displayName:"Item",modelHook:gi,elemPropsHook:xp})((e,t)=>f.jsx(t,{...be(e)})),jce=Q()(e=>({style:{position:"relative",height:e.state.isVirtualized?e.state.UNSTABLE_virtual.getTotalSize():void 0}})),Bce=ue({base:{'& :where([data-part="list"])':{display:"flex",flexDirection:"column",marginBlockStart:N.zero,marginBlockEnd:N.zero}},modifiers:{orientation:{vertical:{overflowY:"auto"},horizontal:{overflowY:void 0,'& :where([data-part="list"])':{flexDirection:"row"}}}}}),Kz=or("ul")({displayName:"ListBox",modelHook:gi,elemPropsHook:jce,subComponents:{Item:zce}})(({height:e,maxHeight:t,marginY:n,marginBottom:a,overflowY:r,marginTop:i,...o},s,l)=>f.jsx("div",{ref:l.state.containerRef,...cn({style:{height:e,maxHeight:t,marginBottom:a??n,marginTop:i??n}},Bce({orientation:l.state.orientation})),children:f.jsx(s,{...be(o),"data-part":"list",children:Lce(l,o.children)})})),mt=Yt({defaultConfig:{...gi.defaultConfig,...at.defaultConfig,mode:"single",shouldVirtualize:!1},requiredConfig:{...gi.requiredConfig,...at.requiredConfig},contextOverride:at.Context})(e=>{const t=gi(gi.mergeConfig(e,{selection:e.mode==="single"?Wz:$ce})),n=at(at.mergeConfig(e,{id:t.state.id,onHide(){t.state.indexRef.current=0}}));YU(n),Mk(n);const a={mode:e.mode,...t.state,...n.state},r={...t.events,...n.events};return{...t,...n,state:a,events:r,UNSTABLE_parentModel:e.UNSTABLE_parentModel}}),Xz=Fk,Jz={modifiers:[{name:"offset",options:{offset:()=>[0,4]}}]},qce=ce("div")({modelHook:mt,elemPropsHook:Xz})(({children:e,...t})=>f.jsx(Yl,{placement:"bottom-start",popperOptions:Jz,...t,children:e})),Qz=Q()(e=>({id:e.state.id,"aria-haspopup":"true","aria-expanded":e.state.visibility==="visible",onKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":e.events.show(t)}}})),Hce=sr(Qz,Uk),Gce=sr(Qz,Toe),Wce=ce(wp)({displayName:"Menu.Target",modelHook:mt,elemPropsHook:Hce})(({children:e,...t},n)=>f.jsx(n,{...t,children:e})),Vce=ce(wp)({displayName:"Menu.Target",modelHook:mt,elemPropsHook:Gce})(({children:e,...t},n)=>f.jsx(n,{...t,children:e})),Xl=ue({parts:{text:"menu-item-text",icon:"menu-item-icon",selected:"menu-item-selected"},base:({textPart:e,iconPart:t,selectedPart:n})=>({...Je.subtext.large,display:"flex",alignItems:"center",width:"100%",gap:N.x4,padding:`${N.x2} ${N.x4}`,boxSizing:"border-box",cursor:"pointer",color:D.fg.default,borderWidth:0,textAlign:"start",transition:"background-color 80ms, color 80ms",backgroundColor:"inherit",minHeight:N.x10,overflowWrap:"anywhere",[te.vars.color]:"currentColor",[`& :where(${n})`]:{transition:"opacity 80ms linear",opacity:oa.zero},"&:where(:has(span))":{display:"flex"},"&[aria-selected=true]":{color:me.dark,backgroundColor:me.lightest,[`& :where(${n})`]:{opacity:oa.full},"&:where(.focus, :focus-visible)":{[te.vars.color]:me.accent,outline:"none",backgroundColor:me.base,color:te.vars.color}},"&:is(.hover, :hover)":{color:D.fg.strong,backgroundColor:pr.lightest},"&:is(.focus, :focus-visible)":{color:me.accent,backgroundColor:me.base,outline:`${ge(2)} solid transparent`,outlineOffset:`-${ge(2)}`},"&:is(:disabled, [aria-disabled=true])":{color:D.fg.disabled,cursor:"default","&:where(.hover, :hover, [aria-selected=true])":{background:"none"},"&:where(.focus, :focus-visible)":{backgroundColor:me.light}},[`& :where(${e})`]:{flexGrow:1,alignSelf:"center"},[`& :where(${t})`]:{alignSelf:"start"}})}),Zce=e=>f.jsx(Ns,{...Xl.parts.icon,...e}),ej=Ae("span")({Component:({...e},t,n)=>f.jsx(n,{ref:t,...Xl.parts.text,...cn(e)})}),tj=Ae("button")({displayName:"MenuItem",Component:({children:e,isDisabled:t,...n},a,r)=>f.jsx(r,{ref:a,"aria-disabled":t,...be(n,Xl({})),children:typeof e=="string"?f.jsx(ej,{children:e}):e})}),nj=Q()(e=>({onKeyDown(t){const n=getComputedStyle(t.currentTarget);t.key==="ArrowLeft"&&n.direction==="ltr"&&e.UNSTABLE_parentModel&&e.events.hide(t)}})),rj=Q()((e,t,n={"data-id":""})=>{const{localRef:a,elementRef:r}=Dr(t),i=n["data-id"];return Z.useLayoutEffect(()=>{e.state.mode==="single"&&Dc(e.state,i)&&requestAnimationFrame(()=>{var o;(o=a.current)==null||o.focus()})},[i,a,e.state.cursorId,e.state.mode]),{ref:r,className:Dc(e.state,n["data-id"])?"focus":void 0}});function aj(e){e.UNSTABLE_parentModel&&(e.UNSTABLE_parentModel.events.hide(),aj(e.UNSTABLE_parentModel))}const Yce=sr(Q()(e=>({role:"menuitem",onMouseDown(t){e.events.goTo({id:t.currentTarget.getAttribute("data-id")})},onClick:e.state.mode==="single"?t=>{t.currentTarget.getAttribute("aria-disabled")!=="true"&&(e.events.hide(t),aj(e))}:void 0})),rj,nj,Pce,Yz,xp),Xi=ce("button")({displayName:"Menu.Item",modelHook:mt,elemPropsHook:Yce,subComponents:{Icon:Zce,Text:ej}})(({children:e,...t},n)=>f.jsx(Qk,{placement:"left",children:f.jsx(tj,{as:n,...t,children:e})})),ij=ue({vars:{minWidth:ge(1),transformOriginVertical:"top",transformOriginHorizontal:"left",maxHeight:""},base:({transformOriginVertical:e,transformOriginHorizontal:t,minWidth:n,maxHeight:a})=>({...Je.subtext.large,color:D.text.default,position:"relative",display:"flex",flexDirection:"column",transition:"transform ease-out 150ms",padding:N.zero,maxWidth:lt.subtract("100vw",N.x8),boxShadow:Rk[3],minWidth:n,maxHeight:a,transformOrigin:`${e} ${t}`,".wd-no-animation &":{animation:"none"}})}),Kce=Q()(()=>({})),oj=ce("div")({displayName:"Menu.Card",modelHook:mt,elemPropsHook:Kce})(({minWidth:e,maxHeight:t,...n},a,r)=>{const i=Z.useMemo(()=>Ep(r.state.placement||"bottom"),[r.state.placement]);return f.jsx(Sp,{as:a,...be(n,ij({minWidth:typeof e=="number"?ge(e):e,maxHeight:typeof t=="number"?ge(t):t,transformOriginVertical:i.vertical,transformOriginHorizontal:i.horizontal})),children:n.children})}),Xce=sr(Q()(e=>({role:"menu","aria-labelledby":e.state.id,"aria-orientation":e.state.orientation})),zk,Soe),sj=ue({base:{background:D.bg.default,borderRadius:er.zero,padding:N.zero,gap:N.zero},modifiers:{orientation:{vertical:{flexDirection:"column"},horizontal:{flexDirection:"row"}}}}),lj=ce("div")({displayName:"Menu.List",modelHook:mt,elemPropsHook:Xce})(({children:e,...t},n,a)=>f.jsx(Kz,{as:n,model:a,marginY:C(N.x2),...cn(t,sj({orientation:a.state.orientation})),children:e})),Jce=ue({base:{display:"block",height:ge(1),border:N.zero,borderTop:`${ge(1)} solid ${D.border.divider}`,margin:`${N.x2} ${N.zero}`}}),uj=Ae("hr")({displayName:"Menu.Divider",Component({...e},t,n){return f.jsx(n,{ref:t,...cn(e,Jce())})}}),cj=Ae("span")({Component:({...e},t,n)=>f.jsxs(f.Fragment,{children:[f.jsx(Xi.Text,{ref:t,as:n,...e}),f.jsx(Ns,{...Xl.parts.selected,icon:Fse})]})}),Qce=Ae("li")({displayName:"MenuOption",Component:({children:e,...t},n,a)=>f.jsx(a,{ref:n,...be(t,Xl()),children:typeof e=="string"?f.jsx(cj,{children:e}):e})}),ede=sr(Q()((e,t,n={})=>{const a=n["data-id"]||"";return{role:"option","aria-selected":Oce(a,e.state),onMouseDown:o=>{o.button===0&&o.currentTarget.getAttribute("aria-disabled")!=="true"&&(e.events.select({id:a}),e.state.mode==="single"&&e.events.hide(o)),o.preventDefault()}}}),Uce,xp),dj=ce("li")({displayName:"Menu.Item",modelHook:mt,elemPropsHook:ede,subComponents:{Icon:Xi.Icon,Text:cj}})(({children:e,...t},n)=>f.jsx(Qk,{placement:"left",children:f.jsx(Qce,{as:n,...t,children:e})})),pj=Yt({defaultConfig:{id:void 0},requiredConfig:{}})(e=>({state:{id:fa(e.id)},events:{}})),tde=ue({base:{...Je.subtext.large,display:"flex",alignItems:"center",width:"100%",gap:N.x4,padding:`${N.x2} ${N.x4}`,boxSizing:"border-box",fontWeight:hr.bold}}),nde=Q()(e=>({"data-type":"group",role:"group","aria-labelledby":e.state.id})),rde=Q()(e=>({id:e.state.id})),yO=ce("div")({modelHook:pj,elemPropsHook:rde})(({children:e,...t},n)=>f.jsx(Qk,{children:f.jsx(n,{...be(t,tde()),children:e})})),fj=or("div")({displayName:"Menu.Group",modelHook:pj,elemPropsHook:nde,subComponents:{Heading:yO}})(({children:e,title:t,...n},a)=>f.jsxs(a,{...be(n),children:[t?f.jsx(yO,{children:t}):null,e]})),ade=ce("div")({modelHook:mt,elemPropsHook:Xz})(({children:e,...t})=>f.jsx(Yl,{placement:"right-start",popperOptions:Jz,...t,children:e})),ide=(e,t=0)=>{const n=L.useRef(),a=()=>{n.current=window.setTimeout(e,t)},r=()=>{window.clearTimeout(n.current),n.current=void 0};return L.useEffect(()=>()=>{window.clearTimeout(n.current)},[n]),{start:a,clear:r}},ode=sr(Tu(e=>e.UNSTABLE_parentModel,rj),Tu(e=>e.UNSTABLE_parentModel,nj),Tu(e=>e.UNSTABLE_parentModel,Yz),Q()((e,t)=>({ref:Fr(t,e.state.targetRef)})),Tu(e=>e.UNSTABLE_parentModel,xp),Q()(e=>{const t=L.useRef(),n=ide(()=>{e.UNSTABLE_parentModel.events.goTo({id:t.current||""}),e.events.show(event)},300);return{id:e.state.id,role:"menuitem","aria-haspopup":"true","aria-expanded":e.state.visibility==="visible",onMouseDown(a){e.UNSTABLE_parentModel.events.goTo({id:a.currentTarget.getAttribute("data-id")})},onMouseEnter(a){t.current=a.currentTarget.getAttribute("data-id"),n.start()},onMouseLeave(){n.clear()},onClick(a){e.state.targetRef.current instanceof Element||(e.state.targetRef.current=a.currentTarget),e.state.visibility!=="hidden"?e.events.hide(a):e.events.show(a)},"data-has-children":!0,onKeyDown(a){if(e.state.orientation==="vertical")switch(a.key){case"ArrowRight":case"Enter":case" ":e.events.show(a);break}}}})),sde=ce("button")({modelHook:mt,elemPropsHook:ode})(({children:e,...t},n)=>f.jsxs(tj,{as:n,...t,children:[typeof e=="string"?f.jsx(Xi.Text,{children:e}):e,f.jsx(Xi.Icon,{icon:Use})]})),lde=ce()({modelHook:mt,subComponents:{Card:oj,List:lj,Item:Xi,TargetItem:sde,Group:fj,Option:dj,Divider:uj,Popper:ade}})(({children:e,model:t,...n},a,r)=>{const i=mt(mt.mergeConfig(n,{getId:r.getId,getTextValue:r.getTextValue,UNSTABLE_parentModel:r,mode:r.state.mode,orientation:r.state.orientation,onSelect(s){r.events.select(s)},onSelectAll(){r.events.selectAll()}})),o=mt.Context;return f.jsx(o.Provider,{value:i,children:e})}),ts=or()({displayName:"Menu",modelHook:mt,subComponents:{Target:Wce,Card:oj,List:lj,Item:Xi,Group:fj,Option:dj,Divider:uj,TargetContext:Vce,Popper:qce,Submenu:lde}})(({children:e})=>f.jsx(f.Fragment,{children:e})),vv=Yt({defaultConfig:{value:void 0,onFilterChange(e){},onChange(e){}}})(e=>{const t=L.createRef();return{onFilterChange:e.onFilterChange,onChange:e.onChange,state:{value:e.value,inputRef:t},events:{}}}),wr=Yt({defaultConfig:{...vv.defaultConfig,...mt.defaultConfig,shouldVirtualize:!0},requiredConfig:{...vv.requiredConfig,...mt.requiredConfig}})(e=>{const t=vv(e),n=mt(e),[a,r]=L.useState(0),i={width:a,...t.state,...n.state},o={...t.events,...n.events,setWidth(s){r(s)}};return{...n,...t,state:i,events:o}}),ude=Q()(e=>({onKeyDown(t){(t.key==="ArrowDown"||t.key==="ArrowUp"&&e.state.visibility!=="visible")&&(e.events.show(t),e.events.setWidth(t.currentTarget.getBoundingClientRect().width))}})),cde=Q()(e=>{const t=e.state.visibility!=="hidden";return L.useLayoutEffect(()=>{var n;t&&e.events.setWidth(((n=e.state.targetRef.current)==null?void 0:n.getBoundingClientRect().width)||0)},[t,e.events,e.state.targetRef]),{}}),dde=Q()(e=>({onKeyDown(t){e.state.visibility==="visible"&&Vz(t,e)&&t.preventDefault()}})),mj=sr(Q()((e,t)=>{const n=Fr(t,e.state.inputRef);return L.useEffect(()=>{if(e.state.cursorId&&e.state.visibility==="visible"){const a=e.navigation.getItem(_r(e.state),e);if(e.state.isVirtualized&&a)e.state.UNSTABLE_virtual.scrollToIndex(a.index);else{const r=document.querySelector(`[id="${e.state.id}-list"] [data-id="${_r(e.state)}"]`);r&&requestAnimationFrame(()=>{r.scrollIntoView({block:"nearest"})})}}},[e.state.cursorId,e.state.selectedIds,e.state.visibility]),{onKeyDown(a){if(a.key==="Enter"&&!a.metaKey&&e.state.visibility==="visible"){const r=document.querySelector(`[data-id="${_r(e.state)}"]`);r&&(r==null?void 0:r.getAttribute("aria-disabled"))!=="true"&&(e.events.select({id:_r(e.state)}),e.state.mode==="single"&&e.events.hide(a)),a.preventDefault()}},onBlur(a){e.events.hide(a)},onClick(a){e.state.visibility==="hidden"&&e.events.setWidth(a.currentTarget.getBoundingClientRect().width)},value:e.state.value,role:"combobox","aria-haspopup":"listbox","aria-expanded":e.state.visibility==="visible","aria-autocomplete":"list","aria-controls":`${e.state.id}-list`,"aria-activedescendant":e.state.visibility==="hidden"?null:void 0,id:e.state.id,ref:n}}),cde,ude,Fce,dde,Uk),pde=ce(Ki)({modelHook:wr,elemPropsHook:mj})(({children:e,...t},n)=>f.jsx(n,{...t,children:e})),fde=Q()(e=>({role:"listbox","aria-labelledby":e.state.id,id:`${e.state.id}-list`})),mde=ue({base:{},extends:sj}),gde=ce("ul")({modelHook:wr,elemPropsHook:fde})(({children:e,...t},n,a)=>f.jsx(Kz,{as:n,model:a,marginY:C(N.x2),...cn(t,mde({orientation:a.state.orientation})),children:e})),hde=Q()(e=>({minWidth:e.state.width})),bde=ce("div")({modelHook:wr,elemPropsHook:hde})(({children:e,...t},n)=>f.jsx(ts.Card,{as:n,...t,children:e})),vde=Fk,yde=ce("div")({displayName:"Combobox.Menu.Popper",modelHook:mt,elemPropsHook:vde})(({children:e,...t})=>f.jsx(ts.Popper,{fallbackPlacements:["top","bottom"],...t,children:e})),SO=ce()({modelHook:wr,subComponents:{Popper:yde,List:gde,Item:ts.Option,Card:bde,Divider:ts.Divider}})(({children:e},t,n)=>f.jsx(ts,{model:n,children:e})),Ti=or()({displayName:"Combobox",modelHook:wr,subComponents:{Input:pde,Menu:SO}})(({children:e},t,n)=>f.jsx(SO,{model:n,children:e})),Sde=Q()(e=>(L.useLayoutEffect(()=>{var n;const t=(n=e.state.items.find(a=>a.id===e.state.cursorId))==null?void 0:n.id;!e.state.selectedIds.length&&e.state.items.length&&!t?e.events.goTo({id:e.state.items[0].id}):e.state.selectedIds.length&&!t&&e.events.goTo({id:e.state.selectedIds[0]})},[e.state.selectedIds,e.events,e.state.items,e.state.cursorId,e.state.visibility]),{})),Ede=Q()(e=>{var u;const t=L.useRef(""),n=L.useRef(),[a,r]=L.useState(t.current),i=()=>{n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{t.current="",r(t.current)},500)},o=(c,d,p=e.state.items.length,g=!0)=>{for(let b=c;b<p;b++)if(e.state.items[b].textValue.toLowerCase().startsWith(d.toLowerCase())&&(!g||g&&!e.state.nonInteractiveIds.includes(e.state.items[b].id)))return b;return-1},s=e.state.items.length>0&&((u=e.navigation.getItem(_r(e.state),e))==null?void 0:u.index)||0,l=(c,d)=>{const p=t.current.length===0?s+1:s,g=p===d?0:p;t.current+=c,r(t.current),i();let b=o(g,t.current);o(g,t.current),b===-1&&(b=o(0,t.current,g)),b>-1&&(e.events.goTo({id:e.state.items[b].id}),e.state.visibility==="hidden"&&e.events.select({id:e.state.items[b].id}))};return{onKeyDown(c){c.key.length===1&&c.key.match(/\S/)&&l(c.key,e.state.items.length),(c.key==="Spacebar"||c.key===" ")&&e.state.visibility==="visible"&&t.current!==""&&l(" ",e.state.items.length),(c.key==="Spacebar"||c.key===" ")&&e.state.visibility==="hidden"&&t.current!==""&&l(" ",e.state.items.length)},keySoFar:a}});function _de(e){return!!e}const wde=Q()((e,t,{disabled:n,value:a,onChange:r,name:i}={})=>{const{elementRef:o,localRef:s}=Dr(e.state.targetRef),{elementRef:l,localRef:u}=Dr(t),c=L.useRef(e.navigation);c.current=e.navigation;const d=L.useRef(e.state);return d.current=e.state,L.useLayoutEffect(()=>{u.current&&typeof a=="string"&&a!==u.current.value&&e.events.setSelectedIds(a?a.split(", "):[])},[a,u,e.events]),L.useImperativeHandle(l,()=>{if(u.current&&s.current){const p=u.current,g=s.current;return Object.defineProperty(p,"value",{get(){var y,I;return(I=(y=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(p),"value"))==null?void 0:y.get)==null?void 0:I.call(p)},set(b){p&&b!==(d.current.selectedIds==="all"?[]:d.current.selectedIds).join(", ")&&e.events.setSelectedIds(b?b.split(", "):[])}}),Object.defineProperty(p,"focus",{configurable:!0,writable:!0,value:b=>g.focus(b)}),Object.defineProperty(p,"blur",{configurable:!0,writable:!0,value:()=>g.blur()}),p}return u.current},[u,s,e.events]),L.useLayoutEffect(()=>{if(s.current){const p=e.state.items.length===0?"":(e.state.selectedIds==="all"?[]:e.state.selectedIds.map(g=>c.current.getItem(g,{state:d.current})).filter(_de).map(g=>g.textValue)).join(", ");p!==s.current.value&&Ty(s.current,p)}if(u.current){const p=(e.state.selectedIds==="all"?[]:e.state.selectedIds).join(", ");p!==u.current.value&&Ty(u.current,p)}},[e.state.selectedIds,e.state.items,u,s]),{ref:o,form:"",value:null,onChange:p=>{var g;return(g=e.onFilterChange)==null||g.call(e,p),null},name:null,disabled:n,formInputProps:{disabled:n,tabIndex:-1,"aria-hidden":!0,ref:l,onChange:p=>{var g;r==null||r(p),(g=e.onChange)==null||g.call(e,p)},name:i}}}),kde=Q()(e=>{const t=e.state.visibility!=="hidden";return L.useEffect(()=>{!t&&e.state.selectedIds.length&&e.events.goTo({id:e.state.selectedIds[0]})},[t,e.events,e.state.selectedIds]),{}}),Rp=Yt({defaultConfig:{...wr.defaultConfig,shouldVirtualize:!1},requiredConfig:{...wr.requiredConfig},contextOverride:wr.Context})(e=>wr(e)),Ide=sr(Q()((e,t,n={})=>{const{elementRef:a,localRef:r}=Dr(t);return poe({ref:r,onResize:i=>{if(e.state.visibility==="visible"){const o=i.width?i.width+42+8:0;e.events.setWidth(o)}}}),L.useEffect(()=>{var i;if(e.state.cursorId&&e.state.visibility==="visible"){const o=e.navigation.getItem(_r(e.state),e);if(e.state.isVirtualized&&o)e.state.UNSTABLE_virtual.scrollToIndex(o.index);else{const s=(i=r.current)==null?void 0:i.getAttribute("aria-controls");if(s){const l=document.querySelector(`[id="${s}"] [data-id="${_r(e.state)}"]`);l&&requestAnimationFrame(()=>{l.scrollIntoView({block:"nearest"})})}}}},[e.state.cursorId,e.state.selectedIds,e.state.visibility]),{onKeyDown(i){i.key!=="Tab"&&i.preventDefault(),(i.key==="Spacebar"||i.key===" "&&e.state.visibility==="hidden"&&(n==null?void 0:n.keySoFar)==="")&&e.events.show(),(i.key==="Spacebar"||i.key===" ")&&e.state.visibility==="visible"&&(n==null?void 0:n.keySoFar)===""&&(e.events.select({id:_r(e.state)}),e.events.hide())},autoComplete:"off",keySoFar:null,ref:a}}),Ede,kde,Sde,wde,mj),va=ue({parts:{caret:"select-caret-icon",caretContainer:"select-caret-container",startIconContainer:"select-start-icon-container",startIcon:"select-start-icon",endIcon:"select-end-icon",hiddenInput:"select-hidden-input",visualInput:"select-visual-input"},base:({hiddenInputPart:e,startIconPart:t,endIconPart:n,visualInputPart:a,caretContainerPart:r,startIconContainerPart:i,caretPart:o})=>({[e]:{position:"absolute",top:N.zero,bottom:N.zero,left:N.zero,right:N.zero,opacity:oa.zero,cursor:"default",pointerEvents:"none",minWidth:"100%",width:"100%"},[`${t}, ${n}, ${r}, ${i}`]:{position:"absolute",pointerEvents:"none"},[a]:{caretColor:"transparent",backgroundColor:D.bg.default,color:D.text.default,cursor:"default","&::placeholder":{color:D.text.default},"&::selection":{backgroundColor:"transparent"}},"&:has(:disabled, .disabled)":{[o]:{[te.vars.color]:D.fg.disabled}}}),modifiers:{error:{error:({visualInputPart:e})=>({[e]:{backgroundColor:Me.lightest}}),caution:({visualInputPart:e})=>({[e]:{backgroundColor:Hn.lightest}})}}}),Tde=ce(Ki)({modelHook:Rp,elemPropsHook:Ide})(({inputStartIcon:e,formInputProps:t,error:n,...a},r,i)=>f.jsxs(Do,{"data-width":"ck-formfield-width",...va({error:n}),children:[e&&i.state.selectedIds.length>0&&f.jsx(Do.InnerStart,{...va.parts.startIconContainer,children:f.jsx(Ns,{...va.parts.startIcon,icon:e})}),f.jsx(Do.Input,{...va.parts.hiddenInput,...t}),f.jsx(Do.Input,{as:r,placeholder:"Choose an option",error:n,...va.parts.visualInput,...a}),f.jsx(Do.InnerEnd,{...va.parts.caretContainer,children:f.jsx(Ns,{...va.parts.caret,icon:Pse})})]})),xde=Q()(e=>({width:e.state.width})),Rde=ue({base:{[ij.vars.maxHeight]:ge(300)}}),Ade=ce("div")({modelHook:Rp,elemPropsHook:xde})(({children:e,...t},n)=>f.jsx(Ti.Menu.Card,{as:n,...cn(t,Rde()),children:e})),Cde=ce("li")({modelHook:Rp,subComponents:{Icon:Ti.Menu.Item.Icon}})(({children:e,...t},n,a)=>f.jsx(Ti.Menu.Item,{as:n,...t,children:e})),Qa=or()({displayName:"Select",modelHook:Rp,subComponents:{Input:Tde,Popper:Ti.Menu.Popper,Card:Ade,List:Ti.Menu.List,Item:Cde}})(({children:e,...t},n,a)=>f.jsx(Ti,{model:a,...t,children:e})),Nde=["Blue","Yellow"],Ode=Sn({gap:N.x4,padding:N.x2}),aI=()=>{const e=lr(),t=n=>{n.preventDefault(),console.log("form data",{first:n.currentTarget.elements.namedItem("first").value,last:n.currentTarget.elements.namedItem("last").value,favoriteColor:n.currentTarget.elements.namedItem("favoriteColor").value}),e.events.hide()};return f.jsxs(H,{model:e,children:[f.jsx(H.Target,{icon:zse,children:"Create New User"}),f.jsx(H.Overlay,{children:f.jsxs(H.Card,{as:"form",onSubmit:t,children:[f.jsx(H.CloseIcon,{"aria-label":"Close"}),f.jsx(H.Heading,{children:"New User"}),f.jsxs(H.Body,{children:[f.jsxs(Kt,{children:[f.jsx(Kt.Label,{children:"First Name"}),f.jsx(Kt.Input,{as:Ki,name:"first"})]}),f.jsxs(Kt,{children:[f.jsx(Kt.Label,{children:"Last Name"}),f.jsx(Kt.Input,{as:Ki,name:"last"})]}),f.jsxs(Kt,{children:[f.jsx(Kt.Label,{children:"Favorite Color"}),f.jsx(Kt.Field,{children:f.jsxs(Qa,{items:Nde,children:[f.jsx(Kt.Input,{as:Qa.Input,name:"favoriteColor"}),f.jsx(Qa.Popper,{children:f.jsx(Qa.Card,{children:f.jsx(Qa.List,{children:n=>f.jsx(Qa.Item,{children:n})})})})]})})]})]}),f.jsxs(Jn,{cs:Ode,children:[f.jsx(H.CloseButton,{children:"Cancel"}),f.jsx(Mr,{type:"submit",children:"Submit"})]})]})})]})};aI.__RAW__=`import React from 'react';
+            color: hsl(${Math.max(0,Math.min(120-120*I,120))}deg 100% 31%);`,n==null?void 0:n.key)}return(u=n==null?void 0:n.onChange)==null||u.call(n,r),r}return i.updateDeps=o=>{a=o},i}function pO(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const pce=(e,t)=>Math.abs(e-t)<=1,fce=(e,t,n)=>{let a;return function(...r){e.clearTimeout(a),a=e.setTimeout(()=>t.apply(this,r),n)}},fO=e=>{const{offsetWidth:t,offsetHeight:n}=e;return{width:t,height:n}},mce=e=>e,gce=e=>{const t=Math.max(e.startIndex-e.overscan,0),n=Math.min(e.endIndex+e.overscan,e.count-1),a=[];for(let r=t;r<=n;r++)a.push(r);return a},hce=(e,t)=>{const n=e.scrollElement;if(!n)return;const a=e.targetWindow;if(!a)return;const r=o=>{const{width:s,height:l}=o;t({width:Math.round(s),height:Math.round(l)})};if(r(fO(n)),!a.ResizeObserver)return()=>{};const i=new a.ResizeObserver(o=>{const s=()=>{const l=o[0];if(l!=null&&l.borderBoxSize){const u=l.borderBoxSize[0];if(u){r({width:u.inlineSize,height:u.blockSize});return}}r(fO(n))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(s):s()});return i.observe(n,{box:"border-box"}),()=>{i.unobserve(n)}},mO={passive:!0},gO=typeof window>"u"?!0:"onscrollend"in window,bce=(e,t)=>{const n=e.scrollElement;if(!n)return;const a=e.targetWindow;if(!a)return;let r=0;const i=e.options.useScrollendEvent&&gO?()=>{}:fce(a,()=>{t(r,!1)},e.options.isScrollingResetDelay),o=c=>()=>{const{horizontal:d,isRtl:p}=e.options;r=d?n.scrollLeft*(p&&-1||1):n.scrollTop,i(),t(r,c)},s=o(!0),l=o(!1);l(),n.addEventListener("scroll",s,mO);const u=e.options.useScrollendEvent&&gO;return u&&n.addEventListener("scrollend",l,mO),()=>{n.removeEventListener("scroll",s),u&&n.removeEventListener("scrollend",l)}},vce=(e,t,n)=>{if(t!=null&&t.borderBoxSize){const a=t.borderBoxSize[0];if(a)return Math.round(a[n.options.horizontal?"inlineSize":"blockSize"])}return e[n.options.horizontal?"offsetWidth":"offsetHeight"]},yce=(e,{adjustments:t=0,behavior:n},a)=>{var r,i;const o=e+t;(i=(r=a.scrollElement)==null?void 0:r.scrollTo)==null||i.call(r,{[a.options.horizontal?"left":"top"]:o,behavior:n})};class Sce{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 a=()=>n||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:n=new this.targetWindow.ResizeObserver(r=>{r.forEach(i=>{const o=()=>{this._measureElement(i.target,i)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(o):o()})}));return{disconnect:()=>{var r;(r=a())==null||r.disconnect(),n=null},observe:r=>{var i;return(i=a())==null?void 0:i.observe(r,{box:"border-box"})},unobserve:r=>{var i;return(i=a())==null?void 0:i.unobserve(r)}}})(),this.range=null,this.setOptions=n=>{Object.entries(n).forEach(([a,r])=>{typeof r>"u"&&delete n[a]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:mce,rangeExtractor:gce,onChange:()=>{},measureElement:vce,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 a,r;(r=(a=this.options).onChange)==null||r.call(a,this,n)},this.maybeNotify=Ja(()=>(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 a=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==a){if(this.cleanup(),!a){this.maybeNotify();return}this.scrollElement=a,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(r=>{this.observer.observe(r)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,r=>{this.scrollRect=r,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(r,i)=>{this.scrollAdjustments=0,this.scrollDirection=i?this.getScrollOffset()<r?"forward":"backward":null,this.scrollOffset=r,this.isScrolling=i,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,a)=>{const r=new Map,i=new Map;for(let o=a-1;o>=0;o--){const s=n[o];if(r.has(s.lane))continue;const l=i.get(s.lane);if(l==null||s.end>l.end?i.set(s.lane,s):s.end<l.end&&r.set(s.lane,!0),r.size===this.options.lanes)break}return i.size===this.options.lanes?Array.from(i.values()).sort((o,s)=>o.end===s.end?o.index-s.index:o.end-s.end)[0]:void 0},this.getMeasurementOptions=Ja(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(n,a,r,i,o)=>(this.pendingMeasuredCacheIndexes=[],{count:n,paddingStart:a,scrollMargin:r,getItemKey:i,enabled:o}),{key:!1}),this.getMeasurements=Ja(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:n,paddingStart:a,scrollMargin:r,getItemKey:i,enabled:o},s)=>{if(!o)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(c=>{this.itemSizeCache.set(c.key,c.size)}));const l=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const u=this.measurementsCache.slice(0,l);for(let c=l;c<n;c++){const d=i(c),p=this.options.lanes===1?u[c-1]:this.getFurthestMeasurement(u,c),g=p?p.end+this.options.gap:a+r,b=s.get(d),y=typeof b=="number"?b:this.options.estimateSize(c),I=g+y,v=p?p.lane:c%this.options.lanes;u[c]={index:c,start:g,size:y,end:I,key:d,lane:v}}return this.measurementsCache=u,u},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Ja(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(n,a,r,i)=>this.range=n.length>0&&a>0?Ece({measurements:n,outerSize:a,scrollOffset:r,lanes:i}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=Ja(()=>{let n=null,a=null;const r=this.calculateRange();return r&&(n=r.startIndex,a=r.endIndex),this.maybeNotify.updateDeps([this.isScrolling,n,a]),[this.options.rangeExtractor,this.options.overscan,this.options.count,n,a]},(n,a,r,i,o)=>i===null||o===null?[]:n({startIndex:i,endIndex:o,overscan:a,count:r}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=n=>{const a=this.options.indexAttribute,r=n.getAttribute(a);return r?parseInt(r,10):(console.warn(`Missing attribute name '${a}={index}' on measured element.`),-1)},this._measureElement=(n,a)=>{const r=this.indexFromElement(n),i=this.measurementsCache[r];if(!i)return;const o=i.key,s=this.elementsCache.get(o);s!==n&&(s&&this.observer.unobserve(s),this.observer.observe(n),this.elementsCache.set(o,n)),n.isConnected&&this.resizeItem(r,this.options.measureElement(n,a,this))},this.resizeItem=(n,a)=>{const r=this.measurementsCache[n];if(!r)return;const i=this.itemSizeCache.get(r.key)??r.size,o=a-i;o!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(r,o,this):r.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=o,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(r.index),this.itemSizeCache=new Map(this.itemSizeCache.set(r.key,a)),this.notify(!1))},this.measureElement=n=>{if(!n){this.elementsCache.forEach((a,r)=>{a.isConnected||(this.observer.unobserve(a),this.elementsCache.delete(r))});return}this._measureElement(n,void 0)},this.getVirtualItems=Ja(()=>[this.getVirtualIndexes(),this.getMeasurements()],(n,a)=>{const r=[];for(let i=0,o=n.length;i<o;i++){const s=n[i],l=a[s];r.push(l)}return r},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=n=>{const a=this.getMeasurements();if(a.length!==0)return pO(a[Gz(0,a.length-1,r=>pO(a[r]).start,n)])},this.getOffsetForAlignment=(n,a,r=0)=>{const i=this.getSize(),o=this.getScrollOffset();a==="auto"&&(a=n>=o+i?"end":"start"),a==="center"?n+=(r-i)/2:a==="end"&&(n-=i);const s=this.getTotalSize()-i;return Math.max(Math.min(s,n),0)},this.getOffsetForIndex=(n,a="auto")=>{n=Math.max(0,Math.min(n,this.options.count-1));const r=this.measurementsCache[n];if(!r)return;const i=this.getSize(),o=this.getScrollOffset();if(a==="auto")if(r.end>=o+i-this.options.scrollPaddingEnd)a="end";else if(r.start<=o+this.options.scrollPaddingStart)a="start";else return[o,a];const s=a==="end"?r.end+this.options.scrollPaddingEnd:r.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(s,a,r.size),a]},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:a="start",behavior:r}={})=>{this.cancelScrollToIndex(),r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(n,a),{adjustments:void 0,behavior:r})},this.scrollToIndex=(n,{align:a="auto",behavior:r}={})=>{n=Math.max(0,Math.min(n,this.options.count-1)),this.cancelScrollToIndex(),r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");const i=this.getOffsetForIndex(n,a);if(!i)return;const[o,s]=i;this._scrollToOffset(o,{adjustments:void 0,behavior:r}),r!=="smooth"&&this.isDynamicMode()&&this.targetWindow&&(this.scrollToIndexTimeoutId=this.targetWindow.setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.elementsCache.has(this.options.getItemKey(n))){const u=this.getOffsetForIndex(n,s);if(!u)return;const[c]=u,d=this.getScrollOffset();pce(c,d)||this.scrollToIndex(n,{align:s,behavior:r})}else this.scrollToIndex(n,{align:s,behavior:r})}))},this.scrollBy=(n,{behavior:a}={})=>{this.cancelScrollToIndex(),a==="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:a})},this.getTotalSize=()=>{var n;const a=this.getMeasurements();let r;if(a.length===0)r=this.options.paddingStart;else if(this.options.lanes===1)r=((n=a[a.length-1])==null?void 0:n.end)??0;else{const i=Array(this.options.lanes).fill(null);let o=a.length-1;for(;o>=0&&i.some(s=>s===null);){const s=a[o];i[s.lane]===null&&(i[s.lane]=s.end),o--}r=Math.max(...i.filter(s=>s!==null))}return Math.max(r-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(n,{adjustments:a,behavior:r})=>{this.options.scrollToFn(n,{behavior:r,adjustments:a},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(t)}}const Gz=(e,t,n,a)=>{for(;e<=t;){const r=(e+t)/2|0,i=n(r);if(i<a)e=r+1;else if(i>a)t=r-1;else return r}return e>0?e-1:0};function Ece({measurements:e,outerSize:t,scrollOffset:n,lanes:a}){const r=e.length-1,i=l=>e[l].start;if(e.length<=a)return{startIndex:0,endIndex:r};let o=Gz(0,r,i,n),s=o;if(a===1)for(;s<r&&e[s].end<n+t;)s++;else if(a>1){const l=Array(a).fill(0);for(;s<r&&l.some(c=>c<n+t);){const c=e[s];l[c.lane]=c.end,s++}const u=Array(a).fill(n+t);for(;o>=0&&u.some(c=>c>=n);){const c=e[o];u[c.lane]=c.start,o--}o=Math.max(0,o-o%a),s=Math.min(r,s+(a-1-s%a))}return{startIndex:o,endIndex:s}}const hO=typeof document<"u"?Z.useLayoutEffect:Z.useEffect;function _ce(e){const t=Z.useReducer(()=>({}),{})[1],n={...e,onChange:(r,i)=>{var o;i?Qc.flushSync(t):t(),(o=e.onChange)==null||o.call(e,r,i)}},[a]=Z.useState(()=>new Sce(n));return a.setOptions(n),hO(()=>a._didMount(),[]),hO(()=>a._willUpdate()),a}function wce(e){return _ce({observeElementRect:hce,observeElementOffset:bce,scrollToFn:yce,...e})}const mv=e=>e===void 0?"":typeof e=="string"?e:e.id||"",gv=e=>typeof e=="string"?e:e===void 0?"":e.text||"",kce={items:[]},Cu=Yt({defaultConfig:{...kce,id:"",getId:mv,getTextValue:gv,nonInteractiveIds:[],orientation:"vertical",defaultItemHeight:50,shouldVirtualize:!0}})(e=>{var v;const t=fa(e.id),n=L.useRef(mv),a=L.useRef(gv);n.current=e.getId||mv,a.current=e.getTextValue||e.getId||gv;const[r]=L.useState(e.orientation||"vertical"),[i,o]=L.useState(e.defaultItemHeight),s=e.shouldVirtualize&&!!((v=e.items)!=null&&v.length),l=L.useRef(0),u=L.useRef(null),c=L.useMemo(()=>(e.items||[]).map((m,h)=>({id:n.current(m),index:h,value:m,textValue:a.current(m)})),[e.items]),[d,p]=L.useState([]),g=wce({count:c.length,getScrollElement:()=>u.current,estimateSize:L.useCallback(()=>i,[i]),horizontal:e.orientation==="horizontal",overscan:3});return{state:{...{items:c.length?c:d},UNSTABLE_virtual:g,UNSTABLE_defaultItemHeight:i,containerRef:u,id:t,orientation:r,indexRef:l,nonInteractiveIds:e.nonInteractiveIds||[],isVirtualized:s},events:{registerItem(m){l.current++,p(h=>h.concat({...m,value:m,index:h.length}))},unregisterItem(m){p(h=>h.find(S=>S.id===m.id)?h.filter(S=>S.id!==m.id):h)},updateItemHeight(m){o(m.value)}},getId:e.getId,getTextValue:e.getTextValue}}),Ice=e=>e,Ip=()=>0,Tp=(e,{state:t})=>t.items.length-1,Tce=(e,{state:t})=>{if(t.columnCount){const n=e%t.columnCount;return e-n}return Ip()},xce=(e,{state:t})=>{if(t.columnCount){const n=e%t.columnCount-t.columnCount+1;let a=e-n;return a>=t.items.length&&(a=t.items.length-1),a}return Tp(e,{state:t})},Rce=(e,{state:t})=>t.columnCount?e%t.columnCount:Ip(),Ace=(e,{state:t})=>t.columnCount?t.items.length-t.columnCount+e%t.columnCount:Tp(e,{state:t}),Cce=(e,{state:t})=>t.items.find(n=>n.id===e),_r=e=>typeof e.cursorId=="string"?e.cursorId:e.cursorId.slice(-1)[0]||"",Dc=(e,t)=>{const{cursorId:n}=e;return n==null||n===""?!1:typeof n=="string"?n===t:n.includes(t)},qo=e=>(t,{state:n},a=n.items.length)=>{if(Number.isNaN(t)){if(e===1)return Ip();if(e===-1)return Tp(t,{state:n})}const r=n.items;let i=t+e;const s=Math.ceil(r.length/n.columnCount)*n.columnCount;return i<0?e===-1?i=r.length-1:(s+i>=r.length&&(i-=n.columnCount),i=s+i):i>=r.length&&(e===1?i=0:(i-s<0&&(i+=n.columnCount),i=i-s)),r.length>1&&n.nonInteractiveIds.includes(r[i].id)&&a>0?qo(e)(i,{state:n},a-1):i},Nce=Ice({getFirst:Ip,getLast:Tp,getItem:Cce,getNext:qo(1),getNextRow:(e,{state:t})=>qo(t.columnCount)(e,{state:t}),getPrevious:qo(-1),getPreviousRow:(e,{state:t})=>qo(-t.columnCount)(e,{state:t}),getPreviousPage:Rce,getNextPage:Ace,getFirstOfRow:Tce,getLastOfRow:xce}),Nu=Yt({defaultConfig:{...Cu.defaultConfig,initialCursorId:"",columnCount:0,navigation:Nce,pageSize:0},requiredConfig:Cu.requiredConfig,contextOverride:Cu.Context})(e=>{var d;const[t,n]=L.useState(e.initialCursorId),a=L.useRef(e.pageSize),r=e.columnCount||0,i=Cu(e),o=e.navigation,s=L.useRef(-1),l=p=>{var b;const g=((b=u.items[p])==null?void 0:b.id)||"";n(g)};t&&((d=i.state.items[s.current])==null?void 0:d.id)!==t?s.current=i.state.items.findIndex(p=>p.id===t):t||(s.current=-1);const u={...i.state,cursorId:t,columnCount:r,pageSizeRef:a,cursorIndexRef:s},c={...i.events,goTo(p){const g=u.items.findIndex(b=>b.id===p.id);l(g)},goToNext(){const p=o.getNext(s.current,{state:u});l(p)},goToPrevious(){const p=o.getPrevious(s.current,{state:u});l(p)},goToPreviousRow(){const p=o.getPreviousRow(s.current,{state:u});l(p)},goToNextRow(){const p=o.getNextRow(s.current,{state:u});l(p)},goToFirst(){const p=o.getFirst(s.current,{state:u});l(p)},goToLast(){const p=o.getLast(s.current,{state:u});l(p)},goToFirstOfRow(){const p=o.getFirstOfRow(s.current,{state:u});l(p)},goToLastOfRow(){const p=o.getLastOfRow(s.current,{state:u});l(p)},goToNextPage(){const p=o.getNextPage(s.current,{state:u});l(p)},goToPreviousPage(){const p=o.getPreviousPage(s.current,{state:u});l(p)}};return{...i,state:u,events:c,navigation:o}}),Oce=(e,{selectedIds:t,unselectedIds:n})=>t==="all"?!n.includes(e):t.includes(e),Wz={select(e){return{selectedIds:[e],unselectedIds:[]}}},$ce={select(e,{selectedIds:t,unselectedIds:n}){return t==="all"?{selectedIds:"all",unselectedIds:n.includes(e)?n.filter(r=>r!==e):n.concat(e)}:{selectedIds:t.includes(e)?t.filter(r=>r!==e):t.concat(e),unselectedIds:[]}}},hv=Yt({defaultConfig:{...Nu.defaultConfig,initialSelectedIds:[],initialUnselectedIds:[],selection:Wz},requiredConfig:Nu.requiredConfig,contextOverride:Nu.Context})(e=>{const t=Nu(e),[n,a]=L.useState(e.initialSelectedIds),[r,i]=L.useState(e.initialUnselectedIds),o=e.selection,s={...t.state,selectedIds:n,unselectedIds:r},l={...t.events,select(u){const{selectedIds:c,unselectedIds:d}=o.select(u.id,s);a(c),i(d)},selectAll(){a("all")},unselectAll(){a([])},setSelectedIds(u){a(u)},remove(u){}};return{...t,state:s,events:l,selection:o}}),gi=Yt({defaultConfig:{UNSTABLE_parentModel:void 0,...hv.defaultConfig},requiredConfig:hv.requiredConfig})(e=>({UNSTABLE_parentModel:e.UNSTABLE_parentModel,...hv(e)})),Xu=L.createContext({});function Lce(e,t){return typeof t=="function"?e.state.isVirtualized?e.state.UNSTABLE_virtual.getVirtualItems().map(a=>{const r=e.state.items[a.index],i=t(r.value,a.index);return f.jsx(Xu.Provider,{value:{item:r,virtual:a},children:i},r.id||r.index)}):e.state.items.map(a=>{const r=t(a.value,a.index);return f.jsx(Xu.Provider,{value:{item:a},children:r},a.id||a.index)}):f.jsx(Xu.Provider,{value:{},children:t})}const xp=Q()((e,t,n={})=>{const{state:a,events:r}=e,{item:i,virtual:o}=L.useContext(Xu),[s,l]=L.useState(n["data-id"]||(i==null?void 0:i.id)||""),{localRef:u,elementRef:c}=Dr(Fr(t,o?e.state.UNSTABLE_virtual.measureElement:null)),d=o?{position:"absolute",top:0,left:0,transform:`translateY(${o.start}px)`}:{};return jU(()=>{var y;if((o==null?void 0:o.index)===0&&((y=u.current)!=null&&y.clientHeight),i)return;const p=a.indexRef.current,g=s||(n["data-has-children"]?`${a.id}-`:"")+String(p);if(a.items.find(I=>I.id===g))return;const b={id:g,textValue:n["data-text"]?n["data-text"]:typeof n.children=="string"?n.children:""};return r.registerItem(b),l(g),()=>{r.unregisterItem({id:g})}}),{ref:c,"data-id":s,disabled:n.disabled||a.nonInteractiveIds.includes(s)?!0:void 0,"aria-setsize":o?a.UNSTABLE_virtual.options.count:void 0,"aria-posinset":o?i.index+1:void 0,"data-index":o?i.index:void 0,style:d,id:Dk(`${a.id}-${s}`)}}),Oy={horizontal:{ArrowLeft:"goToPrevious",Left:"goToPrevious",ArrowRight:"goToNext",Right:"goToNext",Home:"goToFirst",End:"goToLast",PageDown:"goToNextPage",PageUp:"goToPreviousPage"},vertical:{ArrowUp:"goToPrevious",Up:"goToPrevious",ArrowDown:"goToNext",Down:"goToNext",Home:"goToFirst",End:"goToLast",PageDown:"goToNextPage",PageUp:"goToPreviousPage"}},Dce={ArrowLeft:"ArrowRight",Left:"Right",ArrowRight:"ArrowLeft",Right:"Left",ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Home:"Home",End:"End",PageDown:"PageDown",PageUp:"PageUp"},bO={...Oy.horizontal,Home:"goToFirstOfRow",End:"goToLastOfRow",ArrowUp:"goToPreviousRow",Up:"goToPreviousRow",ArrowDown:"goToNextRow",Down:"goToNextRow"},bv={Home:"goToFirst",End:"goToLast"},vO=(e,t)=>e.hasOwnProperty(t);function Vz(e,t){var r,i,o,s;if(e.ctrlKey){for(const l in bv)if(vO(bv,l)&&e.key===l)return(i=(r=t.events)[bv[l]])==null||i.call(r),!0}const n=t.state.columnCount>0?bO:Oy[t.state.orientation],a=UU(e.currentTarget);for(const l in n)if(vO(n,l)&&(a?e.key===Dce[l]:e.key===l)){const u=t.state.columnCount>0?bO[l]:Oy[t.state.orientation][l];if(t.events[u])return(s=(o=t.events)[u])==null||s.call(o),!0}return!1}const Zz=(e,t,n)=>{e()===!1&&t>1&&requestAnimationFrame(()=>Zz(e,t-1)),n==null||n("Retry timeout")},Mce=(e,t,n)=>new Promise((a,r)=>{var s;const i=(((s=n==null?void 0:n.dataset)==null?void 0:s.focusId)||"").split("-")[0]||e.state.id,o=e.navigation.getItem(t,e);if(o){e.state.isVirtualized&&e.state.UNSTABLE_virtual.scrollToIndex(o.index);const l=u=>document.querySelector(`[data-focus-id="${MU(`${u}-${o.id}`)}"]`);Zz(()=>{const u=l(i)||l(e.state.id);return u&&(u.focus(),a(u)),!!u},5,r)}}),Yz=Q()((e,t,n={})=>{const a=L.useRef(e.state);a.current=e.state;const r=L.useRef(null);return L.useEffect(()=>{r.current&&Mce(e,_r(e.state),r.current).then(()=>{r.current=null})},[e.state.cursorId]),L.useEffect(()=>{!e.state.cursorId&&e.state.items.length&&e.events.goTo({id:e.state.items[0].id})},[e.state.cursorId,e.state.items,e.events]),{onKeyDown(i){Vz(i,e)&&(i.preventDefault(),r.current=i.currentTarget)},onClick(){e.events.goTo({id:n["data-id"]})},"data-focus-id":Dk(`${e.state.id}-${n["data-id"]}`),tabIndex:e.state.cursorId?n["data-id"]&&Dc(e.state,n["data-id"])?0:-1:0}}),Pce=Q()(({state:e,events:t},n,a={})=>{const r=a["data-id"]||"";return{onClick:o=>{!e.nonInteractiveIds.includes(r)&&o.currentTarget.getAttribute("aria-disabled")!=="true"&&t.select({id:r})}}}),Fce=Q()(e=>({"aria-activedescendant":e.state.cursorId?Dk(`${e.state.id}-${typeof e.state.cursorId=="string"?e.state.cursorId:e.state.cursorId.join("-")}`):void 0})),Uce=Q()((e,t,n={})=>{const a=n["data-id"]||"";return{className:Dc(e.state,a)?"focus":""}}),zce=ce("li")({displayName:"Item",modelHook:gi,elemPropsHook:xp})((e,t)=>f.jsx(t,{...be(e)})),jce=Q()(e=>({style:{position:"relative",height:e.state.isVirtualized?e.state.UNSTABLE_virtual.getTotalSize():void 0}})),Bce=ue({base:{'& :where([data-part="list"])':{display:"flex",flexDirection:"column",marginBlockStart:N.zero,marginBlockEnd:N.zero}},modifiers:{orientation:{vertical:{overflowY:"auto"},horizontal:{overflowY:void 0,'& :where([data-part="list"])':{flexDirection:"row"}}}}}),Kz=or("ul")({displayName:"ListBox",modelHook:gi,elemPropsHook:jce,subComponents:{Item:zce}})(({height:e,maxHeight:t,marginY:n,marginBottom:a,overflowY:r,marginTop:i,...o},s,l)=>f.jsx("div",{ref:l.state.containerRef,...cn({style:{height:e,maxHeight:t,marginBottom:a??n,marginTop:i??n}},Bce({orientation:l.state.orientation})),children:f.jsx(s,{...be(o),"data-part":"list",children:Lce(l,o.children)})})),mt=Yt({defaultConfig:{...gi.defaultConfig,...at.defaultConfig,mode:"single",shouldVirtualize:!1},requiredConfig:{...gi.requiredConfig,...at.requiredConfig},contextOverride:at.Context})(e=>{const t=gi(gi.mergeConfig(e,{selection:e.mode==="single"?Wz:$ce})),n=at(at.mergeConfig(e,{id:t.state.id,onHide(){t.state.indexRef.current=0}}));YU(n),Mk(n);const a={mode:e.mode,...t.state,...n.state},r={...t.events,...n.events};return{...t,...n,state:a,events:r,UNSTABLE_parentModel:e.UNSTABLE_parentModel}}),Xz=Fk,Jz={modifiers:[{name:"offset",options:{offset:()=>[0,4]}}]},qce=ce("div")({modelHook:mt,elemPropsHook:Xz})(({children:e,...t})=>f.jsx(Yl,{placement:"bottom-start",popperOptions:Jz,...t,children:e})),Qz=Q()(e=>({id:e.state.id,"aria-haspopup":"true","aria-expanded":e.state.visibility==="visible",onKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":e.events.show(t)}}})),Hce=sr(Qz,Uk),Gce=sr(Qz,Toe),Wce=ce(wp)({displayName:"Menu.Target",modelHook:mt,elemPropsHook:Hce})(({children:e,...t},n)=>f.jsx(n,{...t,children:e})),Vce=ce(wp)({displayName:"Menu.Target",modelHook:mt,elemPropsHook:Gce})(({children:e,...t},n)=>f.jsx(n,{...t,children:e})),Xl=ue({parts:{text:"menu-item-text",icon:"menu-item-icon",selected:"menu-item-selected"},base:({textPart:e,iconPart:t,selectedPart:n})=>({...Je.subtext.large,display:"flex",alignItems:"center",width:"100%",gap:N.x4,padding:`${N.x2} ${N.x4}`,boxSizing:"border-box",cursor:"pointer",color:D.fg.default,borderWidth:0,textAlign:"start",transition:"background-color 80ms, color 80ms",backgroundColor:"inherit",minHeight:N.x10,overflowWrap:"anywhere",[te.vars.color]:"currentColor",[`& :where(${n})`]:{transition:"opacity 80ms linear",opacity:oa.zero},"&:where(:has(span))":{display:"flex"},"&[aria-selected=true]":{color:me.dark,backgroundColor:me.lightest,[`& :where(${n})`]:{opacity:oa.full},"&:where(.focus, :focus-visible)":{[te.vars.color]:me.accent,outline:"none",backgroundColor:me.base,color:te.vars.color}},"&:is(.hover, :hover)":{color:D.fg.strong,backgroundColor:pr.lightest},"&:is(.focus, :focus-visible)":{color:me.accent,backgroundColor:me.base,outline:`${ge(2)} solid transparent`,outlineOffset:`-${ge(2)}`},"&:is(:disabled, [aria-disabled=true])":{color:D.fg.disabled,cursor:"default","&:where(.hover, :hover, [aria-selected=true])":{background:"none"},"&:where(.focus, :focus-visible)":{backgroundColor:me.light}},[`& :where(${e})`]:{flexGrow:1,alignSelf:"center"},[`& :where(${t})`]:{alignSelf:"start"}})}),Zce=e=>f.jsx(Ns,{...Xl.parts.icon,...e}),ej=Ae("span")({Component:({...e},t,n)=>f.jsx(n,{ref:t,...Xl.parts.text,...cn(e)})}),tj=Ae("button")({displayName:"MenuItem",Component:({children:e,isDisabled:t,...n},a,r)=>f.jsx(r,{ref:a,"aria-disabled":t,...be(n,Xl({})),children:typeof e=="string"?f.jsx(ej,{children:e}):e})}),nj=Q()(e=>({onKeyDown(t){const n=getComputedStyle(t.currentTarget);t.key==="ArrowLeft"&&n.direction==="ltr"&&e.UNSTABLE_parentModel&&e.events.hide(t)}})),rj=Q()((e,t,n={"data-id":""})=>{const{localRef:a,elementRef:r}=Dr(t),i=n["data-id"];return Z.useLayoutEffect(()=>{e.state.mode==="single"&&Dc(e.state,i)&&requestAnimationFrame(()=>{var o;(o=a.current)==null||o.focus()})},[i,a,e.state.cursorId,e.state.mode]),{ref:r,className:Dc(e.state,n["data-id"])?"focus":void 0}});function aj(e){e.UNSTABLE_parentModel&&(e.UNSTABLE_parentModel.events.hide(),aj(e.UNSTABLE_parentModel))}const Yce=sr(Q()(e=>({role:"menuitem",onMouseDown(t){e.events.goTo({id:t.currentTarget.getAttribute("data-id")})},onClick:e.state.mode==="single"?t=>{t.currentTarget.getAttribute("aria-disabled")!=="true"&&(e.events.hide(t),aj(e))}:void 0})),rj,nj,Pce,Yz,xp),Xi=ce("button")({displayName:"Menu.Item",modelHook:mt,elemPropsHook:Yce,subComponents:{Icon:Zce,Text:ej}})(({children:e,...t},n)=>f.jsx(Qk,{placement:"left",children:f.jsx(tj,{as:n,...t,children:e})})),ij=ue({vars:{minWidth:ge(1),transformOriginVertical:"top",transformOriginHorizontal:"left",maxHeight:""},base:({transformOriginVertical:e,transformOriginHorizontal:t,minWidth:n,maxHeight:a})=>({...Je.subtext.large,color:D.text.default,position:"relative",display:"flex",flexDirection:"column",transition:"transform ease-out 150ms",padding:N.zero,maxWidth:lt.subtract("100vw",N.x8),boxShadow:Rk[3],minWidth:n,maxHeight:a,transformOrigin:`${e} ${t}`,".wd-no-animation &":{animation:"none"}})}),Kce=Q()(()=>({})),oj=ce("div")({displayName:"Menu.Card",modelHook:mt,elemPropsHook:Kce})(({minWidth:e,maxHeight:t,...n},a,r)=>{const i=Z.useMemo(()=>Ep(r.state.placement||"bottom"),[r.state.placement]);return f.jsx(Sp,{as:a,...be(n,ij({minWidth:typeof e=="number"?ge(e):e,maxHeight:typeof t=="number"?ge(t):t,transformOriginVertical:i.vertical,transformOriginHorizontal:i.horizontal})),children:n.children})}),Xce=sr(Q()(e=>({role:"menu","aria-labelledby":e.state.id,"aria-orientation":e.state.orientation})),zk,Soe),sj=ue({base:{background:D.bg.default,borderRadius:er.zero,padding:N.zero,gap:N.zero},modifiers:{orientation:{vertical:{flexDirection:"column"},horizontal:{flexDirection:"row"}}}}),lj=ce("div")({displayName:"Menu.List",modelHook:mt,elemPropsHook:Xce})(({children:e,...t},n,a)=>f.jsx(Kz,{as:n,model:a,marginY:C(N.x2),...cn(t,sj({orientation:a.state.orientation})),children:e})),Jce=ue({base:{display:"block",height:ge(1),border:N.zero,borderTop:`${ge(1)} solid ${D.border.divider}`,margin:`${N.x2} ${N.zero}`}}),uj=Ae("hr")({displayName:"Menu.Divider",Component({...e},t,n){return f.jsx(n,{ref:t,...cn(e,Jce())})}}),cj=Ae("span")({Component:({...e},t,n)=>f.jsxs(f.Fragment,{children:[f.jsx(Xi.Text,{ref:t,as:n,...e}),f.jsx(Ns,{...Xl.parts.selected,icon:Fse})]})}),Qce=Ae("li")({displayName:"MenuOption",Component:({children:e,...t},n,a)=>f.jsx(a,{ref:n,...be(t,Xl()),children:typeof e=="string"?f.jsx(cj,{children:e}):e})}),ede=sr(Q()((e,t,n={})=>{const a=n["data-id"]||"";return{role:"option","aria-selected":Oce(a,e.state),onMouseDown:o=>{o.button===0&&o.currentTarget.getAttribute("aria-disabled")!=="true"&&(e.events.select({id:a}),e.state.mode==="single"&&e.events.hide(o)),o.preventDefault()}}}),Uce,xp),dj=ce("li")({displayName:"Menu.Item",modelHook:mt,elemPropsHook:ede,subComponents:{Icon:Xi.Icon,Text:cj}})(({children:e,...t},n)=>f.jsx(Qk,{placement:"left",children:f.jsx(Qce,{as:n,...t,children:e})})),pj=Yt({defaultConfig:{id:void 0},requiredConfig:{}})(e=>({state:{id:fa(e.id)},events:{}})),tde=ue({base:{...Je.subtext.large,display:"flex",alignItems:"center",width:"100%",gap:N.x4,padding:`${N.x2} ${N.x4}`,boxSizing:"border-box",fontWeight:hr.bold}}),nde=Q()(e=>({"data-type":"group",role:"group","aria-labelledby":e.state.id})),rde=Q()(e=>({id:e.state.id})),yO=ce("div")({modelHook:pj,elemPropsHook:rde})(({children:e,...t},n)=>f.jsx(Qk,{children:f.jsx(n,{...be(t,tde()),children:e})})),fj=or("div")({displayName:"Menu.Group",modelHook:pj,elemPropsHook:nde,subComponents:{Heading:yO}})(({children:e,title:t,...n},a)=>f.jsxs(a,{...be(n),children:[t?f.jsx(yO,{children:t}):null,e]})),ade=ce("div")({modelHook:mt,elemPropsHook:Xz})(({children:e,...t})=>f.jsx(Yl,{placement:"right-start",popperOptions:Jz,...t,children:e})),ide=(e,t=0)=>{const n=L.useRef(),a=()=>{n.current=window.setTimeout(e,t)},r=()=>{window.clearTimeout(n.current),n.current=void 0};return L.useEffect(()=>()=>{window.clearTimeout(n.current)},[n]),{start:a,clear:r}},ode=sr(Tu(e=>e.UNSTABLE_parentModel,rj),Tu(e=>e.UNSTABLE_parentModel,nj),Tu(e=>e.UNSTABLE_parentModel,Yz),Q()((e,t)=>({ref:Fr(t,e.state.targetRef)})),Tu(e=>e.UNSTABLE_parentModel,xp),Q()(e=>{const t=L.useRef(),n=ide(()=>{e.UNSTABLE_parentModel.events.goTo({id:t.current||""}),e.events.show(event)},300);return{id:e.state.id,role:"menuitem","aria-haspopup":"true","aria-expanded":e.state.visibility==="visible",onMouseDown(a){e.UNSTABLE_parentModel.events.goTo({id:a.currentTarget.getAttribute("data-id")})},onMouseEnter(a){t.current=a.currentTarget.getAttribute("data-id"),n.start()},onMouseLeave(){n.clear()},onClick(a){e.state.targetRef.current instanceof Element||(e.state.targetRef.current=a.currentTarget),e.state.visibility!=="hidden"?e.events.hide(a):e.events.show(a)},"data-has-children":!0,onKeyDown(a){if(e.state.orientation==="vertical")switch(a.key){case"ArrowRight":case"Enter":case" ":e.events.show(a);break}}}})),sde=ce("button")({modelHook:mt,elemPropsHook:ode})(({children:e,...t},n)=>f.jsxs(tj,{as:n,...t,children:[typeof e=="string"?f.jsx(Xi.Text,{children:e}):e,f.jsx(Xi.Icon,{icon:Use})]})),lde=ce()({modelHook:mt,subComponents:{Card:oj,List:lj,Item:Xi,TargetItem:sde,Group:fj,Option:dj,Divider:uj,Popper:ade}})(({children:e,model:t,...n},a,r)=>{const i=mt(mt.mergeConfig(n,{getId:r.getId,getTextValue:r.getTextValue,UNSTABLE_parentModel:r,mode:r.state.mode,orientation:r.state.orientation,onSelect(s){r.events.select(s)},onSelectAll(){r.events.selectAll()}})),o=mt.Context;return f.jsx(o.Provider,{value:i,children:e})}),ts=or()({displayName:"Menu",modelHook:mt,subComponents:{Target:Wce,Card:oj,List:lj,Item:Xi,Group:fj,Option:dj,Divider:uj,TargetContext:Vce,Popper:qce,Submenu:lde}})(({children:e})=>f.jsx(f.Fragment,{children:e})),vv=Yt({defaultConfig:{value:void 0,onFilterChange(e){},onChange(e){}}})(e=>{const t=L.createRef();return{onFilterChange:e.onFilterChange,onChange:e.onChange,state:{value:e.value,inputRef:t},events:{}}}),wr=Yt({defaultConfig:{...vv.defaultConfig,...mt.defaultConfig,shouldVirtualize:!0},requiredConfig:{...vv.requiredConfig,...mt.requiredConfig}})(e=>{const t=vv(e),n=mt(e),[a,r]=L.useState(0),i={width:a,...t.state,...n.state},o={...t.events,...n.events,setWidth(s){r(s)}};return{...n,...t,state:i,events:o}}),ude=Q()(e=>({onKeyDown(t){(t.key==="ArrowDown"||t.key==="ArrowUp"&&e.state.visibility!=="visible")&&(e.events.show(t),e.events.setWidth(t.currentTarget.getBoundingClientRect().width))}})),cde=Q()(e=>{const t=e.state.visibility!=="hidden";return L.useLayoutEffect(()=>{var n;t&&e.events.setWidth(((n=e.state.targetRef.current)==null?void 0:n.getBoundingClientRect().width)||0)},[t,e.events,e.state.targetRef]),{}}),dde=Q()(e=>({onKeyDown(t){e.state.visibility==="visible"&&Vz(t,e)&&t.preventDefault()}})),mj=sr(Q()((e,t)=>{const n=Fr(t,e.state.inputRef);return L.useEffect(()=>{if(e.state.cursorId&&e.state.visibility==="visible"){const a=e.navigation.getItem(_r(e.state),e);if(e.state.isVirtualized&&a)e.state.UNSTABLE_virtual.scrollToIndex(a.index);else{const r=document.querySelector(`[id="${e.state.id}-list"] [data-id="${_r(e.state)}"]`);r&&requestAnimationFrame(()=>{r.scrollIntoView({block:"nearest"})})}}},[e.state.cursorId,e.state.selectedIds,e.state.visibility]),{onKeyDown(a){if(a.key==="Enter"&&!a.metaKey&&e.state.visibility==="visible"){const r=document.querySelector(`[data-id="${_r(e.state)}"]`);r&&(r==null?void 0:r.getAttribute("aria-disabled"))!=="true"&&(e.events.select({id:_r(e.state)}),e.state.mode==="single"&&e.events.hide(a)),a.preventDefault()}},onBlur(a){e.events.hide(a)},onClick(a){e.state.visibility==="hidden"&&e.events.setWidth(a.currentTarget.getBoundingClientRect().width)},value:e.state.value,role:"combobox","aria-haspopup":"listbox","aria-expanded":e.state.visibility==="visible","aria-autocomplete":"list","aria-controls":`${e.state.id}-list`,"aria-activedescendant":e.state.visibility==="hidden"?null:void 0,id:e.state.id,ref:n}}),cde,ude,Fce,dde,Uk),pde=ce(Ki)({modelHook:wr,elemPropsHook:mj})(({children:e,...t},n)=>f.jsx(n,{...t,children:e})),fde=Q()(e=>({role:"listbox","aria-labelledby":e.state.id,id:`${e.state.id}-list`})),mde=ue({base:{},extends:sj}),gde=ce("ul")({modelHook:wr,elemPropsHook:fde})(({children:e,...t},n,a)=>f.jsx(Kz,{as:n,model:a,marginY:C(N.x2),...cn(t,mde({orientation:a.state.orientation})),children:e})),hde=Q()(e=>({minWidth:e.state.width})),bde=ce("div")({modelHook:wr,elemPropsHook:hde})(({children:e,...t},n)=>f.jsx(ts.Card,{as:n,...t,children:e})),vde=Fk,yde=ce("div")({displayName:"Combobox.Menu.Popper",modelHook:mt,elemPropsHook:vde})(({children:e,...t})=>f.jsx(ts.Popper,{fallbackPlacements:["top","bottom"],...t,children:e})),SO=ce()({modelHook:wr,subComponents:{Popper:yde,List:gde,Item:ts.Option,Card:bde,Divider:ts.Divider}})(({children:e},t,n)=>f.jsx(ts,{model:n,children:e})),Ti=or()({displayName:"Combobox",modelHook:wr,subComponents:{Input:pde,Menu:SO}})(({children:e},t,n)=>f.jsx(SO,{model:n,children:e})),Sde=Q()(e=>(L.useLayoutEffect(()=>{var n;const t=(n=e.state.items.find(a=>a.id===e.state.cursorId))==null?void 0:n.id;!e.state.selectedIds.length&&e.state.items.length&&!t?e.events.goTo({id:e.state.items[0].id}):e.state.selectedIds.length&&!t&&e.events.goTo({id:e.state.selectedIds[0]})},[e.state.selectedIds,e.events,e.state.items,e.state.cursorId,e.state.visibility]),{})),Ede=Q()(e=>{var u;const t=L.useRef(""),n=L.useRef(),[a,r]=L.useState(t.current),i=()=>{n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{t.current="",r(t.current)},500)},o=(c,d,p=e.state.items.length,g=!0)=>{for(let b=c;b<p;b++)if(e.state.items[b].textValue.toLowerCase().startsWith(d.toLowerCase())&&(!g||g&&!e.state.nonInteractiveIds.includes(e.state.items[b].id)))return b;return-1},s=e.state.items.length>0&&((u=e.navigation.getItem(_r(e.state),e))==null?void 0:u.index)||0,l=(c,d)=>{const p=t.current.length===0?s+1:s,g=p===d?0:p;t.current+=c,r(t.current),i();let b=o(g,t.current);o(g,t.current),b===-1&&(b=o(0,t.current,g)),b>-1&&(e.events.goTo({id:e.state.items[b].id}),e.state.visibility==="hidden"&&e.events.select({id:e.state.items[b].id}))};return{onKeyDown(c){c.key.length===1&&c.key.match(/\S/)&&l(c.key,e.state.items.length),(c.key==="Spacebar"||c.key===" ")&&e.state.visibility==="visible"&&t.current!==""&&l(" ",e.state.items.length),(c.key==="Spacebar"||c.key===" ")&&e.state.visibility==="hidden"&&t.current!==""&&l(" ",e.state.items.length)},keySoFar:a}});function _de(e){return!!e}const wde=Q()((e,t,{disabled:n,value:a,onChange:r,name:i}={})=>{const{elementRef:o,localRef:s}=Dr(e.state.targetRef),{elementRef:l,localRef:u}=Dr(t),c=L.useRef(e.navigation);c.current=e.navigation;const d=L.useRef(e.state);return d.current=e.state,L.useLayoutEffect(()=>{u.current&&typeof a=="string"&&a!==u.current.value&&e.events.setSelectedIds(a?a.split(", "):[])},[a,u,e.events]),L.useImperativeHandle(l,()=>{if(u.current&&s.current){const p=u.current,g=s.current;return Object.defineProperty(p,"value",{get(){var y,I;return(I=(y=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(p),"value"))==null?void 0:y.get)==null?void 0:I.call(p)},set(b){p&&b!==(d.current.selectedIds==="all"?[]:d.current.selectedIds).join(", ")&&e.events.setSelectedIds(b?b.split(", "):[])}}),Object.defineProperty(p,"focus",{configurable:!0,writable:!0,value:b=>g.focus(b)}),Object.defineProperty(p,"blur",{configurable:!0,writable:!0,value:()=>g.blur()}),p}return u.current},[u,s,e.events]),L.useLayoutEffect(()=>{if(s.current){const p=e.state.items.length===0?"":(e.state.selectedIds==="all"?[]:e.state.selectedIds.map(g=>c.current.getItem(g,{state:d.current})).filter(_de).map(g=>g.textValue)).join(", ");p!==s.current.value&&Ty(s.current,p)}if(u.current){const p=(e.state.selectedIds==="all"?[]:e.state.selectedIds).join(", ");p!==u.current.value&&Ty(u.current,p)}},[e.state.selectedIds,e.state.items,u,s]),{ref:o,form:"",value:null,onChange:p=>{var g;return(g=e.onFilterChange)==null||g.call(e,p),null},name:null,disabled:n,formInputProps:{disabled:n,tabIndex:-1,"aria-hidden":!0,ref:l,onChange:p=>{var g;r==null||r(p),(g=e.onChange)==null||g.call(e,p)},name:i}}}),kde=Q()(e=>{const t=e.state.visibility!=="hidden";return L.useEffect(()=>{!t&&e.state.selectedIds.length&&e.events.goTo({id:e.state.selectedIds[0]})},[t,e.events,e.state.selectedIds]),{}}),Rp=Yt({defaultConfig:{...wr.defaultConfig,shouldVirtualize:!1},requiredConfig:{...wr.requiredConfig},contextOverride:wr.Context})(e=>wr(e)),Ide=sr(Q()((e,t,n={})=>{const{elementRef:a,localRef:r}=Dr(t);return poe({ref:r,onResize:i=>{if(e.state.visibility==="visible"){const o=i.width?i.width+42+8:0;e.events.setWidth(o)}}}),L.useEffect(()=>{var i;if(e.state.cursorId&&e.state.visibility==="visible"){const o=e.navigation.getItem(_r(e.state),e);if(e.state.isVirtualized&&o)e.state.UNSTABLE_virtual.scrollToIndex(o.index);else{const s=(i=r.current)==null?void 0:i.getAttribute("aria-controls");if(s){const l=document.querySelector(`[id="${s}"] [data-id="${_r(e.state)}"]`);l&&requestAnimationFrame(()=>{l.scrollIntoView({block:"nearest"})})}}}},[e.state.cursorId,e.state.selectedIds,e.state.visibility]),{onKeyDown(i){i.key!=="Tab"&&i.preventDefault(),(i.key==="Spacebar"||i.key===" "&&e.state.visibility==="hidden"&&(n==null?void 0:n.keySoFar)==="")&&e.events.show(),(i.key==="Spacebar"||i.key===" ")&&e.state.visibility==="visible"&&(n==null?void 0:n.keySoFar)===""&&(e.events.select({id:_r(e.state)}),e.events.hide())},autoComplete:"off",keySoFar:null,ref:a}}),Ede,kde,Sde,wde,mj),va=ue({parts:{caret:"select-caret-icon",caretContainer:"select-caret-container",startIconContainer:"select-start-icon-container",startIcon:"select-start-icon",endIcon:"select-end-icon",hiddenInput:"select-hidden-input",visualInput:"select-visual-input"},base:({hiddenInputPart:e,startIconPart:t,endIconPart:n,visualInputPart:a,caretContainerPart:r,startIconContainerPart:i,caretPart:o})=>({[e]:{position:"absolute",top:N.zero,bottom:N.zero,left:N.zero,right:N.zero,opacity:oa.zero,cursor:"default",pointerEvents:"none",minWidth:"100%",width:"100%"},[`${t}, ${n}, ${r}, ${i}`]:{position:"absolute",pointerEvents:"none"},[a]:{caretColor:"transparent",backgroundColor:D.bg.default,color:D.text.default,cursor:"default","&::placeholder":{color:D.text.default},"&::selection":{backgroundColor:"transparent"}},"&:has(:disabled, .disabled)":{[o]:{[te.vars.color]:D.fg.disabled}}}),modifiers:{error:{error:({visualInputPart:e})=>({[e]:{backgroundColor:Me.lightest}}),caution:({visualInputPart:e})=>({[e]:{backgroundColor:Hn.lightest}})}}}),Tde=ce(Ki)({modelHook:Rp,elemPropsHook:Ide})(({inputStartIcon:e,formInputProps:t,error:n,...a},r,i)=>f.jsxs(Do,{"data-width":"ck-formfield-width",...va({error:n}),children:[e&&i.state.selectedIds.length>0&&f.jsx(Do.InnerStart,{...va.parts.startIconContainer,children:f.jsx(Ns,{...va.parts.startIcon,icon:e})}),f.jsx(Do.Input,{...va.parts.hiddenInput,...t}),f.jsx(Do.Input,{as:r,placeholder:"Choose an option",error:n,...va.parts.visualInput,...a}),f.jsx(Do.InnerEnd,{...va.parts.caretContainer,children:f.jsx(Ns,{...va.parts.caret,icon:Pse})})]})),xde=Q()(e=>({width:e.state.width})),Rde=ue({base:{[ij.vars.maxHeight]:ge(300)}}),Ade=ce("div")({modelHook:Rp,elemPropsHook:xde})(({children:e,...t},n)=>f.jsx(Ti.Menu.Card,{as:n,...cn(t,Rde()),children:e})),Cde=ce("li")({modelHook:Rp,subComponents:{Icon:Ti.Menu.Item.Icon}})(({children:e,...t},n,a)=>f.jsx(Ti.Menu.Item,{as:n,...t,children:e})),Qa=or()({displayName:"Select",modelHook:Rp,subComponents:{Input:Tde,Popper:Ti.Menu.Popper,Card:Ade,List:Ti.Menu.List,Item:Cde}})(({children:e,...t},n,a)=>f.jsx(Ti,{model:a,...t,children:e})),Nde=["Blue","Yellow"],Ode=Sn({gap:N.x4,padding:N.x2}),aI=()=>{const e=lr(),t=n=>{n.preventDefault(),console.log("form data",{first:n.currentTarget.elements.namedItem("first").value,last:n.currentTarget.elements.namedItem("last").value,favoriteColor:n.currentTarget.elements.namedItem("favoriteColor").value}),e.events.hide()};return f.jsxs(H,{model:e,children:[f.jsx(H.Target,{icon:zse,children:"Create New User"}),f.jsx(H.Overlay,{children:f.jsxs(H.Card,{as:"form",onSubmit:t,children:[f.jsx(H.CloseIcon,{"aria-label":"Close"}),f.jsx(H.Heading,{children:"New User"}),f.jsxs(H.Body,{children:[f.jsxs(Kt,{children:[f.jsx(Kt.Label,{children:"First Name"}),f.jsx(Kt.Input,{as:Ki,name:"first"})]}),f.jsxs(Kt,{children:[f.jsx(Kt.Label,{children:"Last Name"}),f.jsx(Kt.Input,{as:Ki,name:"last"})]}),f.jsxs(Kt,{children:[f.jsx(Kt.Label,{children:"Favorite Color"}),f.jsx(Kt.Field,{children:f.jsxs(Qa,{items:Nde,children:[f.jsx(Kt.Input,{as:Qa.Input,name:"favoriteColor"}),f.jsx(Qa.Popper,{children:f.jsx(Qa.Card,{children:f.jsx(Qa.List,{children:n=>f.jsx(Qa.Item,{children:n})})})})]})})]})]}),f.jsxs(Jn,{cs:Ode,children:[f.jsx(H.CloseButton,{children:"Cancel"}),f.jsx(Mr,{type:"submit",children:"Submit"})]})]})})]})};aI.__RAW__=`import React from 'react';
 
 import {Modal, useModalModel} from '@workday/canvas-kit-react/modal';
 import {PrimaryButton} from '@workday/canvas-kit-react/button';