@skdx/react 0.28.0 → 0.30.0

package/dist/select/Select.cjs

@@ -1 +1,2 @@
-"use strict";var Ut=Object.create;var q=Object.defineProperty;var _t=Object.getOwnPropertyDescriptor;var Wt=Object.getOwnPropertyNames;var Yt=Object.getPrototypeOf,Zt=Object.prototype.hasOwnProperty;var zt=(t,o)=>{for(var e in o)q(t,e,{get:o[e],enumerable:!0})},ge=(t,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let m of Wt(o))!Zt.call(t,m)&&m!==e&&q(t,m,{get:()=>o[m],enumerable:!(s=_t(o,m))||s.enumerable});return t};var h=(t,o,e)=>(e=t!=null?Ut(Yt(t)):{},ge(o||!t||!t.__esModule?q(e,"default",{value:t,enumerable:!0}):e,t)),Jt=t=>ge(q({},"__esModule",{value:!0}),t);var jt={};zt(jt,{OPTION_SELECTOR:()=>A,Select:()=>gt,SelectContent:()=>U,SelectGroup:()=>W,SelectGroupProvider:()=>we,SelectIcon:()=>Y,SelectItem:()=>Z,SelectItemIndicator:()=>z,SelectItemProvider:()=>Ve,SelectItemText:()=>J,SelectLabel:()=>Q,SelectPortal:()=>X,SelectProvider:()=>yt,SelectSeparator:()=>bt,SelectTrigger:()=>$,SelectValue:()=>j,SelectViewport:()=>ee,useSelectContext:()=>I,useSelectGroupContext:()=>ae,useSelectItemContext:()=>G});module.exports=Jt(jt);var i=h(require("react"),1),mt=require("../utils/createContext.cjs"),te=require("../utils/formControl.cjs"),dt=require("../utils/hiddenInput.cjs"),pt=require("../utils/popper.cjs"),ft=require("../utils/useControllableState.cjs"),ut=require("../utils/useFocusTrap.cjs"),St=require("../utils/useOpenChangeComplete.cjs"),Rt=require("../utils/useSelection.cjs");var st=h(require("react"),1);var B=h(require("react"),1),he=require("../utils/composeRefs.cjs"),Ie=require("../utils/part.cjs"),Pe=require("../utils/popper.cjs"),be=require("../utils/primitive.cjs"),xe=require("../utils/useDismiss.cjs");var ve=require("react/jsx-runtime");function Qt(t,o){let e=t.querySelector('[data-part="viewport"]')??t;if(e===o||!e.contains(o))return;let s=e.getBoundingClientRect(),m=o.getBoundingClientRect();e.scrollTop+=m.top-s.top-(s.height-m.height)/2}var U=B.forwardRef(({forceMount:t,side:o="bottom",align:e="start",sideOffset:s=4,onEscapeKeyDown:m,onPointerDownOutside:a,onFocusOutside:y,onInteractOutside:S,onCloseAutoFocus:f,...n},d)=>{let c=I("SelectContent"),v=(0,he.useComposedRefs)(d,c.contentRef);c.closeAutoFocusRef.current=f,(0,xe.useDismiss)({enabled:c.open,onEscapeKeyDown:l=>{m?.(l),!l.defaultPrevented&&(c.onOpenChange(!1),c.focusTrigger())},onInteractOutside:S,onPointerDownOutside:l=>{a?.(l),l.defaultPrevented||c.onOpenChange(!1)},onFocusOutside:l=>{y?.(l),l.defaultPrevented||c.onOpenChange(!1)}},[c.contentRef,c.triggerRef]);let{setActiveId:C,openIntentRef:r}=c;return B.useEffect(()=>{if(!c.open)return;let l=requestAnimationFrame(()=>{let g=c.contentRef.current;if(!g)return;let P=r.current;r.current="selected";let u=Array.from(g.querySelectorAll(A)),M=u[0],oe=u[u.length-1],K=g.querySelector('[role="option"][data-state="checked"]'),H=P==="first"?M:P==="last"?oe:K??M;H&&(C(H.id),Qt(g,H))});return()=>cancelAnimationFrame(l)},[c.open,c.contentRef,C,r]),t||c.open?(0,ve.jsx)(Pe.PopperContent,{component:"select",role:"listbox",id:c.contentId,"aria-multiselectable":c.multiple?!0:void 0,"data-state":c.open?"open":"closed","data-multiple":c.multiple?"":void 0,tabIndex:-1,side:o,align:e,sideOffset:s,...n,...(0,Ie.skdxPart)("select","content",n.className),ref:v,onMouseDown:(0,be.composeEventHandlers)(n.onMouseDown,l=>l.preventDefault())}):null});U.displayName="SelectContent";var _=h(require("react"),1),Ce=require("../utils/createContext.cjs"),Oe=require("../utils/part.cjs"),Te=require("../utils/primitive.cjs"),ne=require("react/jsx-runtime"),[we,ae]=(0,Ce.createSafeContext)("SelectGroup",{labelId:null}),W=_.forwardRef((t,o)=>{let e=_.useId();return(0,ne.jsx)(we,{labelId:e,children:(0,ne.jsx)(Te.Primitive.div,{role:"group","aria-labelledby":e,...t,...(0,Oe.skdxPart)("select","group",t.className),ref:o})})});W.displayName="SelectGroup";var Ee=h(require("react"),1),ke=require("../utils/part.cjs"),Le=require("../utils/primitive.cjs"),Me=require("react/jsx-runtime"),Y=Ee.forwardRef(({children:t,...o},e)=>(0,Me.jsx)(Le.Primitive.span,{"aria-hidden":!0,...o,...(0,ke.skdxPart)("select","icon",o.className),ref:e,children:t??"\u25BE"}));Y.displayName="SelectIcon";var w=h(require("react"),1),He=require("../utils/createContext.cjs"),De=require("../utils/part.cjs"),N=require("../utils/primitive.cjs");var ce=require("react/jsx-runtime"),[Ve,G]=(0,He.createSafeContext)("SelectItem"),Z=w.forwardRef(({value:t,disabled:o,textValue:e,...s},m)=>{let a=I("SelectItem"),y=w.useId(),S=a.isSelected(t),f=a.activeId===y,{registerOptionLabel:n}=a,d=w.useCallback(v=>n(t,e??v),[n,t,e]),c=()=>{o||(a.selectItem(t),a.closeOnSelect&&(a.onOpenChange(!1),a.focusTrigger()))};return(0,ce.jsx)(Ve,{value:t,selected:S,registerText:d,children:(0,ce.jsx)(N.Primitive.div,{role:"option",id:y,"data-value":t,"aria-selected":S,"data-state":S?"checked":"unchecked","data-highlighted":f?"":void 0,"data-text-value":e,"aria-disabled":o||void 0,"data-disabled":o?"":void 0,...s,...(0,De.skdxPart)("select","item",s.className),ref:m,onClick:(0,N.composeEventHandlers)(s.onClick,c),onPointerEnter:(0,N.composeEventHandlers)(s.onPointerEnter,()=>{o||a.setActiveId(y)})})})});Z.displayName="SelectItem";var Ae=h(require("react"),1),Ne=require("../utils/part.cjs"),Ge=require("../utils/primitive.cjs");var Fe=require("react/jsx-runtime"),z=Ae.forwardRef(({forceMount:t,...o},e)=>{let s=G("SelectItemIndicator");return t||s.selected?(0,Fe.jsx)(Ge.Primitive.span,{"aria-hidden":!0,...o,...(0,Ne.skdxPart)("select","item-indicator",o.className),ref:e}):null});z.displayName="SelectItemIndicator";var E=h(require("react"),1),Ke=require("../utils/composeRefs.cjs"),qe=require("../utils/part.cjs"),Be=require("../utils/primitive.cjs");var Ue=require("react/jsx-runtime"),J=E.forwardRef(({children:t,...o},e)=>{let s=G("SelectItemText"),m=E.useRef(null),a=(0,Ke.useComposedRefs)(e,m);return E.useLayoutEffect(()=>{s.registerText(m.current?.textContent??"")}),(0,Ue.jsx)(Be.Primitive.span,{...o,...(0,qe.skdxPart)("select","item-text",o.className),ref:a,children:t})});J.displayName="SelectItemText";var _e=h(require("react"),1),We=require("../utils/part.cjs"),Ye=require("../utils/primitive.cjs");var Ze=require("react/jsx-runtime"),Q=_e.forwardRef((t,o)=>{let e=ae("SelectLabel");return(0,Ze.jsx)(Ye.Primitive.div,{id:e.labelId??void 0,...t,...(0,We.skdxPart)("select","label",t.className),ref:o})});Q.displayName="SelectLabel";var ze=require("../utils/portal.cjs");var Je=require("react/jsx-runtime"),X=({forceMount:t,children:o,...e})=>{let s=I("SelectPortal");return t||s.open?(0,Je.jsx)(ze.Portal,{...e,children:o}):null};X.displayName="SelectPortal";var b=h(require("react"),1),Xe=require("../utils/composeRefs.cjs"),$e=require("../utils/part.cjs"),je=require("../utils/popper.cjs"),F=require("../utils/primitive.cjs"),et=require("../utils/useRovingFocus.cjs"),k=require("../utils/useTypeahead.cjs");var se=require("react/jsx-runtime"),Qe=10,Xt={ArrowDown:"first",Home:"first",ArrowUp:"last",End:"last",Enter:"selected"," ":"selected"},$=b.forwardRef((t,o)=>{let e=I("SelectTrigger"),s=(0,Xe.useComposedRefs)(o,e.triggerRef),m=e.disabled||t.disabled,a=b.useRef(e.collection);a.current=e.collection.filter(r=>!r.disabled);let y=(0,k.useTypeahead)(b.useCallback(()=>a.current.map(r=>r.label??r.value),[])),S=b.useRef([]),f=(0,k.useTypeahead)(b.useCallback(()=>S.current.map(r=>(0,et.itemText)(r)),[])),n=r=>{r&&(e.setActiveId(r.id),r.scrollIntoView?.({block:"nearest"}))},d=r=>{let l=r?.getAttribute("data-value");l!=null&&(e.selectItem(l),e.closeOnSelect&&e.onOpenChange(!1))},c=r=>{let l=r?.getAttribute("data-value");l!=null&&(e.multiple&&e.isSelected(l)||e.selectItem(l))},v=r=>{let l=Array.from(e.contentRef.current?.querySelectorAll(A)??[]);S.current=l;let g=l.findIndex(u=>u.id===e.activeId);if(r.altKey&&(r.key==="ArrowUp"||r.key==="ArrowDown")){r.preventDefault(),r.key==="ArrowUp"&&(d(l[g]),e.onOpenChange(!1));return}if(r.key==="ArrowDown"||r.key==="ArrowUp"){if(r.preventDefault(),l.length===0)return;let u=r.key==="ArrowDown"?1:-1;n(l[Math.min(l.length-1,Math.max(0,g+u))]);return}if(r.key==="PageDown"||r.key==="PageUp"){if(r.preventDefault(),l.length===0)return;let u=r.key==="PageDown"?Qe:-Qe;n(l[Math.min(l.length-1,Math.max(0,g+u))]);return}if(r.key==="Home"||r.key==="End"){r.preventDefault(),n(r.key==="Home"?l[0]:l[l.length-1]);return}if(r.key==="Enter"||r.key===" "){r.preventDefault(),d(l[g]);return}if(r.key==="Tab"){c(l[g]),e.onOpenChange(!1);return}if(!(0,k.isTypeaheadKey)(r))return;r.preventDefault();let P=f(r.key,g);P!==-1&&n(l[P])},C=t["aria-label"]===void 0&&e.hasValuePart?[t["aria-labelledby"],e.valueId].filter(Boolean).join(" "):t["aria-labelledby"];return(0,se.jsx)(je.PopperAnchor,{asChild:!0,children:(0,se.jsx)(F.Primitive.button,{type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":e.open,"aria-controls":e.contentId,"aria-activedescendant":e.activeId??void 0,"aria-required":e.required||void 0,"aria-invalid":e.invalid?!0:void 0,"aria-readonly":e.readOnly?!0:void 0,"data-state":e.open?"open":"closed","data-disabled":m?"":void 0,"data-readonly":e.readOnly?"":void 0,"data-invalid":e.invalid?"":void 0,"data-placeholder":e.selectedValues.length===0?"":void 0,"data-multiple":e.multiple?"":void 0,disabled:m,...t,"aria-labelledby":C,...(0,$e.skdxPart)("select","trigger",t.className),ref:s,onClick:(0,F.composeEventHandlers)(t.onClick,()=>e.onOpenChange(!e.open)),onKeyDown:(0,F.composeEventHandlers)(t.onKeyDown,r=>{if(e.open){v(r);return}let l=Xt[r.key];if(r.altKey&&r.key==="ArrowUp")return;if(l!==void 0){r.preventDefault(),e.openIntentRef.current=r.altKey&&r.key==="ArrowDown"?"selected":l,e.onOpenChange(!0);return}if(!(0,k.isTypeaheadKey)(r))return;if(r.preventDefault(),e.multiple){e.onOpenChange(!0);return}let g=a.current.findIndex(u=>e.isSelected(u.value)),P=y(r.key,g);P!==-1&&e.selectItem(a.current[P].value)})})})});$.displayName="SelectTrigger";var x=h(require("react"),1),tt=require("../utils/part.cjs"),ot=require("../utils/primitive.cjs");var ie=require("react/jsx-runtime"),j=x.forwardRef(({placeholder:t,children:o,...e},s)=>{let{selectedValues:m,multiple:a,getOptionLabel:y,valueId:S,setHasValuePart:f}=I("SelectValue");x.useEffect(()=>(f(!0),()=>f(!1)),[f]);let n,d=!1;return!e.asChild&&o!==void 0?n=o:m.length===0?(n=t,d=!0):a?n=m.map(c=>(0,ie.jsx)("span",{"data-chip":"","data-value":c,children:y(c)},c)):n=y(m[0]),(0,ie.jsx)(ot.Primitive.span,{id:S,"data-multiple":a?"":void 0,"data-placeholder":d?"":void 0,...e,...(0,tt.skdxPart)("select","value",e.className),ref:s,style:{pointerEvents:"none",...e.style},children:e.asChild&&x.isValidElement(o)?x.cloneElement(o,void 0,n):n})});j.displayName="SelectValue";var rt=h(require("react"),1),lt=require("../utils/part.cjs"),nt=require("../utils/primitive.cjs"),at=require("react/jsx-runtime"),ee=rt.forwardRef((t,o)=>(0,at.jsx)(nt.Primitive.div,{...t,...(0,lt.skdxPart)("select","viewport",t.className),ref:o,style:{overflow:"auto",...t.style}}));ee.displayName="SelectViewport";var R=require("react/jsx-runtime"),ct=t=>"options"in t,it=({options:t,renderOption:o,renderValue:e,placeholder:s,passThrough:m})=>{let a=I("Select"),y=st.useMemo(()=>{let n=new Map;for(let d of t)for(let c of ct(d)?d.options:[d])n.set(c.value,c);return n},[t]),S=n=>(0,R.jsxs)(Z,{value:n.value,disabled:n.disabled,textValue:n.label,children:[(0,R.jsx)(z,{children:"\u2713"}),(0,R.jsx)(J,{children:o?o(n,{selected:a.isSelected(n.value)}):n.label??n.value})]},n.value),f;if(e){let n=a.multiple?a.selectedValues.map(d=>y.get(d)??{value:d}):y.get(a.selectedValues[0]??"")??(a.selectedValues[0]?{value:a.selectedValues[0]}:null);f=e(n)}return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)($,{...m,children:[(0,R.jsx)(j,{placeholder:s,children:f}),(0,R.jsx)(Y,{})]}),(0,R.jsx)(X,{children:(0,R.jsx)(U,{children:(0,R.jsx)(ee,{children:t.map(n=>ct(n)?(0,R.jsxs)(W,{children:[(0,R.jsx)(Q,{children:n.label}),n.options.map(S)]},n.label):S(n))})})})]})};var L=require("react/jsx-runtime");function $t(t){let o=[];for(let e of t)for(let s of"options"in e?e.options:[e])o.push(s);return o}var A='[role="option"]:not([data-disabled])',[yt,I]=(0,mt.createSafeContext)("Select"),gt=i.forwardRef(function({children:o,value:e,defaultValue:s,onValueChange:m,multiple:a=!1,deselectable:y=!1,items:S,options:f,renderOption:n,renderValue:d,placeholder:c,closeOnSelect:v=!a,open:C,defaultOpen:r=!1,onOpenChange:l,onOpenChangeComplete:g,disabled:P=!1,readOnly:u=!1,required:M=!1,invalid:oe=!1,name:K,form:H,autoComplete:vt,...Ct},Ot){let re=i.useRef(null),me=i.useRef(null),de=i.useRef(null),{selectedValues:pe,isSelected:Tt,selectItem:fe,setSelection:wt}=(0,Rt.useSelection)({value:e,defaultValue:s,onValueChange:m,multiple:a,deselectable:y,label:"Select"}),[O=!1,ue]=(0,ft.useControllableState)({prop:C,defaultProp:r,onChange:l}),Et=i.useCallback(p=>{u&&p||ue(p)},[u,ue]),kt=i.useCallback(p=>{u||fe(p)},[u,fe]);(0,St.useOpenChangeComplete)(O,me,g);let Se=i.useRef(void 0),Lt=i.useCallback(()=>{(0,ut.autoFocusEvent)("close-auto-focus",Se.current)&&re.current?.focus()},[]),[Mt,Re]=i.useState(null),[Ht,Dt]=i.useState(O);O!==Ht&&(Dt(O),O||Re(null));let Vt=i.useRef("selected"),At=i.useId(),[Nt,Gt]=i.useState(!1),[D,Ft]=i.useState(new Map),Kt=i.useCallback((p,T)=>{Ft(le=>{if(le.get(p)===T)return le;let ye=new Map(le);return ye.set(p,T),ye})},[]),V=i.useMemo(()=>S??(f?$t(f):void 0),[S,f]),qt=i.useMemo(()=>V?V.map(p=>({...p,label:D.get(p.value)??p.label??p.value})):[...D].map(([p,T])=>({value:p,label:T})),[V,D]),Bt=i.useCallback(p=>D.get(p)??V?.find(T=>T.value===p)?.label??p,[D,V]);return i.useImperativeHandle(Ot,()=>(0,te.formValidityHandle)(de),[]),(0,te.useFormReset)(re,()=>{s!==void 0&&wt(s)}),(0,L.jsx)(pt.PopperRoot,{children:(0,L.jsxs)(yt,{triggerRef:re,focusTrigger:Lt,closeAutoFocusRef:Se,contentRef:me,contentId:i.useId(),valueId:At,hasValuePart:Nt,setHasValuePart:Gt,activeId:Mt,setActiveId:Re,openIntentRef:Vt,multiple:a,closeOnSelect:v,selectedValues:pe,isSelected:Tt,selectItem:kt,open:O,onOpenChange:Et,disabled:P,readOnly:u,required:M,invalid:oe,name:K,registerOptionLabel:Kt,getOptionLabel:Bt,collection:qt,children:[o??(0,L.jsx)(it,{options:f??[],renderOption:n,renderValue:d,placeholder:c,passThrough:Ct}),(0,L.jsx)(dt.MirroredValues,{name:K,values:pe,required:M,disabled:P,form:H,autoComplete:vt,singleValued:!a,controlRef:de})]})})});gt.displayName="Select";var ht=h(require("react"),1),It=require("../utils/part.cjs"),Pt=require("../utils/primitive.cjs"),xt=require("react/jsx-runtime"),bt=ht.forwardRef((t,o)=>(0,xt.jsx)(Pt.Primitive.div,{"aria-hidden":!0,...t,...(0,It.skdxPart)("select","separator",t.className),ref:o}));bt.displayName="SelectSeparator";0&&(module.exports={OPTION_SELECTOR,Select,SelectContent,SelectGroup,SelectGroupProvider,SelectIcon,SelectItem,SelectItemIndicator,SelectItemProvider,SelectItemText,SelectLabel,SelectPortal,SelectProvider,SelectSeparator,SelectTrigger,SelectValue,SelectViewport,useSelectContext,useSelectGroupContext,useSelectItemContext});
+'use client';
+"use strict";var Qn=Object.create;var Y=Object.defineProperty;var Yn=Object.getOwnPropertyDescriptor;var Zn=Object.getOwnPropertyNames;var jn=Object.getPrototypeOf,eo=Object.prototype.hasOwnProperty;var to=(e,n)=>{for(var t in n)Y(e,t,{get:n[t],enumerable:!0})},We=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of Zn(n))!eo.call(e,o)&&o!==t&&Y(e,o,{get:()=>n[o],enumerable:!(r=Yn(n,o))||r.enumerable});return e};var D=(e,n,t)=>(t=e!=null?Qn(jn(e)):{},We(n||!e||!e.__esModule?Y(t,"default",{value:e,enumerable:!0}):t,e)),no=e=>We(Y({},"__esModule",{value:!0}),e);var xo={};to(xo,{OPTION_SELECTOR:()=>re,Select:()=>pn,SelectAll:()=>j,SelectClear:()=>te,SelectContent:()=>oe,SelectEmpty:()=>le,SelectGroup:()=>ae,SelectGroupProvider:()=>it,SelectIcon:()=>ce,SelectInput:()=>se,SelectItem:()=>ie,SelectItemIndicator:()=>de,SelectItemProvider:()=>It,SelectItemText:()=>me,SelectLabel:()=>fe,SelectPortal:()=>pe,SelectProvider:()=>fn,SelectSeparator:()=>yn,SelectTag:()=>Se,SelectTagList:()=>ge,SelectTagRemove:()=>ye,SelectTrigger:()=>Re,SelectValue:()=>be,SelectViewport:()=>he,defaultGetSelectionLabel:()=>mn,selectSelectionKeyAction:()=>$,useSelectContext:()=>C,useSelectGroupContext:()=>Ee,useSelectItemContext:()=>_});module.exports=no(xo);var c=D(require("react"),1),rn=require("../utils/createContext.cjs"),ln=require("../utils/dismissal.cjs"),Ce=require("../utils/formControl.cjs"),an=require("../utils/hiddenInput.cjs"),cn=require("../utils/liveAnnouncer.cjs"),sn=require("../utils/popper.cjs"),G=require("../utils/recipeAxis.cjs"),J=require("../utils/scoredFilter.cjs"),Ie=require("../utils/selection.cjs"),He=require("../utils/useControllableState.cjs"),dn=require("../utils/useOpenChangeComplete.cjs"),un=require("../utils/useSelection.cjs");var tn=require("../utils/Glyph.cjs");var Je=require("../utils/part.cjs"),Z=require("../utils/primitive.cjs");var Xe=require("react/jsx-runtime"),j=({ref:e,...n})=>{let t=C("SelectAll");if(!t.multiple||!t.allowSelectAll)return null;let r=t.orderedOptions().map(l=>l.dataset.value??"").filter(Boolean),o=r.length>0&&r.every(l=>t.selectedValues.includes(l));return(0,Xe.jsx)(Z.Primitive.div,{role:"option","aria-selected":o,"data-state":o?"checked":"unchecked",...n,...(0,Je.skdxPart)("select","select-all",n.className),ref:e,onClick:(0,Z.composeEventHandlers)(n.onClick,()=>t.selectAllOrClear())})};j.displayName="SelectAll";var $e=require("../utils/part.cjs"),ee=require("../utils/primitive.cjs");var Ue=require("react/jsx-runtime"),te=({ref:e,...n})=>{let t=C("SelectClear"),r=t.selectedValues.length===0&&t.inputValue==="",o=n["aria-label"]!==void 0||n["aria-labelledby"]!==void 0;return(0,Ue.jsx)(ee.Primitive.button,{type:"button","aria-label":o?void 0:"Clear selection",disabled:t.disabled||t.readOnly||r,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...n,...(0,$e.skdxPart)("select","clear",n.className),ref:e,onClick:(0,ee.composeEventHandlers)(n.onClick,()=>{t.clear(),(t.inputRef.current??t.triggerRef.current)?.focus()})})};te.displayName="SelectClear";var ne=D(require("react"),1),_e=require("../utils/appearance.cjs"),Qe=require("../utils/composeRefs.cjs"),Ye=require("../utils/part.cjs"),Ze=require("../utils/popper.cjs"),je=require("../utils/primitive.cjs"),et=require("../utils/useDismiss.cjs");var tt=require("react/jsx-runtime");function oo(e,n){let t=e.querySelector('[data-part="viewport"]')??e;if(t===n||!t.contains(n))return;let r=t.getBoundingClientRect(),o=n.getBoundingClientRect();t.scrollTop+=o.top-r.top-(r.height-o.height)/2}var oe=({forceMount:e,side:n="bottom",align:t="start",sideOffset:r=4,onEscapeKeyDown:o,onPointerDownOutside:l,onFocusOutside:p,onInteractOutside:S,onCloseAutoFocus:f,ref:u,matchWidth:b,...d})=>{let a=C("SelectContent"),s=(0,Qe.useComposedRefs)(u,a.contentRef),{closeAutoFocusRef:g}=a;ne.useInsertionEffect(()=>{g.current=f}),(0,et.useDismiss)({enabled:a.open,onEscapeKeyDown:I=>{o?.(I),!I.defaultPrevented&&(a.onOpenChange(!1),a.focusTrigger())},onInteractOutside:S,onPointerDownOutside:I=>{l?.(I),I.defaultPrevented||a.onOpenChange(!1)},onFocusOutside:I=>{p?.(I),I.defaultPrevented||a.onOpenChange(!1)}},[a.contentRef,a.triggerRef,a.inputRef]);let{setActiveId:y,openIntentRef:v,filterable:O}=a;return ne.useEffect(()=>{if(!a.open)return;let I=requestAnimationFrame(()=>{let i=a.contentRef.current;if(!i)return;let E=v.current;if(v.current="selected",O&&E==="selected")return;let k=Array.from(i.querySelectorAll(re)),w=k[0],m=k[k.length-1],x=i.querySelector('[role="option"][data-state="checked"]')??w;E==="first"?x=w:E==="last"&&(x=m),x&&(y(x.id),oo(i,x))});return()=>cancelAnimationFrame(I)},[a.open,a.contentRef,y,v,O]),e||a.open?(0,tt.jsx)(Ze.PopperContent,{component:"select",role:"listbox",id:a.contentId,"aria-multiselectable":a.multiple?!0:void 0,"aria-busy":a.loading?!0:void 0,"data-state":a.open?"open":"closed","data-multiple":a.multiple?"":void 0,"data-loading":a.loading?"":void 0,tabIndex:-1,side:n,align:t,sideOffset:r,...d,...(0,_e.appearanceAttrs)({matchWidth:b},d),...(0,Ye.skdxPart)("select","content",d.className),ref:s,onMouseDown:(0,je.composeEventHandlers)(d.onMouseDown,I=>I.preventDefault())}):null};oe.displayName="SelectContent";var nt=require("../utils/part.cjs"),ot=require("../utils/primitive.cjs");var rt=require("react/jsx-runtime"),le=({ref:e,...n})=>{let t=C("SelectEmpty");return t.open&&t.itemCount===0?(0,rt.jsx)(ot.Primitive.div,{role:"presentation","aria-live":"polite",...n,...(0,nt.skdxPart)("select","empty",n.className),ref:e}):null};le.displayName="SelectEmpty";var lt=D(require("react"),1),at=require("../utils/createContext.cjs"),ct=require("../utils/part.cjs"),st=require("../utils/primitive.cjs"),Te=require("react/jsx-runtime"),[it,Ee]=(0,at.createSafeContext)("SelectGroup",{labelId:null}),ae=({ref:e,...n})=>{let t=lt.useId();return(0,Te.jsx)(it,{labelId:t,children:(0,Te.jsx)(st.Primitive.div,{role:"group","aria-labelledby":t,...n,...(0,ct.skdxPart)("select","group",n.className),ref:e})})};ae.displayName="SelectGroup";var dt=require("../utils/part.cjs"),ut=require("../utils/primitive.cjs"),mt=require("react/jsx-runtime"),ce=({children:e,ref:n,...t})=>(0,mt.jsx)(ut.Primitive.span,{"aria-hidden":!0,...t,...(0,dt.skdxPart)("select","icon",t.className),ref:n,children:e??"\u25BE"});ce.displayName="SelectIcon";var ft=require("../utils/composeRefs.cjs"),pt=require("../utils/part.cjs"),St=require("../utils/popper.cjs"),F=require("../utils/primitive.cjs");var Ae=require("react/jsx-runtime");function gt(e){return e.scrollIntoView?.({block:"nearest"}),e.id}function yt(e,n){let t=e.orderedOptions();if(t.length===0)return null;let r=t.findIndex(p=>p.id===e.activeId),o=Math.min(t.length-1,Math.max(0,r+n)),l=t[o];return e.setActiveId(l.id),gt(l)}function ro(e,n){let t=e.orderedOptions();if(t.length===0)return;let r=n==="last"?t[t.length-1]:t[0];e.setActiveId(r.id),gt(r)}function lo(e,n){let t=e.activeId,r=yt(e,n);if(r===null||r===t)return;let o=e.getItem(r);o&&e.selectItem(o.value,"keyboard")}function ao(e,n){if(!e.open||!e.multiple)return!1;let t=$(n,{allowSelectAll:e.allowSelectAll,hasActive:e.activeId!==null});return t?(n.preventDefault(),t.kind==="extend"?lo(e,t.direction):t.kind==="range"?e.selectRange():t.kind==="sweep"?e.selectToEdge(t.edge):e.selectAllOrClear(),!0):!1}function co(e,n){if(n.key!=="ArrowDown"&&n.key!=="ArrowUp")return!1;n.preventDefault();let t=n.key==="ArrowDown"?1:-1;return e.open?(yt(e,t),!0):(e.openIntentRef.current=t===1?"first":"last",e.onOpenChange(!0),!0)}function so(e,n){if(n.key==="Home"||n.key==="End"){if(!e.open)return;n.preventDefault(),ro(e,n.key==="Home"?"first":"last")}else if(n.key==="Enter"){let t=e.activeId?e.getItem(e.activeId):void 0;if(!t)return;n.preventDefault(),e.selectItem(t.value,"keyboard"),e.closeOnSelect&&e.onOpenChange(!1)}else n.key==="Escape"?e.open&&!e.contentRef.current&&(n.preventDefault(),e.onOpenChange(!1)):n.key==="Backspace"&&e.inputValue===""&&e.removeLast()}var se=({ref:e,...n})=>{let t=C("SelectInput"),r=(0,ft.useComposedRefs)(e,t.inputRef);return(0,Ae.jsx)(St.PopperAnchor,{asChild:!0,children:(0,Ae.jsx)(F.Primitive.input,{type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":t.open,"aria-controls":t.contentId,"aria-autocomplete":"list","aria-activedescendant":t.activeId??void 0,autoComplete:"off",disabled:t.disabled,readOnly:t.readOnly,"aria-required":t.required||void 0,"aria-invalid":t.invalid?!0:void 0,"aria-readonly":t.readOnly?!0:void 0,"aria-busy":t.loading?!0:void 0,"data-invalid":t.invalid?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-disabled":t.disabled?"":void 0,"data-loading":t.loading?"":void 0,"data-multiple":t.multiple?"":void 0,"data-state":t.open?"open":"closed",...n,...(0,pt.skdxPart)("select","input",n.className),ref:r,value:t.inputValue,onChange:(0,F.composeEventHandlers)(n.onChange,o=>{t.setInputValue(o.target.value),t.open||t.onOpenChange(!0)}),onBlur:(0,F.composeEventHandlers)(n.onBlur,()=>{t.open&&t.onOpenChange(!1)}),onKeyDown:(0,F.composeEventHandlers)(n.onKeyDown,o=>{t.disabled||ao(t,o)||co(t,o)||so(t,o)})})})};se.displayName="SelectInput";var M=D(require("react"),1),Rt=require("../utils/composeRefs.cjs"),bt=require("../utils/createContext.cjs"),ht=require("../utils/part.cjs"),U=require("../utils/primitive.cjs"),Ct=require("../utils/useOptionCollection.cjs");var Le=require("react/jsx-runtime"),[It,_]=(0,bt.createSafeContext)("SelectItem"),ie=({value:e,disabled:n,textValue:t,ref:r,...o})=>{let l=C("SelectItem"),p=M.useId(),S=M.useRef(null),f=(0,Rt.useComposedRefs)(r,S),u=l.isSelected(e),b=l.activeId===p,[d,a]=M.useState(void 0),{registerOptionLabel:s}=l,g=M.useCallback(i=>{s(e,t??i),a(i)},[s,e,t]),{visible:y}=(0,Ct.useOptionEntry)({id:p,value:e,textValue:t??d,itemRef:S,matchesFilter:l.matchesFilter,registerItem:l.registerItem,unregisterItem:l.unregisterItem}),v=n||l.atMax&&!u,O=l.itemOrder?.get(p),I=()=>{v||(l.selectItem(e,"pointer"),l.closeOnSelect&&(l.onOpenChange(!1),l.focusTrigger()))};return y?(0,Le.jsx)(It,{value:e,selected:u,registerText:g,children:(0,Le.jsx)(U.Primitive.div,{role:"option",id:p,"data-value":e,"aria-selected":u,"data-state":u?"checked":"unchecked","data-highlighted":b?"":void 0,"data-text-value":t,"aria-disabled":v||void 0,"data-disabled":v?"":void 0,...o,...(0,ht.skdxPart)("select","item",o.className),ref:f,onClick:(0,U.composeEventHandlers)(o.onClick,I),onPointerEnter:(0,U.composeEventHandlers)(o.onPointerEnter,()=>{v||l.setActiveId(p)}),style:O!==void 0?{order:O,...o.style}:o.style})}):null};ie.displayName="SelectItem";var vt=require("../utils/part.cjs"),xt=require("../utils/primitive.cjs");var Pt=require("react/jsx-runtime"),de=({forceMount:e,ref:n,...t})=>{let r=_("SelectItemIndicator");return e||r.selected?(0,Pt.jsx)(xt.Primitive.span,{"aria-hidden":!0,...t,...(0,vt.skdxPart)("select","item-indicator",t.className),ref:n}):null};de.displayName="SelectItemIndicator";var ue=D(require("react"),1),Ot=require("../utils/composeRefs.cjs"),kt=require("../utils/part.cjs"),Tt=require("../utils/primitive.cjs");var Et=require("react/jsx-runtime"),me=({children:e,ref:n,...t})=>{let r=_("SelectItemText"),o=ue.useRef(null),l=(0,Ot.useComposedRefs)(n,o);return ue.useLayoutEffect(()=>{r.registerText(o.current?.textContent??"")}),(0,Et.jsx)(Tt.Primitive.span,{...t,...(0,kt.skdxPart)("select","item-text",t.className),ref:l,children:e})};me.displayName="SelectItemText";var At=require("../utils/part.cjs"),Lt=require("../utils/primitive.cjs");var wt=require("react/jsx-runtime"),fe=({ref:e,...n})=>{let t=Ee("SelectLabel");return(0,wt.jsx)(Lt.Primitive.div,{id:t.labelId??void 0,...n,...(0,At.skdxPart)("select","label",n.className),ref:e})};fe.displayName="SelectLabel";var Nt=require("../utils/portal.cjs");var Vt=require("react/jsx-runtime"),pe=({forceMount:e,children:n,...t})=>{let r=C("SelectPortal");return e||r.open?(0,Vt.jsx)(Nt.Portal,{...t,children:n}):null};pe.displayName="SelectPortal";var Mt=require("../badge/Badge.cjs"),Ht=require("../utils/part.cjs");var Dt=require("react/jsx-runtime"),Se=({value:e,ref:n,...t})=>{let r=C("SelectTag"),o=r.selectedValues.indexOf(e);return(0,Dt.jsx)(Mt.Badge,{index:o,label:e,"data-value":e,"data-skdx-select-tag":"",onDelete:()=>r.deselect(e),...t,...(0,Ht.skdxPart)("select","tag",t.className),ref:n})};Se.displayName="SelectTag";var Kt=require("../tag-group/TagGroup.cjs"),Gt=require("../utils/part.cjs");var Bt=require("react/jsx-runtime"),ge=({ref:e,...n})=>{let t=C("SelectTagList");return(0,Bt.jsx)(Kt.TagGroup,{disabled:t.disabled||t.readOnly,...n,...(0,Gt.skdxPart)("select","tag-list",n.className),ref:e})};ge.displayName="SelectTagList";var Ft=require("../badge/Badge.cjs"),qt=require("../utils/part.cjs"),zt=require("react/jsx-runtime"),ye=({ref:e,...n})=>(0,zt.jsx)(Ft.BadgeDelete,{...n,...(0,qt.skdxPart)("select","tag-remove",n.className),ref:e});ye.displayName="SelectTagRemove";var L=D(require("react"),1),Wt=require("../utils/appearance.cjs"),Jt=require("../utils/composeRefs.cjs"),Xt=require("../utils/part.cjs"),$t=require("../utils/popper.cjs"),q=require("../utils/primitive.cjs"),K=require("../utils/select-keyboard.cjs"),Ut=require("../utils/typeahead.cjs"),we=require("../utils/useTypeahead.cjs");var Ne=require("react/jsx-runtime"),io=0;function uo(e){if(!e)return null;let n=e.getRootNode(),r=(e.id?Array.from(n.querySelectorAll("[for]")).find(o=>o.getAttribute("for")===e.id):void 0)??e.closest("label");return r?(r.id||(r.id=`skdx-select-label-${++io}`),r.id):null}var Re=({ref:e,shape:n,size:t,...r})=>{let o=C("SelectTrigger"),{openIntentRef:l}=o,[p,S]=L.useState(null),f=L.useCallback(m=>{S(m&&uo(m))},[]),u=(0,Jt.useComposedRefs)(e,o.triggerRef,f),b=o.disabled||r.disabled,d=L.useRef(o.collection);L.useInsertionEffect(()=>{d.current=o.collection.filter(m=>!m.disabled)});let a=(0,we.useTypeahead)(L.useCallback(()=>d.current.map(m=>m.label??m.value),[])),s=L.useRef([]),g=(0,we.useTypeahead)(L.useCallback(()=>s.current.map(m=>(0,Ut.itemText)(m)),[])),y=m=>{m&&(o.setActiveId(m.id),m.scrollIntoView?.({block:"nearest"}))},v=m=>{let R=m?.getAttribute("data-value");R!=null&&(o.selectItem(R,"keyboard"),o.closeOnSelect&&o.onOpenChange(!1))},O=m=>{let R=m?.getAttribute("data-value");R!=null&&(o.multiple&&o.isSelected(R)||o.selectItem(R,"keyboard"))},I=(m,R,x)=>{let P=Math.min(m.length-1,Math.max(0,R+x)),A=m[P];if(!A||P===R)return;y(A);let N=A.getAttribute("data-value");N!==null&&o.selectItem(N,"keyboard")},i=(m,R,x)=>{if(!o.multiple)return!1;let P=$(m,{allowSelectAll:o.allowSelectAll,hasActive:o.activeId!==null});return P?(m.preventDefault(),P.kind==="extend"?I(R,x,P.direction):P.kind==="range"?o.selectRange():P.kind==="sweep"?o.selectToEdge(P.edge):o.selectAllOrClear(),!0):!1},E=m=>{let R=o.orderedOptions();s.current=R;let x=R.findIndex(A=>A.id===o.activeId);if(i(m,R,x))return;let P=(0,K.selectOpenAction)(m,x,R.length);switch((0,K.selectKeyPrevented)(P)&&m.preventDefault(),P.kind){case"activate":y(R[P.index]);return;case"commit":v(R[x]);return;case"commit-and-close":v(R[x]),o.onOpenChange(!1);return;case"commit-on-exit":O(R[x]),o.onOpenChange(!1);return;case"typeahead":{let A=g(m.key,x);A!==-1&&y(R[A]);return}case"ignore":case"claim":return}},w=r["aria-label"]===void 0&&o.hasValuePart?[p,r["aria-labelledby"],o.valueId].filter(Boolean).join(" "):r["aria-labelledby"];return(0,Ne.jsx)($t.PopperAnchor,{asChild:!0,children:(0,Ne.jsx)(q.Primitive.button,{type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":o.open,"aria-controls":o.contentId,"aria-activedescendant":o.activeId??void 0,"aria-required":o.required||void 0,"aria-invalid":o.invalid?!0:void 0,"aria-readonly":o.readOnly?!0:void 0,"data-state":o.open?"open":"closed","data-disabled":b?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-invalid":o.invalid?"":void 0,"data-placeholder":o.selectedValues.length===0?"":void 0,"data-multiple":o.multiple?"":void 0,...r,disabled:b,"aria-labelledby":w,...(0,Wt.appearanceAttrs)({shape:n,size:t},r),...(0,Xt.skdxPart)("select","trigger",r.className),ref:u,onClick:(0,q.composeEventHandlers)(r.onClick,()=>o.onOpenChange(!o.open)),onKeyDown:(0,q.useComposedEventHandlers)(r.onKeyDown,m=>{if(o.open){E(m);return}let R=(0,K.selectClosedAction)(m,o.multiple);switch((0,K.selectKeyPrevented)(R)&&m.preventDefault(),R.kind){case"open":l.current=R.intent,o.onOpenChange(!0);return;case"open-for-typeahead":o.onOpenChange(!0);return;case"typeahead":{let x=d.current.findIndex(A=>o.isSelected(A.value)),P=a(m.key,x);P!==-1&&o.selectItem(d.current[P].value,"keyboard");return}case"ignore":return}})})})};Re.displayName="SelectTrigger";var z=D(require("react"),1),_t=require("../utils/part.cjs"),Qt=require("../utils/primitive.cjs");var Ve=require("react/jsx-runtime"),be=({placeholder:e,children:n,ref:t,...r})=>{let{selectedValues:o,multiple:l,getOptionLabel:p,valueId:S,setHasValuePart:f}=C("SelectValue");z.useEffect(()=>(f(!0),()=>f(!1)),[f]);let u,b=!1;return!r.asChild&&n!==void 0?u=n:o.length===0?(u=e,b=!0):l?u=o.map(d=>(0,Ve.jsx)("span",{"data-chip":"","data-value":d,children:p(d)},d)):u=p(o[0]),(0,Ve.jsx)(Qt.Primitive.span,{id:S,"data-multiple":l?"":void 0,"data-placeholder":b?"":void 0,...r,...(0,_t.skdxPart)("select","value",r.className),ref:t,style:{pointerEvents:"none",...r.style},children:r.asChild&&z.isValidElement(n)?z.cloneElement(n,void 0,u):u})};be.displayName="SelectValue";var Yt=require("../utils/part.cjs"),Zt=require("../utils/primitive.cjs"),jt=require("react/jsx-runtime"),he=({ref:e,...n})=>(0,jt.jsx)(Zt.Primitive.div,{...n,...(0,Yt.skdxPart)("select","viewport",n.className),ref:e,style:{overflow:"auto",...n.style}});he.displayName="SelectViewport";var h=require("react/jsx-runtime"),nn=e=>"options"in e;function mo(e){let n=new Map;for(let t of e)for(let r of nn(t)?t.options:[t])n.set(r.value,r);return n}var en=()=>(0,h.jsx)(tn.Glyph,{name:"close"}),on=({shape:e,size:n,status:t,density:r,matchWidth:o,options:l,renderOption:p,renderValue:S,renderTag:f,placeholder:u,clearable:b,ariaLabel:d,passThrough:a})=>{let s=C("Select"),g=mo(l),y=d??u,v=i=>(0,h.jsxs)(ie,{value:i.value,disabled:i.disabled,textValue:i.label,children:[(0,h.jsx)(me,{children:p?p(i,{selected:s.isSelected(i.value)}):i.label??i.value}),(0,h.jsx)(de,{children:"\u2713"})]},i.value),O;if(S){let i=s.multiple?s.selectedValues.map(E=>g.get(E)??{value:E}):g.get(s.selectedValues[0]??"")??(s.selectedValues[0]?{value:s.selectedValues[0]}:null);O=S(i)}let I=i=>f?f(i):i.label??i.value;return(0,h.jsxs)(h.Fragment,{children:[s.multiple?(0,h.jsx)(ge,{density:r,"aria-label":y?`${y} \u2014 selected`:void 0,children:s.selectedValues.map(i=>(0,h.jsxs)(Se,{value:i,shape:e,size:n,status:t,children:[I(g.get(i)??{value:i}),(0,h.jsx)(ye,{children:(0,h.jsx)(en,{})})]},i))}):null,s.filterable?(0,h.jsx)(se,{...a,"data-match-width":void 0,"data-shape":void 0,"data-size":void 0,"data-status":void 0,"data-density":void 0,"aria-label":d,placeholder:u}):(0,h.jsxs)(Re,{...a,"data-match-width":void 0,"data-status":void 0,"data-density":void 0,"aria-label":d,shape:e,size:n,children:[(0,h.jsx)(be,{placeholder:u,children:O}),(0,h.jsx)(ce,{})]}),b?(0,h.jsx)(te,{"aria-label":"Clear selection",children:(0,h.jsx)(en,{})}):null,(0,h.jsxs)(pe,{children:[(0,h.jsx)(oe,{matchWidth:o,children:(0,h.jsxs)(he,{children:[(0,h.jsx)(j,{children:"Select all"}),l.map(i=>nn(i)?(0,h.jsxs)(ae,{children:[(0,h.jsx)(fe,{children:i.label}),i.options.map(v)]},i.label):v(i))]})}),(0,h.jsx)(le,{children:"No results found"})]})]})};var W=require("react/jsx-runtime");function fo(e){let n=[];for(let t of e)for(let r of"options"in t?t.options:[t])n.push(r);return n}var re='[role="option"]:not([data-disabled]):not([data-part="select-all"])';function mn(e){return e===0?"none selected":`${e} selected`}function $(e,{allowSelectAll:n,hasActive:t}){return po(e,n)??So(e,t)}function po(e,n){return e.ctrlKey&&e.shiftKey&&(e.key==="Home"||e.key==="End")?{kind:"sweep",edge:e.key==="Home"?"first":"last"}:(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"&&n?{kind:"select-all"}:null}function So(e,n){return e.shiftKey?e.key===" "?n?{kind:"range"}:null:e.key==="ArrowDown"||e.key==="ArrowUp"?{kind:"extend",direction:e.key==="ArrowDown"?1:-1}:null:null}var[fn,C]=(0,rn.createSafeContext)("Select");function go({filterable:e,filter:n,inputValue:t,contentRef:r}){let[o,l]=c.useState(()=>new Map),p=c.useCallback((a,s)=>{l(g=>{let y=g.get(a);if(y?.value===s.value&&y.text===s.text)return g;let v=new Map(g);return v.set(a,s),v})},[]),S=c.useCallback(a=>{l(s=>{if(!s.has(a))return s;let g=new Map(s);return g.delete(a),g})},[]),f=c.useCallback(a=>o.get(a),[o]),u=c.useCallback(a=>!e||n===void 0||(0,J.filterKeeps)(n(a,t)),[e,n,t]),b=c.useMemo(()=>!e||n===void 0?null:(0,J.rankByScore)([...o.keys()],a=>{let s=o.get(a);if(!s)return null;let g=n(s.text,t);return typeof g=="number"?g:null}),[e,n,t,o]),d=c.useCallback(()=>(0,J.sortByOrder)(Array.from(r.current?.querySelectorAll(re)??[]),b),[r,b]);return{itemCount:o.size,itemOrder:b,registerItem:p,unregisterItem:S,getItem:f,matchesFilter:u,orderedOptions:d}}var Me=e=>e.map(n=>n.dataset.value??"");function yo({enabled:e,maxSelected:n,selectedValues:t,activeId:r,orderedOptions:o,commitSweep:l,rangeAnchorRef:p}){let S=c.useCallback(d=>{let a=[...t];for(let s of d)if(!a.includes(s)){if(n!==void 0&&a.length>=n)break;a.push(s)}return a},[n,t]),f=c.useCallback(()=>{if(!e)return;let d=o(),a=d.findIndex(O=>O.id===r);if(a===-1)return;let s=d.findIndex(O=>O.dataset.value===p.current),g=s===-1?a:s,[y,v]=g<=a?[g,a]:[a,g];l(S(Me(d.slice(y,v+1))))},[e,r,o,l,S,p]),u=c.useCallback(d=>{if(!e)return;let a=o(),s=a.findIndex(y=>y.id===r);if(s===-1)return;let g=d==="first"?a.slice(0,s+1):a.slice(s);l(S(Me(g)))},[e,r,o,l,S]),b=c.useCallback(()=>{if(!e)return;let d=Me(o()),a=d.length>0&&d.every(s=>t.includes(s));l(a?t.filter(s=>!d.includes(s)):S(d))},[e,t,o,l,S]);return{selectRange:f,selectToEdge:u,selectAllOrClear:b}}function Ro(e,n,t,r=mn){let o=c.useRef(!0),l=c.useRef(r);c.useInsertionEffect(()=>{l.current=r}),c.useEffect(()=>{if(o.current){o.current=!1;return}!n||t||(0,cn.announce)(l.current(e))},[e,n,t])}function bo({open:e,defaultOpen:n=!1,onOpenChange:t,readOnly:r}){let[o=!1,l]=(0,He.useControllableState)({prop:e,defaultProp:n,onChange:t}),p=c.useCallback(S=>{r&&S||l(S)},[r,l]);return[o,p]}function ho({inputValue:e,defaultInputValue:n="",onInputValueChange:t,filterable:r}){let[o="",l]=(0,He.useControllableState)({prop:e,defaultProp:n,onChange:t}),p=c.useCallback(()=>{r&&l("")},[r,l]),S=c.useCallback(()=>{l(n)},[n,l]);return{inputValue:o,setInputValue:l,clearDraft:p,resetDraft:S}}function Co({open:e,filterable:n,contentRef:t,orderedOptions:r}){let[o,l]=c.useState(null),[p,S]=c.useState(e);return e!==p&&(S(e),e||l(null)),c.useLayoutEffect(()=>{if(!n||!t.current)return;let f=r();l(u=>u===null||f.some(b=>b.id===u)?u:f[0]?.id??null)},[n,t,r]),[o,l]}function Io({items:e,options:n}){let[t,r]=c.useState(new Map),o=c.useCallback((f,u)=>{r(b=>{if(b.get(f)===u)return b;let d=new Map(b);return d.set(f,u),d})},[]),l=c.useMemo(()=>e??(n?fo(n):void 0),[e,n]),p=c.useMemo(()=>l?l.map(f=>({...f,label:t.get(f.value)??f.label??f.value})):[...t].map(([f,u])=>({value:f,label:u})),[l,t]),S=c.useCallback(f=>t.get(f)??l?.find(u=>u.value===f)?.label??f,[t,l]);return{collection:p,registerOptionLabel:o,getOptionLabel:S}}function vo({value:e,defaultValue:n,onValueChange:t,multiple:r,deselectable:o=!1,maxSelected:l,closeOnSelect:p=!r,disabled:S,readOnly:f,activeId:u,orderedOptions:b,clearDraft:d,setInputValue:a,setOpen:s}){let g=c.useRef("programmatic"),{selectedValues:y,isSelected:v,selectItem:O,setSelection:I}=(0,un.useSelection)({value:e,defaultValue:n,onValueChange:T=>t?.({...T,reason:g.current}),multiple:r,deselectable:o,label:"Select"}),i=S||f,E=r&&l!==void 0&&y.length>=l,k=c.useCallback((T,V)=>{(0,Ie.sameSelection)(T,y)||(g.current=V,I(T))},[y,I]),w=c.useRef(null),m=c.useCallback((T,V="programmatic")=>{i||E&&!y.includes(T)||(w.current=T,g.current=V,O(T,V),d())},[i,E,y,O,d]),R=c.useCallback(T=>{k(T,"keyboard"),d(),p&&s(!1)},[k,d,p,s]),x=yo({enabled:r&&!i,maxSelected:l,selectedValues:y,activeId:u,orderedOptions:b,commitSweep:R,rangeAnchorRef:w}),P=c.useCallback(T=>{i||k(y.filter(V=>V!==T),"pointer")},[i,k,y]),A=c.useCallback(()=>{i||k(y.slice(0,-1),"keyboard")},[i,k,y]),N=c.useCallback(()=>{i||(k([],"pointer"),a(""))},[i,k,a]),X=c.useCallback(()=>{n!==void 0&&k((0,Ie.toSelectionValues)(n,{multiple:r,label:"Select value"}),"programmatic")},[n,r,k]);return{...x,selectedValues:y,isSelected:v,selectItem:m,deselect:P,removeLast:A,clear:N,resetSelection:X,atMax:E,closeOnSelect:p}}var pn=function({children:n,value:t,defaultValue:r,onValueChange:o,multiple:l=!1,deselectable:p,maxSelected:S,allowSelectAll:f=!0,filterable:u=!1,inputValue:b,defaultInputValue:d,onInputValueChange:a,filter:s,loading:g=!1,clearable:y=!1,getSelectionLabel:v,items:O,options:I,renderOption:i,renderValue:E,renderTag:k,placeholder:w,closeOnSelect:m,open:R,defaultOpen:x,onOpenChange:P,onOpenChangeComplete:A,disabled:N=!1,readOnly:X=!1,required:T=!1,invalid:V=!1,name:De,form:bn,autoComplete:hn,shape:Cn,size:In,status:vn,density:xn,matchWidth:Pn,"aria-label":On,ref:kn,...B}){let ve=c.useRef(null),xe=c.useRef(null),Q=c.useRef(null),Ke=c.useRef(null),[Pe,Ge]=bo({open:R,defaultOpen:x,onOpenChange:P,readOnly:X}),{inputValue:Be,setInputValue:Fe,clearDraft:Tn,resetDraft:En}=ho({inputValue:b,defaultInputValue:d,onInputValueChange:a,filterable:u}),H=go({filterable:u,filter:s,inputValue:Be,contentRef:Q}),{orderedOptions:Oe}=H,[qe,An]=Co({open:Pe,filterable:u,contentRef:Q,orderedOptions:Oe}),{selectedValues:ke,isSelected:Ln,selectItem:wn,selectRange:Nn,selectToEdge:Vn,selectAllOrClear:Mn,deselect:Hn,removeLast:Dn,clear:Kn,resetSelection:Gn,atMax:Bn,closeOnSelect:Fn}=vo({value:t,defaultValue:r,onValueChange:o,multiple:l,deselectable:p,maxSelected:S,closeOnSelect:m,disabled:N,readOnly:X,activeId:qe,orderedOptions:Oe,clearDraft:Tn,setInputValue:Fe,setOpen:Ge});Ro(ke.length,l,g,v),(0,dn.useOpenChangeComplete)(Pe,Q,A);let ze=c.useRef(void 0),qn=c.useCallback(()=>{(0,ln.autoFocusEvent)("close-auto-focus",ze.current)&&(xe.current??ve.current)?.focus()},[]),zn=c.useRef("selected"),Wn=c.useId(),[Jn,Xn]=c.useState(!1),{collection:$n,registerOptionLabel:Un,getOptionLabel:_n}=Io({items:O,options:I});return c.useImperativeHandle(kn,()=>(0,Ce.formValidityHandle)(Ke),[]),(0,Ce.useFormReset)(u?xe:ve,()=>{Gn(),En()}),(0,W.jsx)(sn.PopperRoot,{children:(0,W.jsxs)(fn,{triggerRef:ve,inputRef:xe,focusTrigger:qn,closeAutoFocusRef:ze,contentRef:Q,contentId:c.useId(),valueId:Wn,hasValuePart:Jn,setHasValuePart:Xn,activeId:qe,setActiveId:An,openIntentRef:zn,multiple:l,filterable:u,loading:g,allowSelectAll:f,atMax:Bn,inputValue:Be,setInputValue:Fe,closeOnSelect:Fn,selectedValues:ke,isSelected:Ln,selectItem:wn,selectRange:Nn,selectToEdge:Vn,selectAllOrClear:Mn,clear:Kn,removeLast:Dn,deselect:Hn,open:Pe,onOpenChange:Ge,disabled:N,readOnly:X,required:T,invalid:V,name:De,registerOptionLabel:Un,getOptionLabel:_n,collection:$n,itemCount:H.itemCount,registerItem:H.registerItem,unregisterItem:H.unregisterItem,getItem:H.getItem,matchesFilter:H.matchesFilter,itemOrder:H.itemOrder,orderedOptions:Oe,children:[n??(0,W.jsx)(on,{shape:(0,G.recipeAxis)(Cn,B,"data-shape"),size:(0,G.recipeAxis)(In,B,"data-size"),status:(0,G.recipeAxis)(vn,B,"data-status"),density:(0,G.recipeAxis)(xn,B,"data-density"),matchWidth:(0,G.recipeFlag)(Pn,B,"data-match-width"),options:I??[],renderOption:i,renderValue:E,renderTag:k,placeholder:w,clearable:y,ariaLabel:On,passThrough:B}),(0,W.jsx)(an.MirroredValues,{name:De,values:ke,required:T,disabled:N,form:bn,autoComplete:hn,singleValued:!l,controlRef:Ke})]})})};pn.displayName="Select";var Sn=require("../utils/part.cjs"),gn=require("../utils/primitive.cjs"),Rn=require("react/jsx-runtime"),yn=({ref:e,...n})=>(0,Rn.jsx)(gn.Primitive.div,{"aria-hidden":!0,...n,...(0,Sn.skdxPart)("select","separator",n.className),ref:e});yn.displayName="SelectSeparator";0&&(module.exports={OPTION_SELECTOR,Select,SelectAll,SelectClear,SelectContent,SelectEmpty,SelectGroup,SelectGroupProvider,SelectIcon,SelectInput,SelectItem,SelectItemIndicator,SelectItemProvider,SelectItemText,SelectLabel,SelectPortal,SelectProvider,SelectSeparator,SelectTag,SelectTagList,SelectTagRemove,SelectTrigger,SelectValue,SelectViewport,defaultGetSelectionLabel,selectSelectionKeyAction,useSelectContext,useSelectGroupContext,useSelectItemContext});

package/dist/select/Select.d.cts

@@ -1,83 +1,50 @@
 import * as React from 'react';
-import type { SelectContextValue, SelectProps } from './types.cjs';
-/** Listbox-style select using virtual focus (APG select-only combobox pattern). */
-/** Enabled options only — a disabled option is never a navigation or typeahead target. */
-export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
-export declare const SelectProvider: {
-    (props: SelectContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useSelectContext: (consumerName: string) => SelectContextValue;
+import type { SelectContextValue, SelectHandle, SelectProps } from './types.cjs';
 /**
- * Root of a listbox-style select: owns the selected value and the popup's
- * open state, handing both down to every other `Select*` part via context.
- * Renders no DOM of its own besides visually-hidden native inputs (kept in
- * sync with `value`) when `name` is set, so the select participates in native
- * form submission and validation — a form reset restores `defaultValue`, and
- * the forwarded ref carries `checkValidity()`/`reportValidity()`, which with
- * `required` and no selection report `valueMissing`. Options register their text label so the
- * trigger's `SelectValue` can display the selected option's label without
- * extra wiring — pass `items` to give the root that collection up front, which
- * is what makes typeahead work on a trigger whose listbox has never opened.
- *
- * Set `multiple` for a multi-select: `value` becomes a `string[]`, choosing an
- * option toggles it, the listbox stays open, and `SelectValue` renders one
- * chip per selection.
- *
- * Set `deselectable` to let a single-select be emptied by choosing the option
- * it already holds, which is otherwise unreachable through the UI at all.
- *
- * Set `readOnly` to show a selection that cannot be changed while leaving the
- * control otherwise live — focusable, in the tab order, and still submitted.
- * That is the whole difference from `disabled`, which does all three of those
- * things as well as refusing input.
- *
- * Works controlled (`value` + `onValueChange`, `open` + `onOpenChange`) or
- * uncontrolled (`defaultValue`, `defaultOpen`).
+ * Enabled options only — a disabled option is never a navigation or typeahead
+ * target, and SelectAll commits the whole set rather than a value, so a sweep
+ * that included it would fold an empty value in.
+ */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled]):not([data-part=\"select-all\"])";
+/** Default `getSelectionLabel`: `"2 selected"`, or `"none selected"` at zero. */
+export declare function defaultGetSelectionLabel(count: number): string;
+/** @internal What a multiple-mode selection key asks the open listbox to do. */
+export type SelectSelectionAction = {
+    kind: 'extend';
+    direction: 1 | -1;
+} | {
+    kind: 'range';
+} | {
+    kind: 'sweep';
+    edge: 'first' | 'last';
+} | {
+    kind: 'select-all';
+};
+/**
+ * The multiple-mode selection key a keydown asks for while the listbox is
+ * open, or `null` when the key belongs to plain navigation. Shared so the
+ * trigger and the filter input read the same keyboard.
  *
- * Given `options` and no children of its own, the whole anatomy is derived —
- * see {@link SelectAnatomy}. Any children at all switch to full manual
- * composition (below), for anything that needs, e.g. grouped separators or a
- * custom icon — the switch is presence, not which part was composed, so
- * composing any subset of the parts always renders exactly what was given.
+ * @internal
+ */
+export declare function selectSelectionKeyAction(event: React.KeyboardEvent, { allowSelectAll, hasActive }: {
+    allowSelectAll: boolean;
+    hasActive: boolean;
+}): SelectSelectionAction | null;
+export declare const SelectProvider: React.FC<SelectContextValue & {
+    children: React.ReactNode;
+}>, useSelectContext: (consumerName: string) => SelectContextValue;
+/**
+ * Root of a listbox-style select that owns the selected value and popup open state for its parts.
  *
  * @example
  * ```tsx
  * <Select options={[{ value: 'react', label: 'React' }]} defaultValue="react" />
  * ```
- *
- * @example Full manual composition:
- * ```tsx
- * <Select defaultValue="react" name="framework">
- *   <SelectTrigger className="select-trigger">
- *     <SelectValue placeholder="Pick a framework" />
- *     <SelectIcon />
- *   </SelectTrigger>
- *   <SelectPortal>
- *     <SelectContent className="menu">
- *       <SelectViewport>
- *         {['react', 'vue', 'svelte', 'solid'].map((fw) => (
- *           <SelectItem key={fw} value={fw} className="menu-item">
- *             <SelectItemIndicator>✓</SelectItemIndicator>
- *             <SelectItemText>{fw}</SelectItemText>
- *           </SelectItem>
- *         ))}
- *       </SelectViewport>
- *     </SelectContent>
- *   </SelectPortal>
- * </Select>
- * ```
- *
- * @example Multi-select, with the collection declared up front so the closed
- * trigger can run typeahead and render labels before it has ever been opened:
- * ```tsx
- * <Select multiple items={FRAMEWORKS} defaultValue={['react']} name="frameworks">
- *   <SelectTrigger>
- *     <SelectValue placeholder="Pick frameworks" />
- *   </SelectTrigger>
- *   …
- * </Select>
- * ```
  */
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<import("../index.cjs").FormValidityHandle>>;
+export declare const Select: {
+    ({ children, value: valueProp, defaultValue, onValueChange, multiple, deselectable, maxSelected, allowSelectAll, filterable, inputValue: inputValueProp, defaultInputValue, onInputValueChange, filter, loading, clearable, getSelectionLabel, items, options, renderOption, renderValue, renderTag, placeholder, closeOnSelect: closeOnSelectProp, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, disabled, readOnly, required, invalid, name, form, autoComplete, shape, size, status, density, matchWidth, "aria-label": ariaLabel, ref: forwardedRef, ...rest }: Omit<SelectProps, "ref"> & {
+        ref?: React.Ref<SelectHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/select/Select.d.ts

@@ -1,83 +1,50 @@
 import * as React from 'react';
-import type { SelectContextValue, SelectProps } from './types.js';
-/** Listbox-style select using virtual focus (APG select-only combobox pattern). */
-/** Enabled options only — a disabled option is never a navigation or typeahead target. */
-export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
-export declare const SelectProvider: {
-    (props: SelectContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useSelectContext: (consumerName: string) => SelectContextValue;
+import type { SelectContextValue, SelectHandle, SelectProps } from './types.js';
 /**
- * Root of a listbox-style select: owns the selected value and the popup's
- * open state, handing both down to every other `Select*` part via context.
- * Renders no DOM of its own besides visually-hidden native inputs (kept in
- * sync with `value`) when `name` is set, so the select participates in native
- * form submission and validation — a form reset restores `defaultValue`, and
- * the forwarded ref carries `checkValidity()`/`reportValidity()`, which with
- * `required` and no selection report `valueMissing`. Options register their text label so the
- * trigger's `SelectValue` can display the selected option's label without
- * extra wiring — pass `items` to give the root that collection up front, which
- * is what makes typeahead work on a trigger whose listbox has never opened.
- *
- * Set `multiple` for a multi-select: `value` becomes a `string[]`, choosing an
- * option toggles it, the listbox stays open, and `SelectValue` renders one
- * chip per selection.
- *
- * Set `deselectable` to let a single-select be emptied by choosing the option
- * it already holds, which is otherwise unreachable through the UI at all.
- *
- * Set `readOnly` to show a selection that cannot be changed while leaving the
- * control otherwise live — focusable, in the tab order, and still submitted.
- * That is the whole difference from `disabled`, which does all three of those
- * things as well as refusing input.
- *
- * Works controlled (`value` + `onValueChange`, `open` + `onOpenChange`) or
- * uncontrolled (`defaultValue`, `defaultOpen`).
+ * Enabled options only — a disabled option is never a navigation or typeahead
+ * target, and SelectAll commits the whole set rather than a value, so a sweep
+ * that included it would fold an empty value in.
+ */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled]):not([data-part=\"select-all\"])";
+/** Default `getSelectionLabel`: `"2 selected"`, or `"none selected"` at zero. */
+export declare function defaultGetSelectionLabel(count: number): string;
+/** @internal What a multiple-mode selection key asks the open listbox to do. */
+export type SelectSelectionAction = {
+    kind: 'extend';
+    direction: 1 | -1;
+} | {
+    kind: 'range';
+} | {
+    kind: 'sweep';
+    edge: 'first' | 'last';
+} | {
+    kind: 'select-all';
+};
+/**
+ * The multiple-mode selection key a keydown asks for while the listbox is
+ * open, or `null` when the key belongs to plain navigation. Shared so the
+ * trigger and the filter input read the same keyboard.
  *
- * Given `options` and no children of its own, the whole anatomy is derived —
- * see {@link SelectAnatomy}. Any children at all switch to full manual
- * composition (below), for anything that needs, e.g. grouped separators or a
- * custom icon — the switch is presence, not which part was composed, so
- * composing any subset of the parts always renders exactly what was given.
+ * @internal
+ */
+export declare function selectSelectionKeyAction(event: React.KeyboardEvent, { allowSelectAll, hasActive }: {
+    allowSelectAll: boolean;
+    hasActive: boolean;
+}): SelectSelectionAction | null;
+export declare const SelectProvider: React.FC<SelectContextValue & {
+    children: React.ReactNode;
+}>, useSelectContext: (consumerName: string) => SelectContextValue;
+/**
+ * Root of a listbox-style select that owns the selected value and popup open state for its parts.
  *
  * @example
  * ```tsx
  * <Select options={[{ value: 'react', label: 'React' }]} defaultValue="react" />
  * ```
- *
- * @example Full manual composition:
- * ```tsx
- * <Select defaultValue="react" name="framework">
- *   <SelectTrigger className="select-trigger">
- *     <SelectValue placeholder="Pick a framework" />
- *     <SelectIcon />
- *   </SelectTrigger>
- *   <SelectPortal>
- *     <SelectContent className="menu">
- *       <SelectViewport>
- *         {['react', 'vue', 'svelte', 'solid'].map((fw) => (
- *           <SelectItem key={fw} value={fw} className="menu-item">
- *             <SelectItemIndicator>✓</SelectItemIndicator>
- *             <SelectItemText>{fw}</SelectItemText>
- *           </SelectItem>
- *         ))}
- *       </SelectViewport>
- *     </SelectContent>
- *   </SelectPortal>
- * </Select>
- * ```
- *
- * @example Multi-select, with the collection declared up front so the closed
- * trigger can run typeahead and render labels before it has ever been opened:
- * ```tsx
- * <Select multiple items={FRAMEWORKS} defaultValue={['react']} name="frameworks">
- *   <SelectTrigger>
- *     <SelectValue placeholder="Pick frameworks" />
- *   </SelectTrigger>
- *   …
- * </Select>
- * ```
  */
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<import("../index.js").FormValidityHandle>>;
+export declare const Select: {
+    ({ children, value: valueProp, defaultValue, onValueChange, multiple, deselectable, maxSelected, allowSelectAll, filterable, inputValue: inputValueProp, defaultInputValue, onInputValueChange, filter, loading, clearable, getSelectionLabel, items, options, renderOption, renderValue, renderTag, placeholder, closeOnSelect: closeOnSelectProp, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, disabled, readOnly, required, invalid, name, form, autoComplete, shape, size, status, density, matchWidth, "aria-label": ariaLabel, ref: forwardedRef, ...rest }: Omit<SelectProps, "ref"> & {
+        ref?: React.Ref<SelectHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/select/Select.js

@@ -1 +1,2 @@
-import*as i from"react";import{createSafeContext as Ht}from"../utils/createContext.js";import{formValidityHandle as Dt,useFormReset as Vt}from"../utils/formControl.js";import{MirroredValues as At}from"../utils/hiddenInput.js";import{PopperRoot as Nt}from"../utils/popper.js";import{useControllableState as Gt}from"../utils/useControllableState.js";import{autoFocusEvent as Ft}from"../utils/useFocusTrap.js";import{useOpenChangeComplete as Kt}from"../utils/useOpenChangeComplete.js";import{useSelection as qt}from"../utils/useSelection.js";import*as xe from"react";import*as D from"react";import{useComposedRefs as We}from"../utils/composeRefs.js";import{skdxPart as Ye}from"../utils/part.js";import{PopperContent as Ze}from"../utils/popper.js";import{composeEventHandlers as ze}from"../utils/primitive.js";import{useDismiss as Je}from"../utils/useDismiss.js";import{jsx as Xe}from"react/jsx-runtime";function Qe(o,r){let e=o.querySelector('[data-part="viewport"]')??o;if(e===r||!e.contains(r))return;let s=e.getBoundingClientRect(),m=r.getBoundingClientRect();e.scrollTop+=m.top-s.top-(s.height-m.height)/2}var B=D.forwardRef(({forceMount:o,side:r="bottom",align:e="start",sideOffset:s=4,onEscapeKeyDown:m,onPointerDownOutside:a,onFocusOutside:R,onInteractOutside:S,onCloseAutoFocus:f,...n},d)=>{let c=g("SelectContent"),x=We(d,c.contentRef);c.closeAutoFocusRef.current=f,Je({enabled:c.open,onEscapeKeyDown:l=>{m?.(l),!l.defaultPrevented&&(c.onOpenChange(!1),c.focusTrigger())},onInteractOutside:S,onPointerDownOutside:l=>{a?.(l),l.defaultPrevented||c.onOpenChange(!1)},onFocusOutside:l=>{R?.(l),l.defaultPrevented||c.onOpenChange(!1)}},[c.contentRef,c.triggerRef]);let{setActiveId:v,openIntentRef:t}=c;return D.useEffect(()=>{if(!c.open)return;let l=requestAnimationFrame(()=>{let y=c.contentRef.current;if(!y)return;let h=t.current;t.current="selected";let u=Array.from(y.querySelectorAll(V)),E=u[0],F=u[u.length-1],H=y.querySelector('[role="option"][data-state="checked"]'),k=h==="first"?E:h==="last"?F:H??E;k&&(v(k.id),Qe(y,k))});return()=>cancelAnimationFrame(l)},[c.open,c.contentRef,v,t]),o||c.open?Xe(Ze,{component:"select",role:"listbox",id:c.contentId,"aria-multiselectable":c.multiple?!0:void 0,"data-state":c.open?"open":"closed","data-multiple":c.multiple?"":void 0,tabIndex:-1,side:r,align:e,sideOffset:s,...n,...Ye("select","content",n.className),ref:x,onMouseDown:ze(n.onMouseDown,l=>l.preventDefault())}):null});B.displayName="SelectContent";import*as A from"react";import{createSafeContext as $e}from"../utils/createContext.js";import{skdxPart as je}from"../utils/part.js";import{Primitive as et}from"../utils/primitive.js";import{jsx as se}from"react/jsx-runtime";var[tt,ie]=$e("SelectGroup",{labelId:null}),U=A.forwardRef((o,r)=>{let e=A.useId();return se(tt,{labelId:e,children:se(et.div,{role:"group","aria-labelledby":e,...o,...je("select","group",o.className),ref:r})})});U.displayName="SelectGroup";import*as me from"react";import{skdxPart as ot}from"../utils/part.js";import{Primitive as rt}from"../utils/primitive.js";import{jsx as lt}from"react/jsx-runtime";var _=me.forwardRef(({children:o,...r},e)=>lt(rt.span,{"aria-hidden":!0,...r,...ot("select","icon",r.className),ref:e,children:o??"\u25BE"}));_.displayName="SelectIcon";import*as T from"react";import{createSafeContext as nt}from"../utils/createContext.js";import{skdxPart as at}from"../utils/part.js";import{composeEventHandlers as de,Primitive as ct}from"../utils/primitive.js";import{jsx as pe}from"react/jsx-runtime";var[st,N]=nt("SelectItem"),W=T.forwardRef(({value:o,disabled:r,textValue:e,...s},m)=>{let a=g("SelectItem"),R=T.useId(),S=a.isSelected(o),f=a.activeId===R,{registerOptionLabel:n}=a,d=T.useCallback(x=>n(o,e??x),[n,o,e]),c=()=>{r||(a.selectItem(o),a.closeOnSelect&&(a.onOpenChange(!1),a.focusTrigger()))};return pe(st,{value:o,selected:S,registerText:d,children:pe(ct.div,{role:"option",id:R,"data-value":o,"aria-selected":S,"data-state":S?"checked":"unchecked","data-highlighted":f?"":void 0,"data-text-value":e,"aria-disabled":r||void 0,"data-disabled":r?"":void 0,...s,...at("select","item",s.className),ref:m,onClick:de(s.onClick,c),onPointerEnter:de(s.onPointerEnter,()=>{r||a.setActiveId(R)})})})});W.displayName="SelectItem";import*as fe from"react";import{skdxPart as it}from"../utils/part.js";import{Primitive as mt}from"../utils/primitive.js";import{jsx as dt}from"react/jsx-runtime";var Y=fe.forwardRef(({forceMount:o,...r},e)=>{let s=N("SelectItemIndicator");return o||s.selected?dt(mt.span,{"aria-hidden":!0,...r,...it("select","item-indicator",r.className),ref:e}):null});Y.displayName="SelectItemIndicator";import*as w from"react";import{useComposedRefs as pt}from"../utils/composeRefs.js";import{skdxPart as ft}from"../utils/part.js";import{Primitive as ut}from"../utils/primitive.js";import{jsx as St}from"react/jsx-runtime";var Z=w.forwardRef(({children:o,...r},e)=>{let s=N("SelectItemText"),m=w.useRef(null),a=pt(e,m);return w.useLayoutEffect(()=>{s.registerText(m.current?.textContent??"")}),St(ut.span,{...r,...ft("select","item-text",r.className),ref:a,children:o})});Z.displayName="SelectItemText";import*as ue from"react";import{skdxPart as Rt}from"../utils/part.js";import{Primitive as yt}from"../utils/primitive.js";import{jsx as gt}from"react/jsx-runtime";var z=ue.forwardRef((o,r)=>{let e=ie("SelectLabel");return gt(yt.div,{id:e.labelId??void 0,...o,...Rt("select","label",o.className),ref:r})});z.displayName="SelectLabel";import{Portal as ht}from"../utils/portal.js";import{jsx as It}from"react/jsx-runtime";var J=({forceMount:o,children:r,...e})=>{let s=g("SelectPortal");return o||s.open?It(ht,{...e,children:r}):null};J.displayName="SelectPortal";import*as I from"react";import{useComposedRefs as Pt}from"../utils/composeRefs.js";import{skdxPart as bt}from"../utils/part.js";import{PopperAnchor as xt}from"../utils/popper.js";import{composeEventHandlers as Se,Primitive as vt}from"../utils/primitive.js";import{itemText as Ct}from"../utils/useRovingFocus.js";import{isTypeaheadKey as Re,useTypeahead as ye}from"../utils/useTypeahead.js";import{jsx as he}from"react/jsx-runtime";var ge=10,Ot={ArrowDown:"first",Home:"first",ArrowUp:"last",End:"last",Enter:"selected"," ":"selected"},Q=I.forwardRef((o,r)=>{let e=g("SelectTrigger"),s=Pt(r,e.triggerRef),m=e.disabled||o.disabled,a=I.useRef(e.collection);a.current=e.collection.filter(t=>!t.disabled);let R=ye(I.useCallback(()=>a.current.map(t=>t.label??t.value),[])),S=I.useRef([]),f=ye(I.useCallback(()=>S.current.map(t=>Ct(t)),[])),n=t=>{t&&(e.setActiveId(t.id),t.scrollIntoView?.({block:"nearest"}))},d=t=>{let l=t?.getAttribute("data-value");l!=null&&(e.selectItem(l),e.closeOnSelect&&e.onOpenChange(!1))},c=t=>{let l=t?.getAttribute("data-value");l!=null&&(e.multiple&&e.isSelected(l)||e.selectItem(l))},x=t=>{let l=Array.from(e.contentRef.current?.querySelectorAll(V)??[]);S.current=l;let y=l.findIndex(u=>u.id===e.activeId);if(t.altKey&&(t.key==="ArrowUp"||t.key==="ArrowDown")){t.preventDefault(),t.key==="ArrowUp"&&(d(l[y]),e.onOpenChange(!1));return}if(t.key==="ArrowDown"||t.key==="ArrowUp"){if(t.preventDefault(),l.length===0)return;let u=t.key==="ArrowDown"?1:-1;n(l[Math.min(l.length-1,Math.max(0,y+u))]);return}if(t.key==="PageDown"||t.key==="PageUp"){if(t.preventDefault(),l.length===0)return;let u=t.key==="PageDown"?ge:-ge;n(l[Math.min(l.length-1,Math.max(0,y+u))]);return}if(t.key==="Home"||t.key==="End"){t.preventDefault(),n(t.key==="Home"?l[0]:l[l.length-1]);return}if(t.key==="Enter"||t.key===" "){t.preventDefault(),d(l[y]);return}if(t.key==="Tab"){c(l[y]),e.onOpenChange(!1);return}if(!Re(t))return;t.preventDefault();let h=f(t.key,y);h!==-1&&n(l[h])},v=o["aria-label"]===void 0&&e.hasValuePart?[o["aria-labelledby"],e.valueId].filter(Boolean).join(" "):o["aria-labelledby"];return he(xt,{asChild:!0,children:he(vt.button,{type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":e.open,"aria-controls":e.contentId,"aria-activedescendant":e.activeId??void 0,"aria-required":e.required||void 0,"aria-invalid":e.invalid?!0:void 0,"aria-readonly":e.readOnly?!0:void 0,"data-state":e.open?"open":"closed","data-disabled":m?"":void 0,"data-readonly":e.readOnly?"":void 0,"data-invalid":e.invalid?"":void 0,"data-placeholder":e.selectedValues.length===0?"":void 0,"data-multiple":e.multiple?"":void 0,disabled:m,...o,"aria-labelledby":v,...bt("select","trigger",o.className),ref:s,onClick:Se(o.onClick,()=>e.onOpenChange(!e.open)),onKeyDown:Se(o.onKeyDown,t=>{if(e.open){x(t);return}let l=Ot[t.key];if(t.altKey&&t.key==="ArrowUp")return;if(l!==void 0){t.preventDefault(),e.openIntentRef.current=t.altKey&&t.key==="ArrowDown"?"selected":l,e.onOpenChange(!0);return}if(!Re(t))return;if(t.preventDefault(),e.multiple){e.onOpenChange(!0);return}let y=a.current.findIndex(u=>e.isSelected(u.value)),h=R(t.key,y);h!==-1&&e.selectItem(a.current[h].value)})})})});Q.displayName="SelectTrigger";import*as P from"react";import{skdxPart as Tt}from"../utils/part.js";import{Primitive as wt}from"../utils/primitive.js";import{jsx as Ie}from"react/jsx-runtime";var X=P.forwardRef(({placeholder:o,children:r,...e},s)=>{let{selectedValues:m,multiple:a,getOptionLabel:R,valueId:S,setHasValuePart:f}=g("SelectValue");P.useEffect(()=>(f(!0),()=>f(!1)),[f]);let n,d=!1;return!e.asChild&&r!==void 0?n=r:m.length===0?(n=o,d=!0):a?n=m.map(c=>Ie("span",{"data-chip":"","data-value":c,children:R(c)},c)):n=R(m[0]),Ie(wt.span,{id:S,"data-multiple":a?"":void 0,"data-placeholder":d?"":void 0,...e,...Tt("select","value",e.className),ref:s,style:{pointerEvents:"none",...e.style},children:e.asChild&&P.isValidElement(r)?P.cloneElement(r,void 0,n):n})});X.displayName="SelectValue";import*as Pe from"react";import{skdxPart as Et}from"../utils/part.js";import{Primitive as kt}from"../utils/primitive.js";import{jsx as Lt}from"react/jsx-runtime";var $=Pe.forwardRef((o,r)=>Lt(kt.div,{...o,...Et("select","viewport",o.className),ref:r,style:{overflow:"auto",...o.style}}));$.displayName="SelectViewport";import{Fragment as Mt,jsx as b,jsxs as G}from"react/jsx-runtime";var be=o=>"options"in o,ve=({options:o,renderOption:r,renderValue:e,placeholder:s,passThrough:m})=>{let a=g("Select"),R=xe.useMemo(()=>{let n=new Map;for(let d of o)for(let c of be(d)?d.options:[d])n.set(c.value,c);return n},[o]),S=n=>G(W,{value:n.value,disabled:n.disabled,textValue:n.label,children:[b(Y,{children:"\u2713"}),b(Z,{children:r?r(n,{selected:a.isSelected(n.value)}):n.label??n.value})]},n.value),f;if(e){let n=a.multiple?a.selectedValues.map(d=>R.get(d)??{value:d}):R.get(a.selectedValues[0]??"")??(a.selectedValues[0]?{value:a.selectedValues[0]}:null);f=e(n)}return G(Mt,{children:[G(Q,{...m,children:[b(X,{placeholder:s,children:f}),b(_,{})]}),b(J,{children:b(B,{children:b($,{children:o.map(n=>be(n)?G(U,{children:[b(z,{children:n.label}),n.options.map(S)]},n.label):S(n))})})})]})};import{jsx as j,jsxs as Wt}from"react/jsx-runtime";function Bt(o){let r=[];for(let e of o)for(let s of"options"in e?e.options:[e])r.push(s);return r}var V='[role="option"]:not([data-disabled])',[Ut,g]=Ht("Select"),_t=i.forwardRef(function({children:r,value:e,defaultValue:s,onValueChange:m,multiple:a=!1,deselectable:R=!1,items:S,options:f,renderOption:n,renderValue:d,placeholder:c,closeOnSelect:x=!a,open:v,defaultOpen:t=!1,onOpenChange:l,onOpenChangeComplete:y,disabled:h=!1,readOnly:u=!1,required:E=!1,invalid:F=!1,name:H,form:k,autoComplete:Oe,...Te},we){let K=i.useRef(null),ee=i.useRef(null),te=i.useRef(null),{selectedValues:oe,isSelected:Ee,selectItem:re,setSelection:ke}=qt({value:e,defaultValue:s,onValueChange:m,multiple:a,deselectable:R,label:"Select"}),[C=!1,le]=Gt({prop:v,defaultProp:t,onChange:l}),Le=i.useCallback(p=>{u&&p||le(p)},[u,le]),Me=i.useCallback(p=>{u||re(p)},[u,re]);Kt(C,ee,y);let ne=i.useRef(void 0),He=i.useCallback(()=>{Ft("close-auto-focus",ne.current)&&K.current?.focus()},[]),[De,ae]=i.useState(null),[Ve,Ae]=i.useState(C);C!==Ve&&(Ae(C),C||ae(null));let Ne=i.useRef("selected"),Ge=i.useId(),[Fe,Ke]=i.useState(!1),[L,qe]=i.useState(new Map),Be=i.useCallback((p,O)=>{qe(q=>{if(q.get(p)===O)return q;let ce=new Map(q);return ce.set(p,O),ce})},[]),M=i.useMemo(()=>S??(f?Bt(f):void 0),[S,f]),Ue=i.useMemo(()=>M?M.map(p=>({...p,label:L.get(p.value)??p.label??p.value})):[...L].map(([p,O])=>({value:p,label:O})),[M,L]),_e=i.useCallback(p=>L.get(p)??M?.find(O=>O.value===p)?.label??p,[L,M]);return i.useImperativeHandle(we,()=>Dt(te),[]),Vt(K,()=>{s!==void 0&&ke(s)}),j(Nt,{children:Wt(Ut,{triggerRef:K,focusTrigger:He,closeAutoFocusRef:ne,contentRef:ee,contentId:i.useId(),valueId:Ge,hasValuePart:Fe,setHasValuePart:Ke,activeId:De,setActiveId:ae,openIntentRef:Ne,multiple:a,closeOnSelect:x,selectedValues:oe,isSelected:Ee,selectItem:Me,open:C,onOpenChange:Le,disabled:h,readOnly:u,required:E,invalid:F,name:H,registerOptionLabel:Be,getOptionLabel:_e,collection:Ue,children:[r??j(ve,{options:f??[],renderOption:n,renderValue:d,placeholder:c,passThrough:Te}),j(At,{name:H,values:oe,required:E,disabled:h,form:k,autoComplete:Oe,singleValued:!a,controlRef:te})]})})});_t.displayName="Select";import*as Ce from"react";import{skdxPart as Yt}from"../utils/part.js";import{Primitive as Zt}from"../utils/primitive.js";import{jsx as Jt}from"react/jsx-runtime";var zt=Ce.forwardRef((o,r)=>Jt(Zt.div,{"aria-hidden":!0,...o,...Yt("select","separator",o.className),ref:r}));zt.displayName="SelectSeparator";export{V as OPTION_SELECTOR,_t as Select,B as SelectContent,U as SelectGroup,tt as SelectGroupProvider,_ as SelectIcon,W as SelectItem,Y as SelectItemIndicator,st as SelectItemProvider,Z as SelectItemText,z as SelectLabel,J as SelectPortal,Ut as SelectProvider,zt as SelectSeparator,Q as SelectTrigger,X as SelectValue,$ as SelectViewport,g as useSelectContext,ie as useSelectGroupContext,N as useSelectItemContext};
+'use client';
+import*as c from"react";import{createSafeContext as _n}from"../utils/createContext.js";import{autoFocusEvent as Qn}from"../utils/dismissal.js";import{formValidityHandle as Yn,useFormReset as Zn}from"../utils/formControl.js";import{MirroredValues as jn}from"../utils/hiddenInput.js";import{announce as eo}from"../utils/liveAnnouncer.js";import{PopperRoot as to}from"../utils/popper.js";import{recipeAxis as X,recipeFlag as no}from"../utils/recipeAxis.js";import{filterKeeps as oo,rankByScore as ro,sortByOrder as lo}from"../utils/scoredFilter.js";import{sameSelection as ao,toSelectionValues as co}from"../utils/selection.js";import{useControllableState as qe}from"../utils/useControllableState.js";import{useOpenChangeComplete as so}from"../utils/useOpenChangeComplete.js";import{useSelection as io}from"../utils/useSelection.js";import{Glyph as Xn}from"../utils/Glyph.js";import{skdxPart as ht}from"../utils/part.js";import{composeEventHandlers as Ct,Primitive as It}from"../utils/primitive.js";import{jsx as vt}from"react/jsx-runtime";var Z=({ref:e,...n})=>{let t=C("SelectAll");if(!t.multiple||!t.allowSelectAll)return null;let r=t.orderedOptions().map(l=>l.dataset.value??"").filter(Boolean),o=r.length>0&&r.every(l=>t.selectedValues.includes(l));return vt(It.div,{role:"option","aria-selected":o,"data-state":o?"checked":"unchecked",...n,...ht("select","select-all",n.className),ref:e,onClick:Ct(n.onClick,()=>t.selectAllOrClear())})};Z.displayName="SelectAll";import{skdxPart as xt}from"../utils/part.js";import{composeEventHandlers as Pt,Primitive as Ot}from"../utils/primitive.js";import{jsx as kt}from"react/jsx-runtime";var j=({ref:e,...n})=>{let t=C("SelectClear"),r=t.selectedValues.length===0&&t.inputValue==="",o=n["aria-label"]!==void 0||n["aria-labelledby"]!==void 0;return kt(Ot.button,{type:"button","aria-label":o?void 0:"Clear selection",disabled:t.disabled||t.readOnly||r,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...n,...xt("select","clear",n.className),ref:e,onClick:Pt(n.onClick,()=>{t.clear(),(t.inputRef.current??t.triggerRef.current)?.focus()})})};j.displayName="SelectClear";import*as q from"react";import{appearanceAttrs as Tt}from"../utils/appearance.js";import{useComposedRefs as Et}from"../utils/composeRefs.js";import{skdxPart as At}from"../utils/part.js";import{PopperContent as Lt}from"../utils/popper.js";import{composeEventHandlers as wt}from"../utils/primitive.js";import{useDismiss as Nt}from"../utils/useDismiss.js";import{jsx as Mt}from"react/jsx-runtime";function Vt(e,n){let t=e.querySelector('[data-part="viewport"]')??e;if(t===n||!t.contains(n))return;let r=t.getBoundingClientRect(),o=n.getBoundingClientRect();t.scrollTop+=o.top-r.top-(r.height-o.height)/2}var ee=({forceMount:e,side:n="bottom",align:t="start",sideOffset:r=4,onEscapeKeyDown:o,onPointerDownOutside:l,onFocusOutside:p,onInteractOutside:S,onCloseAutoFocus:f,ref:u,matchWidth:b,...d})=>{let a=C("SelectContent"),s=Et(u,a.contentRef),{closeAutoFocusRef:g}=a;q.useInsertionEffect(()=>{g.current=f}),Nt({enabled:a.open,onEscapeKeyDown:h=>{o?.(h),!h.defaultPrevented&&(a.onOpenChange(!1),a.focusTrigger())},onInteractOutside:S,onPointerDownOutside:h=>{l?.(h),h.defaultPrevented||a.onOpenChange(!1)},onFocusOutside:h=>{p?.(h),h.defaultPrevented||a.onOpenChange(!1)}},[a.contentRef,a.triggerRef,a.inputRef]);let{setActiveId:y,openIntentRef:I,filterable:P}=a;return q.useEffect(()=>{if(!a.open)return;let h=requestAnimationFrame(()=>{let i=a.contentRef.current;if(!i)return;let E=I.current;if(I.current="selected",P&&E==="selected")return;let O=Array.from(i.querySelectorAll(te)),w=O[0],m=O[O.length-1],v=i.querySelector('[role="option"][data-state="checked"]')??w;E==="first"?v=w:E==="last"&&(v=m),v&&(y(v.id),Vt(i,v))});return()=>cancelAnimationFrame(h)},[a.open,a.contentRef,y,I,P]),e||a.open?Mt(Lt,{component:"select",role:"listbox",id:a.contentId,"aria-multiselectable":a.multiple?!0:void 0,"aria-busy":a.loading?!0:void 0,"data-state":a.open?"open":"closed","data-multiple":a.multiple?"":void 0,"data-loading":a.loading?"":void 0,tabIndex:-1,side:n,align:t,sideOffset:r,...d,...Tt({matchWidth:b},d),...At("select","content",d.className),ref:s,onMouseDown:wt(d.onMouseDown,h=>h.preventDefault())}):null};ee.displayName="SelectContent";import{skdxPart as Ht}from"../utils/part.js";import{Primitive as Dt}from"../utils/primitive.js";import{jsx as Kt}from"react/jsx-runtime";var ne=({ref:e,...n})=>{let t=C("SelectEmpty");return t.open&&t.itemCount===0?Kt(Dt.div,{role:"presentation","aria-live":"polite",...n,...Ht("select","empty",n.className),ref:e}):null};ne.displayName="SelectEmpty";import*as Te from"react";import{createSafeContext as Gt}from"../utils/createContext.js";import{skdxPart as Bt}from"../utils/part.js";import{Primitive as Ft}from"../utils/primitive.js";import{jsx as ke}from"react/jsx-runtime";var[qt,Ee]=Gt("SelectGroup",{labelId:null}),oe=({ref:e,...n})=>{let t=Te.useId();return ke(qt,{labelId:t,children:ke(Ft.div,{role:"group","aria-labelledby":t,...n,...Bt("select","group",n.className),ref:e})})};oe.displayName="SelectGroup";import{skdxPart as zt}from"../utils/part.js";import{Primitive as Wt}from"../utils/primitive.js";import{jsx as Jt}from"react/jsx-runtime";var re=({children:e,ref:n,...t})=>Jt(Wt.span,{"aria-hidden":!0,...t,...zt("select","icon",t.className),ref:n,children:e??"\u25BE"});re.displayName="SelectIcon";import{useComposedRefs as Xt}from"../utils/composeRefs.js";import{skdxPart as $t}from"../utils/part.js";import{PopperAnchor as Ut}from"../utils/popper.js";import{composeEventHandlers as le,Primitive as _t}from"../utils/primitive.js";import{jsx as Ae}from"react/jsx-runtime";function Le(e){return e.scrollIntoView?.({block:"nearest"}),e.id}function we(e,n){let t=e.orderedOptions();if(t.length===0)return null;let r=t.findIndex(p=>p.id===e.activeId),o=Math.min(t.length-1,Math.max(0,r+n)),l=t[o];return e.setActiveId(l.id),Le(l)}function Qt(e,n){let t=e.orderedOptions();if(t.length===0)return;let r=n==="last"?t[t.length-1]:t[0];e.setActiveId(r.id),Le(r)}function Yt(e,n){let t=e.activeId,r=we(e,n);if(r===null||r===t)return;let o=e.getItem(r);o&&e.selectItem(o.value,"keyboard")}function Zt(e,n){if(!e.open||!e.multiple)return!1;let t=z(n,{allowSelectAll:e.allowSelectAll,hasActive:e.activeId!==null});return t?(n.preventDefault(),t.kind==="extend"?Yt(e,t.direction):t.kind==="range"?e.selectRange():t.kind==="sweep"?e.selectToEdge(t.edge):e.selectAllOrClear(),!0):!1}function jt(e,n){if(n.key!=="ArrowDown"&&n.key!=="ArrowUp")return!1;n.preventDefault();let t=n.key==="ArrowDown"?1:-1;return e.open?(we(e,t),!0):(e.openIntentRef.current=t===1?"first":"last",e.onOpenChange(!0),!0)}function en(e,n){if(n.key==="Home"||n.key==="End"){if(!e.open)return;n.preventDefault(),Qt(e,n.key==="Home"?"first":"last")}else if(n.key==="Enter"){let t=e.activeId?e.getItem(e.activeId):void 0;if(!t)return;n.preventDefault(),e.selectItem(t.value,"keyboard"),e.closeOnSelect&&e.onOpenChange(!1)}else n.key==="Escape"?e.open&&!e.contentRef.current&&(n.preventDefault(),e.onOpenChange(!1)):n.key==="Backspace"&&e.inputValue===""&&e.removeLast()}var ae=({ref:e,...n})=>{let t=C("SelectInput"),r=Xt(e,t.inputRef);return Ae(Ut,{asChild:!0,children:Ae(_t.input,{type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":t.open,"aria-controls":t.contentId,"aria-autocomplete":"list","aria-activedescendant":t.activeId??void 0,autoComplete:"off",disabled:t.disabled,readOnly:t.readOnly,"aria-required":t.required||void 0,"aria-invalid":t.invalid?!0:void 0,"aria-readonly":t.readOnly?!0:void 0,"aria-busy":t.loading?!0:void 0,"data-invalid":t.invalid?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-disabled":t.disabled?"":void 0,"data-loading":t.loading?"":void 0,"data-multiple":t.multiple?"":void 0,"data-state":t.open?"open":"closed",...n,...$t("select","input",n.className),ref:r,value:t.inputValue,onChange:le(n.onChange,o=>{t.setInputValue(o.target.value),t.open||t.onOpenChange(!0)}),onBlur:le(n.onBlur,()=>{t.open&&t.onOpenChange(!1)}),onKeyDown:le(n.onKeyDown,o=>{t.disabled||Zt(t,o)||jt(t,o)||en(t,o)})})})};ae.displayName="SelectInput";import*as M from"react";import{useComposedRefs as tn}from"../utils/composeRefs.js";import{createSafeContext as nn}from"../utils/createContext.js";import{skdxPart as on}from"../utils/part.js";import{composeEventHandlers as Ne,Primitive as rn}from"../utils/primitive.js";import{useOptionEntry as ln}from"../utils/useOptionCollection.js";import{jsx as Ve}from"react/jsx-runtime";var[an,W]=nn("SelectItem"),ce=({value:e,disabled:n,textValue:t,ref:r,...o})=>{let l=C("SelectItem"),p=M.useId(),S=M.useRef(null),f=tn(r,S),u=l.isSelected(e),b=l.activeId===p,[d,a]=M.useState(void 0),{registerOptionLabel:s}=l,g=M.useCallback(i=>{s(e,t??i),a(i)},[s,e,t]),{visible:y}=ln({id:p,value:e,textValue:t??d,itemRef:S,matchesFilter:l.matchesFilter,registerItem:l.registerItem,unregisterItem:l.unregisterItem}),I=n||l.atMax&&!u,P=l.itemOrder?.get(p),h=()=>{I||(l.selectItem(e,"pointer"),l.closeOnSelect&&(l.onOpenChange(!1),l.focusTrigger()))};return y?Ve(an,{value:e,selected:u,registerText:g,children:Ve(rn.div,{role:"option",id:p,"data-value":e,"aria-selected":u,"data-state":u?"checked":"unchecked","data-highlighted":b?"":void 0,"data-text-value":t,"aria-disabled":I||void 0,"data-disabled":I?"":void 0,...o,...on("select","item",o.className),ref:f,onClick:Ne(o.onClick,h),onPointerEnter:Ne(o.onPointerEnter,()=>{I||l.setActiveId(p)}),style:P!==void 0?{order:P,...o.style}:o.style})}):null};ce.displayName="SelectItem";import{skdxPart as cn}from"../utils/part.js";import{Primitive as sn}from"../utils/primitive.js";import{jsx as dn}from"react/jsx-runtime";var se=({forceMount:e,ref:n,...t})=>{let r=W("SelectItemIndicator");return e||r.selected?dn(sn.span,{"aria-hidden":!0,...t,...cn("select","item-indicator",t.className),ref:n}):null};se.displayName="SelectItemIndicator";import*as J from"react";import{useComposedRefs as un}from"../utils/composeRefs.js";import{skdxPart as mn}from"../utils/part.js";import{Primitive as fn}from"../utils/primitive.js";import{jsx as pn}from"react/jsx-runtime";var ie=({children:e,ref:n,...t})=>{let r=W("SelectItemText"),o=J.useRef(null),l=un(n,o);return J.useLayoutEffect(()=>{r.registerText(o.current?.textContent??"")}),pn(fn.span,{...t,...mn("select","item-text",t.className),ref:l,children:e})};ie.displayName="SelectItemText";import{skdxPart as Sn}from"../utils/part.js";import{Primitive as gn}from"../utils/primitive.js";import{jsx as yn}from"react/jsx-runtime";var de=({ref:e,...n})=>{let t=Ee("SelectLabel");return yn(gn.div,{id:t.labelId??void 0,...n,...Sn("select","label",n.className),ref:e})};de.displayName="SelectLabel";import{Portal as Rn}from"../utils/portal.js";import{jsx as bn}from"react/jsx-runtime";var ue=({forceMount:e,children:n,...t})=>{let r=C("SelectPortal");return e||r.open?bn(Rn,{...t,children:n}):null};ue.displayName="SelectPortal";import{Badge as hn}from"../badge/Badge.js";import{skdxPart as Cn}from"../utils/part.js";import{jsx as In}from"react/jsx-runtime";var me=({value:e,ref:n,...t})=>{let r=C("SelectTag"),o=r.selectedValues.indexOf(e);return In(hn,{index:o,label:e,"data-value":e,"data-skdx-select-tag":"",onDelete:()=>r.deselect(e),...t,...Cn("select","tag",t.className),ref:n})};me.displayName="SelectTag";import{TagGroup as vn}from"../tag-group/TagGroup.js";import{skdxPart as xn}from"../utils/part.js";import{jsx as Pn}from"react/jsx-runtime";var fe=({ref:e,...n})=>{let t=C("SelectTagList");return Pn(vn,{disabled:t.disabled||t.readOnly,...n,...xn("select","tag-list",n.className),ref:e})};fe.displayName="SelectTagList";import{BadgeDelete as On}from"../badge/Badge.js";import{skdxPart as kn}from"../utils/part.js";import{jsx as Tn}from"react/jsx-runtime";var pe=({ref:e,...n})=>Tn(On,{...n,...kn("select","tag-remove",n.className),ref:e});pe.displayName="SelectTagRemove";import*as L from"react";import{appearanceAttrs as En}from"../utils/appearance.js";import{useComposedRefs as An}from"../utils/composeRefs.js";import{skdxPart as Ln}from"../utils/part.js";import{PopperAnchor as wn}from"../utils/popper.js";import{composeEventHandlers as Nn,Primitive as Vn,useComposedEventHandlers as Mn}from"../utils/primitive.js";import{selectClosedAction as Hn,selectKeyPrevented as Me,selectOpenAction as Dn}from"../utils/select-keyboard.js";import{itemText as Kn}from"../utils/typeahead.js";import{useTypeahead as He}from"../utils/useTypeahead.js";import{jsx as De}from"react/jsx-runtime";var Gn=0;function Bn(e){if(!e)return null;let n=e.getRootNode(),r=(e.id?Array.from(n.querySelectorAll("[for]")).find(o=>o.getAttribute("for")===e.id):void 0)??e.closest("label");return r?(r.id||(r.id=`skdx-select-label-${++Gn}`),r.id):null}var Se=({ref:e,shape:n,size:t,...r})=>{let o=C("SelectTrigger"),{openIntentRef:l}=o,[p,S]=L.useState(null),f=L.useCallback(m=>{S(m&&Bn(m))},[]),u=An(e,o.triggerRef,f),b=o.disabled||r.disabled,d=L.useRef(o.collection);L.useInsertionEffect(()=>{d.current=o.collection.filter(m=>!m.disabled)});let a=He(L.useCallback(()=>d.current.map(m=>m.label??m.value),[])),s=L.useRef([]),g=He(L.useCallback(()=>s.current.map(m=>Kn(m)),[])),y=m=>{m&&(o.setActiveId(m.id),m.scrollIntoView?.({block:"nearest"}))},I=m=>{let R=m?.getAttribute("data-value");R!=null&&(o.selectItem(R,"keyboard"),o.closeOnSelect&&o.onOpenChange(!1))},P=m=>{let R=m?.getAttribute("data-value");R!=null&&(o.multiple&&o.isSelected(R)||o.selectItem(R,"keyboard"))},h=(m,R,v)=>{let x=Math.min(m.length-1,Math.max(0,R+v)),A=m[x];if(!A||x===R)return;y(A);let N=A.getAttribute("data-value");N!==null&&o.selectItem(N,"keyboard")},i=(m,R,v)=>{if(!o.multiple)return!1;let x=z(m,{allowSelectAll:o.allowSelectAll,hasActive:o.activeId!==null});return x?(m.preventDefault(),x.kind==="extend"?h(R,v,x.direction):x.kind==="range"?o.selectRange():x.kind==="sweep"?o.selectToEdge(x.edge):o.selectAllOrClear(),!0):!1},E=m=>{let R=o.orderedOptions();s.current=R;let v=R.findIndex(A=>A.id===o.activeId);if(i(m,R,v))return;let x=Dn(m,v,R.length);switch(Me(x)&&m.preventDefault(),x.kind){case"activate":y(R[x.index]);return;case"commit":I(R[v]);return;case"commit-and-close":I(R[v]),o.onOpenChange(!1);return;case"commit-on-exit":P(R[v]),o.onOpenChange(!1);return;case"typeahead":{let A=g(m.key,v);A!==-1&&y(R[A]);return}case"ignore":case"claim":return}},w=r["aria-label"]===void 0&&o.hasValuePart?[p,r["aria-labelledby"],o.valueId].filter(Boolean).join(" "):r["aria-labelledby"];return De(wn,{asChild:!0,children:De(Vn.button,{type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":o.open,"aria-controls":o.contentId,"aria-activedescendant":o.activeId??void 0,"aria-required":o.required||void 0,"aria-invalid":o.invalid?!0:void 0,"aria-readonly":o.readOnly?!0:void 0,"data-state":o.open?"open":"closed","data-disabled":b?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-invalid":o.invalid?"":void 0,"data-placeholder":o.selectedValues.length===0?"":void 0,"data-multiple":o.multiple?"":void 0,...r,disabled:b,"aria-labelledby":w,...En({shape:n,size:t},r),...Ln("select","trigger",r.className),ref:u,onClick:Nn(r.onClick,()=>o.onOpenChange(!o.open)),onKeyDown:Mn(r.onKeyDown,m=>{if(o.open){E(m);return}let R=Hn(m,o.multiple);switch(Me(R)&&m.preventDefault(),R.kind){case"open":l.current=R.intent,o.onOpenChange(!0);return;case"open-for-typeahead":o.onOpenChange(!0);return;case"typeahead":{let v=d.current.findIndex(A=>o.isSelected(A.value)),x=a(m.key,v);x!==-1&&o.selectItem(d.current[x].value,"keyboard");return}case"ignore":return}})})})};Se.displayName="SelectTrigger";import*as G from"react";import{skdxPart as Fn}from"../utils/part.js";import{Primitive as qn}from"../utils/primitive.js";import{jsx as Ke}from"react/jsx-runtime";var ge=({placeholder:e,children:n,ref:t,...r})=>{let{selectedValues:o,multiple:l,getOptionLabel:p,valueId:S,setHasValuePart:f}=C("SelectValue");G.useEffect(()=>(f(!0),()=>f(!1)),[f]);let u,b=!1;return!r.asChild&&n!==void 0?u=n:o.length===0?(u=e,b=!0):l?u=o.map(d=>Ke("span",{"data-chip":"","data-value":d,children:p(d)},d)):u=p(o[0]),Ke(qn.span,{id:S,"data-multiple":l?"":void 0,"data-placeholder":b?"":void 0,...r,...Fn("select","value",r.className),ref:t,style:{pointerEvents:"none",...r.style},children:r.asChild&&G.isValidElement(n)?G.cloneElement(n,void 0,u):u})};ge.displayName="SelectValue";import{skdxPart as zn}from"../utils/part.js";import{Primitive as Wn}from"../utils/primitive.js";import{jsx as Jn}from"react/jsx-runtime";var ye=({ref:e,...n})=>Jn(Wn.div,{...n,...zn("select","viewport",n.className),ref:e,style:{overflow:"auto",...n.style}});ye.displayName="SelectViewport";import{Fragment as Un,jsx as T,jsxs as D}from"react/jsx-runtime";var Be=e=>"options"in e;function $n(e){let n=new Map;for(let t of e)for(let r of Be(t)?t.options:[t])n.set(r.value,r);return n}var Ge=()=>T(Xn,{name:"close"}),Fe=({shape:e,size:n,status:t,density:r,matchWidth:o,options:l,renderOption:p,renderValue:S,renderTag:f,placeholder:u,clearable:b,ariaLabel:d,passThrough:a})=>{let s=C("Select"),g=$n(l),y=d??u,I=i=>D(ce,{value:i.value,disabled:i.disabled,textValue:i.label,children:[T(ie,{children:p?p(i,{selected:s.isSelected(i.value)}):i.label??i.value}),T(se,{children:"\u2713"})]},i.value),P;if(S){let i=s.multiple?s.selectedValues.map(E=>g.get(E)??{value:E}):g.get(s.selectedValues[0]??"")??(s.selectedValues[0]?{value:s.selectedValues[0]}:null);P=S(i)}let h=i=>f?f(i):i.label??i.value;return D(Un,{children:[s.multiple?T(fe,{density:r,"aria-label":y?`${y} \u2014 selected`:void 0,children:s.selectedValues.map(i=>D(me,{value:i,shape:e,size:n,status:t,children:[h(g.get(i)??{value:i}),T(pe,{children:T(Ge,{})})]},i))}):null,s.filterable?T(ae,{...a,"data-match-width":void 0,"data-shape":void 0,"data-size":void 0,"data-status":void 0,"data-density":void 0,"aria-label":d,placeholder:u}):D(Se,{...a,"data-match-width":void 0,"data-status":void 0,"data-density":void 0,"aria-label":d,shape:e,size:n,children:[T(ge,{placeholder:u,children:P}),T(re,{})]}),b?T(j,{"aria-label":"Clear selection",children:T(Ge,{})}):null,D(ue,{children:[T(ee,{matchWidth:o,children:D(ye,{children:[T(Z,{children:"Select all"}),l.map(i=>Be(i)?D(oe,{children:[T(de,{children:i.label}),i.options.map(I)]},i.label):I(i))]})}),T(ne,{children:"No results found"})]})]})};import{jsx as be,jsxs as Po}from"react/jsx-runtime";function uo(e){let n=[];for(let t of e)for(let r of"options"in t?t.options:[t])n.push(r);return n}var te='[role="option"]:not([data-disabled]):not([data-part="select-all"])';function mo(e){return e===0?"none selected":`${e} selected`}function z(e,{allowSelectAll:n,hasActive:t}){return fo(e,n)??po(e,t)}function fo(e,n){return e.ctrlKey&&e.shiftKey&&(e.key==="Home"||e.key==="End")?{kind:"sweep",edge:e.key==="Home"?"first":"last"}:(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"&&n?{kind:"select-all"}:null}function po(e,n){return e.shiftKey?e.key===" "?n?{kind:"range"}:null:e.key==="ArrowDown"||e.key==="ArrowUp"?{kind:"extend",direction:e.key==="ArrowDown"?1:-1}:null:null}var[So,C]=_n("Select");function go({filterable:e,filter:n,inputValue:t,contentRef:r}){let[o,l]=c.useState(()=>new Map),p=c.useCallback((a,s)=>{l(g=>{let y=g.get(a);if(y?.value===s.value&&y.text===s.text)return g;let I=new Map(g);return I.set(a,s),I})},[]),S=c.useCallback(a=>{l(s=>{if(!s.has(a))return s;let g=new Map(s);return g.delete(a),g})},[]),f=c.useCallback(a=>o.get(a),[o]),u=c.useCallback(a=>!e||n===void 0||oo(n(a,t)),[e,n,t]),b=c.useMemo(()=>!e||n===void 0?null:ro([...o.keys()],a=>{let s=o.get(a);if(!s)return null;let g=n(s.text,t);return typeof g=="number"?g:null}),[e,n,t,o]),d=c.useCallback(()=>lo(Array.from(r.current?.querySelectorAll(te)??[]),b),[r,b]);return{itemCount:o.size,itemOrder:b,registerItem:p,unregisterItem:S,getItem:f,matchesFilter:u,orderedOptions:d}}var Re=e=>e.map(n=>n.dataset.value??"");function yo({enabled:e,maxSelected:n,selectedValues:t,activeId:r,orderedOptions:o,commitSweep:l,rangeAnchorRef:p}){let S=c.useCallback(d=>{let a=[...t];for(let s of d)if(!a.includes(s)){if(n!==void 0&&a.length>=n)break;a.push(s)}return a},[n,t]),f=c.useCallback(()=>{if(!e)return;let d=o(),a=d.findIndex(P=>P.id===r);if(a===-1)return;let s=d.findIndex(P=>P.dataset.value===p.current),g=s===-1?a:s,[y,I]=g<=a?[g,a]:[a,g];l(S(Re(d.slice(y,I+1))))},[e,r,o,l,S,p]),u=c.useCallback(d=>{if(!e)return;let a=o(),s=a.findIndex(y=>y.id===r);if(s===-1)return;let g=d==="first"?a.slice(0,s+1):a.slice(s);l(S(Re(g)))},[e,r,o,l,S]),b=c.useCallback(()=>{if(!e)return;let d=Re(o()),a=d.length>0&&d.every(s=>t.includes(s));l(a?t.filter(s=>!d.includes(s)):S(d))},[e,t,o,l,S]);return{selectRange:f,selectToEdge:u,selectAllOrClear:b}}function Ro(e,n,t,r=mo){let o=c.useRef(!0),l=c.useRef(r);c.useInsertionEffect(()=>{l.current=r}),c.useEffect(()=>{if(o.current){o.current=!1;return}!n||t||eo(l.current(e))},[e,n,t])}function bo({open:e,defaultOpen:n=!1,onOpenChange:t,readOnly:r}){let[o=!1,l]=qe({prop:e,defaultProp:n,onChange:t}),p=c.useCallback(S=>{r&&S||l(S)},[r,l]);return[o,p]}function ho({inputValue:e,defaultInputValue:n="",onInputValueChange:t,filterable:r}){let[o="",l]=qe({prop:e,defaultProp:n,onChange:t}),p=c.useCallback(()=>{r&&l("")},[r,l]),S=c.useCallback(()=>{l(n)},[n,l]);return{inputValue:o,setInputValue:l,clearDraft:p,resetDraft:S}}function Co({open:e,filterable:n,contentRef:t,orderedOptions:r}){let[o,l]=c.useState(null),[p,S]=c.useState(e);return e!==p&&(S(e),e||l(null)),c.useLayoutEffect(()=>{if(!n||!t.current)return;let f=r();l(u=>u===null||f.some(b=>b.id===u)?u:f[0]?.id??null)},[n,t,r]),[o,l]}function Io({items:e,options:n}){let[t,r]=c.useState(new Map),o=c.useCallback((f,u)=>{r(b=>{if(b.get(f)===u)return b;let d=new Map(b);return d.set(f,u),d})},[]),l=c.useMemo(()=>e??(n?uo(n):void 0),[e,n]),p=c.useMemo(()=>l?l.map(f=>({...f,label:t.get(f.value)??f.label??f.value})):[...t].map(([f,u])=>({value:f,label:u})),[l,t]),S=c.useCallback(f=>t.get(f)??l?.find(u=>u.value===f)?.label??f,[t,l]);return{collection:p,registerOptionLabel:o,getOptionLabel:S}}function vo({value:e,defaultValue:n,onValueChange:t,multiple:r,deselectable:o=!1,maxSelected:l,closeOnSelect:p=!r,disabled:S,readOnly:f,activeId:u,orderedOptions:b,clearDraft:d,setInputValue:a,setOpen:s}){let g=c.useRef("programmatic"),{selectedValues:y,isSelected:I,selectItem:P,setSelection:h}=io({value:e,defaultValue:n,onValueChange:k=>t?.({...k,reason:g.current}),multiple:r,deselectable:o,label:"Select"}),i=S||f,E=r&&l!==void 0&&y.length>=l,O=c.useCallback((k,V)=>{ao(k,y)||(g.current=V,h(k))},[y,h]),w=c.useRef(null),m=c.useCallback((k,V="programmatic")=>{i||E&&!y.includes(k)||(w.current=k,g.current=V,P(k,V),d())},[i,E,y,P,d]),R=c.useCallback(k=>{O(k,"keyboard"),d(),p&&s(!1)},[O,d,p,s]),v=yo({enabled:r&&!i,maxSelected:l,selectedValues:y,activeId:u,orderedOptions:b,commitSweep:R,rangeAnchorRef:w}),x=c.useCallback(k=>{i||O(y.filter(V=>V!==k),"pointer")},[i,O,y]),A=c.useCallback(()=>{i||O(y.slice(0,-1),"keyboard")},[i,O,y]),N=c.useCallback(()=>{i||(O([],"pointer"),a(""))},[i,O,a]),B=c.useCallback(()=>{n!==void 0&&O(co(n,{multiple:r,label:"Select value"}),"programmatic")},[n,r,O]);return{...v,selectedValues:y,isSelected:I,selectItem:m,deselect:x,removeLast:A,clear:N,resetSelection:B,atMax:E,closeOnSelect:p}}var xo=function({children:n,value:t,defaultValue:r,onValueChange:o,multiple:l=!1,deselectable:p,maxSelected:S,allowSelectAll:f=!0,filterable:u=!1,inputValue:b,defaultInputValue:d,onInputValueChange:a,filter:s,loading:g=!1,clearable:y=!1,getSelectionLabel:I,items:P,options:h,renderOption:i,renderValue:E,renderTag:O,placeholder:w,closeOnSelect:m,open:R,defaultOpen:v,onOpenChange:x,onOpenChangeComplete:A,disabled:N=!1,readOnly:B=!1,required:k=!1,invalid:V=!1,name:he,form:ze,autoComplete:We,shape:Je,size:Xe,status:$e,density:Ue,matchWidth:_e,"aria-label":Qe,ref:Ye,...K}){let $=c.useRef(null),U=c.useRef(null),F=c.useRef(null),Ce=c.useRef(null),[_,Ie]=bo({open:R,defaultOpen:v,onOpenChange:x,readOnly:B}),{inputValue:ve,setInputValue:xe,clearDraft:Ze,resetDraft:je}=ho({inputValue:b,defaultInputValue:d,onInputValueChange:a,filterable:u}),H=go({filterable:u,filter:s,inputValue:ve,contentRef:F}),{orderedOptions:Q}=H,[Pe,et]=Co({open:_,filterable:u,contentRef:F,orderedOptions:Q}),{selectedValues:Y,isSelected:tt,selectItem:nt,selectRange:ot,selectToEdge:rt,selectAllOrClear:lt,deselect:at,removeLast:ct,clear:st,resetSelection:it,atMax:dt,closeOnSelect:ut}=vo({value:t,defaultValue:r,onValueChange:o,multiple:l,deselectable:p,maxSelected:S,closeOnSelect:m,disabled:N,readOnly:B,activeId:Pe,orderedOptions:Q,clearDraft:Ze,setInputValue:xe,setOpen:Ie});Ro(Y.length,l,g,I),so(_,F,A);let Oe=c.useRef(void 0),mt=c.useCallback(()=>{Qn("close-auto-focus",Oe.current)&&(U.current??$.current)?.focus()},[]),ft=c.useRef("selected"),pt=c.useId(),[St,gt]=c.useState(!1),{collection:yt,registerOptionLabel:Rt,getOptionLabel:bt}=Io({items:P,options:h});return c.useImperativeHandle(Ye,()=>Yn(Ce),[]),Zn(u?U:$,()=>{it(),je()}),be(to,{children:Po(So,{triggerRef:$,inputRef:U,focusTrigger:mt,closeAutoFocusRef:Oe,contentRef:F,contentId:c.useId(),valueId:pt,hasValuePart:St,setHasValuePart:gt,activeId:Pe,setActiveId:et,openIntentRef:ft,multiple:l,filterable:u,loading:g,allowSelectAll:f,atMax:dt,inputValue:ve,setInputValue:xe,closeOnSelect:ut,selectedValues:Y,isSelected:tt,selectItem:nt,selectRange:ot,selectToEdge:rt,selectAllOrClear:lt,clear:st,removeLast:ct,deselect:at,open:_,onOpenChange:Ie,disabled:N,readOnly:B,required:k,invalid:V,name:he,registerOptionLabel:Rt,getOptionLabel:bt,collection:yt,itemCount:H.itemCount,registerItem:H.registerItem,unregisterItem:H.unregisterItem,getItem:H.getItem,matchesFilter:H.matchesFilter,itemOrder:H.itemOrder,orderedOptions:Q,children:[n??be(Fe,{shape:X(Je,K,"data-shape"),size:X(Xe,K,"data-size"),status:X($e,K,"data-status"),density:X(Ue,K,"data-density"),matchWidth:no(_e,K,"data-match-width"),options:h??[],renderOption:i,renderValue:E,renderTag:O,placeholder:w,clearable:y,ariaLabel:Qe,passThrough:K}),be(jn,{name:he,values:Y,required:k,disabled:N,form:ze,autoComplete:We,singleValued:!l,controlRef:Ce})]})})};xo.displayName="Select";import{skdxPart as Oo}from"../utils/part.js";import{Primitive as ko}from"../utils/primitive.js";import{jsx as Eo}from"react/jsx-runtime";var To=({ref:e,...n})=>Eo(ko.div,{"aria-hidden":!0,...n,...Oo("select","separator",n.className),ref:e});To.displayName="SelectSeparator";export{te as OPTION_SELECTOR,xo as Select,Z as SelectAll,j as SelectClear,ee as SelectContent,ne as SelectEmpty,oe as SelectGroup,qt as SelectGroupProvider,re as SelectIcon,ae as SelectInput,ce as SelectItem,se as SelectItemIndicator,an as SelectItemProvider,ie as SelectItemText,de as SelectLabel,ue as SelectPortal,So as SelectProvider,To as SelectSeparator,me as SelectTag,fe as SelectTagList,pe as SelectTagRemove,Se as SelectTrigger,ge as SelectValue,ye as SelectViewport,mo as defaultGetSelectionLabel,z as selectSelectionKeyAction,C as useSelectContext,Ee as useSelectGroupContext,W as useSelectItemContext};

package/dist/select/SelectAll.d.cts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type { SelectAllProps } from './types.cjs';
+/**
+ * The row at the head of the listbox toggling every enabled option at once, offered while `multiple` and `allowSelectAll`.
+ *
+ * @example
+ * ```tsx
+ * <SelectContent>
+ *   <SelectAll>Select all</SelectAll>
+ *   <SelectItem value="react">React</SelectItem>
+ * </SelectContent>
+ * ```
+ */
+export declare const SelectAll: {
+    ({ ref: forwardedRef, ...props }: SelectAllProps): React.ReactNode;
+    displayName: string;
+};

package/dist/select/SelectAll.d.ts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type { SelectAllProps } from './types.js';
+/**
+ * The row at the head of the listbox toggling every enabled option at once, offered while `multiple` and `allowSelectAll`.
+ *
+ * @example
+ * ```tsx
+ * <SelectContent>
+ *   <SelectAll>Select all</SelectAll>
+ *   <SelectItem value="react">React</SelectItem>
+ * </SelectContent>
+ * ```
+ */
+export declare const SelectAll: {
+    ({ ref: forwardedRef, ...props }: SelectAllProps): React.ReactNode;
+    displayName: string;
+};

package/dist/select/SelectAnatomy.d.cts

@@ -1,20 +1,29 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PassThroughProps } from '../utils/passThrough.cjs';
-import type { SelectOption, SelectOptionOrGroup } from './types.cjs';
+import type { SelectContentProps, SelectOption, SelectOptionOrGroup, SelectTagListProps, SelectTagProps, SelectTriggerProps } from './types.cjs';
 /**
- * The anatomy a {@link Select} draws from `options`: the trigger (with a
- * default open/close icon), the portal, and the listbox with one `SelectItem`
- * per option — grouped under a `SelectGroup`/`SelectLabel` where `options`
+ * The anatomy a {@link Select} draws from `options`: the field — a trigger, or
+ * a filter `SelectInput` while `filterable` — the tag strip beside it while
+ * `multiple`, an optional Clear button, and the listbox with one `SelectItem`
+ * per option, grouped under a `SelectGroup`/`SelectLabel` where `options`
  * nests a group.
  *
  * @internal
  */
-export declare const SelectAnatomy: ({ options, renderOption, renderValue, placeholder, passThrough, }: {
+export declare const SelectAnatomy: ({ shape, size, status, density, matchWidth, options, renderOption, renderValue, renderTag, placeholder, clearable, ariaLabel, passThrough, }: {
+    shape?: SelectTriggerProps["shape"] | undefined;
+    size?: SelectTriggerProps["size"] | undefined;
+    status?: SelectTagProps["status"] | undefined;
+    density?: SelectTagListProps["density"] | undefined;
+    matchWidth?: SelectContentProps["matchWidth"] | undefined;
     options: SelectOptionOrGroup[];
-    renderOption?: (option: SelectOption, state: {
+    renderOption?: ((option: SelectOption, state: {
         selected: boolean;
-    }) => React.ReactNode;
-    renderValue?: (selected: SelectOption | SelectOption[] | null) => React.ReactNode;
-    placeholder?: string;
-    passThrough?: PassThroughProps;
+    }) => React.ReactNode) | undefined;
+    renderValue?: ((selected: SelectOption | SelectOption[] | null) => React.ReactNode) | undefined;
+    renderTag?: ((option: SelectOption) => React.ReactNode) | undefined;
+    placeholder?: string | undefined;
+    clearable?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    passThrough?: PassThroughProps | undefined;
 }) => React.JSX.Element;

package/dist/select/SelectAnatomy.d.ts

@@ -1,20 +1,29 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PassThroughProps } from '../utils/passThrough.js';
-import type { SelectOption, SelectOptionOrGroup } from './types.js';
+import type { SelectContentProps, SelectOption, SelectOptionOrGroup, SelectTagListProps, SelectTagProps, SelectTriggerProps } from './types.js';
 /**
- * The anatomy a {@link Select} draws from `options`: the trigger (with a
- * default open/close icon), the portal, and the listbox with one `SelectItem`
- * per option — grouped under a `SelectGroup`/`SelectLabel` where `options`
+ * The anatomy a {@link Select} draws from `options`: the field — a trigger, or
+ * a filter `SelectInput` while `filterable` — the tag strip beside it while
+ * `multiple`, an optional Clear button, and the listbox with one `SelectItem`
+ * per option, grouped under a `SelectGroup`/`SelectLabel` where `options`
  * nests a group.
  *
  * @internal
  */
-export declare const SelectAnatomy: ({ options, renderOption, renderValue, placeholder, passThrough, }: {
+export declare const SelectAnatomy: ({ shape, size, status, density, matchWidth, options, renderOption, renderValue, renderTag, placeholder, clearable, ariaLabel, passThrough, }: {
+    shape?: SelectTriggerProps["shape"] | undefined;
+    size?: SelectTriggerProps["size"] | undefined;
+    status?: SelectTagProps["status"] | undefined;
+    density?: SelectTagListProps["density"] | undefined;
+    matchWidth?: SelectContentProps["matchWidth"] | undefined;
     options: SelectOptionOrGroup[];
-    renderOption?: (option: SelectOption, state: {
+    renderOption?: ((option: SelectOption, state: {
         selected: boolean;
-    }) => React.ReactNode;
-    renderValue?: (selected: SelectOption | SelectOption[] | null) => React.ReactNode;
-    placeholder?: string;
-    passThrough?: PassThroughProps;
+    }) => React.ReactNode) | undefined;
+    renderValue?: ((selected: SelectOption | SelectOption[] | null) => React.ReactNode) | undefined;
+    renderTag?: ((option: SelectOption) => React.ReactNode) | undefined;
+    placeholder?: string | undefined;
+    clearable?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    passThrough?: PassThroughProps | undefined;
 }) => React.JSX.Element;