@cloudoperators/juno-ui-components 2.32.0 → 2.34.0

package/build/AppIntro.component-91Jmkg84.js

@@ -0,0 +1,6 @@
+import React__default from"react";const introStyles=`
+  jn-pt-16
+  jn-pb-14
+  jn-text-xl
+  in-pr-[45%]
+`,AppIntro=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",{className:`juno-app-intro ${introStyles} ${d}`,...c},b)};export{AppIntro as A};

package/build/AppIntro.js

@@ -1 +1 @@
-export{A as AppIntro}from"./AppIntro.component-BnwrDrke.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
+export{A as AppIntro}from"./AppIntro.component-91Jmkg84.js";import"react";

package/build/AppShell.component-Hk_XAW1E.js

@@ -0,0 +1 @@
+import React__default from"react";import{A as AppBody}from"./AppBody.component-C9lIZEeC.js";import{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";import{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";import{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";import{C as ContentContainer}from"./ContentContainer.component-8A2F9nlM.js";import{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";import{H as HeaderContainer}from"./HeaderContainer.component-CWj3SLQY.js";const AppShell=a=>{let{children:b,className:g="",contentHeading:h="",embedded:i=!1,fullWidthContent:c,pageHeader:j=React__default.createElement(PageHeader,null),pageFooter:k=React__default.createElement(PageFooter,null),sideNavigation:d,topNavigation:e,...f}=a;h&&h.length&&console.warn("AppShell: The contentHeading prop is obsolete and will be removed in a future version. In order to render a content heading, use a ContentHeading element as a child in your main content.");return React__default.createElement(AppBody,{className:g,...f},h||"",i?(React__default.createElement(React__default.Fragment,null,e&&React__default.createElement(HeaderContainer,null,e),React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!1!==c,hasSideNav:!!d,className:`${e?"jn-mt-[3.875rem]":""}`},d&&d,React__default.createElement(ContentContainer,null,b))))):(React__default.createElement(React__default.Fragment,null,((a,b)=>a||b?(React__default.createElement(HeaderContainer,{fullWidth:!0===c},a&&"string"==typeof a?React__default.createElement(PageHeader,{heading:a}):a,b)):null)(j,e),React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!(!0!==c),hasSideNav:!!d,className:"jn-mt-[3.875rem]"},d,React__default.createElement(ContentContainer,null,b))),k?k:React__default.createElement(PageFooter,null))))};export{AppShell as A};

package/build/AppShell.js

@@ -1 +1 @@
-export{A as AppShell}from"./AppShell.component-BNckh29Y.js";import"react";import"./AppBody.component-C9lIZEeC.js";import"./PageHeader.component-DqYR6Yyo.js";import"./MainContainer.component-DV_tQlek.js";import"./MainContainerInner.component-DhiRjgBx.js";import"./ContentContainer.component-wLeOohOT.js";import"./PageFooter.component-CeD5DCjY.js";
+export{A as AppShell}from"./AppShell.component-Hk_XAW1E.js";import"react";import"./AppBody.component-C9lIZEeC.js";import"./PageHeader.component-DqYR6Yyo.js";import"./MainContainer.component-DV_tQlek.js";import"./MainContainerInner.component-DhiRjgBx.js";import"./ContentContainer.component-8A2F9nlM.js";import"./PageFooter.component-CeD5DCjY.js";import"./HeaderContainer.component-CWj3SLQY.js";

package/build/AppShellProvider.component-BjmVKqm3.js

