@radix-ui/react-select 0.1.2-rc.2 → 0.1.2-rc.20

package/dist/index.module.js

@@ -1,4 +1,1068 @@
-import{RemoveScroll as e}from"react-remove-scroll";import{hideOthers as t}from"aria-hidden";import{VisuallyHidden as o}from"@radix-ui/react-visually-hidden";import{usePrevious as n}from"@radix-ui/react-use-previous";import{useLayoutEffect as r}from"@radix-ui/react-use-layout-effect";import{useControllableState as l}from"@radix-ui/react-use-controllable-state";import{useCallbackRef as c}from"@radix-ui/react-use-callback-ref";import{Primitive as a}from"@radix-ui/react-primitive";import{Portal as i}from"@radix-ui/react-portal";import{useLabelContext as s}from"@radix-ui/react-label";import{useId as u}from"@radix-ui/react-id";import{FocusScope as d}from"@radix-ui/react-focus-scope";import{DismissableLayer as p}from"@radix-ui/react-dismissable-layer";import{createContextScope as f}from"@radix-ui/react-context";import{useComposedRefs as m}from"@radix-ui/react-compose-refs";import{createCollection as v}from"@radix-ui/react-collection";import{composeEventHandlers as S}from"@radix-ui/primitive";import{clamp as g}from"@radix-ui/number";import*as h from"react-dom";import*as x from"react";import w from"@babel/runtime/helpers/esm/extends";const b=[" ","Enter","ArrowUp","ArrowDown"],y=[" ","Enter"],[E,C,I]=v("Select"),[T,_]=f("Select",[I]);export{_ as createSelectScope};const[R,D]=T("Select");export const Select=e=>{const{__scopeSelect:t,children:o,open:n,defaultOpen:r,onOpenChange:c,value:a,defaultValue:i,onValueChange:s,dir:d,name:p,autoComplete:f}=e,[m,v]=x.useState(null),[S,g]=x.useState(null),[h,w]=x.useState(!1),[b=!1,y]=l({prop:n,defaultProp:r,onChange:c}),[C="",I]=l({prop:a,defaultProp:i,onChange:s}),T=!m||Boolean(m.closest("form")),[_,D]=x.useState(null),P=x.useRef(null);/*#__PURE__*/return x.createElement(R,{scope:t,trigger:m,onTriggerChange:v,valueNode:S,onValueNodeChange:g,valueNodeHasChildren:h,onValueNodeHasChildrenChange:w,contentId:u(),value:C,onValueChange:I,open:b,onOpenChange:y,dir:d,bubbleSelect:_,triggerPointerDownPosRef:P},/*#__PURE__*/x.createElement(E.Provider,{scope:t},o),T?/*#__PURE__*/x.createElement(O,{ref:D,"aria-hidden":!0,tabIndex:-1,name:p,autoComplete:f,value:C,onChange:e=>I(e.target.value)}):null)};/*#__PURE__*/export const SelectTrigger=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeSelect:o,disabled:n=!1,"aria-labelledby":r,...l}=e,c=D("SelectTrigger",o),i=m(t,c.onTriggerChange),u=C(o),d=s(c.trigger),p=r||d,[f,v,g]=N((e=>{const t=u().filter((e=>!e.disabled)),o=t.find((e=>e.value===c.value)),n=K(t,e,o);void 0!==n&&c.onValueChange(n.value)})),h=()=>{n||(c.onOpenChange(!0),g())};/*#__PURE__*/return x.createElement(a.button,w({type:"button",role:"combobox","aria-controls":c.contentId,"aria-expanded":c.open,"aria-autocomplete":"none","aria-labelledby":p,dir:c.dir,disabled:n,"data-disabled":n?"":void 0},l,{ref:i,onPointerDown:S(l.onPointerDown,(e=>{e.target.releasePointerCapture(e.pointerId),0===e.button&&!1===e.ctrlKey&&(h(),c.triggerPointerDownPosRef.current={x:Math.round(e.pageX),y:Math.round(e.pageY)},e.preventDefault())})),onKeyDown:S(l.onKeyDown,(e=>{const t=""!==f.current;e.ctrlKey||e.altKey||e.metaKey||1!==e.key.length||v(e.key),t&&" "===e.key||b.includes(e.key)&&(h(),e.preventDefault())}))}))}));/*#__PURE__*/export const SelectValue=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeSelect:o,className:n,style:r,...l}=e,c=D("SelectValue",o),{onValueNodeHasChildrenChange:i}=c,s=void 0!==e.children,u=m(t,c.onValueNodeChange);return x.useEffect((()=>{i(s)}),[i,s]),/*#__PURE__*/x.createElement(a.span,w({},l,{ref:u,style:{pointerEvents:"none"}}))}));/*#__PURE__*/export const SelectIcon=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeSelect:o,children:n,...r}=e;/*#__PURE__*/return x.createElement(a.span,w({"aria-hidden":!0},r,{ref:t}),n||"▼")}));/*#__PURE__*/export const SelectContent=/*#__PURE__*/x.forwardRef(((e,t)=>{const o=D("SelectContent",e.__scopeSelect),[n,l]=x.useState();return r((()=>{l(new DocumentFragment)}),[]),o.open?/*#__PURE__*/x.createElement(k,w({},e,{ref:t})):n?/*#__PURE__*/h.createPortal(/*#__PURE__*/
-x.createElement(P,{scope:e.__scopeSelect},/*#__PURE__*/x.createElement(E.Slot,{scope:e.__scopeSelect},/*#__PURE__*/x.createElement("div",null,e.children))),n):null}));const[P,L]=T("SelectContent"),k=/*#__PURE__*/x.forwardRef(((o,n)=>{const{__scopeSelect:l,onCloseAutoFocus:c,...a}=o,s=D("SelectContent",l),[u,f]=x.useState(null),[v,h]=x.useState(null),[b,y]=x.useState(null),E=m(n,(e=>h(e))),[I,T]=x.useState(null),[_,R]=x.useState(null),L=C(l),[k,V]=x.useState(!1),H=x.useRef(!0),M=x.useRef(!1);x.useEffect((()=>{if(v)return t(v)}),[v]);const B=x.useCallback((e=>{const[t,...o]=L().map((e=>e.ref.current)),[n]=o.slice(-1),r=document.activeElement;for(const o of e){if(o===r)return;if(null==o||o.scrollIntoView({block:"nearest"}),o===t&&b&&(b.scrollTop=0),o===n&&b&&(b.scrollTop=b.scrollHeight),null==o||o.focus(),document.activeElement!==r)return}}),[L,b]),A=x.useCallback((()=>{if(s.trigger&&s.valueNode&&u&&v&&b&&I&&_){const e=s.trigger.getBoundingClientRect(),t=v.getBoundingClientRect(),o=s.valueNode.getBoundingClientRect(),n=_.getBoundingClientRect();if("rtl"!==s.dir){const r=n.left-t.left,l=o.left-r,c=e.left-l,a=e.width+c,i=Math.max(a,t.width),s=window.innerWidth-10,d=g(l,[10,s-i]);u.style.minWidth=a+"px",u.style.left=d+"px"}else{const r=t.right-n.right,l=window.innerWidth-o.right-r,c=window.innerWidth-e.right-l,a=e.width+c,i=Math.max(a,t.width),s=window.innerWidth-10,d=g(l,[10,s-i]);u.style.minWidth=a+"px",u.style.right=d+"px"}const r=window.innerHeight-20,l=5*I.offsetHeight,c=b.scrollHeight,a=window.getComputedStyle(v),i=parseInt(a.borderTopWidth,10),d=parseInt(a.paddingTop,10),p=parseInt(a.borderBottomWidth,10),f=i+d+c+parseInt(a.paddingBottom,10)+p,m=e.top+e.height/2-10,S=r-m,h=I.offsetHeight/2,x=i+d+(I.offsetTop+h),w=f-x;if(x<=m){u.style.bottom="0px";const e=v.clientHeight-b.offsetTop-b.offsetHeight,t=x+Math.max(S,h+e+p);u.style.height=t+"px"}else{u.style.top="0px";const e=Math.max(m,i+b.offsetTop+h)+w;u.style.height=e+"px",b.scrollTop=x-m+b.offsetTop}u.style.margin="10px 0",u.style.minHeight=l+"px",u.style.maxHeight=r+"px",V(!0),requestAnimationFrame((()=>M.current=!0))}}),[s.trigger,s.valueNode,u,v,b,I,_,s.dir]);r((()=>A()),[A]);const O=x.useCallback((()=>B([I,v])),[B,I,v]);x.useEffect((()=>{k&&O()}),[k,O]);const F=x.useCallback((e=>{e&&!0===H.current&&(A(),O(),H.current=!1)}),[A,O]),{onOpenChange:U,triggerPointerDownPosRef:W}=s;x.useEffect((()=>{if(v){let e={x:0,y:0};const t=t=>{var o,n,r,l;e={x:Math.abs(Math.round(t.pageX)-(null!==(o=null===(n=W.current)||void 0===n?void 0:n.x)&&void 0!==o?o:0)),y:Math.abs(Math.round(t.pageY)-(null!==(r=null===(l=W.current)||void 0===l?void 0:l.y)&&void 0!==r?r:0))}},o=o=>{e.x<=10&&e.y<=10?o.preventDefault():v.contains(o.target)||U(!1),document.removeEventListener("pointermove",t),W.current=null};return null!==W.current&&(document.addEventListener("pointermove",t),document.addEventListener("pointerup",o,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",o,{capture:!0})}}}),[v,U,W]),x.useEffect((()=>{const e=()=>U(!1);return window.addEventListener("blur",e),window.addEventListener("resize",e),()=>{window.removeEventListener("blur",e),window.removeEventListener("resize",e)}}),[U]);const[z,G]=N((e=>{const t=L().filter((e=>!e.disabled)),o=t.find((e=>e.ref.current===document.activeElement)),n=K(t,e,o);n&&setTimeout((()=>n.ref.current.focus()))})),j=x.useCallback((()=>null==v?void 0:v.focus()),[v]);/*#__PURE__*/return x.createElement(P,{scope:l,contentWrapper:u,content:v,viewport:b,onViewportChange:y,selectedItem:I,onSelectedItemChange:T,selectedItemText:_,onSelectedItemTextChange:R,onScrollButtonChange:F,onItemLeave:j,isPositioned:k,shouldExpandOnScrollRef:M,searchRef:z},/*#__PURE__*/x.createElement(i,null,/*#__PURE__*/x.createElement(e,null,/*#__PURE__*/x.createElement("div",{ref:f,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:0}},/*#__PURE__*/x.createElement(d,{asChild:!0,trapped:s.open,onMountAutoFocus:e=>{e.preventDefault()},onUnmountAutoFocus:S(c,(e=>{var t;null===(t=s.trigger)||void 0===t||t.focus({preventScroll:!0}),e.preventDefault()}))},/*#__PURE__*/x.createElement(p,w({role:"listbox",id:s.contentId,"data-state":s.open?"open":"closed",dir:s.dir,onContextMenu:e=>e.preventDefault()},a,{ref:E,style:{display:"flex",flexDirection:"column",boxSizing:"border-box",maxHeight:"100%",outline:"none",...a.style},disableOutsidePointerEvents:!0,onFocusOutside:e=>e.preventDefault(),onDismiss:()=>s.onOpenChange(!1),onKeyDown:S(a.onKeyDown,(e=>{const t=e.ctrlKey||e.altKey||e.metaKey;if("Tab"===e.key&&e.preventDefault(),t||1!==e.key.length||G(e.key),["ArrowUp","ArrowDown","Home","End"].includes(e.key)){let t=L().filter((e=>!e.disabled)).map((e=>e.ref.current));if(["ArrowUp","End"].includes(e.key)&&(t=t.slice().reverse()),["ArrowUp","ArrowDown"].includes(e.key)){const o=e.target,n=t.indexOf(o);t=t.slice(n+1)}setTimeout((()=>B(t))),e.preventDefault()}}))})))))))}));export const SelectViewport=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeSelect:o,...n}=e,r=L("SelectViewport",o),l=m(t,r.onViewportChange),c=x.useRef(0);/*#__PURE__*/return x.createElement(x.Fragment,null,/*#__PURE__*/x.createElement("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"}}),/*#__PURE__*/x.createElement(E.Slot,{scope:o},/*#__PURE__*/x.createElement(a.div,w({"data-radix-select-viewport":"",role:"presentation"},n,{ref:l,style:{position:"relative",flex:1,overflow:"auto",...n.style},onScroll:S(n.onScroll,(e=>{const t=e.currentTarget,{contentWrapper:o,shouldExpandOnScrollRef:n}=r;if(n.current&&o){const e=Math.abs(c.current-t.scrollTop);if(e>0){const n=window.innerHeight-20,r=parseFloat(o.style.minHeight),l=parseFloat(o.style.height),c=Math.max(r,l);if(c<n){const r=c+e,l=Math.min(n,r),a=r-l;o.style.height=l+"px","0px"===o.style.bottom&&(t.scrollTop=a>0?a:0,o.style.justifyContent="flex-end")}}}c.current=t.scrollTop}))}))))}));/*#__PURE__*/const[V,H]=T("SelectGroup");export const SelectGroup=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeSelect:o,...n}=e,r=u();/*#__PURE__*/return x.createElement(V,{scope:o,id:r},/*#__PURE__*/x.createElement(a.div,w({role:"group","aria-labelledby":r},n,{ref:t})))}));/*#__PURE__*/export const SelectLabel=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeSelect:o,...n}=e,r=H("SelectLabel",o);/*#__PURE__*/return x.createElement(a.div,w({id:r.id},n,{ref:t}))}));/*#__PURE__*/const[M,B]=T("SelectItem");export const SelectItem=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeSelect:o,value:n,disabled:r=!1,textValue:l,...c}=e,i=D("SelectItem",o),s=L("SelectItem",o),d=i.value===n,[p,f]=x.useState(null!=l?l:""),[v,g]=x.useState(!1),h=m(t,d?s.onSelectedItemChange:void 0),b=u(),C=()=>{r||(i.onValueChange(n),i.onOpenChange(!1))};/*#__PURE__*/return x.createElement(M,{scope:o,value:n,textId:b,isSelected:d,onItemTextChange:x.useCallback((e=>{f((t=>{var o;return t||(null!==(o=null==e?void 0:e.textContent)&&void 0!==o?o:"").trim()}))}),[])},/*#__PURE__*/x.createElement(E.ItemSlot,{scope:o,value:n,disabled:r,textValue:p},/*#__PURE__*/x.createElement(a.div,w({role:"option","aria-labelledby":b,"aria-selected":d&&v,"data-state":d?"active":"inactive","aria-disabled":r||void 0,"data-disabled":r?"":void 0,tabIndex:r?void 0:-1},c,{ref:h,onFocus:S(c.onFocus,(()=>g(!0))),onBlur:S(c.onBlur,(()=>g(!1))),onPointerUp:S(c.onPointerUp,C),onPointerMove:S(c.onPointerMove,(e=>{r?s.onItemLeave():e.currentTarget.focus({preventScroll:!0})})),onPointerLeave:S(c.onPointerLeave,(e=>{e.currentTarget===document.activeElement&&s.onItemLeave()})),onKeyDown:S(c.onKeyDown,(e=>{""!==s.searchRef.current&&" "===e.key||(y.includes(e.key)&&C()," "===e.key&&e.preventDefault())}))}))))}));/*#__PURE__*/export const SelectItemText=/*#__PURE__*/x.forwardRef(((e,t)=>{var o;const{__scopeSelect:n,className:r,style:l,...c}=e,i=D("SelectItemText",n),s=L("SelectItemText",n),u=B("SelectItemText",n),d=x.useRef(null),p=m(t,d,u.onItemTextChange,u.isSelected?s.onSelectedItemTextChange:void 0);/*#__PURE__*/return x.createElement(x.Fragment,null,/*#__PURE__*/x.createElement(a.span,w({id:u.textId},c,{ref:p})),u.isSelected&&i.valueNode&&!i.valueNodeHasChildren?/*#__PURE__*/h.createPortal(c.children,i.valueNode):null,i.bubbleSelect?/*#__PURE__*/h.createPortal(/*#__PURE__*/
-x.createElement("option",{value:u.value},null===(o=d.current)||void 0===o?void 0:o.textContent),i.bubbleSelect):null)}));/*#__PURE__*/export const SelectItemIndicator=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeSelect:o,...n}=e;return B("SelectItemIndicator",o).isSelected?/*#__PURE__*/x.createElement(a.span,w({"aria-hidden":!0},n,{ref:t})):null}));/*#__PURE__*/export const SelectScrollUpButton=/*#__PURE__*/x.forwardRef(((e,t)=>{const o=L("SelectScrollUpButton",e.__scopeSelect),[n,r]=x.useState(!1),l=m(t,o.onScrollButtonChange);return x.useEffect((()=>{if(o.viewport&&o.isPositioned){const t=o.viewport;function e(){const e=t.scrollTop>0;r(e)}return e(),t.addEventListener("scroll",e),()=>t.removeEventListener("scroll",e)}}),[o.viewport,o.isPositioned]),n?/*#__PURE__*/x.createElement(A,w({},e,{ref:l,onAutoScroll:()=>{const{viewport:e,selectedItem:t}=o;e&&t&&(e.scrollTop=e.scrollTop-t.offsetHeight)}})):null}));/*#__PURE__*/export const SelectScrollDownButton=/*#__PURE__*/x.forwardRef(((e,t)=>{const o=L("SelectScrollDownButton",e.__scopeSelect),[n,r]=x.useState(!1),l=m(t,o.onScrollButtonChange);return x.useEffect((()=>{if(o.viewport&&o.isPositioned){const t=o.viewport;function e(){const e=t.scrollHeight-t.clientHeight,o=Math.ceil(t.scrollTop)<e;r(o)}return e(),t.addEventListener("scroll",e),()=>t.removeEventListener("scroll",e)}}),[o.viewport,o.isPositioned]),n?/*#__PURE__*/x.createElement(A,w({},e,{ref:l,onAutoScroll:()=>{const{viewport:e,selectedItem:t}=o;e&&t&&(e.scrollTop=e.scrollTop+t.offsetHeight)}})):null}));/*#__PURE__*/const A=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeSelect:o,onAutoScroll:n,...l}=e,c=L("SelectScrollButton",o),i=x.useRef(null),s=C(o),u=x.useCallback((()=>{null!==i.current&&(window.clearInterval(i.current),i.current=null)}),[]);return x.useEffect((()=>()=>u()),[u]),r((()=>{var e;const t=s().find((e=>e.ref.current===document.activeElement));null==t||null===(e=t.ref.current)||void 0===e||e.scrollIntoView({block:"nearest"})}),[s]),/*#__PURE__*/x.createElement(a.div,w({"aria-hidden":!0},l,{ref:t,style:{flexShrink:0,...l.style},onPointerMove:S(l.onPointerMove,(()=>{c.onItemLeave(),null===i.current&&(i.current=window.setInterval(n,50))})),onPointerLeave:S(l.onPointerLeave,(()=>{u()}))}))}));export const SelectSeparator=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeSelect:o,...n}=e;/*#__PURE__*/return x.createElement(a.div,w({"aria-hidden":!0},n,{ref:t}))}));/*#__PURE__*/const O=/*#__PURE__*/x.forwardRef(((e,t)=>{const{value:r,...l}=e,c=x.useRef(null),a=m(t,c),i=n(r);return x.useEffect((()=>{const e=c.current,t=window.HTMLSelectElement.prototype,o=Object.getOwnPropertyDescriptor(t,"value").set;if(i!==r&&o){const t=new Event("change",{bubbles:!0});o.call(e,r),e.dispatchEvent(t)}}),[i,r]),/*#__PURE__*/x.createElement(o,{asChild:!0},/*#__PURE__*/x.createElement("select",w({},l,{ref:a,defaultValue:r})))}));function N(e){const t=c(e),o=x.useRef(""),n=x.useRef(0),r=x.useCallback((e=>{const r=o.current+e;t(r),function e(t){o.current=t,window.clearTimeout(n.current),""!==t&&(n.current=window.setTimeout((()=>e("")),1e3))}(r)}),[t]),l=x.useCallback((()=>{o.current="",window.clearTimeout(n.current)}),[]);return x.useEffect((()=>()=>window.clearTimeout(n.current)),[]),[o,r,l]}function K(e,t,o){const n=t.length>1&&Array.from(t).every((e=>e===t[0]))?t[0]:t,r=o?e.indexOf(o):-1;let l=(c=e,a=Math.max(r,0),c.map(((e,t)=>c[(a+t)%c.length])));var c,a;1===n.length&&(l=l.filter((e=>e!==o)));const i=l.find((e=>e.textValue.toLowerCase().startsWith(n.toLowerCase())));return i!==o?i:void 0}export const Root=Select;export const Trigger=SelectTrigger;export const Value=SelectValue;export const Icon=SelectIcon;export const Content=SelectContent;export const Viewport=SelectViewport;export const Group=SelectGroup;export const Label=SelectLabel;export const Item=SelectItem;export const ItemText=SelectItemText;export const ItemIndicator=SelectItemIndicator;export const ScrollUpButton=SelectScrollUpButton;export const ScrollDownButton=SelectScrollDownButton;export const Separator=SelectSeparator;
+import $01b9c$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
+import {useState as $01b9c$useState, useRef as $01b9c$useRef, createElement as $01b9c$createElement, forwardRef as $01b9c$forwardRef, useEffect as $01b9c$useEffect, useCallback as $01b9c$useCallback, Fragment as $01b9c$Fragment} from "react";
+import {createPortal as $01b9c$createPortal} from "react-dom";
+import {clamp as $01b9c$clamp} from "@radix-ui/number";
+import {composeEventHandlers as $01b9c$composeEventHandlers} from "@radix-ui/primitive";
+import {createCollection as $01b9c$createCollection} from "@radix-ui/react-collection";
+import {useComposedRefs as $01b9c$useComposedRefs} from "@radix-ui/react-compose-refs";
+import {createContextScope as $01b9c$createContextScope} from "@radix-ui/react-context";
+import {DismissableLayer as $01b9c$DismissableLayer} from "@radix-ui/react-dismissable-layer";
+import {FocusScope as $01b9c$FocusScope} from "@radix-ui/react-focus-scope";
+import {useId as $01b9c$useId} from "@radix-ui/react-id";
+import {useLabelContext as $01b9c$useLabelContext} from "@radix-ui/react-label";
+import {Portal as $01b9c$Portal} from "@radix-ui/react-portal";
+import {Primitive as $01b9c$Primitive} from "@radix-ui/react-primitive";
+import {useDirection as $01b9c$useDirection} from "@radix-ui/react-direction";
+import {useCallbackRef as $01b9c$useCallbackRef} from "@radix-ui/react-use-callback-ref";
+import {useControllableState as $01b9c$useControllableState} from "@radix-ui/react-use-controllable-state";
+import {useLayoutEffect as $01b9c$useLayoutEffect} from "@radix-ui/react-use-layout-effect";
+import {usePrevious as $01b9c$usePrevious} from "@radix-ui/react-use-previous";
+import {VisuallyHidden as $01b9c$VisuallyHidden} from "@radix-ui/react-visually-hidden";
+import {hideOthers as $01b9c$hideOthers} from "aria-hidden";
+import {RemoveScroll as $01b9c$RemoveScroll} from "react-remove-scroll";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $cc7e05a45900e73f$exports = {};
+
+$parcel$export($cc7e05a45900e73f$exports, "createSelectScope", () => $cc7e05a45900e73f$export$286727a75dc039bd);
+$parcel$export($cc7e05a45900e73f$exports, "Select", () => $cc7e05a45900e73f$export$ef9b1a59e592288f);
+$parcel$export($cc7e05a45900e73f$exports, "SelectTrigger", () => $cc7e05a45900e73f$export$3ac1e88a1c0b9f1);
+$parcel$export($cc7e05a45900e73f$exports, "SelectValue", () => $cc7e05a45900e73f$export$e288731fd71264f0);
+$parcel$export($cc7e05a45900e73f$exports, "SelectIcon", () => $cc7e05a45900e73f$export$99b400cabb58c515);
+$parcel$export($cc7e05a45900e73f$exports, "SelectContent", () => $cc7e05a45900e73f$export$c973a4b3cb86a03d);
+$parcel$export($cc7e05a45900e73f$exports, "SelectViewport", () => $cc7e05a45900e73f$export$9ed6e7b40248d36d);
+$parcel$export($cc7e05a45900e73f$exports, "SelectGroup", () => $cc7e05a45900e73f$export$ee25a334c55de1f4);
+$parcel$export($cc7e05a45900e73f$exports, "SelectLabel", () => $cc7e05a45900e73f$export$f67338d29bd972f8);
+$parcel$export($cc7e05a45900e73f$exports, "SelectItem", () => $cc7e05a45900e73f$export$13ef48a934230896);
+$parcel$export($cc7e05a45900e73f$exports, "SelectItemText", () => $cc7e05a45900e73f$export$3572fb0fb821ff49);
+$parcel$export($cc7e05a45900e73f$exports, "SelectItemIndicator", () => $cc7e05a45900e73f$export$6b9198de19accfe6);
+$parcel$export($cc7e05a45900e73f$exports, "SelectScrollUpButton", () => $cc7e05a45900e73f$export$d8117927658af6d7);
+$parcel$export($cc7e05a45900e73f$exports, "SelectScrollDownButton", () => $cc7e05a45900e73f$export$ff951e476c12189);
+$parcel$export($cc7e05a45900e73f$exports, "SelectSeparator", () => $cc7e05a45900e73f$export$eba4b1df07cb1d3);
+$parcel$export($cc7e05a45900e73f$exports, "Root", () => $cc7e05a45900e73f$export$be92b6f5f03c0fe9);
+$parcel$export($cc7e05a45900e73f$exports, "Trigger", () => $cc7e05a45900e73f$export$41fb9f06171c75f4);
+$parcel$export($cc7e05a45900e73f$exports, "Value", () => $cc7e05a45900e73f$export$4c8d1a57a761ef94);
+$parcel$export($cc7e05a45900e73f$exports, "Icon", () => $cc7e05a45900e73f$export$f04a61298a47a40f);
+$parcel$export($cc7e05a45900e73f$exports, "Content", () => $cc7e05a45900e73f$export$7c6e2c02157bb7d2);
+$parcel$export($cc7e05a45900e73f$exports, "Viewport", () => $cc7e05a45900e73f$export$d5c6c08dc2d3ca7);
+$parcel$export($cc7e05a45900e73f$exports, "Group", () => $cc7e05a45900e73f$export$eb2fcfdbd7ba97d4);
+$parcel$export($cc7e05a45900e73f$exports, "Label", () => $cc7e05a45900e73f$export$b04be29aa201d4f5);
+$parcel$export($cc7e05a45900e73f$exports, "Item", () => $cc7e05a45900e73f$export$6d08773d2e66f8f2);
+$parcel$export($cc7e05a45900e73f$exports, "ItemText", () => $cc7e05a45900e73f$export$d6e5bf9c43ea9319);
+$parcel$export($cc7e05a45900e73f$exports, "ItemIndicator", () => $cc7e05a45900e73f$export$c3468e2714d175fa);
+$parcel$export($cc7e05a45900e73f$exports, "ScrollUpButton", () => $cc7e05a45900e73f$export$2f60d3ec9ad468f2);
+$parcel$export($cc7e05a45900e73f$exports, "ScrollDownButton", () => $cc7e05a45900e73f$export$bf1aedc3039c8d63);
+$parcel$export($cc7e05a45900e73f$exports, "Separator", () => $cc7e05a45900e73f$export$1ff3c3f08ae963c0);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $cc7e05a45900e73f$var$OPEN_KEYS = [
+    ' ',
+    'Enter',
+    'ArrowUp',
+    'ArrowDown'
+];
+const $cc7e05a45900e73f$var$SELECTION_KEYS = [
+    ' ',
+    'Enter'
+];
+/* -------------------------------------------------------------------------------------------------
+ * Select
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$SELECT_NAME = 'Select';
+const [$cc7e05a45900e73f$var$Collection, $cc7e05a45900e73f$var$useCollection, $cc7e05a45900e73f$var$createCollectionScope] = $01b9c$createCollection($cc7e05a45900e73f$var$SELECT_NAME);
+const [$cc7e05a45900e73f$var$createSelectContext, $cc7e05a45900e73f$export$286727a75dc039bd] = $01b9c$createContextScope($cc7e05a45900e73f$var$SELECT_NAME, [
+    $cc7e05a45900e73f$var$createCollectionScope
+]);
+const [$cc7e05a45900e73f$var$SelectProvider, $cc7e05a45900e73f$var$useSelectContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME);
+const $cc7e05a45900e73f$export$ef9b1a59e592288f = (props)=>{
+    const { __scopeSelect: __scopeSelect , children: children , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , value: valueProp , defaultValue: defaultValue , onValueChange: onValueChange , dir: dir , name: name , autoComplete: autoComplete  } = props;
+    const [trigger, setTrigger] = $01b9c$useState(null);
+    const [valueNode, setValueNode] = $01b9c$useState(null);
+    const [valueNodeHasChildren, setValueNodeHasChildren] = $01b9c$useState(false);
+    const direction = $01b9c$useDirection(dir);
+    const [open = false, setOpen] = $01b9c$useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen,
+        onChange: onOpenChange
+    });
+    const [value = '', setValue] = $01b9c$useControllableState({
+        prop: valueProp,
+        defaultProp: defaultValue,
+        onChange: onValueChange
+    }); // We set this to true by default so that events bubble to forms without JS (SSR)
+    const isFormControl = trigger ? Boolean(trigger.closest('form')) : true;
+    const [bubbleSelect, setBubbleSelect] = $01b9c$useState(null);
+    const triggerPointerDownPosRef = $01b9c$useRef(null);
+    return /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$SelectProvider, {
+        scope: __scopeSelect,
+        trigger: trigger,
+        onTriggerChange: setTrigger,
+        valueNode: valueNode,
+        onValueNodeChange: setValueNode,
+        valueNodeHasChildren: valueNodeHasChildren,
+        onValueNodeHasChildrenChange: setValueNodeHasChildren,
+        contentId: $01b9c$useId(),
+        value: value,
+        onValueChange: setValue,
+        open: open,
+        onOpenChange: setOpen,
+        dir: direction,
+        bubbleSelect: bubbleSelect,
+        triggerPointerDownPosRef: triggerPointerDownPosRef
+    }, /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$Collection.Provider, {
+        scope: __scopeSelect
+    }, children), isFormControl ? /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$BubbleSelect, {
+        ref: setBubbleSelect,
+        "aria-hidden": true,
+        tabIndex: -1,
+        name: name,
+        autoComplete: autoComplete,
+        value: value // enable form autofill
+        ,
+        onChange: (event)=>setValue(event.target.value)
+    }) : null);
+};
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$ef9b1a59e592288f, {
+    displayName: $cc7e05a45900e73f$var$SELECT_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectTrigger
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$TRIGGER_NAME = 'SelectTrigger';
+const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { __scopeSelect: __scopeSelect , disabled: disabled = false , 'aria-labelledby': ariaLabelledby , ...triggerProps } = props;
+    const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$TRIGGER_NAME, __scopeSelect);
+    const composedRefs = $01b9c$useComposedRefs(forwardedRef, context.onTriggerChange);
+    const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
+    const labelId = $01b9c$useLabelContext(context.trigger);
+    const labelledBy = ariaLabelledby || labelId;
+    const [searchRef, handleTypeaheadSearch, resetTypeahead] = $cc7e05a45900e73f$var$useTypeaheadSearch((search)=>{
+        const enabledItems = getItems().filter((item)=>!item.disabled
+        );
+        const currentItem = enabledItems.find((item)=>item.value === context.value
+        );
+        const nextItem = $cc7e05a45900e73f$var$findNextItem(enabledItems, search, currentItem);
+        if (nextItem !== undefined) context.onValueChange(nextItem.value);
+    });
+    const handleOpen = ()=>{
+        if (!disabled) {
+            context.onOpenChange(true); // reset typeahead when we open
+            resetTypeahead();
+        }
+    };
+    return /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.button, $01b9c$babelruntimehelpersesmextends({
+        type: "button",
+        role: "combobox",
+        "aria-controls": context.contentId,
+        "aria-expanded": context.open,
+        "aria-autocomplete": "none",
+        "aria-labelledby": labelledBy,
+        dir: context.dir,
+        disabled: disabled,
+        "data-disabled": disabled ? '' : undefined
+    }, triggerProps, {
+        ref: composedRefs,
+        onPointerDown: $01b9c$composeEventHandlers(triggerProps.onPointerDown, (event)=>{
+            // prevent implicit pointer capture
+            // https://www.w3.org/TR/pointerevents3/#implicit-pointer-capture
+            event.target.releasePointerCapture(event.pointerId); // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)
+            // but not when the control key is pressed (avoiding MacOS right click)
+            if (event.button === 0 && event.ctrlKey === false) {
+                handleOpen();
+                context.triggerPointerDownPosRef.current = {
+                    x: Math.round(event.pageX),
+                    y: Math.round(event.pageY)
+                }; // prevent trigger from stealing focus from the active item after opening.
+                event.preventDefault();
+            }
+        }),
+        onKeyDown: $01b9c$composeEventHandlers(triggerProps.onKeyDown, (event)=>{
+            const isTypingAhead = searchRef.current !== '';
+            const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
+            if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key);
+            if (isTypingAhead && event.key === ' ') return;
+            if ($cc7e05a45900e73f$var$OPEN_KEYS.includes(event.key)) {
+                handleOpen();
+                event.preventDefault();
+            }
+        })
+    }));
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$3ac1e88a1c0b9f1, {
+    displayName: $cc7e05a45900e73f$var$TRIGGER_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectValue
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$VALUE_NAME = 'SelectValue';
+const $cc7e05a45900e73f$export$e288731fd71264f0 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    // We ignore `className` and `style` as this part shouldn't be styled.
+    const { __scopeSelect: __scopeSelect , className: className , style: style , ...valueProps } = props;
+    const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$VALUE_NAME, __scopeSelect);
+    const { onValueNodeHasChildrenChange: onValueNodeHasChildrenChange  } = context;
+    const hasChildren = props.children !== undefined;
+    const composedRefs = $01b9c$useComposedRefs(forwardedRef, context.onValueNodeChange);
+    $01b9c$useEffect(()=>{
+        onValueNodeHasChildrenChange(hasChildren);
+    }, [
+        onValueNodeHasChildrenChange,
+        hasChildren
+    ]);
+    return /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.span, $01b9c$babelruntimehelpersesmextends({}, valueProps, {
+        ref: composedRefs // we don't want events from the portalled `SelectValue` children to bubble
+        ,
+        style: {
+            pointerEvents: 'none'
+        }
+    }));
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$e288731fd71264f0, {
+    displayName: $cc7e05a45900e73f$var$VALUE_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectIcon
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$ICON_NAME = 'SelectIcon';
+const $cc7e05a45900e73f$export$99b400cabb58c515 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { __scopeSelect: __scopeSelect , children: children , ...iconProps } = props;
+    return /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.span, $01b9c$babelruntimehelpersesmextends({
+        "aria-hidden": true
+    }, iconProps, {
+        ref: forwardedRef
+    }), children || '▼');
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$99b400cabb58c515, {
+    displayName: $cc7e05a45900e73f$var$ICON_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectContent
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$CONTENT_NAME = 'SelectContent';
+const $cc7e05a45900e73f$export$c973a4b3cb86a03d = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME, props.__scopeSelect);
+    const [fragment, setFragment] = $01b9c$useState(); // setting the fragment in `useLayoutEffect` as `DocumentFragment` doesn't exist on the server
+    $01b9c$useLayoutEffect(()=>{
+        setFragment(new DocumentFragment());
+    }, []);
+    return context.open ? /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$SelectContentImpl, $01b9c$babelruntimehelpersesmextends({}, props, {
+        ref: forwardedRef
+    })) : fragment ? /*#__PURE__*/ $01b9c$createPortal(/*#__PURE__*/ // @ts-ignore: This is to avoid the "SelectViewport must be inside "SelectContent" error
+    $01b9c$createElement($cc7e05a45900e73f$var$SelectContentContextProvider, {
+        scope: props.__scopeSelect
+    }, /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$Collection.Slot, {
+        scope: props.__scopeSelect
+    }, /*#__PURE__*/ $01b9c$createElement("div", null, props.children))), fragment) : null;
+});
+const $cc7e05a45900e73f$var$CONTENT_MARGIN = 10;
+const [$cc7e05a45900e73f$var$SelectContentContextProvider, $cc7e05a45900e73f$var$useSelectContentContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$CONTENT_NAME);
+const $cc7e05a45900e73f$var$SelectContentImpl = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { __scopeSelect: __scopeSelect , onCloseAutoFocus: onCloseAutoFocus , ...contentProps } = props;
+    const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME, __scopeSelect);
+    const [contentWrapper, setContentWrapper] = $01b9c$useState(null);
+    const [content, setContent] = $01b9c$useState(null);
+    const [viewport, setViewport] = $01b9c$useState(null);
+    const composedRefs = $01b9c$useComposedRefs(forwardedRef, (node)=>setContent(node)
+    );
+    const [selectedItem, setSelectedItem] = $01b9c$useState(null);
+    const [selectedItemText, setSelectedItemText] = $01b9c$useState(null);
+    const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
+    const [isPositioned, setIsPositioned] = $01b9c$useState(false);
+    const shouldRepositionRef = $01b9c$useRef(true);
+    const shouldExpandOnScrollRef = $01b9c$useRef(false); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
+    $01b9c$useEffect(()=>{
+        if (content) return $01b9c$hideOthers(content);
+    }, [
+        content
+    ]);
+    const focusFirst = $01b9c$useCallback((candidates)=>{
+        const [firstItem, ...restItems] = getItems().map((item)=>item.ref.current
+        );
+        const [lastItem] = restItems.slice(-1);
+        const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+        for (const candidate of candidates){
+            // if focus is already where we want to go, we don't want to keep going through the candidates
+            if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+            candidate === null || candidate === void 0 || candidate.scrollIntoView({
+                block: 'nearest'
+            }); // viewport might have padding so scroll to its edges when focusing first/last items.
+            if (candidate === firstItem && viewport) viewport.scrollTop = 0;
+            if (candidate === lastItem && viewport) viewport.scrollTop = viewport.scrollHeight;
+            candidate === null || candidate === void 0 || candidate.focus();
+            if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+        }
+    }, [
+        getItems,
+        viewport
+    ]);
+    const position = $01b9c$useCallback(()=>{
+        if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
+            const triggerRect = context.trigger.getBoundingClientRect(); // -----------------------------------------------------------------------------------------
+            //  Horizontal positioning
+            // -----------------------------------------------------------------------------------------
+            const contentRect = content.getBoundingClientRect();
+            const valueNodeRect = context.valueNode.getBoundingClientRect();
+            const itemTextRect = selectedItemText.getBoundingClientRect();
+            if (context.dir !== 'rtl') {
+                const itemTextOffset = itemTextRect.left - contentRect.left;
+                const left = valueNodeRect.left - itemTextOffset;
+                const leftDelta = triggerRect.left - left;
+                const minContentWidth = triggerRect.width + leftDelta;
+                const contentWidth = Math.max(minContentWidth, contentRect.width);
+                const rightEdge = window.innerWidth - $cc7e05a45900e73f$var$CONTENT_MARGIN;
+                const clampedLeft = $01b9c$clamp(left, [
+                    $cc7e05a45900e73f$var$CONTENT_MARGIN,
+                    rightEdge - contentWidth
+                ]);
+                contentWrapper.style.minWidth = minContentWidth + 'px';
+                contentWrapper.style.left = clampedLeft + 'px';
+            } else {
+                const itemTextOffset = contentRect.right - itemTextRect.right;
+                const right = window.innerWidth - valueNodeRect.right - itemTextOffset;
+                const rightDelta = window.innerWidth - triggerRect.right - right;
+                const minContentWidth = triggerRect.width + rightDelta;
+                const contentWidth = Math.max(minContentWidth, contentRect.width);
+                const leftEdge = window.innerWidth - $cc7e05a45900e73f$var$CONTENT_MARGIN;
+                const clampedRight = $01b9c$clamp(right, [
+                    $cc7e05a45900e73f$var$CONTENT_MARGIN,
+                    leftEdge - contentWidth
+                ]);
+                contentWrapper.style.minWidth = minContentWidth + 'px';
+                contentWrapper.style.right = clampedRight + 'px';
+            } // -----------------------------------------------------------------------------------------
+            // Vertical positioning
+            // -----------------------------------------------------------------------------------------
+            const items = getItems();
+            const availableHeight = window.innerHeight - $cc7e05a45900e73f$var$CONTENT_MARGIN * 2;
+            const itemsHeight = viewport.scrollHeight;
+            const contentStyles = window.getComputedStyle(content);
+            const contentBorderTopWidth = parseInt(contentStyles.borderTopWidth, 10);
+            const contentPaddingTop = parseInt(contentStyles.paddingTop, 10);
+            const contentBorderBottomWidth = parseInt(contentStyles.borderBottomWidth, 10);
+            const contentPaddingBottom = parseInt(contentStyles.paddingBottom, 10);
+            const fullContentHeight = contentBorderTopWidth + contentPaddingTop + itemsHeight + contentPaddingBottom + contentBorderBottomWidth; // prettier-ignore
+            const minContentHeight = Math.min(selectedItem.offsetHeight * 5, fullContentHeight);
+            const viewportStyles = window.getComputedStyle(viewport);
+            const viewportPaddingTop = parseInt(viewportStyles.paddingTop, 10);
+            const viewportPaddingBottom = parseInt(viewportStyles.paddingBottom, 10);
+            const topEdgeToTriggerMiddle = triggerRect.top + triggerRect.height / 2 - $cc7e05a45900e73f$var$CONTENT_MARGIN;
+            const triggerMiddleToBottomEdge = availableHeight - topEdgeToTriggerMiddle;
+            const selectedItemHalfHeight = selectedItem.offsetHeight / 2;
+            const itemOffsetMiddle = selectedItem.offsetTop + selectedItemHalfHeight;
+            const contentTopToItemMiddle = contentBorderTopWidth + contentPaddingTop + itemOffsetMiddle;
+            const itemMiddleToContentBottom = fullContentHeight - contentTopToItemMiddle;
+            const willAlignWithoutTopOverflow = contentTopToItemMiddle <= topEdgeToTriggerMiddle;
+            if (willAlignWithoutTopOverflow) {
+                const isLastItem = selectedItem === items[items.length - 1].ref.current;
+                contentWrapper.style.bottom = "0px";
+                const viewportOffsetBottom = content.clientHeight - viewport.offsetTop - viewport.offsetHeight;
+                const clampedTriggerMiddleToBottomEdge = Math.max(triggerMiddleToBottomEdge, selectedItemHalfHeight + (isLastItem ? viewportPaddingBottom : 0) + viewportOffsetBottom + contentBorderBottomWidth);
+                const height = contentTopToItemMiddle + clampedTriggerMiddleToBottomEdge;
+                contentWrapper.style.height = height + 'px';
+            } else {
+                const isFirstItem = selectedItem === items[0].ref.current;
+                contentWrapper.style.top = "0px";
+                const clampedTopEdgeToTriggerMiddle = Math.max(topEdgeToTriggerMiddle, contentBorderTopWidth + viewport.offsetTop + (isFirstItem ? viewportPaddingTop : 0) + selectedItemHalfHeight);
+                const height = clampedTopEdgeToTriggerMiddle + itemMiddleToContentBottom;
+                contentWrapper.style.height = height + 'px';
+                viewport.scrollTop = contentTopToItemMiddle - topEdgeToTriggerMiddle + viewport.offsetTop;
+            }
+            contentWrapper.style.margin = `${$cc7e05a45900e73f$var$CONTENT_MARGIN}px 0`;
+            contentWrapper.style.minHeight = minContentHeight + 'px';
+            contentWrapper.style.maxHeight = availableHeight + 'px'; // -----------------------------------------------------------------------------------------
+            setIsPositioned(true); // we don't want the initial scroll position adjustment to trigger "expand on scroll"
+            // so we explicitly turn it on only after they've registered.
+            requestAnimationFrame(()=>shouldExpandOnScrollRef.current = true
+            );
+        }
+    }, [
+        getItems,
+        context.trigger,
+        context.valueNode,
+        contentWrapper,
+        content,
+        viewport,
+        selectedItem,
+        selectedItemText,
+        context.dir
+    ]);
+    $01b9c$useLayoutEffect(()=>position()
+    , [
+        position
+    ]);
+    const focusSelectedItem = $01b9c$useCallback(()=>focusFirst([
+            selectedItem,
+            content
+        ])
+    , [
+        focusFirst,
+        selectedItem,
+        content
+    ]); // Since this is not dependent on layout, we want to ensure this runs at the same time as
+    // other effects across components. Hence why we don't call `focusSelectedItem` inside `position`.
+    $01b9c$useEffect(()=>{
+        if (isPositioned) focusSelectedItem();
+    }, [
+        isPositioned,
+        focusSelectedItem
+    ]); // When the viewport becomes scrollable at the top, the scroll up button will mount.
+    // Because it is part of the normal flow, it will push down the viewport, thus throwing our
+    // trigger => selectedItem alignment off by the amount the viewport was pushed down.
+    // We wait for this to happen and then re-run the positining logic one more time to account for it.
+    const handleScrollButtonChange = $01b9c$useCallback((node)=>{
+        if (node && shouldRepositionRef.current === true) {
+            position();
+            focusSelectedItem();
+            shouldRepositionRef.current = false;
+        }
+    }, [
+        position,
+        focusSelectedItem
+    ]); // prevent selecting items on `pointerup` in some cases after opening from `pointerdown`
+    // and close on `pointerup` outside.
+    const { onOpenChange: onOpenChange , triggerPointerDownPosRef: triggerPointerDownPosRef  } = context;
+    $01b9c$useEffect(()=>{
+        if (content) {
+            let pointerMoveDelta = {
+                x: 0,
+                y: 0
+            };
+            const handlePointerMove = (event)=>{
+                var _triggerPointerDownPo, _triggerPointerDownPo2, _triggerPointerDownPo3, _triggerPointerDownPo4;
+                pointerMoveDelta = {
+                    x: Math.abs(Math.round(event.pageX) - ((_triggerPointerDownPo = (_triggerPointerDownPo2 = triggerPointerDownPosRef.current) === null || _triggerPointerDownPo2 === void 0 ? void 0 : _triggerPointerDownPo2.x) !== null && _triggerPointerDownPo !== void 0 ? _triggerPointerDownPo : 0)),
+                    y: Math.abs(Math.round(event.pageY) - ((_triggerPointerDownPo3 = (_triggerPointerDownPo4 = triggerPointerDownPosRef.current) === null || _triggerPointerDownPo4 === void 0 ? void 0 : _triggerPointerDownPo4.y) !== null && _triggerPointerDownPo3 !== void 0 ? _triggerPointerDownPo3 : 0))
+                };
+            };
+            const handlePointerUp = (event)=>{
+                // If the pointer hasn't moved by a certain threshold then we prevent selecting item on `pointerup`.
+                if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) event.preventDefault();
+                else // otherwise, if the event was outside the content, close.
+                if (!content.contains(event.target)) onOpenChange(false);
+                document.removeEventListener('pointermove', handlePointerMove);
+                triggerPointerDownPosRef.current = null;
+            };
+            if (triggerPointerDownPosRef.current !== null) {
+                document.addEventListener('pointermove', handlePointerMove);
+                document.addEventListener('pointerup', handlePointerUp, {
+                    capture: true,
+                    once: true
+                });
+            }
+            return ()=>{
+                document.removeEventListener('pointermove', handlePointerMove);
+                document.removeEventListener('pointerup', handlePointerUp, {
+                    capture: true
+                });
+            };
+        }
+    }, [
+        content,
+        onOpenChange,
+        triggerPointerDownPosRef
+    ]);
+    $01b9c$useEffect(()=>{
+        const close = ()=>onOpenChange(false)
+        ;
+        window.addEventListener('blur', close);
+        window.addEventListener('resize', close);
+        return ()=>{
+            window.removeEventListener('blur', close);
+            window.removeEventListener('resize', close);
+        };
+    }, [
+        onOpenChange
+    ]);
+    const [searchRef, handleTypeaheadSearch] = $cc7e05a45900e73f$var$useTypeaheadSearch((search)=>{
+        const enabledItems = getItems().filter((item)=>!item.disabled
+        );
+        const currentItem = enabledItems.find((item)=>item.ref.current === document.activeElement
+        );
+        const nextItem = $cc7e05a45900e73f$var$findNextItem(enabledItems, search, currentItem);
+        if (nextItem) /**
+       * Imperative focus during keydown is risky so we prevent React's batching updates
+       * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
+       */ setTimeout(()=>nextItem.ref.current.focus()
+        );
+    });
+    const handleItemLeave = $01b9c$useCallback(()=>content === null || content === void 0 ? void 0 : content.focus()
+    , [
+        content
+    ]);
+    return /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$SelectContentContextProvider, {
+        scope: __scopeSelect,
+        contentWrapper: contentWrapper,
+        content: content,
+        viewport: viewport,
+        onViewportChange: setViewport,
+        selectedItem: selectedItem,
+        onSelectedItemChange: setSelectedItem,
+        selectedItemText: selectedItemText,
+        onSelectedItemTextChange: setSelectedItemText,
+        onScrollButtonChange: handleScrollButtonChange,
+        onItemLeave: handleItemLeave,
+        isPositioned: isPositioned,
+        shouldExpandOnScrollRef: shouldExpandOnScrollRef,
+        searchRef: searchRef
+    }, /*#__PURE__*/ $01b9c$createElement($01b9c$Portal, null, /*#__PURE__*/ $01b9c$createElement($01b9c$RemoveScroll, null, /*#__PURE__*/ $01b9c$createElement("div", {
+        ref: setContentWrapper,
+        style: {
+            display: 'flex',
+            flexDirection: 'column',
+            position: 'fixed',
+            zIndex: 0
+        }
+    }, /*#__PURE__*/ $01b9c$createElement($01b9c$FocusScope, {
+        asChild: true // we make sure we're not trapping once it's been closed
+        ,
+        trapped: context.open,
+        onMountAutoFocus: (event)=>{
+            // we prevent open autofocus because we manually focus the selected item
+            event.preventDefault();
+        },
+        onUnmountAutoFocus: $01b9c$composeEventHandlers(onCloseAutoFocus, (event)=>{
+            var _context$trigger;
+            (_context$trigger = context.trigger) === null || _context$trigger === void 0 || _context$trigger.focus({
+                preventScroll: true
+            });
+            event.preventDefault();
+        })
+    }, /*#__PURE__*/ $01b9c$createElement($01b9c$DismissableLayer, $01b9c$babelruntimehelpersesmextends({
+        role: "listbox",
+        id: context.contentId,
+        "data-state": context.open ? 'open' : 'closed',
+        dir: context.dir,
+        onContextMenu: (event)=>event.preventDefault()
+    }, contentProps, {
+        ref: composedRefs,
+        style: {
+            display: 'flex',
+            flexDirection: 'column',
+            // When we get the height of the content, it includes borders. If we were to set
+            // the height without having `boxSizing: 'border-box'` it would be too big.
+            boxSizing: 'border-box',
+            maxHeight: '100%',
+            outline: 'none',
+            ...contentProps.style
+        },
+        disableOutsidePointerEvents: true // When focus is trapped, a focusout event may still happen.
+        ,
+        onFocusOutside: (event)=>event.preventDefault()
+        ,
+        onDismiss: ()=>context.onOpenChange(false)
+        ,
+        onKeyDown: $01b9c$composeEventHandlers(contentProps.onKeyDown, (event)=>{
+            const isModifierKey = event.ctrlKey || event.altKey || event.metaKey; // select should not be navigated using tab key so we prevent it
+            if (event.key === 'Tab') event.preventDefault();
+            if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key);
+            if ([
+                'ArrowUp',
+                'ArrowDown',
+                'Home',
+                'End'
+            ].includes(event.key)) {
+                const items = getItems().filter((item)=>!item.disabled
+                );
+                let candidateNodes = items.map((item)=>item.ref.current
+                );
+                if ([
+                    'ArrowUp',
+                    'End'
+                ].includes(event.key)) candidateNodes = candidateNodes.slice().reverse();
+                if ([
+                    'ArrowUp',
+                    'ArrowDown'
+                ].includes(event.key)) {
+                    const currentElement = event.target;
+                    const currentIndex = candidateNodes.indexOf(currentElement);
+                    candidateNodes = candidateNodes.slice(currentIndex + 1);
+                }
+                /**
+         * Imperative focus during keydown is risky so we prevent React's batching updates
+         * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
+         */ setTimeout(()=>focusFirst(candidateNodes)
+                );
+                event.preventDefault();
+            }
+        })
+    })))))));
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$var$SelectContentImpl, {
+    displayName: $cc7e05a45900e73f$var$CONTENT_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectViewport
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$VIEWPORT_NAME = 'SelectViewport';
+const $cc7e05a45900e73f$export$9ed6e7b40248d36d = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { __scopeSelect: __scopeSelect , ...viewportProps } = props;
+    const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$VIEWPORT_NAME, __scopeSelect);
+    const composedRefs = $01b9c$useComposedRefs(forwardedRef, contentContext.onViewportChange);
+    const prevScrollTopRef = $01b9c$useRef(0);
+    return /*#__PURE__*/ $01b9c$createElement($01b9c$Fragment, null, /*#__PURE__*/ $01b9c$createElement("style", {
+        dangerouslySetInnerHTML: {
+            __html: `[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}`
+        }
+    }), /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$Collection.Slot, {
+        scope: __scopeSelect
+    }, /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.div, $01b9c$babelruntimehelpersesmextends({
+        "data-radix-select-viewport": "",
+        role: "presentation"
+    }, viewportProps, {
+        ref: composedRefs,
+        style: {
+            // we use position: 'relative' here on the `viewport` so that when we call
+            // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
+            // (independent of the scrollUpButton).
+            position: 'relative',
+            flex: 1,
+            overflow: 'auto',
+            ...viewportProps.style
+        },
+        onScroll: $01b9c$composeEventHandlers(viewportProps.onScroll, (event)=>{
+            const viewport = event.currentTarget;
+            const { contentWrapper: contentWrapper , shouldExpandOnScrollRef: shouldExpandOnScrollRef  } = contentContext;
+            if (shouldExpandOnScrollRef.current && contentWrapper) {
+                const scrolledBy = Math.abs(prevScrollTopRef.current - viewport.scrollTop);
+                if (scrolledBy > 0) {
+                    const availableHeight = window.innerHeight - $cc7e05a45900e73f$var$CONTENT_MARGIN * 2;
+                    const cssMinHeight = parseFloat(contentWrapper.style.minHeight);
+                    const cssHeight = parseFloat(contentWrapper.style.height);
+                    const prevHeight = Math.max(cssMinHeight, cssHeight);
+                    if (prevHeight < availableHeight) {
+                        const nextHeight = prevHeight + scrolledBy;
+                        const clampedNextHeight = Math.min(availableHeight, nextHeight);
+                        const heightDiff = nextHeight - clampedNextHeight;
+                        contentWrapper.style.height = clampedNextHeight + 'px';
+                        if (contentWrapper.style.bottom === '0px') {
+                            viewport.scrollTop = heightDiff > 0 ? heightDiff : 0; // ensure the content stays pinned to the bottom
+                            contentWrapper.style.justifyContent = 'flex-end';
+                        }
+                    }
+                }
+            }
+            prevScrollTopRef.current = viewport.scrollTop;
+        })
+    }))));
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$9ed6e7b40248d36d, {
+    displayName: $cc7e05a45900e73f$var$VIEWPORT_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectGroup
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$GROUP_NAME = 'SelectGroup';
+const [$cc7e05a45900e73f$var$SelectGroupContextProvider, $cc7e05a45900e73f$var$useSelectGroupContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$GROUP_NAME);
+const $cc7e05a45900e73f$export$ee25a334c55de1f4 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { __scopeSelect: __scopeSelect , ...groupProps } = props;
+    const groupId = $01b9c$useId();
+    return /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$SelectGroupContextProvider, {
+        scope: __scopeSelect,
+        id: groupId
+    }, /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.div, $01b9c$babelruntimehelpersesmextends({
+        role: "group",
+        "aria-labelledby": groupId
+    }, groupProps, {
+        ref: forwardedRef
+    })));
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$ee25a334c55de1f4, {
+    displayName: $cc7e05a45900e73f$var$GROUP_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectLabel
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$LABEL_NAME = 'SelectLabel';
+const $cc7e05a45900e73f$export$f67338d29bd972f8 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { __scopeSelect: __scopeSelect , ...labelProps } = props;
+    const groupContext = $cc7e05a45900e73f$var$useSelectGroupContext($cc7e05a45900e73f$var$LABEL_NAME, __scopeSelect);
+    return /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.div, $01b9c$babelruntimehelpersesmextends({
+        id: groupContext.id
+    }, labelProps, {
+        ref: forwardedRef
+    }));
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$f67338d29bd972f8, {
+    displayName: $cc7e05a45900e73f$var$LABEL_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectItem
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$ITEM_NAME = 'SelectItem';
+const [$cc7e05a45900e73f$var$SelectItemContextProvider, $cc7e05a45900e73f$var$useSelectItemContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$ITEM_NAME);
+const $cc7e05a45900e73f$export$13ef48a934230896 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { __scopeSelect: __scopeSelect , value: value , disabled: disabled = false , textValue: textValueProp , ...itemProps } = props;
+    const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$ITEM_NAME, __scopeSelect);
+    const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$ITEM_NAME, __scopeSelect);
+    const isSelected = context.value === value;
+    const [textValue, setTextValue] = $01b9c$useState(textValueProp !== null && textValueProp !== void 0 ? textValueProp : '');
+    const [isFocused, setIsFocused] = $01b9c$useState(false);
+    const composedRefs = $01b9c$useComposedRefs(forwardedRef, isSelected ? contentContext.onSelectedItemChange : undefined);
+    const textId = $01b9c$useId();
+    const handleSelect = ()=>{
+        if (!disabled) {
+            context.onValueChange(value);
+            context.onOpenChange(false);
+        }
+    };
+    return /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$SelectItemContextProvider, {
+        scope: __scopeSelect,
+        value: value,
+        textId: textId,
+        isSelected: isSelected,
+        onItemTextChange: $01b9c$useCallback((node)=>{
+            setTextValue((prevTextValue)=>{
+                var _node$textContent;
+                return prevTextValue || ((_node$textContent = node === null || node === void 0 ? void 0 : node.textContent) !== null && _node$textContent !== void 0 ? _node$textContent : '').trim();
+            });
+        }, [])
+    }, /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$Collection.ItemSlot, {
+        scope: __scopeSelect,
+        value: value,
+        disabled: disabled,
+        textValue: textValue
+    }, /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.div, $01b9c$babelruntimehelpersesmextends({
+        role: "option",
+        "aria-labelledby": textId // `isFocused` caveat fixes stuttering in VoiceOver
+        ,
+        "aria-selected": isSelected && isFocused,
+        "data-state": isSelected ? 'active' : 'inactive',
+        "aria-disabled": disabled || undefined,
+        "data-disabled": disabled ? '' : undefined,
+        tabIndex: disabled ? undefined : -1
+    }, itemProps, {
+        ref: composedRefs,
+        onFocus: $01b9c$composeEventHandlers(itemProps.onFocus, ()=>setIsFocused(true)
+        ),
+        onBlur: $01b9c$composeEventHandlers(itemProps.onBlur, ()=>setIsFocused(false)
+        ),
+        onPointerUp: $01b9c$composeEventHandlers(itemProps.onPointerUp, handleSelect),
+        onPointerMove: $01b9c$composeEventHandlers(itemProps.onPointerMove, (event)=>{
+            if (disabled) contentContext.onItemLeave();
+            else // even though safari doesn't support this option, it's acceptable
+            // as it only means it might scroll a few pixels when using the pointer.
+            event.currentTarget.focus({
+                preventScroll: true
+            });
+        }),
+        onPointerLeave: $01b9c$composeEventHandlers(itemProps.onPointerLeave, (event)=>{
+            if (event.currentTarget === document.activeElement) contentContext.onItemLeave();
+        }),
+        onKeyDown: $01b9c$composeEventHandlers(itemProps.onKeyDown, (event)=>{
+            const isTypingAhead = contentContext.searchRef.current !== '';
+            if (isTypingAhead && event.key === ' ') return;
+            if ($cc7e05a45900e73f$var$SELECTION_KEYS.includes(event.key)) handleSelect(); // prevent page scroll if using the space key to select an item
+            if (event.key === ' ') event.preventDefault();
+        })
+    }))));
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$13ef48a934230896, {
+    displayName: $cc7e05a45900e73f$var$ITEM_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectItemText
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$ITEM_TEXT_NAME = 'SelectItemText';
+const $cc7e05a45900e73f$export$3572fb0fb821ff49 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    var _ref$current;
+    // We ignore `className` and `style` as this part shouldn't be styled.
+    const { __scopeSelect: __scopeSelect , className: className , style: style , ...itemTextProps } = props;
+    const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
+    const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
+    const itemContext = $cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
+    const ref = $01b9c$useRef(null);
+    const composedRefs = $01b9c$useComposedRefs(forwardedRef, ref, itemContext.onItemTextChange, itemContext.isSelected ? contentContext.onSelectedItemTextChange : undefined);
+    return /*#__PURE__*/ $01b9c$createElement($01b9c$Fragment, null, /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.span, $01b9c$babelruntimehelpersesmextends({
+        id: itemContext.textId
+    }, itemTextProps, {
+        ref: composedRefs
+    })), itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? /*#__PURE__*/ $01b9c$createPortal(itemTextProps.children, context.valueNode) : null, context.bubbleSelect ? /*#__PURE__*/ $01b9c$createPortal(/*#__PURE__*/ // we use `.textContent` because `option` only support `string` or `number`
+    $01b9c$createElement("option", {
+        value: itemContext.value
+    }, (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.textContent), context.bubbleSelect) : null);
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$3572fb0fb821ff49, {
+    displayName: $cc7e05a45900e73f$var$ITEM_TEXT_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectItemIndicator
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$ITEM_INDICATOR_NAME = 'SelectItemIndicator';
+const $cc7e05a45900e73f$export$6b9198de19accfe6 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { __scopeSelect: __scopeSelect , ...itemIndicatorProps } = props;
+    const itemContext = $cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_INDICATOR_NAME, __scopeSelect);
+    return itemContext.isSelected ? /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.span, $01b9c$babelruntimehelpersesmextends({
+        "aria-hidden": true
+    }, itemIndicatorProps, {
+        ref: forwardedRef
+    })) : null;
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$6b9198de19accfe6, {
+    displayName: $cc7e05a45900e73f$var$ITEM_INDICATOR_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectScrollUpButton
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME = 'SelectScrollUpButton';
+const $cc7e05a45900e73f$export$d8117927658af6d7 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
+    const [canScrollUp1, setCanScrollUp] = $01b9c$useState(false);
+    const composedRefs = $01b9c$useComposedRefs(forwardedRef, contentContext.onScrollButtonChange);
+    $01b9c$useLayoutEffect(()=>{
+        if (contentContext.viewport && contentContext.isPositioned) {
+            const viewport = contentContext.viewport;
+            function handleScroll() {
+                const canScrollUp = viewport.scrollTop > 0;
+                setCanScrollUp(canScrollUp);
+            }
+            handleScroll();
+            viewport.addEventListener('scroll', handleScroll);
+            return ()=>viewport.removeEventListener('scroll', handleScroll)
+            ;
+        }
+    }, [
+        contentContext.viewport,
+        contentContext.isPositioned
+    ]);
+    return canScrollUp1 ? /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$SelectScrollButtonImpl, $01b9c$babelruntimehelpersesmextends({}, props, {
+        ref: composedRefs,
+        onAutoScroll: ()=>{
+            const { viewport: viewport , selectedItem: selectedItem  } = contentContext;
+            if (viewport && selectedItem) viewport.scrollTop = viewport.scrollTop - selectedItem.offsetHeight;
+        }
+    })) : null;
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$d8117927658af6d7, {
+    displayName: $cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectScrollDownButton
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME = 'SelectScrollDownButton';
+const $cc7e05a45900e73f$export$ff951e476c12189 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
+    const [canScrollDown1, setCanScrollDown] = $01b9c$useState(false);
+    const composedRefs = $01b9c$useComposedRefs(forwardedRef, contentContext.onScrollButtonChange);
+    $01b9c$useLayoutEffect(()=>{
+        if (contentContext.viewport && contentContext.isPositioned) {
+            const viewport = contentContext.viewport;
+            function handleScroll() {
+                const maxScroll = viewport.scrollHeight - viewport.clientHeight; // we use Math.ceil here because if the UI is zoomed-in
+                // `scrollTop` is not always reported as an integer
+                const canScrollDown = Math.ceil(viewport.scrollTop) < maxScroll;
+                setCanScrollDown(canScrollDown);
+            }
+            handleScroll();
+            viewport.addEventListener('scroll', handleScroll);
+            return ()=>viewport.removeEventListener('scroll', handleScroll)
+            ;
+        }
+    }, [
+        contentContext.viewport,
+        contentContext.isPositioned
+    ]);
+    return canScrollDown1 ? /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$SelectScrollButtonImpl, $01b9c$babelruntimehelpersesmextends({}, props, {
+        ref: composedRefs,
+        onAutoScroll: ()=>{
+            const { viewport: viewport , selectedItem: selectedItem  } = contentContext;
+            if (viewport && selectedItem) viewport.scrollTop = viewport.scrollTop + selectedItem.offsetHeight;
+        }
+    })) : null;
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$ff951e476c12189, {
+    displayName: $cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME
+});
+const $cc7e05a45900e73f$var$SelectScrollButtonImpl = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { __scopeSelect: __scopeSelect , onAutoScroll: onAutoScroll , ...scrollIndicatorProps } = props;
+    const contentContext = $cc7e05a45900e73f$var$useSelectContentContext('SelectScrollButton', __scopeSelect);
+    const autoScrollTimerRef = $01b9c$useRef(null);
+    const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
+    const clearAutoScrollTimer = $01b9c$useCallback(()=>{
+        if (autoScrollTimerRef.current !== null) {
+            window.clearInterval(autoScrollTimerRef.current);
+            autoScrollTimerRef.current = null;
+        }
+    }, []);
+    $01b9c$useEffect(()=>{
+        return ()=>clearAutoScrollTimer()
+        ;
+    }, [
+        clearAutoScrollTimer
+    ]); // When the viewport becomes scrollable on either side, the relevant scroll button will mount.
+    // Because it is part of the normal flow, it will push down (top button) or shrink (bottom button)
+    // the viewport, potentially causing the active item to now be partially out of view.
+    // We re-run the `scrollIntoView` logic to make sure it stays within the viewport.
+    $01b9c$useLayoutEffect(()=>{
+        var _activeItem$ref$curre;
+        const activeItem = getItems().find((item)=>item.ref.current === document.activeElement
+        );
+        activeItem === null || activeItem === void 0 || (_activeItem$ref$curre = activeItem.ref.current) === null || _activeItem$ref$curre === void 0 || _activeItem$ref$curre.scrollIntoView({
+            block: 'nearest'
+        });
+    }, [
+        getItems
+    ]);
+    return /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.div, $01b9c$babelruntimehelpersesmextends({
+        "aria-hidden": true
+    }, scrollIndicatorProps, {
+        ref: forwardedRef,
+        style: {
+            flexShrink: 0,
+            ...scrollIndicatorProps.style
+        },
+        onPointerMove: $01b9c$composeEventHandlers(scrollIndicatorProps.onPointerMove, ()=>{
+            contentContext.onItemLeave();
+            if (autoScrollTimerRef.current === null) autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50);
+        }),
+        onPointerLeave: $01b9c$composeEventHandlers(scrollIndicatorProps.onPointerLeave, ()=>{
+            clearAutoScrollTimer();
+        })
+    }));
+});
+/* -------------------------------------------------------------------------------------------------
+ * SelectSeparator
+ * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$SEPARATOR_NAME = 'SelectSeparator';
+const $cc7e05a45900e73f$export$eba4b1df07cb1d3 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { __scopeSelect: __scopeSelect , ...separatorProps } = props;
+    return /*#__PURE__*/ $01b9c$createElement($01b9c$Primitive.div, $01b9c$babelruntimehelpersesmextends({
+        "aria-hidden": true
+    }, separatorProps, {
+        ref: forwardedRef
+    }));
+});
+/*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$eba4b1df07cb1d3, {
+    displayName: $cc7e05a45900e73f$var$SEPARATOR_NAME
+});
+/* -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$BubbleSelect = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+    const { value: value , ...selectProps } = props;
+    const ref = $01b9c$useRef(null);
+    const composedRefs = $01b9c$useComposedRefs(forwardedRef, ref);
+    const prevValue = $01b9c$usePrevious(value); // Bubble value change to parents (e.g form change event)
+    $01b9c$useEffect(()=>{
+        const select = ref.current;
+        const selectProto = window.HTMLSelectElement.prototype;
+        const descriptor = Object.getOwnPropertyDescriptor(selectProto, 'value');
+        const setValue = descriptor.set;
+        if (prevValue !== value && setValue) {
+            const event = new Event('change', {
+                bubbles: true
+            });
+            setValue.call(select, value);
+            select.dispatchEvent(event);
+        }
+    }, [
+        prevValue,
+        value
+    ]);
+    /**
+   * We purposefully use a `select` here to support form autofill as much
+   * as possible.
+   *
+   * We purposefully do not add the `value` attribute here to allow the value
+   * to be set programatically and bubble to any parent form `onChange` event.
+   * Adding the `value` will cause React to consider the programatic
+   * dispatch a duplicate and it will get swallowed.
+   *
+   * We use `VisuallyHidden` rather than `display: "none"` because Safari autofill
+   * won't work otherwise.
+   */ return /*#__PURE__*/ $01b9c$createElement($01b9c$VisuallyHidden, {
+        asChild: true
+    }, /*#__PURE__*/ $01b9c$createElement("select", $01b9c$babelruntimehelpersesmextends({}, selectProps, {
+        ref: composedRefs,
+        defaultValue: value
+    })));
+});
+function $cc7e05a45900e73f$var$useTypeaheadSearch(onSearchChange) {
+    const handleSearchChange = $01b9c$useCallbackRef(onSearchChange);
+    const searchRef = $01b9c$useRef('');
+    const timerRef = $01b9c$useRef(0);
+    const handleTypeaheadSearch = $01b9c$useCallback((key)=>{
+        const search = searchRef.current + key;
+        handleSearchChange(search);
+        (function updateSearch(value) {
+            searchRef.current = value;
+            window.clearTimeout(timerRef.current); // Reset `searchRef` 1 second after it was last updated
+            if (value !== '') timerRef.current = window.setTimeout(()=>updateSearch('')
+            , 1000);
+        })(search);
+    }, [
+        handleSearchChange
+    ]);
+    const resetTypeahead = $01b9c$useCallback(()=>{
+        searchRef.current = '';
+        window.clearTimeout(timerRef.current);
+    }, []);
+    $01b9c$useEffect(()=>{
+        return ()=>window.clearTimeout(timerRef.current)
+        ;
+    }, []);
+    return [
+        searchRef,
+        handleTypeaheadSearch,
+        resetTypeahead
+    ];
+}
+/**
+ * This is the "meat" of the typeahead matching logic. It takes in a list of items,
+ * the search and the current item, and returns the next item (or `undefined`).
+ *
+ * We normalize the search because if a user has repeatedly pressed a character,
+ * we want the exact same behavior as if we only had that one character
+ * (ie. cycle through items starting with that character)
+ *
+ * We also reorder the items by wrapping the array around the current item.
+ * This is so we always look forward from the current item, and picking the first
+ * item will always be the correct one.
+ *
+ * Finally, if the normalized search is exactly one character, we exclude the
+ * current item from the values because otherwise it would be the first to match always
+ * and focus would never move. This is as opposed to the regular case, where we
+ * don't want focus to move if the current item still matches.
+ */ function $cc7e05a45900e73f$var$findNextItem(items, search, currentItem) {
+    const isRepeated = search.length > 1 && Array.from(search).every((char)=>char === search[0]
+    );
+    const normalizedSearch = isRepeated ? search[0] : search;
+    const currentItemIndex = currentItem ? items.indexOf(currentItem) : -1;
+    let wrappedItems = $cc7e05a45900e73f$var$wrapArray(items, Math.max(currentItemIndex, 0));
+    const excludeCurrentItem = normalizedSearch.length === 1;
+    if (excludeCurrentItem) wrappedItems = wrappedItems.filter((v)=>v !== currentItem
+    );
+    const nextItem = wrappedItems.find((item)=>item.textValue.toLowerCase().startsWith(normalizedSearch.toLowerCase())
+    );
+    return nextItem !== currentItem ? nextItem : undefined;
+}
+/**
+ * Wraps an array around itself at a given start index
+ * Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`
+ */ function $cc7e05a45900e73f$var$wrapArray(array, startIndex) {
+    return array.map((_, index)=>array[(startIndex + index) % array.length]
+    );
+}
+const $cc7e05a45900e73f$export$be92b6f5f03c0fe9 = $cc7e05a45900e73f$export$ef9b1a59e592288f;
+const $cc7e05a45900e73f$export$41fb9f06171c75f4 = $cc7e05a45900e73f$export$3ac1e88a1c0b9f1;
+const $cc7e05a45900e73f$export$4c8d1a57a761ef94 = $cc7e05a45900e73f$export$e288731fd71264f0;
+const $cc7e05a45900e73f$export$f04a61298a47a40f = $cc7e05a45900e73f$export$99b400cabb58c515;
+const $cc7e05a45900e73f$export$7c6e2c02157bb7d2 = $cc7e05a45900e73f$export$c973a4b3cb86a03d;
+const $cc7e05a45900e73f$export$d5c6c08dc2d3ca7 = $cc7e05a45900e73f$export$9ed6e7b40248d36d;
+const $cc7e05a45900e73f$export$eb2fcfdbd7ba97d4 = $cc7e05a45900e73f$export$ee25a334c55de1f4;
+const $cc7e05a45900e73f$export$b04be29aa201d4f5 = $cc7e05a45900e73f$export$f67338d29bd972f8;
+const $cc7e05a45900e73f$export$6d08773d2e66f8f2 = $cc7e05a45900e73f$export$13ef48a934230896;
+const $cc7e05a45900e73f$export$d6e5bf9c43ea9319 = $cc7e05a45900e73f$export$3572fb0fb821ff49;
+const $cc7e05a45900e73f$export$c3468e2714d175fa = $cc7e05a45900e73f$export$6b9198de19accfe6;
+const $cc7e05a45900e73f$export$2f60d3ec9ad468f2 = $cc7e05a45900e73f$export$d8117927658af6d7;
+const $cc7e05a45900e73f$export$bf1aedc3039c8d63 = $cc7e05a45900e73f$export$ff951e476c12189;
+const $cc7e05a45900e73f$export$1ff3c3f08ae963c0 = $cc7e05a45900e73f$export$eba4b1df07cb1d3;
+
+
+
+
+export {$cc7e05a45900e73f$export$286727a75dc039bd as createSelectScope, $cc7e05a45900e73f$export$ef9b1a59e592288f as Select, $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 as SelectTrigger, $cc7e05a45900e73f$export$e288731fd71264f0 as SelectValue, $cc7e05a45900e73f$export$99b400cabb58c515 as SelectIcon, $cc7e05a45900e73f$export$c973a4b3cb86a03d as SelectContent, $cc7e05a45900e73f$export$9ed6e7b40248d36d as SelectViewport, $cc7e05a45900e73f$export$ee25a334c55de1f4 as SelectGroup, $cc7e05a45900e73f$export$f67338d29bd972f8 as SelectLabel, $cc7e05a45900e73f$export$13ef48a934230896 as SelectItem, $cc7e05a45900e73f$export$3572fb0fb821ff49 as SelectItemText, $cc7e05a45900e73f$export$6b9198de19accfe6 as SelectItemIndicator, $cc7e05a45900e73f$export$d8117927658af6d7 as SelectScrollUpButton, $cc7e05a45900e73f$export$ff951e476c12189 as SelectScrollDownButton, $cc7e05a45900e73f$export$eba4b1df07cb1d3 as SelectSeparator, $cc7e05a45900e73f$export$be92b6f5f03c0fe9 as Root, $cc7e05a45900e73f$export$41fb9f06171c75f4 as Trigger, $cc7e05a45900e73f$export$4c8d1a57a761ef94 as Value, $cc7e05a45900e73f$export$f04a61298a47a40f as Icon, $cc7e05a45900e73f$export$7c6e2c02157bb7d2 as Content, $cc7e05a45900e73f$export$d5c6c08dc2d3ca7 as Viewport, $cc7e05a45900e73f$export$eb2fcfdbd7ba97d4 as Group, $cc7e05a45900e73f$export$b04be29aa201d4f5 as Label, $cc7e05a45900e73f$export$6d08773d2e66f8f2 as Item, $cc7e05a45900e73f$export$d6e5bf9c43ea9319 as ItemText, $cc7e05a45900e73f$export$c3468e2714d175fa as ItemIndicator, $cc7e05a45900e73f$export$2f60d3ec9ad468f2 as ScrollUpButton, $cc7e05a45900e73f$export$bf1aedc3039c8d63 as ScrollDownButton, $cc7e05a45900e73f$export$1ff3c3f08ae963c0 as Separator};
 //# sourceMappingURL=index.module.js.map