@preply/ds-docs 11.0.0 → 11.1.0

package/dist/assets/SelectField-BvrdbknI.css

@@ -1 +0,0 @@
-@keyframes fade-in__Xw3bI{0%{opacity:0}to{opacity:1}}@keyframes fade-out__4u9tF{0%{opacity:1}to{opacity:0}}@keyframes mobile-content-show__1QhLc{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mobile-content-hide__Rqzas{0%{transform:translateY(0)}to{transform:translateY(100%)}}.trigger__XRceG{all:unset;cursor:pointer;background-color:var(--3546c3);color:var(--628fb7);font-weight:var(--1bc44d);font-size:var(--9c8f04);line-height:var(--3dd5bc);--border-size: var(--26b8e3);border:var(--border-size) solid var(--c03289);border-radius:var(--fa4b1a);height:var(--51a539);width:100%;display:flex;align-items:center;padding-inline:calc(var(--558c4c) - var(--border-size)) calc(var(--66b80b) - var(--border-size));gap:var(--66b80b);box-sizing:border-box;transition:background-color .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1)}.trigger__XRceG>.chevron__ENwnv{margin-inline-start:auto}.trigger__XRceG:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}.trigger__XRceG[data-placeholder]{color:var(--0bad98)}.trigger__XRceG[data-state=open]{border-color:var(--5b4fe9)}.trigger__XRceG[data-state=open]>.chevron__ENwnv{rotate:180deg}.trigger__XRceG[disabled]{cursor:not-allowed;background-color:var(--319b29)}.trigger__XRceG[aria-invalid=true]{border-color:var(--7b0f41);background-color:var(--95df5b);color:var(--7b0f41)}.trigger__XRceG:hover:not([disabled]):not([aria-invalid=true]){background-color:var(--302ecf);border-color:var(--11d206)}.content__NHVeq{position:fixed;right:0;bottom:0;left:0;top:auto;margin:auto;width:100%;border-radius:var(--fa4b1a) var(--fa4b1a) 0 0;padding:var(--813599);z-index:var(--ds-select-z-index-override, auto);background-color:var(--3546c3);box-shadow:var(--ecd97a)}.content__NHVeq .viewport__aqXUS{display:flex;flex-direction:column;gap:var(--590b8d);max-height:80vh}@media (min-width: 700px){.content__NHVeq .viewport__aqXUS{max-height:min(500px,var(--radix-select-content-available-height))}}.content__NHVeq .item__7lwGu{cursor:pointer;width:100%;height:var(--51a539);color:var(--628fb7);font-weight:var(--1bc44d);font-size:var(--9c8f04);line-height:var(--3dd5bc);padding:var(--813599);border-radius:var(--5e8be4);display:flex;align-items:center;gap:var(--66b80b);transition:background-color .22s cubic-bezier(.22,1,.36,1)}.content__NHVeq .item__7lwGu>.indicator__NkOzD{margin-inline-start:auto}.content__NHVeq .item__7lwGu[data-highlighted]:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c);outline-offset:-2px}.content__NHVeq .item__7lwGu[data-highlighted]:hover{outline:none;background-color:var(--302ecf)}.content__NHVeq .item__7lwGu[data-state=checked]{outline:none;background-color:var(--a5c761)}.content__NHVeq .group__feJjZ{display:flex;flex-direction:column;gap:var(--590b8d)}.content__NHVeq .group__feJjZ .groupLabel__VdJlH{color:var(--628fb7);font-weight:var(--a3f251);font-size:var(--475c79);line-height:var(--e33d9e);padding-block:var(--813599) var(--590b8d);padding-inline:var(--813599)}.content__NHVeq .group__feJjZ:not(:first-child){border-top:var(--f3fdd6) solid var(--c03289);padding-top:var(--53860b)}@media (prefers-reduced-motion: no-preference){.content__NHVeq[data-state=open]{animation:mobile-content-show__1QhLc .22s cubic-bezier(.22,1,.36,1)}.content__NHVeq[data-state=closed]{animation:mobile-content-hide__Rqzas .22s cubic-bezier(.22,1,.36,1)}}@media (min-width: 700px){.content__NHVeq{position:relative;inset:auto;top:auto;margin:0;min-width:var(--radix-select-trigger-width);border-radius:var(--fa4b1a);padding:var(--590b8d)}.content__NHVeq[data-state=open]{animation:fade-in__Xw3bI forwards .22s cubic-bezier(.22,1,.36,1)}.content__NHVeq[data-state=closed]{animation:fade-out__4u9tF forwards .22s cubic-bezier(.22,1,.36,1)}}

package/dist/assets/SelectField-DU60q2LU.js