@@ -0,0 +1 @@
+import React__default from"react";import{S as StyleProvider,D as DEFAULT_THEME_NAME}from"./StyleProvider.component-bYqFN-bx.js";import{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";import{a as PortalProvider}from"./PortalProvider.component-CVldWJIG.js";const Wrapper=a=>{let{children:b,shadowRoot:c,shadowRootMode:d}=a;return c?(React__default.createElement(ShadowRoot,{mode:d},React__default.createElement(React__default.Fragment,null,b))):b},AppShellProvider=a=>{let{shadowRoot:c=!0,shadowRootMode:d="open",stylesWrapper:e="inline",theme:f=DEFAULT_THEME_NAME,children:b}=a;return React__default.createElement(Wrapper,{shadowRoot:c,shadowRootMode:d},React__default.createElement(StyleProvider,{theme:f,stylesWrapper:c?"inline":e},React__default.createElement(PortalProvider,null,b)))};export{AppShellProvider as A};

package/build/AppShellProvider.js

@@ -1 +1 @@
-export{A as AppShellProvider}from"./AppShellProvider.component-CoGCOuox.js";import"react";import"prop-types";import"./StyleProvider.component-DpOVgdlo.js";import"react-dom";import"./ibm-plex-BfDpQmIi.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./PortalProvider.component-B2hXHP-c.js";
+export{A as AppShellProvider}from"./AppShellProvider.component-BjmVKqm3.js";import"react";import"./StyleProvider.component-bYqFN-bx.js";import"./ShadowRoot.component-DU_Ra-K3.js";import"react-dom";import"./_commonjsHelpers-BXRXMh56.js";import"./PortalProvider.component-CVldWJIG.js";

package/build/{combobox-JmdrroKh.js → ComboBox.component-C_o5JV1E.js}

@@ -1,4 +1,118 @@
-import*as React from"react";import React__default,{useRef,useEffect,createContext,useReducer,createRef,useCallback,useMemo,useContext,useState,Fragment}from"react";import{flushSync}from"react-dom";import{T,e,u as u$1,s as s$1,i}from"./form-DXIqO3qN.js";import{o,O,U,u,l,a as y,p,s,d,x,C,I,y as y$1,n,T as T$1,b as u$2,q as s$2,c as u$3,f as c,e as o$1,r,g as o$2,t as n$1,h as f,k as I$1}from"./keyboard-D0PLkOsr.js";import{F}from"./use-tree-walker-BOLu2dNf.js";function memo(a,b,c){var d=Math.max,e=Math.min,f=Math.round;let g,h=c.initialDeps??[];return()=>{var i,j,k,l;let m;c.key&&(null==(i=c.debug)?void 0:i.call(c))&&(m=Date.now());const n=a(),o=n.length!==h.length||n.some((a,b)=>h[b]!==a);if(!o)return g;h=n;let p;if(c.key&&(null==(j=c.debug)?void 0:j.call(c))&&(p=Date.now()),g=b(...n),c.key&&(null==(k=c.debug)?void 0:k.call(c))){const a=f(100*(Date.now()-m))/100,b=f(100*(Date.now()-p))/100,g=(a,b)=>{for(a+="";a.length<b;)a=" "+a;return a};console.info(`%c⏱ ${g(b,5)} /${g(a,5)} ms`,`
+import*as React from"react";import React__default,{useRef,useEffect,createContext,useReducer,createRef,useCallback,useMemo,useContext,useState,Fragment,useId}from"react";import{S as Sr}from"./headlessui-float-n1IxyQhp.js";import{L as Label}from"./Label.component-BYZfB1oK.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Spinner}from"./Spinner.component-CO095KvL.js";import{o as offset,b as shift,f as flip,s as size}from"./floating-ui.react-dom-DFre3-Br.js";import{u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";import{flushSync,createPortal}from"react-dom";import{T,e,u as u$1,s as s$1,i}from"./form-DXIqO3qN.js";import{o,O,U,u,l,a as y,p,s,d,x,C,I,y as y$1,n,T as T$1,b as u$2,q as s$2,c as u$3,f as c,e as o$1,r,g as o$2,t as n$1,h as f,k as I$1}from"./keyboard-D0PLkOsr.js";import{F}from"./use-tree-walker-BOLu2dNf.js";function memo(a,b,c){var d=Math.max,e=Math.min,f=Math.round;let g,h=c.initialDeps??[];return()=>{var i,j,k,l;let m;c.key&&(null==(i=c.debug)?void 0:i.call(c))&&(m=Date.now());const n=a(),o=n.length!==h.length||n.some((a,b)=>h[b]!==a);if(!o)return g;h=n;let p;if(c.key&&(null==(j=c.debug)?void 0:j.call(c))&&(p=Date.now()),g=b(...n),c.key&&(null==(k=c.debug)?void 0:k.call(c))){const a=f(100*(Date.now()-m))/100,b=f(100*(Date.now()-p))/100,g=(a,b)=>{for(a+="";a.length<b;)a=" "+a;return a};console.info(`%c⏱ ${g(b,5)} /${g(a,5)} ms`,`
             font-size: .6rem;
             font-weight: bold;
-            color: hsl(${d(0,e(120-120*(b/16),120))}deg 100% 31%);`,null==c?void 0:c.key)}return null==(l=null==c?void 0:c.onChange)?void 0:l.call(c,g),g}}function notUndefined(a){if(void 0===a)throw new Error(`Unexpected undefined${""}`);else return a}const approxEqual=(c,a)=>1>Math.abs(c-a),debounce=(a,b,c)=>{let d;return function(){for(var e=arguments.length,f=Array(e),g=0;g<e;g++)f[g]=arguments[g];a.clearTimeout(d),d=a.setTimeout(()=>b.apply(this,f),c)}},defaultKeyExtractor=a=>a,defaultRangeExtractor=a=>{const b=Math.max(a.startIndex-a.overscan,0),c=Math.min(a.endIndex+a.overscan,a.count-1),d=[];for(let e=b;e<=c;e++)d.push(e);return d},observeElementRect=(a,b)=>{var c=Math.round;const d=a.scrollElement;if(!d)return;const e=a.targetWindow;if(!e)return;const f=a=>{const{width:d,height:e}=a;b({width:c(d),height:c(e)})};if(f(d.getBoundingClientRect()),!e.ResizeObserver)return()=>{};const g=new e.ResizeObserver(a=>{const b=a[0];if(null==b?void 0:b.borderBoxSize){const a=b.borderBoxSize[0];if(a)return void f({width:a.inlineSize,height:a.blockSize})}f(d.getBoundingClientRect())});return g.observe(d,{box:"border-box"}),()=>{g.unobserve(d)}},addEventListenerOptions={passive:!0},supportsScrollend=!("undefined"!=typeof window)||"onscrollend"in window,observeElementOffset=(a,b)=>{const c=a.scrollElement;if(!c)return;const d=a.targetWindow;if(!d)return;let e=0;const f=supportsScrollend?()=>void 0:debounce(d,()=>{b(e,!1)},a.options.isScrollingResetDelay),g=d=>()=>{const{horizontal:g,isRtl:h}=a.options;e=g?c.scrollLeft*(h&&-1||1):c.scrollTop,f(),b(e,d)},h=g(!0),i=g(!1);return i(),c.addEventListener("scroll",h,addEventListenerOptions),c.addEventListener("scrollend",i,addEventListenerOptions),()=>{c.removeEventListener("scroll",h),c.removeEventListener("scrollend",i)}},measureElement=(a,b,c)=>{var d=Math.round;if(null==b?void 0:b.borderBoxSize){const a=b.borderBoxSize[0];if(a){const b=d(a[c.options.horizontal?"inlineSize":"blockSize"]);return b}}return d(a.getBoundingClientRect()[c.options.horizontal?"width":"height"])},elementScroll=(a,b,c)=>{let{adjustments:e=0,behavior:d}=b;var f,g;null==(g=null==(f=c.scrollElement)?void 0:f.scrollTo)?void 0:g.call(f,{[c.options.horizontal?"left":"top"]:a+e,behavior:d})};class Virtualizer{constructor(a){var b=Math.max,c=Math.min,d=this;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 a=null;const b=()=>a?a:this.targetWindow&&this.targetWindow.ResizeObserver?a=new this.targetWindow.ResizeObserver(a=>{a.forEach(a=>{this._measureElement(a.target,a)})}):null;return{disconnect:()=>{var c;null==(c=b())?void 0:c.disconnect(),a=null},observe:a=>{var c;return null==(c=b())?void 0:c.observe(a,{box:"border-box"})},unobserve:a=>{var c;return null==(c=b())?void 0:c.unobserve(a)}}})(),this.range=null,this.setOptions=a=>{Object.entries(a).forEach(b=>{let[c,d]=b;"undefined"==typeof d&&delete a[c]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:defaultKeyExtractor,rangeExtractor:defaultRangeExtractor,onChange:()=>{},measureElement,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,...a}},this.notify=a=>{var b,c;null==(c=(b=this.options).onChange)?void 0:c.call(b,this,a)},this.maybeNotify=memo(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),a=>{this.notify(a)},{key:"production"!==process.env.NODE_ENV&&"maybeNotify",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(a=>a()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var a;const b=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==b){if(this.cleanup(),!b)return void this.maybeNotify();this.scrollElement=b,this.targetWindow=this.scrollElement&&"ownerDocument"in this.scrollElement?this.scrollElement.ownerDocument.defaultView:(null==(a=this.scrollElement)?void 0:a.window)??null,this.elementsCache.forEach(a=>{this.observer.observe(a)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,a=>{this.scrollRect=a,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(a,b)=>{this.scrollAdjustments=0,this.scrollDirection=b?this.getScrollOffset()<a?"forward":"backward":null,this.scrollOffset=a,this.isScrolling=b,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??("function"==typeof this.options.initialOffset?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(a,b)=>{const c=new Map,d=new Map;for(let e=b-1;0<=e;e--){const b=a[e];if(c.has(b.lane))continue;const f=d.get(b.lane);if(null==f||b.end>f.end?d.set(b.lane,b):b.end<f.end&&c.set(b.lane,!0),c.size===this.options.lanes)break}return d.size===this.options.lanes?Array.from(d.values()).sort((c,a)=>c.end===a.end?c.index-a.index:c.end-a.end)[0]:void 0},this.getMeasurementOptions=memo(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(a,b,c,d,e)=>(this.pendingMeasuredCacheIndexes=[],{count:a,paddingStart:b,scrollMargin:c,getItemKey:d,enabled:e}),{key:!1}),this.getMeasurements=memo(()=>[this.getMeasurementOptions(),this.itemSizeCache],(a,b)=>{let{count:d,paddingStart:e,scrollMargin:f,getItemKey:g,enabled:h}=a;if(!h)return this.measurementsCache=[],this.itemSizeCache.clear(),[];0===this.measurementsCache.length&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(a=>{this.itemSizeCache.set(a.key,a.size)}));const j=0<this.pendingMeasuredCacheIndexes.length?c(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const k=this.measurementsCache.slice(0,j);for(let c=j;c<d;c++){const a=g(c),d=1===this.options.lanes?k[c-1]:this.getFurthestMeasurement(k,c),h=d?d.end+this.options.gap:e+f,i=b.get(a),j="number"==typeof i?i:this.options.estimateSize(c),l=d?d.lane:c%this.options.lanes;k[c]={index:c,start:h,size:j,end:h+j,key:a,lane:l}}return this.measurementsCache=k,k},{key:"production"!==process.env.NODE_ENV&&"getMeasurements",debug:()=>this.options.debug}),this.calculateRange=memo(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(a,b,c)=>this.range=0<a.length&&0<b?calculateRange({measurements:a,outerSize:b,scrollOffset:c}):null,{key:"production"!==process.env.NODE_ENV&&"calculateRange",debug:()=>this.options.debug}),this.getIndexes=memo(()=>[this.options.rangeExtractor,this.calculateRange(),this.options.overscan,this.options.count],(a,b,c,d)=>null===b?[]:a({startIndex:b.startIndex,endIndex:b.endIndex,overscan:c,count:d}),{key:"production"!==process.env.NODE_ENV&&"getIndexes",debug:()=>this.options.debug}),this.indexFromElement=a=>{const b=this.options.indexAttribute,c=a.getAttribute(b);return c?parseInt(c,10):(console.warn(`Missing attribute name '${b}={index}' on measured element.`),-1)},this._measureElement=(a,b)=>{const c=this.indexFromElement(a),d=this.measurementsCache[c];if(!d)return;const e=d.key,f=this.elementsCache.get(e);f!==a&&(f&&this.observer.unobserve(f),this.observer.observe(a),this.elementsCache.set(e,a)),a.isConnected&&this.resizeItem(c,this.options.measureElement(a,b,this))},this.resizeItem=(a,b)=>{const c=this.measurementsCache[a];if(!c)return;const d=this.itemSizeCache.get(c.key)??c.size,e=b-d;0!==e&&((void 0===this.shouldAdjustScrollPositionOnItemSizeChange?c.start<this.getScrollOffset()+this.scrollAdjustments:this.shouldAdjustScrollPositionOnItemSizeChange(c,e,this))&&("production"!==process.env.NODE_ENV&&this.options.debug&&console.info("correction",e),this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=e,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(c.index),this.itemSizeCache=new Map(this.itemSizeCache.set(c.key,b)),this.notify(!1))},this.measureElement=a=>a?void this._measureElement(a,void 0):void this.elementsCache.forEach((a,b)=>{a.isConnected||(this.observer.unobserve(a),this.elementsCache.delete(b))}),this.getVirtualItems=memo(()=>[this.getIndexes(),this.getMeasurements()],(a,b)=>{const c=[];for(let d=0,e=a.length;d<e;d++){const e=a[d],f=b[e];c.push(f)}return c},{key:"production"!==process.env.NODE_ENV&&"getVirtualItems",debug:()=>this.options.debug}),this.getVirtualItemForOffset=a=>{const b=this.getMeasurements();return 0===b.length?void 0:notUndefined(b[findNearestBinarySearch(0,b.length-1,a=>notUndefined(b[a]).start,a)])},this.getOffsetForAlignment=(a,d)=>{const e=this.getSize(),f=this.getScrollOffset();"auto"===d&&(a<=f?d="start":a>=f+e?d="end":d="start"),"start"===d?a=a:"end"===d?a-=e:"center"==d&&(a-=e/2);const g=this.options.horizontal?"scrollWidth":"scrollHeight",h=this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[g]:this.scrollElement[g]:0;return b(c(h-e,a),0)},this.getOffsetForIndex=function(a){let e=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"auto";a=b(0,c(a,d.options.count-1));const f=d.measurementsCache[a];if(!f)return;const g=d.getSize(),h=d.getScrollOffset();if("auto"===e)if(f.end>=h+g-d.options.scrollPaddingEnd)e="end";else if(f.start<=h+d.options.scrollPaddingStart)e="start";else return[h,e];const i="end"===e?f.end+d.options.scrollPaddingEnd:f.start-d.options.scrollPaddingStart;return[d.getOffsetForAlignment(i,e),e]},this.isDynamicMode=()=>0<this.elementsCache.size,this.cancelScrollToIndex=()=>{null!==this.scrollToIndexTimeoutId&&this.targetWindow&&(this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId),this.scrollToIndexTimeoutId=null)},this.scrollToOffset=function(a){let{align:c="start",behavior:b}=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};d.cancelScrollToIndex(),"smooth"===b&&d.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),d._scrollToOffset(d.getOffsetForAlignment(a,c),{adjustments:void 0,behavior:b})},this.scrollToIndex=function(a){let{align:f="auto",behavior:e}=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};a=b(0,c(a,d.options.count-1)),d.cancelScrollToIndex(),"smooth"===e&&d.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");const g=d.getOffsetForIndex(a,f);if(!g)return;const[h,i]=g;d._scrollToOffset(h,{adjustments:void 0,behavior:e}),"smooth"!==e&&d.isDynamicMode()&&d.targetWindow&&(d.scrollToIndexTimeoutId=d.targetWindow.setTimeout(()=>{d.scrollToIndexTimeoutId=null;const b=d.elementsCache.has(d.options.getItemKey(a));if(b){const[b]=notUndefined(d.getOffsetForIndex(a,i));approxEqual(b,d.getScrollOffset())||d.scrollToIndex(a,{align:i,behavior:e})}else d.scrollToIndex(a,{align:i,behavior:e})}))},this.scrollBy=function(a){let{behavior:b}=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};d.cancelScrollToIndex(),"smooth"===b&&d.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),d._scrollToOffset(d.getScrollOffset()+a,{adjustments:void 0,behavior:b})},this.getTotalSize=()=>{var a;const c=this.getMeasurements();let d;return d=0===c.length?this.options.paddingStart:1===this.options.lanes?(null==(a=c[c.length-1])?void 0:a.end)??0:b(...c.slice(-this.options.lanes).map(a=>a.end)),b(d-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(a,b)=>{let{adjustments:c,behavior:d}=b;this.options.scrollToFn(a,{behavior:d,adjustments:c},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(a)}}const findNearestBinarySearch=(a,b,c,d)=>{for(;a<=b;){const e=0|(a+b)/2,f=c(e);if(f<d)a=e+1;else if(f>d)b=e-1;else return e}return 0<a?a-1:0};function calculateRange(a){let{measurements:b,outerSize:c,scrollOffset:d}=a;const e=b.length-1,f=findNearestBinarySearch(0,e,a=>b[a].start,d);let g=f;for(;g<e&&b[g].end<d+c;)g++;return{startIndex:f,endIndex:g}}const useIsomorphicLayoutEffect="undefined"==typeof document?React.useEffect:React.useLayoutEffect;function useVirtualizerBase(a){const b=React.useReducer(()=>({}),{})[1],c={...a,onChange:(c,d)=>{var e;d?flushSync(b):b(),null==(e=a.onChange)?void 0:e.call(a,c,d)}},[d]=React.useState(()=>new Virtualizer(c));return d.setOptions(c),React.useEffect(()=>d._didMount(),[]),useIsomorphicLayoutEffect(()=>d._willUpdate()),d}function useVirtualizer(a){return useVirtualizerBase({observeElementRect,observeElementOffset,scrollToFn:elementScroll,...a})}function m(a,b){let c=useRef([]),d=o(a);useEffect(()=>{let a=[...c.current];for(let[e,f]of b.entries())if(c.current[e]!==f){let e=d(b,a);return c.current=b,e}},[d,...b])}function t$1(a){function b(){"loading"!==document.readyState&&(a(),document.removeEventListener("DOMContentLoaded",b))}"undefined"!=typeof window&&"undefined"!=typeof document&&(document.addEventListener("DOMContentLoaded",b),b())}let t=[];t$1(()=>{function a(a){a.target instanceof HTMLElement&&a.target!==document.body&&t[0]!==a.target&&(t.unshift(a.target),t=t.filter(a=>null!=a&&a.isConnected),t.splice(10))}window.addEventListener("click",a,{capture:!0}),window.addEventListener("mousedown",a,{capture:!0}),window.addEventListener("focus",a,{capture:!0}),document.body.addEventListener("click",a,{capture:!0}),document.body.addEventListener("mousedown",a,{capture:!0}),document.body.addEventListener("focus",a,{capture:!0})});var $e=(a=>(a[a.Open=0]="Open",a[a.Closed=1]="Closed",a))($e||{}),qe=(a=>(a[a.Single=0]="Single",a[a.Multi=1]="Multi",a))(qe||{}),ze=(b=>(b[b.Pointer=0]="Pointer",b[b.Focus=1]="Focus",b[b.Other=2]="Other",b))(ze||{}),Ye=(a=>(a[a.OpenCombobox=0]="OpenCombobox",a[a.CloseCombobox=1]="CloseCombobox",a[a.GoToOption=2]="GoToOption",a[a.RegisterOption=3]="RegisterOption",a[a.UnregisterOption=4]="UnregisterOption",a[a.RegisterLabel=5]="RegisterLabel",a[a.SetActivationTrigger=6]="SetActivationTrigger",a[a.UpdateVirtualOptions=7]="UpdateVirtualOptions",a))(Ye||{});function de(b){let c=1<arguments.length&&arguments[1]!==void 0?arguments[1]:a=>a,d=null===b.activeOptionIndex?null:b.options[b.activeOptionIndex],e=c(b.options.slice()),a=0<e.length&&null!==e[0].dataRef.current.order?e.sort((a,b)=>a.dataRef.current.order-b.dataRef.current.order):I$1(e,a=>a.dataRef.current.domRef.current),f=d?a.indexOf(d):null;return-1===f&&(f=null),{options:a,activeOptionIndex:f}}let Qe={[1](a){var b;return null!=(b=a.dataRef.current)&&b.disabled||1===a.comboboxState?a:{...a,activeOptionIndex:null,comboboxState:1}},[0](b){var a,c;if(null!=(a=b.dataRef.current)&&a.disabled||0===b.comboboxState)return b;if(null!=(c=b.dataRef.current)&&c.value){let c=b.dataRef.current.calculateIndex(b.dataRef.current.value);if(-1!==c)return{...b,activeOptionIndex:c,comboboxState:0}}return{...b,comboboxState:0}},[2](b,d){var g,h,j,k,m;if(null!=(g=b.dataRef.current)&&g.disabled||null!=(h=b.dataRef.current)&&h.optionsRef.current&&!(null!=(j=b.dataRef.current)&&j.optionsPropsRef.current.static)&&1===b.comboboxState)return b;if(b.virtual){let a=d.focus===c.Specific?d.idx:f(d,{resolveItems:()=>b.virtual.options,resolveActiveIndex:()=>{var a,c;return null==(c=null==(a=b.activeOptionIndex)?b.virtual.options.findIndex(a=>!b.virtual.disabled(a)):a)?null:c},resolveDisabled:b.virtual.disabled,resolveId(){throw new Error("Function not implemented.")}}),e=null==(k=d.trigger)?2:k;return b.activeOptionIndex===a&&b.activationTrigger===e?b:{...b,activeOptionIndex:a,activationTrigger:e}}let n=de(b);if(null===n.activeOptionIndex){let a=n.options.findIndex(a=>!a.dataRef.current.disabled);-1!==a&&(n.activeOptionIndex=a)}let o=d.focus===c.Specific?d.idx:f(d,{resolveItems:()=>n.options,resolveActiveIndex:()=>n.activeOptionIndex,resolveId:a=>a.id,resolveDisabled:a=>a.dataRef.current.disabled}),a=null==(m=d.trigger)?2:m;return b.activeOptionIndex===o&&b.activationTrigger===a?b:{...b,...n,activeOptionIndex:o,activationTrigger:a}},[3]:(b,d)=>{var e,f,g;if(null!=(e=b.dataRef.current)&&e.virtual)return{...b,options:[...b.options,d.payload]};let h=d.payload,j=de(b,a=>(a.push(h),a));null===b.activeOptionIndex&&null!=(f=b.dataRef.current)&&f.isSelected(d.payload.dataRef.current.value)&&(j.activeOptionIndex=j.options.indexOf(h));let a={...b,...j,activationTrigger:2};return null!=(g=b.dataRef.current)&&g.__demoMode&&void 0===b.dataRef.current.value&&(a.activeOptionIndex=0),a},[4]:(b,c)=>{var d;if(null!=(d=b.dataRef.current)&&d.virtual)return{...b,options:b.options.filter(a=>a.id!==c.id)};let e=de(b,a=>{let b=a.findIndex(a=>a.id===c.id);return-1!==b&&a.splice(b,1),a});return{...b,...e,activationTrigger:2}},[5]:(a,b)=>a.labelId===b.id?a:{...a,labelId:b.id},[6]:(a,b)=>a.activationTrigger===b.trigger?a:{...a,activationTrigger:b.trigger},[7]:(b,c)=>{var d;if((null==(d=b.virtual)?void 0:d.options)===c.options)return b;let e=b.activeOptionIndex;if(null!==b.activeOptionIndex){let a=c.options.indexOf(b.virtual.options[b.activeOptionIndex]);e=-1===a?null:a}return{...b,activeOptionIndex:e,virtual:Object.assign({},b.virtual,{options:c.options})}}},be=createContext(null);be.displayName="ComboboxActionsContext";function ee(a){let b=useContext(be);if(null===b){let b=new Error(`<${a} /> is missing a parent <Combobox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(b,ee),b}return b}let Ce=createContext(null);function Ze(b){var d;let f=j("VirtualProvider"),[e,g]=useMemo(()=>{let a=f.optionsRef.current;if(!a)return[0,0];let b=window.getComputedStyle(a);return[parseFloat(b.paddingBlockStart||b.paddingTop),parseFloat(b.paddingBlockEnd||b.paddingBottom)]},[f.optionsRef.current]),a=useVirtualizer({scrollPaddingStart:e,scrollPaddingEnd:g,count:f.virtual.options.length,estimateSize(){return 40},getScrollElement(){var a;return null==(a=f.optionsRef.current)?null:a},overscan:12}),[h,i]=useState(0);return l(()=>{i(a=>a+1)},[null==(d=f.virtual)?void 0:d.options]),React__default.createElement(Ce.Provider,{value:a},React__default.createElement("div",{style:{position:"relative",width:"100%",height:`${a.getTotalSize()}px`},ref:b=>{if(b){if("undefined"!=typeof process&&void 0!==process.env.JEST_WORKER_ID||0===f.activationTrigger)return;null!==f.activeOptionIndex&&f.virtual.options.length>f.activeOptionIndex&&a.scrollToIndex(f.activeOptionIndex)}}},a.getVirtualItems().map(a=>{var c;return React__default.createElement(Fragment,{key:a.key},React__default.cloneElement(null==(c=b.children)?void 0:c.call(b,{option:f.virtual.options[a.index],open:0===f.comboboxState}),{key:`${h}-${a.key}`,"data-index":a.index,"aria-setsize":f.virtual.options.length,"aria-posinset":a.index+1,style:{position:"absolute",top:0,left:0,transform:`translateY(${a.start}px)`,overflowAnchor:"none"}}))})))}let ce=createContext(null);ce.displayName="ComboboxDataContext";function j(a){let b=useContext(ce);if(null===b){let b=new Error(`<${a} /> is missing a parent <Combobox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(b,j),b}return b}function et(a,b){return u(b.type,Qe,a,b)}let tt=Fragment;function ot(b,j){let{value:m,defaultValue:q,onChange:a,form:i,name:r,by:w=null,disabled:B=!1,__demoMode:G=!1,nullable:H=!1,multiple:M=!1,immediate:g=!1,virtual:f=null,...t}=b,v=null,[R=M?[]:void 0,Q]=T(m,a,q),[I,S]=useReducer(et,{dataRef:createRef(),comboboxState:G?0:1,options:[],virtual:null,activeOptionIndex:null,activationTrigger:2,labelId:null}),E=useRef(!1),k=useRef({static:!1,hold:!1}),J=useRef(null),K=useRef(null),z=useRef(null),P=useRef(null),U=o("string"==typeof w?(a,c)=>{let b=w;return(null==a?void 0:a[b])===(null==c?void 0:c[b])}:null==w?(a,c)=>a===c:w),V=o(a=>I.options.findIndex(c=>U(c.dataRef.current.value,a))),O=useCallback(a=>u(W.mode,{[1]:()=>R.some(c=>U(c,a)),[0]:()=>U(R,a)}),[R]),L=o(a=>I.activeOptionIndex===V(a)),W=useMemo(()=>({...I,immediate:!1,optionsPropsRef:k,labelRef:J,inputRef:K,buttonRef:z,optionsRef:P,value:R,defaultValue:q,disabled:B,mode:M?1:0,virtual:I.virtual,get activeOptionIndex(){if(E.current&&null===I.activeOptionIndex&&0<I.options.length){let a=I.options.findIndex(a=>!a.dataRef.current.disabled);if(-1!==a)return a}return I.activeOptionIndex},calculateIndex:V,compare:U,isSelected:O,isActive:L,nullable:H,__demoMode:G}),[R,q,B,M,H,G,I,v]);l(()=>{},[v,void 0]),l(()=>{I.dataRef.current=W},[W]),y([W.buttonRef,W.inputRef,W.optionsRef],()=>$.closeCombobox(),0===W.comboboxState);let n=useMemo(()=>{var a,c,e;return{open:0===W.comboboxState,disabled:B,activeIndex:W.activeOptionIndex,activeOption:null===W.activeOptionIndex?null:W.virtual?W.virtual.options[null==(a=W.activeOptionIndex)?0:a]:null==(e=null==(c=W.options[W.activeOptionIndex])?void 0:c.dataRef.current.value)?null:e,value:R}},[W,B,R]),F=o(()=>{if(null!==W.activeOptionIndex){if(W.virtual)Y(W.virtual.options[W.activeOptionIndex]);else{let{dataRef:a}=W.options[W.activeOptionIndex];Y(a.current.value)}$.goToOption(c.Specific,W.activeOptionIndex)}}),A=o(()=>{S({type:0}),E.current=!0}),h=o(()=>{S({type:1}),E.current=!1}),X=o((a,d,b)=>(E.current=!1,a===c.Specific?S({type:2,focus:c.Specific,idx:d,trigger:b}):S({type:2,focus:a,trigger:b}))),D=o((a,c)=>(S({type:3,payload:{id:a,dataRef:c}}),()=>{W.isActive(c.current.value)&&(E.current=!0),S({type:4,id:a})})),N=o(a=>(S({type:5,id:a}),()=>S({type:5,id:null}))),Y=o(a=>u(W.mode,{[0](){return null==Q?void 0:Q(a)},[1](){let c=W.value.slice(),b=c.findIndex(b=>U(b,a));return-1===b?c.push(a):c.splice(b,1),null==Q?void 0:Q(c)}})),Z=o(a=>{S({type:6,trigger:a})}),$=useMemo(()=>({onChange:Y,registerOption:D,registerLabel:N,goToOption:X,closeCombobox:h,openCombobox:A,setActivationTrigger:Z,selectActiveOption:F}),[]),_=null===j?{}:{ref:j},aa=useRef(null),ba=p();return useEffect(()=>{aa.current&&void 0!==q&&ba.addEventListener(aa.current,"reset",()=>{null==Q||Q(q)})},[aa,Q]),React__default.createElement(be.Provider,{value:$},React__default.createElement(ce.Provider,{value:W},React__default.createElement(s,{value:u(W.comboboxState,{[0]:d.Open,[1]:d.Closed})},null!=r&&null!=R&&e({[r]:R}).map((a,c)=>{let[e,d]=a;return React__default.createElement(u$1,{features:s$1.Hidden,ref:0===c?a=>{var b;aa.current=null==(b=null==a?void 0:a.closest("form"))?null:b}:void 0,...x({key:e,as:"input",type:"hidden",hidden:!0,readOnly:!0,form:i,disabled:B,name:e,value:d})})}),C({ourProps:_,theirProps:t,slot:n,defaultTag:tt,name:"Combobox"}))))}let nt="input";function rt(b,d){var q,r,w,y,A,h=Math.abs;let B=I(),{id:H=`headlessui-combobox-input-${B}`,onChange:D,displayValue:F,type:a="text",...G}=b,M=j("Combobox.Input"),e=ee("Combobox.Input"),l=y$1(M.inputRef,d),N=n(M.inputRef),g=useRef(!1),f=p(),v=o(()=>{e.onChange(null),M.optionsRef.current&&(M.optionsRef.current.scrollTop=0),e.goToOption(c.Nothing)}),P=function(){var a;return"function"==typeof F&&void 0!==M.value?null==(a=F(M.value))?"":a:"string"==typeof M.value?M.value:""}();m((a,b)=>{let[c,d]=a,[e,f]=b;if(g.current)return;let i=M.inputRef.current;i&&((0===f&&1===d||c!==e)&&(i.value=c),requestAnimationFrame(()=>{if(!g.current&&i&&(null==N?void 0:N.activeElement)===i){let{selectionStart:a,selectionEnd:b}=i;0===h((null==b?0:b)-(null==a?0:a))&&0===a&&i.setSelectionRange(i.value.length,i.value.length)}}))},[P,M.comboboxState,N]),m((a,b)=>{let[c]=a,[d]=b;if(0===c&&1===d){if(g.current)return;let a=M.inputRef.current;if(!a)return;let b=a.value,{selectionStart:c,selectionEnd:d,selectionDirection:e}=a;a.value="",a.value=b,null===e?a.setSelectionRange(c,d):a.setSelectionRange(c,d,e)}},[M.comboboxState]);let Q=useRef(!1),s=o(()=>{Q.current=!0}),R=o(()=>{f.nextFrame(()=>{Q.current=!1})}),S=o(a=>{switch(g.current=!0,a.key){case o$1.Enter:if(g.current=!1,0!==M.comboboxState||Q.current)return;if(a.preventDefault(),a.stopPropagation(),null===M.activeOptionIndex)return void e.closeCombobox();e.selectActiveOption(),0===M.mode&&e.closeCombobox();break;case o$1.ArrowDown:return g.current=!1,a.preventDefault(),a.stopPropagation(),u(M.comboboxState,{[0]:()=>e.goToOption(c.Next),[1]:()=>e.openCombobox()});case o$1.ArrowUp:return g.current=!1,a.preventDefault(),a.stopPropagation(),u(M.comboboxState,{[0]:()=>e.goToOption(c.Previous),[1]:()=>{e.openCombobox(),f.nextFrame(()=>{M.value||e.goToOption(c.Last)})}});case o$1.Home:if(a.shiftKey)break;return g.current=!1,a.preventDefault(),a.stopPropagation(),e.goToOption(c.First);case o$1.PageUp:return g.current=!1,a.preventDefault(),a.stopPropagation(),e.goToOption(c.First);case o$1.End:if(a.shiftKey)break;return g.current=!1,a.preventDefault(),a.stopPropagation(),e.goToOption(c.Last);case o$1.PageDown:return g.current=!1,a.preventDefault(),a.stopPropagation(),e.goToOption(c.Last);case o$1.Escape:return g.current=!1,0===M.comboboxState?(a.preventDefault(),M.optionsRef.current&&!M.optionsPropsRef.current.static&&a.stopPropagation(),M.nullable&&0===M.mode&&null===M.value&&v(),e.closeCombobox()):void 0;case o$1.Tab:if(g.current=!1,0!==M.comboboxState)return;0===M.mode&&1!==M.activationTrigger&&e.selectActiveOption(),e.closeCombobox()}}),T=o(a=>{null==D||D(a),M.nullable&&0===M.mode&&""===a.target.value&&v(),e.openCombobox()}),E=o(a=>{var b,c,d;let f=null==(b=a.relatedTarget)?t.find(b=>b!==a.currentTarget):b;if(g.current=!1,!(null!=(c=M.optionsRef.current)&&c.contains(f))&&!(null!=(d=M.buttonRef.current)&&d.contains(f))&&0===M.comboboxState)return a.preventDefault(),0===M.mode&&(M.nullable&&null===M.value?v():1!==M.activationTrigger&&e.selectActiveOption()),e.closeCombobox()}),k=o(a=>{var b,c,d;let g=null==(b=a.relatedTarget)?t.find(b=>b!==a.currentTarget):b;null!=(c=M.buttonRef.current)&&c.contains(g)||null!=(d=M.optionsRef.current)&&d.contains(g)||M.disabled||M.immediate&&0!==M.comboboxState&&(e.openCombobox(),f.nextFrame(()=>{e.setActivationTrigger(1)}))}),J=i(()=>{if(M.labelId)return[M.labelId].join(" ")},[M.labelId]),K=useMemo(()=>({open:0===M.comboboxState,disabled:M.disabled}),[M]),z={ref:l,id:H,role:"combobox",type:a,"aria-controls":null==(q=M.optionsRef.current)?void 0:q.id,"aria-expanded":0===M.comboboxState,"aria-activedescendant":null===M.activeOptionIndex?void 0:M.virtual?null==(r=M.options.find(a=>{var b;return!(null!=(b=M.virtual)&&b.disabled(a.dataRef.current.value))&&M.compare(a.dataRef.current.value,M.virtual.options[M.activeOptionIndex])}))?void 0:r.id:null==(w=M.options[M.activeOptionIndex])?void 0:w.id,"aria-labelledby":J,"aria-autocomplete":"list",defaultValue:null==(A=null==(y=b.defaultValue)?void 0===M.defaultValue?null:null==F?void 0:F(M.defaultValue):y)?M.defaultValue:A,disabled:M.disabled,onCompositionStart:s,onCompositionEnd:R,onKeyDown:S,onChange:T,onFocus:k,onBlur:E};return C({ourProps:z,theirProps:G,slot:K,defaultTag:nt,name:"Combobox.Input"})}let at="button";function lt(b,d){var h;let k=j("Combobox.Button"),m=ee("Combobox.Button"),a=y$1(k.buttonRef,d),n=I(),{id:s=`headlessui-combobox-button-${n}`,...q}=b,t=p(),e=o(a=>{switch(a.key){case o$1.ArrowDown:return a.preventDefault(),a.stopPropagation(),1===k.comboboxState&&m.openCombobox(),t.nextFrame(()=>{var a;return null==(a=k.inputRef.current)?void 0:a.focus({preventScroll:!0})});case o$1.ArrowUp:return a.preventDefault(),a.stopPropagation(),1===k.comboboxState&&(m.openCombobox(),t.nextFrame(()=>{k.value||m.goToOption(c.Last)})),t.nextFrame(()=>{var a;return null==(a=k.inputRef.current)?void 0:a.focus({preventScroll:!0})});case o$1.Escape:return 0===k.comboboxState?(a.preventDefault(),k.optionsRef.current&&!k.optionsPropsRef.current.static&&a.stopPropagation(),m.closeCombobox(),t.nextFrame(()=>{var a;return null==(a=k.inputRef.current)?void 0:a.focus({preventScroll:!0})})):void 0;default:}}),l=o(a=>r(a.currentTarget)?a.preventDefault():void(0===k.comboboxState?m.closeCombobox():(a.preventDefault(),m.openCombobox()),t.nextFrame(()=>{var a;return null==(a=k.inputRef.current)?void 0:a.focus({preventScroll:!0})}))),u=i(()=>{if(k.labelId)return[k.labelId,s].join(" ")},[k.labelId,s]),g=useMemo(()=>({open:0===k.comboboxState,disabled:k.disabled,value:k.value}),[k]),f={ref:a,id:s,type:T$1(b,k.buttonRef),tabIndex:-1,"aria-haspopup":"listbox","aria-controls":null==(h=k.optionsRef.current)?void 0:h.id,"aria-expanded":0===k.comboboxState,"aria-labelledby":u,disabled:k.disabled,onClick:l,onKeyDown:e};return C({ourProps:f,theirProps:q,slot:g,defaultTag:at,name:"Combobox.Button"})}let it="label";function ut(b,d){let f=I(),{id:h=`headlessui-combobox-label-${f}`,...g}=b,a=j("Combobox.Label"),i=ee("Combobox.Label"),k=y$1(a.labelRef,d);l(()=>i.registerLabel(h),[h]);let c=o(()=>{var b;return null==(b=a.inputRef.current)?void 0:b.focus({preventScroll:!0})}),e=useMemo(()=>({open:0===a.comboboxState,disabled:a.disabled}),[a]);return C({ourProps:{ref:k,id:h,onClick:c},theirProps:g,slot:e,defaultTag:it,name:"Combobox.Label"})}let pt="ul",st=O.RenderStrategy|O.Static;function dt(b,h){let k=I(),{id:n=`headlessui-combobox-options-${k}`,hold:a=!1,...m}=b,o=j("Combobox.Options"),p=y$1(o.optionsRef,h),c=u$2(),e=(()=>null===c?0===o.comboboxState:(c&d.Open)===d.Open)();l(()=>{var a;o.optionsPropsRef.current.static=null!=(a=b.static)&&a},[o.optionsPropsRef,b.static]),l(()=>{o.optionsPropsRef.current.hold=a},[o.optionsPropsRef,a]),F({container:o.optionsRef.current,enabled:0===o.comboboxState,accept(a){return"option"===a.getAttribute("role")?NodeFilter.FILTER_REJECT:a.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(a){a.setAttribute("role","none")}});let q=i(()=>{var a,b;return null==(b=o.labelId)?null==(a=o.buttonRef.current)?void 0:a.id:b},[o.labelId,o.buttonRef.current]),r=useMemo(()=>({open:0===o.comboboxState,option:void 0}),[o]),g={"aria-labelledby":q,role:"listbox","aria-multiselectable":1===o.mode||void 0,id:n,ref:p};return o.virtual&&0===o.comboboxState&&Object.assign(m,{children:React__default.createElement(Ze,null,m.children)}),C({ourProps:g,theirProps:m,slot:r,defaultTag:pt,features:st,visible:e,name:"Combobox.Options"})}let bt="li";function ct(b,d){var h;let m=I(),{id:r=`headlessui-combobox-option-${m}`,disabled:a=!1,value:n,order:i=null,...q}=b,p=j("Combobox.Option"),e=ee("Combobox.Option"),t=p.virtual?p.activeOptionIndex===p.calculateIndex(n):null!==p.activeOptionIndex&&(null==(h=p.options[p.activeOptionIndex])?void 0:h.id)===r,u=p.isSelected(n),g=useRef(null),f=s$2({disabled:a,value:n,domRef:g,order:i}),v=useContext(Ce),w=y$1(d,g,v?v.measureElement:null),y=o(()=>e.onChange(n));l(()=>e.registerOption(r,f),[f,r]);let s=useRef(!(p.virtual||p.__demoMode));l(()=>{if(p.virtual&&p.__demoMode){let a=o$2();return a.requestAnimationFrame(()=>{s.current=!0}),a.dispose}},[p.virtual,p.__demoMode]),l(()=>{if(s.current&&0===p.comboboxState&&t&&0!==p.activationTrigger){let a=o$2();return a.requestAnimationFrame(()=>{var a,b;null==(b=null==(a=g.current)?void 0:a.scrollIntoView)||b.call(a,{block:"nearest"})}),a.dispose}},[g,t,p.comboboxState,p.activationTrigger,p.activeOptionIndex]);let x=o(b=>{var c;return a||null!=(c=p.virtual)&&c.disabled(n)?b.preventDefault():void(y(),n$1()||requestAnimationFrame(()=>{var a;return null==(a=p.inputRef.current)?void 0:a.focus({preventScroll:!0})}),0===p.mode&&requestAnimationFrame(()=>e.closeCombobox()))}),A=o(()=>{var b;if(a||null!=(b=p.virtual)&&b.disabled(n))return e.goToOption(c.Nothing);let d=p.calculateIndex(n);e.goToOption(c.Specific,d)}),B=u$3(),D=o(a=>B.update(a)),k=o(b=>{var d;if(!(!B.wasMoved(b)||a||null!=(d=p.virtual)&&d.disabled(n)||t)){let a=p.calculateIndex(n);e.goToOption(c.Specific,a,0)}}),E=o(b=>{var d;B.wasMoved(b)&&(a||null!=(d=p.virtual)&&d.disabled(n)||t&&(p.optionsPropsRef.current.hold||e.goToOption(c.Nothing)))}),F=useMemo(()=>({active:t,selected:u,disabled:a}),[t,u,a]);return C({ourProps:{id:r,ref:w,role:"option",tabIndex:!0===a?void 0:-1,"aria-disabled":!0===a||void 0,"aria-selected":u,disabled:void 0,onClick:x,onFocus:A,onPointerEnter:D,onMouseEnter:D,onPointerMove:k,onMouseMove:k,onPointerLeave:E,onMouseLeave:E},theirProps:q,slot:F,defaultTag:bt,name:"Combobox.Option"})}let ft=U(ot),mt=U(lt),Tt=U(rt),xt=U(ut),gt=U(dt),vt=U(ct),qt=Object.assign(ft,{Input:Tt,Button:mt,Label:xt,Options:gt,Option:vt});export{qt as q};
+            color: hsl(${d(0,e(120-120*(b/16),120))}deg 100% 31%);`,null==c?void 0:c.key)}return null==(l=null==c?void 0:c.onChange)?void 0:l.call(c,g),g}}function notUndefined(a){if(void 0===a)throw new Error(`Unexpected undefined${""}`);else return a}const approxEqual=(c,a)=>1>Math.abs(c-a),debounce=(a,b,c)=>{let d;return function(){for(var e=arguments.length,f=Array(e),g=0;g<e;g++)f[g]=arguments[g];a.clearTimeout(d),d=a.setTimeout(()=>b.apply(this,f),c)}},defaultKeyExtractor=a=>a,defaultRangeExtractor=a=>{const b=Math.max(a.startIndex-a.overscan,0),c=Math.min(a.endIndex+a.overscan,a.count-1),d=[];for(let e=b;e<=c;e++)d.push(e);return d},observeElementRect=(a,b)=>{var c=Math.round;const d=a.scrollElement;if(!d)return;const e=a.targetWindow;if(!e)return;const f=a=>{const{width:d,height:e}=a;b({width:c(d),height:c(e)})};if(f(d.getBoundingClientRect()),!e.ResizeObserver)return()=>{};const g=new e.ResizeObserver(a=>{const b=a[0];if(null==b?void 0:b.borderBoxSize){const a=b.borderBoxSize[0];if(a)return void f({width:a.inlineSize,height:a.blockSize})}f(d.getBoundingClientRect())});return g.observe(d,{box:"border-box"}),()=>{g.unobserve(d)}},addEventListenerOptions={passive:!0},supportsScrollend=!("undefined"!=typeof window)||"onscrollend"in window,observeElementOffset=(a,b)=>{const c=a.scrollElement;if(!c)return;const d=a.targetWindow;if(!d)return;let e=0;const f=supportsScrollend?()=>void 0:debounce(d,()=>{b(e,!1)},a.options.isScrollingResetDelay),g=d=>()=>{const{horizontal:g,isRtl:h}=a.options;e=g?c.scrollLeft*(h&&-1||1):c.scrollTop,f(),b(e,d)},h=g(!0),i=g(!1);return i(),c.addEventListener("scroll",h,addEventListenerOptions),c.addEventListener("scrollend",i,addEventListenerOptions),()=>{c.removeEventListener("scroll",h),c.removeEventListener("scrollend",i)}},measureElement=(a,b,c)=>{var d=Math.round;if(null==b?void 0:b.borderBoxSize){const a=b.borderBoxSize[0];if(a){const b=d(a[c.options.horizontal?"inlineSize":"blockSize"]);return b}}return d(a.getBoundingClientRect()[c.options.horizontal?"width":"height"])},elementScroll=(a,b,c)=>{let{adjustments:e=0,behavior:d}=b;var f,g;null==(g=null==(f=c.scrollElement)?void 0:f.scrollTo)?void 0:g.call(f,{[c.options.horizontal?"left":"top"]:a+e,behavior:d})};class Virtualizer{constructor(a){var b=Math.max,c=Math.min,d=this;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 a=null;const b=()=>a?a:this.targetWindow&&this.targetWindow.ResizeObserver?a=new this.targetWindow.ResizeObserver(a=>{a.forEach(a=>{this._measureElement(a.target,a)})}):null;return{disconnect:()=>{var c;null==(c=b())?void 0:c.disconnect(),a=null},observe:a=>{var c;return null==(c=b())?void 0:c.observe(a,{box:"border-box"})},unobserve:a=>{var c;return null==(c=b())?void 0:c.unobserve(a)}}})(),this.range=null,this.setOptions=a=>{Object.entries(a).forEach(b=>{let[c,d]=b;"undefined"==typeof d&&delete a[c]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:defaultKeyExtractor,rangeExtractor:defaultRangeExtractor,onChange:()=>{},measureElement,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,...a}},this.notify=a=>{var b,c;null==(c=(b=this.options).onChange)?void 0:c.call(b,this,a)},this.maybeNotify=memo(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),a=>{this.notify(a)},{key:"production"!==process.env.NODE_ENV&&"maybeNotify",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(a=>a()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var a;const b=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==b){if(this.cleanup(),!b)return void this.maybeNotify();this.scrollElement=b,this.targetWindow=this.scrollElement&&"ownerDocument"in this.scrollElement?this.scrollElement.ownerDocument.defaultView:(null==(a=this.scrollElement)?void 0:a.window)??null,this.elementsCache.forEach(a=>{this.observer.observe(a)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,a=>{this.scrollRect=a,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(a,b)=>{this.scrollAdjustments=0,this.scrollDirection=b?this.getScrollOffset()<a?"forward":"backward":null,this.scrollOffset=a,this.isScrolling=b,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??("function"==typeof this.options.initialOffset?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(a,b)=>{const c=new Map,d=new Map;for(let e=b-1;0<=e;e--){const b=a[e];if(c.has(b.lane))continue;const f=d.get(b.lane);if(null==f||b.end>f.end?d.set(b.lane,b):b.end<f.end&&c.set(b.lane,!0),c.size===this.options.lanes)break}return d.size===this.options.lanes?Array.from(d.values()).sort((c,a)=>c.end===a.end?c.index-a.index:c.end-a.end)[0]:void 0},this.getMeasurementOptions=memo(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(a,b,c,d,e)=>(this.pendingMeasuredCacheIndexes=[],{count:a,paddingStart:b,scrollMargin:c,getItemKey:d,enabled:e}),{key:!1}),this.getMeasurements=memo(()=>[this.getMeasurementOptions(),this.itemSizeCache],(a,b)=>{let{count:d,paddingStart:e,scrollMargin:f,getItemKey:g,enabled:h}=a;if(!h)return this.measurementsCache=[],this.itemSizeCache.clear(),[];0===this.measurementsCache.length&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(a=>{this.itemSizeCache.set(a.key,a.size)}));const j=0<this.pendingMeasuredCacheIndexes.length?c(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const k=this.measurementsCache.slice(0,j);for(let c=j;c<d;c++){const a=g(c),d=1===this.options.lanes?k[c-1]:this.getFurthestMeasurement(k,c),h=d?d.end+this.options.gap:e+f,i=b.get(a),j="number"==typeof i?i:this.options.estimateSize(c),l=d?d.lane:c%this.options.lanes;k[c]={index:c,start:h,size:j,end:h+j,key:a,lane:l}}return this.measurementsCache=k,k},{key:"production"!==process.env.NODE_ENV&&"getMeasurements",debug:()=>this.options.debug}),this.calculateRange=memo(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset()],(a,b,c)=>this.range=0<a.length&&0<b?calculateRange({measurements:a,outerSize:b,scrollOffset:c}):null,{key:"production"!==process.env.NODE_ENV&&"calculateRange",debug:()=>this.options.debug}),this.getIndexes=memo(()=>[this.options.rangeExtractor,this.calculateRange(),this.options.overscan,this.options.count],(a,b,c,d)=>null===b?[]:a({startIndex:b.startIndex,endIndex:b.endIndex,overscan:c,count:d}),{key:"production"!==process.env.NODE_ENV&&"getIndexes",debug:()=>this.options.debug}),this.indexFromElement=a=>{const b=this.options.indexAttribute,c=a.getAttribute(b);return c?parseInt(c,10):(console.warn(`Missing attribute name '${b}={index}' on measured element.`),-1)},this._measureElement=(a,b)=>{const c=this.indexFromElement(a),d=this.measurementsCache[c];if(!d)return;const e=d.key,f=this.elementsCache.get(e);f!==a&&(f&&this.observer.unobserve(f),this.observer.observe(a),this.elementsCache.set(e,a)),a.isConnected&&this.resizeItem(c,this.options.measureElement(a,b,this))},this.resizeItem=(a,b)=>{const c=this.measurementsCache[a];if(!c)return;const d=this.itemSizeCache.get(c.key)??c.size,e=b-d;0!==e&&((void 0===this.shouldAdjustScrollPositionOnItemSizeChange?c.start<this.getScrollOffset()+this.scrollAdjustments:this.shouldAdjustScrollPositionOnItemSizeChange(c,e,this))&&("production"!==process.env.NODE_ENV&&this.options.debug&&console.info("correction",e),this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=e,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(c.index),this.itemSizeCache=new Map(this.itemSizeCache.set(c.key,b)),this.notify(!1))},this.measureElement=a=>a?void this._measureElement(a,void 0):void this.elementsCache.forEach((a,b)=>{a.isConnected||(this.observer.unobserve(a),this.elementsCache.delete(b))}),this.getVirtualItems=memo(()=>[this.getIndexes(),this.getMeasurements()],(a,b)=>{const c=[];for(let d=0,e=a.length;d<e;d++){const e=a[d],f=b[e];c.push(f)}return c},{key:"production"!==process.env.NODE_ENV&&"getVirtualItems",debug:()=>this.options.debug}),this.getVirtualItemForOffset=a=>{const b=this.getMeasurements();return 0===b.length?void 0:notUndefined(b[findNearestBinarySearch(0,b.length-1,a=>notUndefined(b[a]).start,a)])},this.getOffsetForAlignment=(a,d)=>{const e=this.getSize(),f=this.getScrollOffset();"auto"===d&&(a<=f?d="start":a>=f+e?d="end":d="start"),"start"===d?a=a:"end"===d?a-=e:"center"==d&&(a-=e/2);const g=this.options.horizontal?"scrollWidth":"scrollHeight",h=this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[g]:this.scrollElement[g]:0;return b(c(h-e,a),0)},this.getOffsetForIndex=function(a){let e=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"auto";a=b(0,c(a,d.options.count-1));const f=d.measurementsCache[a];if(!f)return;const g=d.getSize(),h=d.getScrollOffset();if("auto"===e)if(f.end>=h+g-d.options.scrollPaddingEnd)e="end";else if(f.start<=h+d.options.scrollPaddingStart)e="start";else return[h,e];const i="end"===e?f.end+d.options.scrollPaddingEnd:f.start-d.options.scrollPaddingStart;return[d.getOffsetForAlignment(i,e),e]},this.isDynamicMode=()=>0<this.elementsCache.size,this.cancelScrollToIndex=()=>{null!==this.scrollToIndexTimeoutId&&this.targetWindow&&(this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId),this.scrollToIndexTimeoutId=null)},this.scrollToOffset=function(a){let{align:c="start",behavior:b}=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};d.cancelScrollToIndex(),"smooth"===b&&d.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),d._scrollToOffset(d.getOffsetForAlignment(a,c),{adjustments:void 0,behavior:b})},this.scrollToIndex=function(a){let{align:f="auto",behavior:e}=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};a=b(0,c(a,d.options.count-1)),d.cancelScrollToIndex(),"smooth"===e&&d.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");const g=d.getOffsetForIndex(a,f);if(!g)return;const[h,i]=g;d._scrollToOffset(h,{adjustments:void 0,behavior:e}),"smooth"!==e&&d.isDynamicMode()&&d.targetWindow&&(d.scrollToIndexTimeoutId=d.targetWindow.setTimeout(()=>{d.scrollToIndexTimeoutId=null;const b=d.elementsCache.has(d.options.getItemKey(a));if(b){const[b]=notUndefined(d.getOffsetForIndex(a,i));approxEqual(b,d.getScrollOffset())||d.scrollToIndex(a,{align:i,behavior:e})}else d.scrollToIndex(a,{align:i,behavior:e})}))},this.scrollBy=function(a){let{behavior:b}=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};d.cancelScrollToIndex(),"smooth"===b&&d.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),d._scrollToOffset(d.getScrollOffset()+a,{adjustments:void 0,behavior:b})},this.getTotalSize=()=>{var a;const c=this.getMeasurements();let d;return d=0===c.length?this.options.paddingStart:1===this.options.lanes?(null==(a=c[c.length-1])?void 0:a.end)??0:b(...c.slice(-this.options.lanes).map(a=>a.end)),b(d-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(a,b)=>{let{adjustments:c,behavior:d}=b;this.options.scrollToFn(a,{behavior:d,adjustments:c},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(a)}}const findNearestBinarySearch=(a,b,c,d)=>{for(;a<=b;){const e=0|(a+b)/2,f=c(e);if(f<d)a=e+1;else if(f>d)b=e-1;else return e}return 0<a?a-1:0};function calculateRange(a){let{measurements:b,outerSize:c,scrollOffset:d}=a;const e=b.length-1,f=findNearestBinarySearch(0,e,a=>b[a].start,d);let g=f;for(;g<e&&b[g].end<d+c;)g++;return{startIndex:f,endIndex:g}}const useIsomorphicLayoutEffect="undefined"==typeof document?React.useEffect:React.useLayoutEffect;function useVirtualizerBase(a){const b=React.useReducer(()=>({}),{})[1],c={...a,onChange:(c,d)=>{var e;d?flushSync(b):b(),null==(e=a.onChange)?void 0:e.call(a,c,d)}},[d]=React.useState(()=>new Virtualizer(c));return d.setOptions(c),React.useEffect(()=>d._didMount(),[]),useIsomorphicLayoutEffect(()=>d._willUpdate()),d}function useVirtualizer(a){return useVirtualizerBase({observeElementRect,observeElementOffset,scrollToFn:elementScroll,...a})}function m(a,b){let c=useRef([]),d=o(a);useEffect(()=>{let a=[...c.current];for(let[e,f]of b.entries())if(c.current[e]!==f){let e=d(b,a);return c.current=b,e}},[d,...b])}function t$1(a){function b(){"loading"!==document.readyState&&(a(),document.removeEventListener("DOMContentLoaded",b))}"undefined"!=typeof window&&"undefined"!=typeof document&&(document.addEventListener("DOMContentLoaded",b),b())}let t=[];t$1(()=>{function a(a){a.target instanceof HTMLElement&&a.target!==document.body&&t[0]!==a.target&&(t.unshift(a.target),t=t.filter(a=>null!=a&&a.isConnected),t.splice(10))}window.addEventListener("click",a,{capture:!0}),window.addEventListener("mousedown",a,{capture:!0}),window.addEventListener("focus",a,{capture:!0}),document.body.addEventListener("click",a,{capture:!0}),document.body.addEventListener("mousedown",a,{capture:!0}),document.body.addEventListener("focus",a,{capture:!0})});var $e=(a=>(a[a.Open=0]="Open",a[a.Closed=1]="Closed",a))($e||{}),qe=(a=>(a[a.Single=0]="Single",a[a.Multi=1]="Multi",a))(qe||{}),ze=(b=>(b[b.Pointer=0]="Pointer",b[b.Focus=1]="Focus",b[b.Other=2]="Other",b))(ze||{}),Ye=(a=>(a[a.OpenCombobox=0]="OpenCombobox",a[a.CloseCombobox=1]="CloseCombobox",a[a.GoToOption=2]="GoToOption",a[a.RegisterOption=3]="RegisterOption",a[a.UnregisterOption=4]="UnregisterOption",a[a.RegisterLabel=5]="RegisterLabel",a[a.SetActivationTrigger=6]="SetActivationTrigger",a[a.UpdateVirtualOptions=7]="UpdateVirtualOptions",a))(Ye||{});function de(b){let c=1<arguments.length&&arguments[1]!==void 0?arguments[1]:a=>a,d=null===b.activeOptionIndex?null:b.options[b.activeOptionIndex],e=c(b.options.slice()),a=0<e.length&&null!==e[0].dataRef.current.order?e.sort((a,b)=>a.dataRef.current.order-b.dataRef.current.order):I$1(e,a=>a.dataRef.current.domRef.current),f=d?a.indexOf(d):null;return-1===f&&(f=null),{options:a,activeOptionIndex:f}}let Qe={[1](a){var b;return null!=(b=a.dataRef.current)&&b.disabled||1===a.comboboxState?a:{...a,activeOptionIndex:null,comboboxState:1}},[0](b){var a,c;if(null!=(a=b.dataRef.current)&&a.disabled||0===b.comboboxState)return b;if(null!=(c=b.dataRef.current)&&c.value){let c=b.dataRef.current.calculateIndex(b.dataRef.current.value);if(-1!==c)return{...b,activeOptionIndex:c,comboboxState:0}}return{...b,comboboxState:0}},[2](b,d){var g,h,j,k,m;if(null!=(g=b.dataRef.current)&&g.disabled||null!=(h=b.dataRef.current)&&h.optionsRef.current&&!(null!=(j=b.dataRef.current)&&j.optionsPropsRef.current.static)&&1===b.comboboxState)return b;if(b.virtual){let a=d.focus===c.Specific?d.idx:f(d,{resolveItems:()=>b.virtual.options,resolveActiveIndex:()=>{var a,c;return null==(c=null==(a=b.activeOptionIndex)?b.virtual.options.findIndex(a=>!b.virtual.disabled(a)):a)?null:c},resolveDisabled:b.virtual.disabled,resolveId(){throw new Error("Function not implemented.")}}),e=null==(k=d.trigger)?2:k;return b.activeOptionIndex===a&&b.activationTrigger===e?b:{...b,activeOptionIndex:a,activationTrigger:e}}let n=de(b);if(null===n.activeOptionIndex){let a=n.options.findIndex(a=>!a.dataRef.current.disabled);-1!==a&&(n.activeOptionIndex=a)}let o=d.focus===c.Specific?d.idx:f(d,{resolveItems:()=>n.options,resolveActiveIndex:()=>n.activeOptionIndex,resolveId:a=>a.id,resolveDisabled:a=>a.dataRef.current.disabled}),a=null==(m=d.trigger)?2:m;return b.activeOptionIndex===o&&b.activationTrigger===a?b:{...b,...n,activeOptionIndex:o,activationTrigger:a}},[3]:(b,d)=>{var e,f,g;if(null!=(e=b.dataRef.current)&&e.virtual)return{...b,options:[...b.options,d.payload]};let h=d.payload,j=de(b,a=>(a.push(h),a));null===b.activeOptionIndex&&null!=(f=b.dataRef.current)&&f.isSelected(d.payload.dataRef.current.value)&&(j.activeOptionIndex=j.options.indexOf(h));let a={...b,...j,activationTrigger:2};return null!=(g=b.dataRef.current)&&g.__demoMode&&void 0===b.dataRef.current.value&&(a.activeOptionIndex=0),a},[4]:(b,c)=>{var d;if(null!=(d=b.dataRef.current)&&d.virtual)return{...b,options:b.options.filter(a=>a.id!==c.id)};let e=de(b,a=>{let b=a.findIndex(a=>a.id===c.id);return-1!==b&&a.splice(b,1),a});return{...b,...e,activationTrigger:2}},[5]:(a,b)=>a.labelId===b.id?a:{...a,labelId:b.id},[6]:(a,b)=>a.activationTrigger===b.trigger?a:{...a,activationTrigger:b.trigger},[7]:(b,c)=>{var d;if((null==(d=b.virtual)?void 0:d.options)===c.options)return b;let e=b.activeOptionIndex;if(null!==b.activeOptionIndex){let a=c.options.indexOf(b.virtual.options[b.activeOptionIndex]);e=-1===a?null:a}return{...b,activeOptionIndex:e,virtual:Object.assign({},b.virtual,{options:c.options})}}},be=createContext(null);be.displayName="ComboboxActionsContext";function ee(a){let b=useContext(be);if(null===b){let b=new Error(`<${a} /> is missing a parent <Combobox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(b,ee),b}return b}let Ce=createContext(null);function Ze(b){var d;let f=j("VirtualProvider"),[e,g]=useMemo(()=>{let a=f.optionsRef.current;if(!a)return[0,0];let b=window.getComputedStyle(a);return[parseFloat(b.paddingBlockStart||b.paddingTop),parseFloat(b.paddingBlockEnd||b.paddingBottom)]},[f.optionsRef.current]),a=useVirtualizer({scrollPaddingStart:e,scrollPaddingEnd:g,count:f.virtual.options.length,estimateSize(){return 40},getScrollElement(){var a;return null==(a=f.optionsRef.current)?null:a},overscan:12}),[h,i]=useState(0);return l(()=>{i(a=>a+1)},[null==(d=f.virtual)?void 0:d.options]),React__default.createElement(Ce.Provider,{value:a},React__default.createElement("div",{style:{position:"relative",width:"100%",height:`${a.getTotalSize()}px`},ref:b=>{if(b){if("undefined"!=typeof process&&void 0!==process.env.JEST_WORKER_ID||0===f.activationTrigger)return;null!==f.activeOptionIndex&&f.virtual.options.length>f.activeOptionIndex&&a.scrollToIndex(f.activeOptionIndex)}}},a.getVirtualItems().map(a=>{var c;return React__default.createElement(Fragment,{key:a.key},React__default.cloneElement(null==(c=b.children)?void 0:c.call(b,{option:f.virtual.options[a.index],open:0===f.comboboxState}),{key:`${h}-${a.key}`,"data-index":a.index,"aria-setsize":f.virtual.options.length,"aria-posinset":a.index+1,style:{position:"absolute",top:0,left:0,transform:`translateY(${a.start}px)`,overflowAnchor:"none"}}))})))}let ce=createContext(null);ce.displayName="ComboboxDataContext";function j(a){let b=useContext(ce);if(null===b){let b=new Error(`<${a} /> is missing a parent <Combobox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(b,j),b}return b}function et(a,b){return u(b.type,Qe,a,b)}let tt=Fragment;function ot(b,j){let{value:m,defaultValue:q,onChange:a,form:i,name:r,by:w=null,disabled:B=!1,__demoMode:G=!1,nullable:H=!1,multiple:M=!1,immediate:g=!1,virtual:f=null,...t}=b,v=null,[R=M?[]:void 0,Q]=T(m,a,q),[I,S]=useReducer(et,{dataRef:createRef(),comboboxState:G?0:1,options:[],virtual:null,activeOptionIndex:null,activationTrigger:2,labelId:null}),E=useRef(!1),k=useRef({static:!1,hold:!1}),J=useRef(null),K=useRef(null),z=useRef(null),P=useRef(null),U=o("string"==typeof w?(a,c)=>{let b=w;return(null==a?void 0:a[b])===(null==c?void 0:c[b])}:null==w?(a,c)=>a===c:w),V=o(a=>I.options.findIndex(c=>U(c.dataRef.current.value,a))),O=useCallback(a=>u(W.mode,{[1]:()=>R.some(c=>U(c,a)),[0]:()=>U(R,a)}),[R]),L=o(a=>I.activeOptionIndex===V(a)),W=useMemo(()=>({...I,immediate:!1,optionsPropsRef:k,labelRef:J,inputRef:K,buttonRef:z,optionsRef:P,value:R,defaultValue:q,disabled:B,mode:M?1:0,virtual:I.virtual,get activeOptionIndex(){if(E.current&&null===I.activeOptionIndex&&0<I.options.length){let a=I.options.findIndex(a=>!a.dataRef.current.disabled);if(-1!==a)return a}return I.activeOptionIndex},calculateIndex:V,compare:U,isSelected:O,isActive:L,nullable:H,__demoMode:G}),[R,q,B,M,H,G,I,v]);l(()=>{},[v,void 0]),l(()=>{I.dataRef.current=W},[W]),y([W.buttonRef,W.inputRef,W.optionsRef],()=>$.closeCombobox(),0===W.comboboxState);let n=useMemo(()=>{var a,c,e;return{open:0===W.comboboxState,disabled:B,activeIndex:W.activeOptionIndex,activeOption:null===W.activeOptionIndex?null:W.virtual?W.virtual.options[null==(a=W.activeOptionIndex)?0:a]:null==(e=null==(c=W.options[W.activeOptionIndex])?void 0:c.dataRef.current.value)?null:e,value:R}},[W,B,R]),F=o(()=>{if(null!==W.activeOptionIndex){if(W.virtual)Y(W.virtual.options[W.activeOptionIndex]);else{let{dataRef:a}=W.options[W.activeOptionIndex];Y(a.current.value)}$.goToOption(c.Specific,W.activeOptionIndex)}}),A=o(()=>{S({type:0}),E.current=!0}),h=o(()=>{S({type:1}),E.current=!1}),X=o((a,d,b)=>(E.current=!1,a===c.Specific?S({type:2,focus:c.Specific,idx:d,trigger:b}):S({type:2,focus:a,trigger:b}))),D=o((a,c)=>(S({type:3,payload:{id:a,dataRef:c}}),()=>{W.isActive(c.current.value)&&(E.current=!0),S({type:4,id:a})})),N=o(a=>(S({type:5,id:a}),()=>S({type:5,id:null}))),Y=o(a=>u(W.mode,{[0](){return null==Q?void 0:Q(a)},[1](){let c=W.value.slice(),b=c.findIndex(b=>U(b,a));return-1===b?c.push(a):c.splice(b,1),null==Q?void 0:Q(c)}})),Z=o(a=>{S({type:6,trigger:a})}),$=useMemo(()=>({onChange:Y,registerOption:D,registerLabel:N,goToOption:X,closeCombobox:h,openCombobox:A,setActivationTrigger:Z,selectActiveOption:F}),[]),_=null===j?{}:{ref:j},aa=useRef(null),ba=p();return useEffect(()=>{aa.current&&void 0!==q&&ba.addEventListener(aa.current,"reset",()=>{null==Q||Q(q)})},[aa,Q]),React__default.createElement(be.Provider,{value:$},React__default.createElement(ce.Provider,{value:W},React__default.createElement(s,{value:u(W.comboboxState,{[0]:d.Open,[1]:d.Closed})},null!=r&&null!=R&&e({[r]:R}).map((a,c)=>{let[e,d]=a;return React__default.createElement(u$1,{features:s$1.Hidden,ref:0===c?a=>{var b;aa.current=null==(b=null==a?void 0:a.closest("form"))?null:b}:void 0,...x({key:e,as:"input",type:"hidden",hidden:!0,readOnly:!0,form:i,disabled:B,name:e,value:d})})}),C({ourProps:_,theirProps:t,slot:n,defaultTag:tt,name:"Combobox"}))))}let nt="input";function rt(b,d){var q,r,w,y,A,h=Math.abs;let B=I(),{id:H=`headlessui-combobox-input-${B}`,onChange:D,displayValue:F,type:a="text",...G}=b,M=j("Combobox.Input"),e=ee("Combobox.Input"),l=y$1(M.inputRef,d),N=n(M.inputRef),g=useRef(!1),f=p(),v=o(()=>{e.onChange(null),M.optionsRef.current&&(M.optionsRef.current.scrollTop=0),e.goToOption(c.Nothing)}),P=function(){var a;return"function"==typeof F&&void 0!==M.value?null==(a=F(M.value))?"":a:"string"==typeof M.value?M.value:""}();m((a,b)=>{let[c,d]=a,[e,f]=b;if(g.current)return;let i=M.inputRef.current;i&&((0===f&&1===d||c!==e)&&(i.value=c),requestAnimationFrame(()=>{if(!g.current&&i&&(null==N?void 0:N.activeElement)===i){let{selectionStart:a,selectionEnd:b}=i;0===h((null==b?0:b)-(null==a?0:a))&&0===a&&i.setSelectionRange(i.value.length,i.value.length)}}))},[P,M.comboboxState,N]),m((a,b)=>{let[c]=a,[d]=b;if(0===c&&1===d){if(g.current)return;let a=M.inputRef.current;if(!a)return;let b=a.value,{selectionStart:c,selectionEnd:d,selectionDirection:e}=a;a.value="",a.value=b,null===e?a.setSelectionRange(c,d):a.setSelectionRange(c,d,e)}},[M.comboboxState]);let Q=useRef(!1),s=o(()=>{Q.current=!0}),R=o(()=>{f.nextFrame(()=>{Q.current=!1})}),S=o(a=>{switch(g.current=!0,a.key){case o$1.Enter:if(g.current=!1,0!==M.comboboxState||Q.current)return;if(a.preventDefault(),a.stopPropagation(),null===M.activeOptionIndex)return void e.closeCombobox();e.selectActiveOption(),0===M.mode&&e.closeCombobox();break;case o$1.ArrowDown:return g.current=!1,a.preventDefault(),a.stopPropagation(),u(M.comboboxState,{[0]:()=>e.goToOption(c.Next),[1]:()=>e.openCombobox()});case o$1.ArrowUp:return g.current=!1,a.preventDefault(),a.stopPropagation(),u(M.comboboxState,{[0]:()=>e.goToOption(c.Previous),[1]:()=>{e.openCombobox(),f.nextFrame(()=>{M.value||e.goToOption(c.Last)})}});case o$1.Home:if(a.shiftKey)break;return g.current=!1,a.preventDefault(),a.stopPropagation(),e.goToOption(c.First);case o$1.PageUp:return g.current=!1,a.preventDefault(),a.stopPropagation(),e.goToOption(c.First);case o$1.End:if(a.shiftKey)break;return g.current=!1,a.preventDefault(),a.stopPropagation(),e.goToOption(c.Last);case o$1.PageDown:return g.current=!1,a.preventDefault(),a.stopPropagation(),e.goToOption(c.Last);case o$1.Escape:return g.current=!1,0===M.comboboxState?(a.preventDefault(),M.optionsRef.current&&!M.optionsPropsRef.current.static&&a.stopPropagation(),M.nullable&&0===M.mode&&null===M.value&&v(),e.closeCombobox()):void 0;case o$1.Tab:if(g.current=!1,0!==M.comboboxState)return;0===M.mode&&1!==M.activationTrigger&&e.selectActiveOption(),e.closeCombobox()}}),T=o(a=>{null==D||D(a),M.nullable&&0===M.mode&&""===a.target.value&&v(),e.openCombobox()}),E=o(a=>{var b,c,d;let f=null==(b=a.relatedTarget)?t.find(b=>b!==a.currentTarget):b;if(g.current=!1,!(null!=(c=M.optionsRef.current)&&c.contains(f))&&!(null!=(d=M.buttonRef.current)&&d.contains(f))&&0===M.comboboxState)return a.preventDefault(),0===M.mode&&(M.nullable&&null===M.value?v():1!==M.activationTrigger&&e.selectActiveOption()),e.closeCombobox()}),k=o(a=>{var b,c,d;let g=null==(b=a.relatedTarget)?t.find(b=>b!==a.currentTarget):b;null!=(c=M.buttonRef.current)&&c.contains(g)||null!=(d=M.optionsRef.current)&&d.contains(g)||M.disabled||M.immediate&&0!==M.comboboxState&&(e.openCombobox(),f.nextFrame(()=>{e.setActivationTrigger(1)}))}),J=i(()=>{if(M.labelId)return[M.labelId].join(" ")},[M.labelId]),K=useMemo(()=>({open:0===M.comboboxState,disabled:M.disabled}),[M]),z={ref:l,id:H,role:"combobox",type:a,"aria-controls":null==(q=M.optionsRef.current)?void 0:q.id,"aria-expanded":0===M.comboboxState,"aria-activedescendant":null===M.activeOptionIndex?void 0:M.virtual?null==(r=M.options.find(a=>{var b;return!(null!=(b=M.virtual)&&b.disabled(a.dataRef.current.value))&&M.compare(a.dataRef.current.value,M.virtual.options[M.activeOptionIndex])}))?void 0:r.id:null==(w=M.options[M.activeOptionIndex])?void 0:w.id,"aria-labelledby":J,"aria-autocomplete":"list",defaultValue:null==(A=null==(y=b.defaultValue)?void 0===M.defaultValue?null:null==F?void 0:F(M.defaultValue):y)?M.defaultValue:A,disabled:M.disabled,onCompositionStart:s,onCompositionEnd:R,onKeyDown:S,onChange:T,onFocus:k,onBlur:E};return C({ourProps:z,theirProps:G,slot:K,defaultTag:nt,name:"Combobox.Input"})}let at="button";function lt(b,d){var h;let k=j("Combobox.Button"),m=ee("Combobox.Button"),a=y$1(k.buttonRef,d),n=I(),{id:s=`headlessui-combobox-button-${n}`,...q}=b,t=p(),e=o(a=>{switch(a.key){case o$1.ArrowDown:return a.preventDefault(),a.stopPropagation(),1===k.comboboxState&&m.openCombobox(),t.nextFrame(()=>{var a;return null==(a=k.inputRef.current)?void 0:a.focus({preventScroll:!0})});case o$1.ArrowUp:return a.preventDefault(),a.stopPropagation(),1===k.comboboxState&&(m.openCombobox(),t.nextFrame(()=>{k.value||m.goToOption(c.Last)})),t.nextFrame(()=>{var a;return null==(a=k.inputRef.current)?void 0:a.focus({preventScroll:!0})});case o$1.Escape:return 0===k.comboboxState?(a.preventDefault(),k.optionsRef.current&&!k.optionsPropsRef.current.static&&a.stopPropagation(),m.closeCombobox(),t.nextFrame(()=>{var a;return null==(a=k.inputRef.current)?void 0:a.focus({preventScroll:!0})})):void 0;default:}}),l=o(a=>r(a.currentTarget)?a.preventDefault():void(0===k.comboboxState?m.closeCombobox():(a.preventDefault(),m.openCombobox()),t.nextFrame(()=>{var a;return null==(a=k.inputRef.current)?void 0:a.focus({preventScroll:!0})}))),u=i(()=>{if(k.labelId)return[k.labelId,s].join(" ")},[k.labelId,s]),g=useMemo(()=>({open:0===k.comboboxState,disabled:k.disabled,value:k.value}),[k]),f={ref:a,id:s,type:T$1(b,k.buttonRef),tabIndex:-1,"aria-haspopup":"listbox","aria-controls":null==(h=k.optionsRef.current)?void 0:h.id,"aria-expanded":0===k.comboboxState,"aria-labelledby":u,disabled:k.disabled,onClick:l,onKeyDown:e};return C({ourProps:f,theirProps:q,slot:g,defaultTag:at,name:"Combobox.Button"})}let it="label";function ut(b,d){let f=I(),{id:h=`headlessui-combobox-label-${f}`,...g}=b,a=j("Combobox.Label"),i=ee("Combobox.Label"),k=y$1(a.labelRef,d);l(()=>i.registerLabel(h),[h]);let c=o(()=>{var b;return null==(b=a.inputRef.current)?void 0:b.focus({preventScroll:!0})}),e=useMemo(()=>({open:0===a.comboboxState,disabled:a.disabled}),[a]);return C({ourProps:{ref:k,id:h,onClick:c},theirProps:g,slot:e,defaultTag:it,name:"Combobox.Label"})}let pt="ul",st=O.RenderStrategy|O.Static;function dt(b,h){let k=I(),{id:n=`headlessui-combobox-options-${k}`,hold:a=!1,...m}=b,o=j("Combobox.Options"),p=y$1(o.optionsRef,h),c=u$2(),e=(()=>null===c?0===o.comboboxState:(c&d.Open)===d.Open)();l(()=>{var a;o.optionsPropsRef.current.static=null!=(a=b.static)&&a},[o.optionsPropsRef,b.static]),l(()=>{o.optionsPropsRef.current.hold=a},[o.optionsPropsRef,a]),F({container:o.optionsRef.current,enabled:0===o.comboboxState,accept(a){return"option"===a.getAttribute("role")?NodeFilter.FILTER_REJECT:a.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(a){a.setAttribute("role","none")}});let q=i(()=>{var a,b;return null==(b=o.labelId)?null==(a=o.buttonRef.current)?void 0:a.id:b},[o.labelId,o.buttonRef.current]),r=useMemo(()=>({open:0===o.comboboxState,option:void 0}),[o]),g={"aria-labelledby":q,role:"listbox","aria-multiselectable":1===o.mode||void 0,id:n,ref:p};return o.virtual&&0===o.comboboxState&&Object.assign(m,{children:React__default.createElement(Ze,null,m.children)}),C({ourProps:g,theirProps:m,slot:r,defaultTag:pt,features:st,visible:e,name:"Combobox.Options"})}let bt="li";function ct(b,d){var h;let m=I(),{id:r=`headlessui-combobox-option-${m}`,disabled:a=!1,value:n,order:i=null,...q}=b,p=j("Combobox.Option"),e=ee("Combobox.Option"),t=p.virtual?p.activeOptionIndex===p.calculateIndex(n):null!==p.activeOptionIndex&&(null==(h=p.options[p.activeOptionIndex])?void 0:h.id)===r,u=p.isSelected(n),g=useRef(null),f=s$2({disabled:a,value:n,domRef:g,order:i}),v=useContext(Ce),w=y$1(d,g,v?v.measureElement:null),y=o(()=>e.onChange(n));l(()=>e.registerOption(r,f),[f,r]);let s=useRef(!(p.virtual||p.__demoMode));l(()=>{if(p.virtual&&p.__demoMode){let a=o$2();return a.requestAnimationFrame(()=>{s.current=!0}),a.dispose}},[p.virtual,p.__demoMode]),l(()=>{if(s.current&&0===p.comboboxState&&t&&0!==p.activationTrigger){let a=o$2();return a.requestAnimationFrame(()=>{var a,b;null==(b=null==(a=g.current)?void 0:a.scrollIntoView)||b.call(a,{block:"nearest"})}),a.dispose}},[g,t,p.comboboxState,p.activationTrigger,p.activeOptionIndex]);let x=o(b=>{var c;return a||null!=(c=p.virtual)&&c.disabled(n)?b.preventDefault():void(y(),n$1()||requestAnimationFrame(()=>{var a;return null==(a=p.inputRef.current)?void 0:a.focus({preventScroll:!0})}),0===p.mode&&requestAnimationFrame(()=>e.closeCombobox()))}),A=o(()=>{var b;if(a||null!=(b=p.virtual)&&b.disabled(n))return e.goToOption(c.Nothing);let d=p.calculateIndex(n);e.goToOption(c.Specific,d)}),B=u$3(),D=o(a=>B.update(a)),k=o(b=>{var d;if(!(!B.wasMoved(b)||a||null!=(d=p.virtual)&&d.disabled(n)||t)){let a=p.calculateIndex(n);e.goToOption(c.Specific,a,0)}}),E=o(b=>{var d;B.wasMoved(b)&&(a||null!=(d=p.virtual)&&d.disabled(n)||t&&(p.optionsPropsRef.current.hold||e.goToOption(c.Nothing)))}),F=useMemo(()=>({active:t,selected:u,disabled:a}),[t,u,a]);return C({ourProps:{id:r,ref:w,role:"option",tabIndex:!0===a?void 0:-1,"aria-disabled":!0===a||void 0,"aria-selected":u,disabled:void 0,onClick:x,onFocus:A,onPointerEnter:D,onMouseEnter:D,onPointerMove:k,onMouseMove:k,onPointerLeave:E,onMouseLeave:E},theirProps:q,slot:F,defaultTag:bt,name:"Combobox.Option"})}let ft=U(ot),mt=U(lt),Tt=U(rt),xt=U(ut),gt=U(dt),vt=U(ct),qt=Object.assign(ft,{Input:Tt,Button:mt,Label:xt,Options:gt,Option:vt});const inputWrapperStyles=`
+  jn-relative
+`,labelStyles=`
+  jn-pointer-events-none
+  jn-top-2
+  jn-left-[0.9375rem]
+`,inputStyles=`
+  jn-rounded-3px
+  jn-bg-theme-textinput
+  jn-text-theme-textinput
+  jn-border
+  jn-text-base
+  jn-leading-4
+  jn-w-full
+  jn-px-4
+  jn-h-textinput
+  jn-text-left
+  jn-overflow-hidden
+  jn-text-ellipsis
+  jn-whitespace-nowrap
+  focus:jn-outline-none
+  focus:jn-ring-2
+  focus:jn-ring-theme-focus
+`,withLabelInputStyles=`
+  jn-pt-[1.125rem] 
+  jn-pb-1
+`,noLabelInputStyles=`
+  jn-py-4
+`,disabledInputStyles=`
+  jn-cursor-not-allowed
+  jn-pointer-events-none
+  jn-opacity-50
+`,defaultBorderStyles=`
+  jn-border-theme-textinput-default
+`,validStyles=`
+  jn-border-theme-success
+`,invalidStyles=`
+  jn-border-theme-error
+`,buttonStyles=`
+  jn-absolute
+  jn-top-0
+  jn-right-0
+  jn-h-textinput
+  jn-w-6
+  jn-h-4
+  jn-border-l-0
+  jn-border-y-[1px]
+  jn-border-r-[1px]
+  jn-rounded-tr
+  jn-rounded-br
+  jn-appearance-none
+  jn-bg-theme-textinput
+  jn-text-theme-textinput
+`,defaultButtonStyles=`
+  jn-border-theme-textinput-default
+`,invalidButtonStyles=`
+  jn-border-theme-error
+`,validButtonStyles=`
+  jn-border-theme-success
+`,disabledButtonStyles=`
+  jn-cursor-not-allowed
+  jn-pointer-events-none
+  jn-bg-transparent
+  jn-opacity-50
+`,menuStyles=`
+  jn-rounded
+  jn-bg-theme-background-lvl-1
+  jn-w-full
+  jn-overflow-y-auto
+`,iconContainerStyles=`
+  jn-absolute
+  jn-top-[.4rem]
+  jn-right-6
+`,centeredIconStyles=`
+  jn-absolute
+  jn-top-1/2
+  jn-left-1/2
+  jn-translate-y-[-50%]
+  jn-translate-x-[-0.75rem]
+`,ComboBoxContext=createContext(void 0),ComboBox=a=>{let{ariaLabel:b,children:c,className:k="",defaultValue:l="",disabled:m=!1,error:n=!1,errortext:o="",helptext:p="",id:q="",invalid:r=!1,loading:s=!1,label:d,name:t="",nullable:u=!0,onBlur:e,onChange:f,onFocus:g,onInputChange:h,placeholder:v="Select\u2026",required:w=!1,successtext:x="",truncateOptions:y=!1,valid:z=!1,value:A="",valueLabel:i,width:B="full",wrapperClassName:C="",...j}=a;const D=a=>"string"!=typeof a||0!==a.trim().length,E=q||"juno-combobox-"+useId(),F="juno-combobox-helptext-"+useId(),[G,H]=useState(new Map),[I,J]=useState(""),[K,L]=useState(A),[M,N]=useState(!1),[O,P]=useState(!1),[Q,R]=useState(!1),[S,T]=useState(!1),[U,V]=useState(!1),W=useMemo(()=>r||!!(o&&D(o)),[r,o]),X=useMemo(()=>z||!!(x&&D(x)),[z,x]);useEffect(()=>{L(A)},[A]),useEffect(()=>{P(n)},[n]),useEffect(()=>{N(s)},[s]),useEffect(()=>{T(W)},[W]),useEffect(()=>{V(X)},[X]);const Y=usePortalRef(),Z=[offset(4),shift(),flip(),size({rootBoundary:"viewport",apply(a){let{availableWidth:b,availableHeight:c,elements:d}=a;Object.assign(d.floating.style,{maxWidth:`${b}px`,maxHeight:`${c}px`,overflowY:"auto"})}})],$=""===I?React__default.Children.toArray(c):React__default.Children.toArray(c).filter(a=>{if(React__default.isValidElement(a)){const b=a.props.children?.toString()||a.props.label||a.props.value;return b?.toLowerCase().includes(I.toLowerCase())}return!1});return React__default.createElement(ComboBoxContext.Provider,{value:{selectedValue:K,truncateOptions:y,addOptionValueAndLabel:(a,b,c)=>{H(d=>new Map(d).set(a||c,{val:a,label:b,children:c}))}}},React__default.createElement("div",{className:`
+          juno-combobox-wrapper
+          jn-relative
+          ${"auto"==B?"jn-inline-block":"jn-block"}
+          ${"auto"==B?"jn-w-auto":"jn-w-full"}
+          ${C}
+        `},React__default.createElement(qt,{defaultValue:l,disabled:m||M||O,name:t,nullable:u,onChange:a=>{L(a),f&&f(a)},value:K||l,...j},React__default.createElement(Sr,{composable:!0,adaptiveWidth:!0,middleware:Z},React__default.createElement(Sr.Reference,null,React__default.createElement("div",{className:`
+                juno-combobox-input-wrapper
+                ${inputWrapperStyles}
+                ${m?"jn-cursor-not-allowed":""}
+              `},d&&D(d)&&!M&&!O?(React__default.createElement(Label,{text:d,disabled:m,required:w,htmlFor:E,className:`${labelStyles}`,floating:!0,minimized:!!(v||Q||I&&D(I)||K&&D(K))})):"",React__default.createElement(qt.Input,{autoComplete:"off","aria-label":b||d,"aria-describedby":p?F:"",id:E,onBlur:a=>{R(!1),e&&e(a)},onChange:a=>{J(a?.target?.value),h&&h(a)},onFocus:a=>{R(!0),g&&g(a)},placeholder:M||O?"":v,displayValue:a=>G.get(a)?.children?.toString()||G.get(a)?.label||i||a?.toString()||"",className:`
+                  juno-combobox-input 
+                  ${inputStyles} 
+                  ${d&&D(d)?withLabelInputStyles:noLabelInputStyles}
+                  ${m?disabledInputStyles:""}
+                  ${S?"juno-combobox-invalid "+invalidStyles:""} 
+                  ${U?"juno-combobox-valid "+validStyles:""}  
+                  ${U||S?"":defaultBorderStyles} 
+                  ${M?"juno-combobox-loading jn-cursor-not-allowed":""}
+                  ${O?"juno-combobox-error jn-cursor-not-allowed":""}
+                  ${k}
+                `}),M||O?(React__default.createElement("span",{className:`${centeredIconStyles}`},M?(React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"})):(React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})))):U||S?(React__default.createElement("span",{className:`
+                        juno-combobox-icon-container 
+                        ${iconContainerStyles} 
+                        ${m?"jn-opacity-50":""}
+                      `},React__default.createElement(Icon,{icon:U?"checkCircle":"dangerous",color:U?"jn-text-theme-success":"jn-text-theme-error"}))):"",O||M?null:(React__default.createElement(qt.Button,{className:`
+                        juno-combobox-toggle 
+                        ${buttonStyles}
+                        ${m?disabledButtonStyles:""}
+                        ${S?"juno-combobox-toggle-invalid "+invalidButtonStyles:""} 
+                        ${U?"juno-combobox-toggle-valid "+validButtonStyles:""}  
+                        ${U||S?"":defaultButtonStyles} 
+                      `},a=>{let{open:b}=a;return React__default.createElement(Icon,{icon:b?"expandLess":"expandMore"})})))),createPortal(React__default.createElement(Sr.Content,null,React__default.createElement(qt.Options,{unmount:!1,className:`
+                    juno-combobox-options 
+                    ${menuStyles}
+                  `},$)),Y?Y:document.body))),o&&D(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",x&&D(x)?React__default.createElement(FormHint,{text:x,variant:"success"}):"",p&&D(p)?React__default.createElement(FormHint,{text:p,id:F}):""))};export{ComboBox as C,ComboBoxContext as a,qt as q};

package/build/ComboBox.js

@@ -1 +1 @@
-export{C as ComboBox}from"./ComboBox.component-CVfbabwk.js";import"react";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./PortalProvider.component-CVldWJIG.js";import"./combobox-JmdrroKh.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";
+export{C as ComboBox}from"./ComboBox.component-C_o5JV1E.js";import"react";import"./headlessui-float-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./PortalProvider.component-CVldWJIG.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";

package/build/ComboBoxOption.component-eoxGAIUR.js

@@ -0,0 +1,39 @@
+import React__default,{useContext,useEffect,Fragment}from"react";import{a as ComboBoxContext,q as qt}from"./ComboBox.component-C_o5JV1E.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";const optionStyles=`
+  jn-flex
+  jn-pt-[0.6875rem]
+  jn-pb-[0.5rem]
+  jn-pr-[0.875rem]
+  jn-select-none
+  data-[headlessui-state=active]:jn-outline-none
+  data-[headlessui-state=active]:jn-ring-2
+  data-[headlessui-state=active]:jn-ring-inset
+  data-[headlessui-state=active]:jn-ring-theme-focus
+  data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
+`,unselectedOptionStyles=`
+  jn-text-theme-default
+  jn-pl-[2.375rem]
+`,selectedOptionStyles=`
+  jn-text-theme-accent
+  jn-pl-3.5
+`,selectedIconStyles=`
+  jn-inline-block
+  jn-mr-1.5
+`,disabledOptionLabelStyles=`
+  jn-opacity-50
+  jn-cursor-not-allowed
+`,truncateOptionStyles=`
+  jn-block
+  jn-h-6
+  jn-overflow-hidden
+  jn-text-ellipsis
+  jn-whitespace-nowrap
+`,ComboBoxOption=a=>{let{children:b,disabled:e=!1,value:f="",label:c,className:g="",...d}=a;const h=useContext(ComboBoxContext),{selectedValue:i,truncateOptions:j,addOptionValueAndLabel:k}=h||{};useEffect(()=>{k&&k(f,c,b)},[f,c,b]);const l=f||b;return React__default.createElement(qt.Option,{value:l,disabled:e,as:Fragment},React__default.createElement("li",{className:`
+          juno-combobox-option 
+          ${optionStyles}
+          ${i===f?selectedOptionStyles:unselectedOptionStyles}
+          ${e?"jn-cursor-not-allowed":""}
+          ${g}
+        `,...d},i===l?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
+            ${e?disabledOptionLabelStyles:""}
+            ${j?truncateOptionStyles:""}
+          `},b||c||f)))};export{ComboBoxOption as C};

package/build/ComboBoxOption.js

@@ -1,39 +1 @@
-import React__default,{useContext,useEffect,Fragment}from"react";import{a as ComboBoxContext}from"./ComboBox.component-CVfbabwk.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{q as qt}from"./combobox-JmdrroKh.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./Spinner.component-CO095KvL.js";import"./PortalProvider.component-CVldWJIG.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";const optionStyles=`
-  jn-flex
-  jn-pt-[0.6875rem]
-  jn-pb-[0.5rem]
-  jn-pr-[0.875rem]
-  jn-select-none
-  data-[headlessui-state=active]:jn-outline-none
-  data-[headlessui-state=active]:jn-ring-2
-  data-[headlessui-state=active]:jn-ring-inset
-  data-[headlessui-state=active]:jn-ring-theme-focus
-  data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
-`,unselectedOptionStyles=`
-  jn-text-theme-default
-  jn-pl-[2.375rem]
-`,selectedOptionStyles=`
-  jn-text-theme-accent
-  jn-pl-3.5
-`,selectedIconStyles=`
-  jn-inline-block
-  jn-mr-1.5
-`,disabledOptionLabelStyles=`
-  jn-opacity-50
-  jn-cursor-not-allowed
-`,truncateOptionStyles=`
-  jn-block
-  jn-h-6
-  jn-overflow-hidden
-  jn-text-ellipsis
-  jn-whitespace-nowrap
-`,ComboBoxOption=a=>{let{children:b,disabled:e=!1,value:f="",label:c,className:g="",...d}=a;const h=useContext(ComboBoxContext),{selectedValue:i,truncateOptions:j,addOptionValueAndLabel:k}=h||{};useEffect(()=>{k&&k(f,c,b)},[f,c,b]);const l=f||b;return React__default.createElement(qt.Option,{value:l,disabled:e,as:Fragment},React__default.createElement("li",{className:`
-          juno-combobox-option 
-          ${optionStyles}
-          ${i===f?selectedOptionStyles:unselectedOptionStyles}
-          ${e?"jn-cursor-not-allowed":""}
-          ${g}
-        `,...d},i===l?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
-            ${e?disabledOptionLabelStyles:""}
-            ${j?truncateOptionStyles:""}
-          `},b||c||f)))};export{ComboBoxOption};
+export{C as ComboBoxOption}from"./ComboBoxOption.component-eoxGAIUR.js";import"react";import"./ComboBox.component-C_o5JV1E.js";import"./headlessui-float-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./PortalProvider.component-CVldWJIG.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";

package/build/ContentAreaToolbar.component-HPXE3xVK.js

@@ -0,0 +1,8 @@
+import React__default from"react";const baseToolbarStyles=`
+  jn-bg-theme-background-lvl-1
+  jn-py-3
+  jn-px-6
+  jn-flex
+  jn-items-center
+  jn-justify-end
+`,ContentAreaToolbar=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",{className:`juno-content-area-toolbar ${baseToolbarStyles} ${d}`,...c},b)};export{ContentAreaToolbar as C};

package/build/ContentAreaToolbar.js

@@ -1 +1 @@
-export{C as ContentAreaToolbar}from"./ContentAreaToolbar.component-Cr9XddQc.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
+export{C as ContentAreaToolbar}from"./ContentAreaToolbar.component-HPXE3xVK.js";import"react";

package/build/ContentContainer.component-8A2F9nlM.js

@@ -0,0 +1,8 @@
+import React__default from"react";const baseContainerStyles=`
+  jn-flex-col
+  jn-grow
+  jn-bg-[right_top_1rem]
+  jn-bg-no-repeat
+  jn-bg-theme-content-area-bg
+  jn-relative
+`,ContentContainer=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",{className:`juno-content-container ${baseContainerStyles} ${d}`,...c},b)};export{ContentContainer as C};