@@ -1,19 +0,0 @@
-import{r as n,ab as Ee,j as i,aa as ct,af as q,ai as B,ag as R,az as J,q as De,a7 as Le,a8 as Ne,a9 as dt,ac as pt,ae as mt,aA as ft,aB as vt,aj as ht,ak as gt,al as yt,ah as St,g as Oe,I as bt}from"./iframe-B_74HtSc.js";import{F as xt}from"./FormControl-Zqf1cIwP.js";import{F as wt}from"./TokyoUIChevronDown-DiBNbDdz.js";import{F as It}from"./TokyoUICheckmark-BHJrELn_.js";import{I as je}from"./Icon-CC0yjdx9.js";import{B as Ct}from"./breakpoints-BfMlrtxE.js";import{w as Re}from"./componentNames-hc9KR2nX.js";import{c as _t,u as Et,b as Rt,a as Pe}from"./index-Cnv20V_M.js";import{h as Tt,u as Nt,R as Pt,F as Vt}from"./index-W3BB_3go.js";var Mt=[" ","Enter","ArrowUp","ArrowDown"],qt=[" ","Enter"],ee="Select",[ue,ce,Dt]=_t(ee),[ae]=ct(ee,[Dt,Le]),de=Le(),[Lt,z]=ae(ee),[Ot,jt]=ae(ee),Ae=t=>{const{__scopeSelect:s,children:e,open:u,defaultOpen:l,onOpenChange:c,value:a,defaultValue:r,onValueChange:o,dir:p,name:g,autoComplete:y,disabled:I,required:E,form:C}=t,d=de(s),[h,S]=n.useState(null),[m,f]=n.useState(null),[P,V]=n.useState(!1),Y=Et(p),[T,D]=Ne({prop:u,defaultProp:l??!1,onChange:c,caller:ee}),[A,H]=Ne({prop:a,defaultProp:r,onChange:o,caller:ee}),L=n.useRef(null),O=h?C||!!h.closest("form"):!0,[U,F]=n.useState(new Set),K=Array.from(U).map(N=>N.props.value).join(";");return i.jsx(dt,{...d,children:i.jsxs(Lt,{required:E,scope:s,trigger:h,onTriggerChange:S,valueNode:m,onValueNodeChange:f,valueNodeHasChildren:P,onValueNodeHasChildrenChange:V,contentId:Ee(),value:A,onValueChange:H,open:T,onOpenChange:D,dir:Y,triggerPointerDownPosRef:L,disabled:I,children:[i.jsx(ue.Provider,{scope:s,children:i.jsx(Ot,{scope:t.__scopeSelect,onNativeOptionAdd:n.useCallback(N=>{F(k=>new Set(k).add(N))},[]),onNativeOptionRemove:n.useCallback(N=>{F(k=>{const W=new Set(k);return W.delete(N),W})},[]),children:e})}),O?i.jsxs(ot,{"aria-hidden":!0,required:E,tabIndex:-1,name:g,autoComplete:y,value:A,onChange:N=>H(N.target.value),disabled:I,form:C,children:[A===void 0?i.jsx("option",{value:""}):null,Array.from(U)]},K):null]})})};Ae.displayName=ee;var He="SelectTrigger",ke=n.forwardRef((t,s)=>{const{__scopeSelect:e,disabled:u=!1,...l}=t,c=de(e),a=z(He,e),r=a.disabled||u,o=B(s,a.onTriggerChange),p=ce(e),g=n.useRef("touch"),[y,I,E]=it(d=>{const h=p().filter(f=>!f.disabled),S=h.find(f=>f.value===a.value),m=ut(h,d,S);m!==void 0&&a.onValueChange(m.value)}),C=d=>{r||(a.onOpenChange(!0),E()),d&&(a.triggerPointerDownPosRef.current={x:Math.round(d.pageX),y:Math.round(d.pageY)})};return i.jsx(pt,{asChild:!0,...c,children:i.jsx(q.button,{type:"button",role:"combobox","aria-controls":a.contentId,"aria-expanded":a.open,"aria-required":a.required,"aria-autocomplete":"none",dir:a.dir,"data-state":a.open?"open":"closed",disabled:r,"data-disabled":r?"":void 0,"data-placeholder":st(a.value)?"":void 0,...l,ref:o,onClick:R(l.onClick,d=>{d.currentTarget.focus(),g.current!=="mouse"&&C(d)}),onPointerDown:R(l.onPointerDown,d=>{g.current=d.pointerType;const h=d.target;h.hasPointerCapture(d.pointerId)&&h.releasePointerCapture(d.pointerId),d.button===0&&d.ctrlKey===!1&&d.pointerType==="mouse"&&(C(d),d.preventDefault())}),onKeyDown:R(l.onKeyDown,d=>{const h=y.current!=="";!(d.ctrlKey||d.altKey||d.metaKey)&&d.key.length===1&&I(d.key),!(h&&d.key===" ")&&Mt.includes(d.key)&&(C(),d.preventDefault())})})})});ke.displayName=He;var Be="SelectValue",Fe=n.forwardRef((t,s)=>{const{__scopeSelect:e,className:u,style:l,children:c,placeholder:a="",...r}=t,o=z(Be,e),{onValueNodeHasChildrenChange:p}=o,g=c!==void 0,y=B(s,o.onValueNodeChange);return J(()=>{p(g)},[p,g]),i.jsx(q.span,{...r,ref:y,style:{pointerEvents:"none"},children:st(o.value)?i.jsx(i.Fragment,{children:a}):c})});Fe.displayName=Be;var At="SelectIcon",Ke=n.forwardRef((t,s)=>{const{__scopeSelect:e,children:u,...l}=t;return i.jsx(q.span,{"aria-hidden":!0,...l,ref:s,children:u||"▼"})});Ke.displayName=At;var Ht="SelectPortal",We=t=>i.jsx(mt,{asChild:!0,...t});We.displayName=Ht;var te="SelectContent",Ue=n.forwardRef((t,s)=>{const e=z(te,t.__scopeSelect),[u,l]=n.useState();if(J(()=>{l(new DocumentFragment)},[]),!e.open){const c=u;return c?De.createPortal(i.jsx(Ge,{scope:t.__scopeSelect,children:i.jsx(ue.Slot,{scope:t.__scopeSelect,children:i.jsx("div",{children:t.children})})}),c):null}return i.jsx(Xe,{...t,ref:s})});Ue.displayName=te;var j=10,[Ge,$]=ae(te),kt="SelectContentImpl",Bt=ht("SelectContent.RemoveScroll"),Xe=n.forwardRef((t,s)=>{const{__scopeSelect:e,position:u="item-aligned",onCloseAutoFocus:l,onEscapeKeyDown:c,onPointerDownOutside:a,side:r,sideOffset:o,align:p,alignOffset:g,arrowPadding:y,collisionBoundary:I,collisionPadding:E,sticky:C,hideWhenDetached:d,avoidCollisions:h,...S}=t,m=z(te,e),[f,P]=n.useState(null),[V,Y]=n.useState(null),T=B(s,v=>P(v)),[D,A]=n.useState(null),[H,L]=n.useState(null),O=ce(e),[U,F]=n.useState(!1),K=n.useRef(!1);n.useEffect(()=>{if(f)return Tt(f)},[f]),Nt();const N=n.useCallback(v=>{const[_,...M]=O().map(x=>x.ref.current),[w]=M.slice(-1),b=document.activeElement;for(const x of v)if(x===b||(x==null||x.scrollIntoView({block:"nearest"}),x===_&&V&&(V.scrollTop=0),x===w&&V&&(V.scrollTop=V.scrollHeight),x==null||x.focus(),document.activeElement!==b))return},[O,V]),k=n.useCallback(()=>N([D,f]),[N,D,f]);n.useEffect(()=>{U&&k()},[U,k]);const{onOpenChange:W,triggerPointerDownPosRef:G}=m;n.useEffect(()=>{if(f){let v={x:0,y:0};const _=w=>{var b,x;v={x:Math.abs(Math.round(w.pageX)-(((b=G.current)==null?void 0:b.x)??0)),y:Math.abs(Math.round(w.pageY)-(((x=G.current)==null?void 0:x.y)??0))}},M=w=>{v.x<=10&&v.y<=10?w.preventDefault():f.contains(w.target)||W(!1),document.removeEventListener("pointermove",_),G.current=null};return G.current!==null&&(document.addEventListener("pointermove",_),document.addEventListener("pointerup",M,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",_),document.removeEventListener("pointerup",M,{capture:!0})}}},[f,W,G]),n.useEffect(()=>{const v=()=>W(!1);return window.addEventListener("blur",v),window.addEventListener("resize",v),()=>{window.removeEventListener("blur",v),window.removeEventListener("resize",v)}},[W]);const[pe,oe]=it(v=>{const _=O().filter(b=>!b.disabled),M=_.find(b=>b.ref.current===document.activeElement),w=ut(_,v,M);w&&setTimeout(()=>w.ref.current.focus())}),me=n.useCallback((v,_,M)=>{const w=!K.current&&!M;(m.value!==void 0&&m.value===_||w)&&(A(v),w&&(K.current=!0))},[m.value]),fe=n.useCallback(()=>f==null?void 0:f.focus(),[f]),ne=n.useCallback((v,_,M)=>{const w=!K.current&&!M;(m.value!==void 0&&m.value===_||w)&&L(v)},[m.value]),se=u==="popper"?ye:Je,le=se===ye?{side:r,sideOffset:o,align:p,alignOffset:g,arrowPadding:y,collisionBoundary:I,collisionPadding:E,sticky:C,hideWhenDetached:d,avoidCollisions:h}:{};return i.jsx(Ge,{scope:e,content:f,viewport:V,onViewportChange:Y,itemRefCallback:me,selectedItem:D,onItemLeave:fe,itemTextRefCallback:ne,focusSelectedItem:k,selectedItemText:H,position:u,isPositioned:U,searchRef:pe,children:i.jsx(Pt,{as:Bt,allowPinchZoom:!0,children:i.jsx(Vt,{asChild:!0,trapped:m.open,onMountAutoFocus:v=>{v.preventDefault()},onUnmountAutoFocus:R(l,v=>{var _;(_=m.trigger)==null||_.focus({preventScroll:!0}),v.preventDefault()}),children:i.jsx(gt,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:c,onPointerDownOutside:a,onFocusOutside:v=>v.preventDefault(),onDismiss:()=>m.onOpenChange(!1),children:i.jsx(se,{role:"listbox",id:m.contentId,"data-state":m.open?"open":"closed",dir:m.dir,onContextMenu:v=>v.preventDefault(),...S,...le,onPlaced:()=>F(!0),ref:T,style:{display:"flex",flexDirection:"column",outline:"none",...S.style},onKeyDown:R(S.onKeyDown,v=>{const _=v.ctrlKey||v.altKey||v.metaKey;if(v.key==="Tab"&&v.preventDefault(),!_&&v.key.length===1&&oe(v.key),["ArrowUp","ArrowDown","Home","End"].includes(v.key)){let w=O().filter(b=>!b.disabled).map(b=>b.ref.current);if(["ArrowUp","End"].includes(v.key)&&(w=w.slice().reverse()),["ArrowUp","ArrowDown"].includes(v.key)){const b=v.target,x=w.indexOf(b);w=w.slice(x+1)}setTimeout(()=>N(w)),v.preventDefault()}})})})})})})});Xe.displayName=kt;var Ft="SelectItemAlignedPosition",Je=n.forwardRef((t,s)=>{const{__scopeSelect:e,onPlaced:u,...l}=t,c=z(te,e),a=$(te,e),[r,o]=n.useState(null),[p,g]=n.useState(null),y=B(s,T=>g(T)),I=ce(e),E=n.useRef(!1),C=n.useRef(!0),{viewport:d,selectedItem:h,selectedItemText:S,focusSelectedItem:m}=a,f=n.useCallback(()=>{if(c.trigger&&c.valueNode&&r&&p&&d&&h&&S){const T=c.trigger.getBoundingClientRect(),D=p.getBoundingClientRect(),A=c.valueNode.getBoundingClientRect(),H=S.getBoundingClientRect();if(c.dir!=="rtl"){const b=H.left-D.left,x=A.left-b,Z=T.left-x,Q=T.width+Z,ve=Math.max(Q,D.width),he=window.innerWidth-j,ge=Pe(x,[j,Math.max(j,he-ve)]);r.style.minWidth=Q+"px",r.style.left=ge+"px"}else{const b=D.right-H.right,x=window.innerWidth-A.right-b,Z=window.innerWidth-T.right-x,Q=T.width+Z,ve=Math.max(Q,D.width),he=window.innerWidth-j,ge=Pe(x,[j,Math.max(j,he-ve)]);r.style.minWidth=Q+"px",r.style.right=ge+"px"}const L=I(),O=window.innerHeight-j*2,U=d.scrollHeight,F=window.getComputedStyle(p),K=parseInt(F.borderTopWidth,10),N=parseInt(F.paddingTop,10),k=parseInt(F.borderBottomWidth,10),W=parseInt(F.paddingBottom,10),G=K+N+U+W+k,pe=Math.min(h.offsetHeight*5,G),oe=window.getComputedStyle(d),me=parseInt(oe.paddingTop,10),fe=parseInt(oe.paddingBottom,10),ne=T.top+T.height/2-j,se=O-ne,le=h.offsetHeight/2,v=h.offsetTop+le,_=K+N+v,M=G-_;if(_<=ne){const b=L.length>0&&h===L[L.length-1].ref.current;r.style.bottom="0px";const x=p.clientHeight-d.offsetTop-d.offsetHeight,Z=Math.max(se,le+(b?fe:0)+x+k),Q=_+Z;r.style.height=Q+"px"}else{const b=L.length>0&&h===L[0].ref.current;r.style.top="0px";const Z=Math.max(ne,K+d.offsetTop+(b?me:0)+le)+M;r.style.height=Z+"px",d.scrollTop=_-ne+d.offsetTop}r.style.margin=`${j}px 0`,r.style.minHeight=pe+"px",r.style.maxHeight=O+"px",u==null||u(),requestAnimationFrame(()=>E.current=!0)}},[I,c.trigger,c.valueNode,r,p,d,h,S,c.dir,u]);J(()=>f(),[f]);const[P,V]=n.useState();J(()=>{p&&V(window.getComputedStyle(p).zIndex)},[p]);const Y=n.useCallback(T=>{T&&C.current===!0&&(f(),m==null||m(),C.current=!1)},[f,m]);return i.jsx(Wt,{scope:e,contentWrapper:r,shouldExpandOnScrollRef:E,onScrollButtonChange:Y,children:i.jsx("div",{ref:o,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:P},children:i.jsx(q.div,{...l,ref:y,style:{boxSizing:"border-box",maxHeight:"100%",...l.style}})})})});Je.displayName=Ft;var Kt="SelectPopperPosition",ye=n.forwardRef((t,s)=>{const{__scopeSelect:e,align:u="start",collisionPadding:l=j,...c}=t,a=de(e);return i.jsx(yt,{...a,...c,ref:s,align:u,collisionPadding:l,style:{boxSizing:"border-box",...c.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}})});ye.displayName=Kt;var[Wt,Te]=ae(te,{}),Se="SelectViewport",ze=n.forwardRef((t,s)=>{const{__scopeSelect:e,nonce:u,...l}=t,c=$(Se,e),a=Te(Se,e),r=B(s,c.onViewportChange),o=n.useRef(0);return i.jsxs(i.Fragment,{children:[i.jsx("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}"},nonce:u}),i.jsx(ue.Slot,{scope:e,children:i.jsx(q.div,{"data-radix-select-viewport":"",role:"presentation",...l,ref:r,style:{position:"relative",flex:1,overflow:"hidden auto",...l.style},onScroll:R(l.onScroll,p=>{const g=p.currentTarget,{contentWrapper:y,shouldExpandOnScrollRef:I}=a;if(I!=null&&I.current&&y){const E=Math.abs(o.current-g.scrollTop);if(E>0){const C=window.innerHeight-j*2,d=parseFloat(y.style.minHeight),h=parseFloat(y.style.height),S=Math.max(d,h);if(S<C){const m=S+E,f=Math.min(C,m),P=m-f;y.style.height=f+"px",y.style.bottom==="0px"&&(g.scrollTop=P>0?P:0,y.style.justifyContent="flex-end")}}}o.current=g.scrollTop})})})]})});ze.displayName=Se;var $e="SelectGroup",[Ut,Gt]=ae($e),Ye=n.forwardRef((t,s)=>{const{__scopeSelect:e,...u}=t,l=Ee();return i.jsx(Ut,{scope:e,id:l,children:i.jsx(q.div,{role:"group","aria-labelledby":l,...u,ref:s})})});Ye.displayName=$e;var Ze="SelectLabel",Qe=n.forwardRef((t,s)=>{const{__scopeSelect:e,...u}=t,l=Gt(Ze,e);return i.jsx(q.div,{id:l.id,...u,ref:s})});Qe.displayName=Ze;var ie="SelectItem",[Xt,et]=ae(ie),tt=n.forwardRef((t,s)=>{const{__scopeSelect:e,value:u,disabled:l=!1,textValue:c,...a}=t,r=z(ie,e),o=$(ie,e),p=r.value===u,[g,y]=n.useState(c??""),[I,E]=n.useState(!1),C=B(s,m=>{var f;return(f=o.itemRefCallback)==null?void 0:f.call(o,m,u,l)}),d=Ee(),h=n.useRef("touch"),S=()=>{l||(r.onValueChange(u),r.onOpenChange(!1))};if(u==="")throw new Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");return i.jsx(Xt,{scope:e,value:u,disabled:l,textId:d,isSelected:p,onItemTextChange:n.useCallback(m=>{y(f=>f||((m==null?void 0:m.textContent)??"").trim())},[]),children:i.jsx(ue.ItemSlot,{scope:e,value:u,disabled:l,textValue:g,children:i.jsx(q.div,{role:"option","aria-labelledby":d,"data-highlighted":I?"":void 0,"aria-selected":p&&I,"data-state":p?"checked":"unchecked","aria-disabled":l||void 0,"data-disabled":l?"":void 0,tabIndex:l?void 0:-1,...a,ref:C,onFocus:R(a.onFocus,()=>E(!0)),onBlur:R(a.onBlur,()=>E(!1)),onClick:R(a.onClick,()=>{h.current!=="mouse"&&S()}),onPointerUp:R(a.onPointerUp,()=>{h.current==="mouse"&&S()}),onPointerDown:R(a.onPointerDown,m=>{h.current=m.pointerType}),onPointerMove:R(a.onPointerMove,m=>{var f;h.current=m.pointerType,l?(f=o.onItemLeave)==null||f.call(o):h.current==="mouse"&&m.currentTarget.focus({preventScroll:!0})}),onPointerLeave:R(a.onPointerLeave,m=>{var f;m.currentTarget===document.activeElement&&((f=o.onItemLeave)==null||f.call(o))}),onKeyDown:R(a.onKeyDown,m=>{var P;((P=o.searchRef)==null?void 0:P.current)!==""&&m.key===" "||(qt.includes(m.key)&&S(),m.key===" "&&m.preventDefault())})})})})});tt.displayName=ie;var re="SelectItemText",nt=n.forwardRef((t,s)=>{const{__scopeSelect:e,className:u,style:l,...c}=t,a=z(re,e),r=$(re,e),o=et(re,e),p=jt(re,e),[g,y]=n.useState(null),I=B(s,S=>y(S),o.onItemTextChange,S=>{var m;return(m=r.itemTextRefCallback)==null?void 0:m.call(r,S,o.value,o.disabled)}),E=g==null?void 0:g.textContent,C=n.useMemo(()=>i.jsx("option",{value:o.value,disabled:o.disabled,children:E},o.value),[o.disabled,o.value,E]),{onNativeOptionAdd:d,onNativeOptionRemove:h}=p;return J(()=>(d(C),()=>h(C)),[d,h,C]),i.jsxs(i.Fragment,{children:[i.jsx(q.span,{id:o.textId,...c,ref:I}),o.isSelected&&a.valueNode&&!a.valueNodeHasChildren?De.createPortal(c.children,a.valueNode):null]})});nt.displayName=re;var at="SelectItemIndicator",lt=n.forwardRef((t,s)=>{const{__scopeSelect:e,...u}=t;return et(at,e).isSelected?i.jsx(q.span,{"aria-hidden":!0,...u,ref:s}):null});lt.displayName=at;var be="SelectScrollUpButton",Jt=n.forwardRef((t,s)=>{const e=$(be,t.__scopeSelect),u=Te(be,t.__scopeSelect),[l,c]=n.useState(!1),a=B(s,u.onScrollButtonChange);return J(()=>{if(e.viewport&&e.isPositioned){let r=function(){const p=o.scrollTop>0;c(p)};const o=e.viewport;return r(),o.addEventListener("scroll",r),()=>o.removeEventListener("scroll",r)}},[e.viewport,e.isPositioned]),l?i.jsx(rt,{...t,ref:a,onAutoScroll:()=>{const{viewport:r,selectedItem:o}=e;r&&o&&(r.scrollTop=r.scrollTop-o.offsetHeight)}}):null});Jt.displayName=be;var xe="SelectScrollDownButton",zt=n.forwardRef((t,s)=>{const e=$(xe,t.__scopeSelect),u=Te(xe,t.__scopeSelect),[l,c]=n.useState(!1),a=B(s,u.onScrollButtonChange);return J(()=>{if(e.viewport&&e.isPositioned){let r=function(){const p=o.scrollHeight-o.clientHeight,g=Math.ceil(o.scrollTop)<p;c(g)};const o=e.viewport;return r(),o.addEventListener("scroll",r),()=>o.removeEventListener("scroll",r)}},[e.viewport,e.isPositioned]),l?i.jsx(rt,{...t,ref:a,onAutoScroll:()=>{const{viewport:r,selectedItem:o}=e;r&&o&&(r.scrollTop=r.scrollTop+o.offsetHeight)}}):null});zt.displayName=xe;var rt=n.forwardRef((t,s)=>{const{__scopeSelect:e,onAutoScroll:u,...l}=t,c=$("SelectScrollButton",e),a=n.useRef(null),r=ce(e),o=n.useCallback(()=>{a.current!==null&&(window.clearInterval(a.current),a.current=null)},[]);return n.useEffect(()=>()=>o(),[o]),J(()=>{var g;const p=r().find(y=>y.ref.current===document.activeElement);(g=p==null?void 0:p.ref.current)==null||g.scrollIntoView({block:"nearest"})},[r]),i.jsx(q.div,{"aria-hidden":!0,...l,ref:s,style:{flexShrink:0,...l.style},onPointerDown:R(l.onPointerDown,()=>{a.current===null&&(a.current=window.setInterval(u,50))}),onPointerMove:R(l.onPointerMove,()=>{var p;(p=c.onItemLeave)==null||p.call(c),a.current===null&&(a.current=window.setInterval(u,50))}),onPointerLeave:R(l.onPointerLeave,()=>{o()})})}),$t="SelectSeparator",Yt=n.forwardRef((t,s)=>{const{__scopeSelect:e,...u}=t;return i.jsx(q.div,{"aria-hidden":!0,...u,ref:s})});Yt.displayName=$t;var we="SelectArrow",Zt=n.forwardRef((t,s)=>{const{__scopeSelect:e,...u}=t,l=de(e),c=z(we,e),a=$(we,e);return c.open&&a.position==="popper"?i.jsx(St,{...l,...u,ref:s}):null});Zt.displayName=we;var Qt="SelectBubbleInput",ot=n.forwardRef(({__scopeSelect:t,value:s,...e},u)=>{const l=n.useRef(null),c=B(u,l),a=Rt(s);return n.useEffect(()=>{const r=l.current;if(!r)return;const o=window.HTMLSelectElement.prototype,g=Object.getOwnPropertyDescriptor(o,"value").set;if(a!==s&&g){const y=new Event("change",{bubbles:!0});g.call(r,s),r.dispatchEvent(y)}},[a,s]),i.jsx(q.select,{...e,style:{...ft,...e.style},ref:c,defaultValue:s})});ot.displayName=Qt;function st(t){return t===""||t===void 0}function it(t){const s=vt(t),e=n.useRef(""),u=n.useRef(0),l=n.useCallback(a=>{const r=e.current+a;s(r),(function o(p){e.current=p,window.clearTimeout(u.current),p!==""&&(u.current=window.setTimeout(()=>o(""),1e3))})(r)},[s]),c=n.useCallback(()=>{e.current="",window.clearTimeout(u.current)},[]);return n.useEffect(()=>()=>window.clearTimeout(u.current),[]),[e,l,c]}function ut(t,s,e){const l=s.length>1&&Array.from(s).every(p=>p===s[0])?s[0]:s,c=e?t.indexOf(e):-1;let a=en(t,Math.max(c,0));l.length===1&&(a=a.filter(p=>p!==e));const o=a.find(p=>p.textValue.toLowerCase().startsWith(l.toLowerCase()));return o!==e?o:void 0}function en(t,s){return t.map((e,u)=>t[(s+u)%t.length])}var tn=Ae,nn=ke,an=Fe,ln=Ke,rn=We,on=Ue,sn=ze,un=Ye,cn=Qe,dn=tt,pn=nt,mn=lt;const fn="trigger__XRceG",vn="chevron__ENwnv",hn="content__NHVeq",gn="viewport__aqXUS",yn="item__7lwGu",Sn="indicator__NkOzD",bn="group__feJjZ",xn="groupLabel__VdJlH",X={trigger:fn,chevron:vn,content:hn,viewport:gn,item:yn,indicator:Sn,group:bn,groupLabel:xn};function wn(t){const e=`(min-width: ${Ct[t]}px)`,[u,l]=n.useState(!1);return n.useEffect(()=>{const c=window.matchMedia(e);l(c.matches);const a=r=>{l(r.matches)};return c.addEventListener("change",a),()=>{c.removeEventListener("change",a)}},[e]),u}const Ie=n.forwardRef(function({value:s,defaultValue:e,placeholder:u,disabled:l,onValueChange:c,children:a,dataset:r,icon:o,name:p,id:g,required:y,onFocus:I,onBlur:E,onKeyDown:C,onKeyUp:d,"aria-label":h,"aria-labelledby":S,"aria-describedby":m,"aria-invalid":f,"aria-errormessage":P},V){const[Y,T]=n.useState(!1),D=bt(),A=Oe(r,{preplyDsComponent:Re.Select}),H=wn("medium-s"),L=O=>{c==null||c(O)};return i.jsxs(tn,{value:s,defaultValue:e,onValueChange:L,disabled:l,name:p,open:Y,onOpenChange:T,required:y,children:[i.jsxs(nn,{ref:V,id:g,className:X.trigger,onFocus:I,onBlur:E,onKeyDown:C,onKeyUp:d,"aria-label":h,"aria-labelledby":S,"aria-describedby":m,"aria-invalid":f,"aria-errormessage":P,...A,children:[o,i.jsx(an,{placeholder:u}),i.jsx(ln,{className:X.chevron,children:i.jsx(je,{svg:wt})})]}),i.jsx(rn,{container:D,children:i.jsx(on,{position:H?"popper":void 0,sideOffset:H?5:void 0,className:X.content,children:i.jsx(sn,{className:X.viewport,role:"group",tabIndex:0,children:a})})})]})});function Ce({value:t,disabled:s,children:e,leadingIcon:u,dataset:l}){return i.jsxs(dn,{value:t,disabled:s,className:X.item,...Oe(l,{preplyDsComponent:Re.SelectFieldOption}),children:[u,i.jsx(pn,{children:e}),i.jsx(mn,{className:X.indicator,children:i.jsx(je,{svg:It})})]})}function _e({children:t,label:s}){return i.jsxs(un,{className:X.group,children:[i.jsx(cn,{className:X.groupLabel,children:s}),t]})}try{Ce.displayName="SelectOption",Ce.__docgenInfo={description:"",displayName:"SelectOption",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},leadingIcon:{defaultValue:null,description:"",name:"leadingIcon",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}try{_e.displayName="SelectGroup",_e.__docgenInfo={description:"",displayName:"SelectGroup",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}try{Ie.displayName="Select",Ie.__docgenInfo={description:"",displayName:"Select",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLButtonElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLButtonElement>"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
-@see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
-@see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
-@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLButtonElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLButtonElement>"}]}},"aria-errormessage":{defaultValue:null,description:`Identifies the element that provides an error message for the object.
-@see aria-invalid
-@see aria-describedby.`,name:"aria-errormessage",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
-@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},value:{defaultValue:null,description:"Controlled value of the select",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"Default value when uncontrolled",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},placeholder:{defaultValue:null,description:"Placeholder text when no value is selected",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"Whether the select is disabled",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"Callback when value changes",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},children:{defaultValue:null,description:"Items to display in the select",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"Dataset for the trigger element",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},icon:{defaultValue:null,description:"Icon to display on the left side",name:"icon",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},name:{defaultValue:null,description:"HTML name attribute",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"Whether the select is required",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ve=n.forwardRef(function({id:s,label:e,description:u,error:l,required:c,dataset:a,hideLabel:r,hasError:o,useLegacyRequiredLabel:p,inputDataset:g,...y},I){return i.jsx(xt,{id:s,label:e,description:u,error:l,hasError:o,required:c,dataset:a,hideLabel:r,useLegacyRequiredLabel:p,preplyDsComponent:Re.SelectField,children:i.jsx(Ie,{ref:I,dataset:g,...y})})}),Me=Ce,qe=_e;try{Ve.displayName="SelectField",Ve.__docgenInfo={description:"",displayName:"SelectField",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},id:{defaultValue:null,description:`The id to be passed to the input element.
-If not provided, will be generated for accessibility purposes.`,name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:`Indicates if the field is required. When false, adds a "Optional"
-indicator next to the label.
-Whether the select is required`,name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"Whether the field has an error.\n@deprecated Use `error` prop to explicitly describe the error to users",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<HTMLDivElement>"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},description:{defaultValue:null,description:`Additional descriptive text that appears below the input field
-to provide more context or instructions to the user.`,name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},error:{defaultValue:null,description:"Error message to display when the field has an invalid value.",name:"error",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},useLegacyRequiredLabel:{defaultValue:null,description:`When true, adds a "Required" indicator next to the label for the required fields.
-When false, adds a "Optional" indicator next to the label for the optional fields instead.
-@deprecated This is a temporary solution for gradual migration to the "Optional" label.`,name:"useLegacyRequiredLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},children:{defaultValue:null,description:"Items to display in the select",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},placeholder:{defaultValue:null,description:"Placeholder text when no value is selected",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"Whether the select is disabled",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"HTML name attribute",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLButtonElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLButtonElement>"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
-@see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
-@see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
-@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLButtonElement>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<HTMLButtonElement>"}]}},defaultValue:{defaultValue:null,description:"Default value when uncontrolled",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-errormessage":{defaultValue:null,description:`Identifies the element that provides an error message for the object.
-@see aria-invalid
-@see aria-describedby.`,name:"aria-errormessage",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
-@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},icon:{defaultValue:null,description:"Icon to display on the left side",name:"icon",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},onValueChange:{defaultValue:null,description:"Callback when value changes",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: string) => void"}]}},value:{defaultValue:null,description:"Controlled value of the select",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},inputDataset:{defaultValue:null,description:"Dataset for the input element",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}try{Me.displayName="SelectFieldOption",Me.__docgenInfo={description:"",displayName:"SelectFieldOption",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},leadingIcon:{defaultValue:null,description:"",name:"leadingIcon",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}try{qe.displayName="SelectFieldGroup",qe.__docgenInfo={description:"",displayName:"SelectFieldGroup",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}}}}}catch{}export{qe as S,Me as a,Ve as b};