package/build/ContentContainer.js

@@ -1 +1 @@
-export{C as ContentContainer}from"./ContentContainer.component-wLeOohOT.js";import"react";
+export{C as ContentContainer}from"./ContentContainer.component-8A2F9nlM.js";import"react";

package/build/{ContentHeading.component-bhh41uEk.js → ContentHeading.component-PfFZgbyn.js}

@@ -1,6 +1,6 @@
-import React__default from"react";const headingStyles=`
+import React__default from"react";const baseHeadingStyles=`
   jn-font-bold
   jn-text-lg
   jn-text-theme-high
   jn-pb-2
-`,ContentHeading=a=>{let{heading:c="",className:d="",children:e=null,...b}=a;return React__default.createElement("h1",{className:`juno-content-heading ${headingStyles} ${d}`,...b},e||c)};export{ContentHeading as C};
+`,ContentHeading=a=>{let{heading:c="",className:d="",children:e=null,...b}=a;return React__default.createElement("h1",{className:`juno-content-heading ${baseHeadingStyles} ${d}`,...b},e||c)};export{ContentHeading as C};

package/build/ContentHeading.js

@@ -1 +1 @@
-export{C as ContentHeading}from"./ContentHeading.component-bhh41uEk.js";import"react";
+export{C as ContentHeading}from"./ContentHeading.component-PfFZgbyn.js";import"react";

package/build/{ContextMenu.component-B24LaAwt.js → ContextMenu.component-DlJ1uBM8.js}

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from"react";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{q as qe}from"./menu-DiwXZMR-.js";const menuStyles=`
+import React__default,{useState,useEffect}from"react";import{S as Sr}from"./headlessui-float-n1IxyQhp.js";import{o as offset,a as autoPlacement,s as size,b as shift}from"./floating-ui.react-dom-DFre3-Br.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{q as qe}from"./menu-DiwXZMR-.js";const menuStyles=`
   jn-overflow-hidden
   jn-flex
   jn-flex-col
@@ -9,7 +9,7 @@ import React__default,{useState,useEffect}from"react";import{p as pr}from"./head
   active:jn-text-theme-accent
 `,toggleOpenStyle=`
   jn-text-theme-accent
-`,ContextMenu=a=>{let{children:b=null,open:c=!1}=a;const[d,e]=useState(!1);useEffect(()=>{e(c)},[c]);const f=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["top-start","top-end","bottom-start","bottom-end"]}),size({boundary:"viewport",apply(a){let{availableWidth:b,availableHeight:c,elements:d}=a;Object.assign(d.floating.style,{maxWidth:`${b}px`,maxHeight:`${c}px`,overflowY:"auto"})}}),shift()];return React__default.createElement(qe,null,React__default.createElement(pr,{middleware:f},React__default.createElement(qe.Button,{onClick:()=>{e(!d)},className:`
+`,ContextMenu=a=>{let{children:b=null,open:c=!1}=a;const[d,e]=useState(!1);useEffect(()=>{e(c)},[c]);const f=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["top-start","top-end","bottom-start","bottom-end"]}),size({boundary:"viewport",apply(a){let{availableWidth:b,availableHeight:c,elements:d}=a;Object.assign(d.floating.style,{maxWidth:`${b}px`,maxHeight:`${c}px`,overflowY:"auto"})}}),shift()];return React__default.createElement(qe,null,React__default.createElement(Sr,{middleware:f},React__default.createElement(qe.Button,{onClick:()=>{e(!d)},className:`
             juno-contextmenu-toggle 
             ${toggleStyles} 
             ${d?toggleOpenStyle:""}

package/build/ContextMenu.js

@@ -1 +1 @@
-export{C as ContextMenu}from"./ContextMenu.component-B24LaAwt.js";import"react";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";
+export{C as ContextMenu}from"./ContextMenu.component-DlJ1uBM8.js";import"react";import"./headlessui-float-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";

package/build/{DataListCheckboxCell.component-BXti2wK7.js → DataListCheckboxCell.component-DW-8rAEg.js}

@@ -1,4 +1,4 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{createContext,useContext,useState,useEffect,useMemo,useId}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{D as DataListCell}from"./DataListCell.component-C67qgCtq.js";const CheckboxGroupContext=createContext(),wrapperStyles=`
+import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{createContext,useContext,useState,useEffect,useMemo,useId}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-DGyhPa1P.js";import{D as DataListCell}from"./DataListCell.component-C67qgCtq.js";const CheckboxGroupContext=createContext(),wrapperStyles=`
   jn-inline-flex
   jn-items-center
 `,inputstyles=`

package/build/DataListCheckboxCell.js

@@ -1 +1 @@
-export{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-BXti2wK7.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./DataListCell.component-C67qgCtq.js";
+export{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-DW-8rAEg.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-DGyhPa1P.js";import"./widgets-njngpHa5.js";import"./DataListCell.component-C67qgCtq.js";

package/build/{DataListRow.component-RvjQ652d.js → DataListRow.component-D1aTHdBf.js}

@@ -1,4 +1,4 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect}from"react";import PropTypes from"prop-types";import{u as useDataListContext}from"./DataList.component-BYn0Gl6b.js";import{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-BXti2wK7.js";const datalistrowbasestyles=`
+import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect}from"react";import PropTypes from"prop-types";import{u as useDataListContext}from"./DataList.component-BYn0Gl6b.js";import{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-DW-8rAEg.js";const datalistrowbasestyles=`
 	jn-flex
 	jn-rounded-[3px]
 	jn-border

package/build/DataListRow.js

@@ -1 +1 @@
-export{D as DataListRow}from"./DataListRow.component-RvjQ652d.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./DataList.component-BYn0Gl6b.js";import"./DataListCheckboxCell.component-BXti2wK7.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./DataListCell.component-C67qgCtq.js";
+export{D as DataListRow}from"./DataListRow.component-D1aTHdBf.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./DataList.component-BYn0Gl6b.js";import"./DataListCheckboxCell.component-DW-8rAEg.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-DGyhPa1P.js";import"./widgets-njngpHa5.js";import"./DataListCell.component-C67qgCtq.js";