@skdx/react 0.27.0 → 0.29.0

package/dist/select/Select.d.cts

@@ -1,67 +1,50 @@
 import * as React from 'react';
-import type { SelectContextValue, SelectProps } from './types.cjs';
+import type { SelectContextValue, SelectHandle, SelectProps } from './types.cjs';
 /**
- * Listbox-style select. Options register their text label so the trigger's
- * `SelectValue` can display the selected option without extra wiring, and the
- * root merges those registrations with the optional declarative `items`
- * collection into the single ordered pool that drives labels and typeahead.
+ * 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 SelectProvider: {
-    (props: SelectContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useSelectContext: (consumerName: string) => SelectContextValue;
+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';
+};
 /**
- * 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.
+ * 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.
  *
- * Works controlled (`value` + `onValueChange`, `open` + `onOpenChange`) or
- * uncontrolled (`defaultValue`, `defaultOpen`).
+ * @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 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>
+ * <Select options={[{ value: 'react', label: 'React' }]} defaultValue="react" />
  * ```
  */
-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,67 +1,50 @@
 import * as React from 'react';
-import type { SelectContextValue, SelectProps } from './types.js';
+import type { SelectContextValue, SelectHandle, SelectProps } from './types.js';
 /**
- * Listbox-style select. Options register their text label so the trigger's
- * `SelectValue` can display the selected option without extra wiring, and the
- * root merges those registrations with the optional declarative `items`
- * collection into the single ordered pool that drives labels and typeahead.
+ * 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 SelectProvider: {
-    (props: SelectContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useSelectContext: (consumerName: string) => SelectContextValue;
+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';
+};
 /**
- * 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.
+ * 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.
  *
- * Works controlled (`value` + `onValueChange`, `open` + `onOpenChange`) or
- * uncontrolled (`defaultValue`, `defaultOpen`).
+ * @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 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>
+ * <Select options={[{ value: 'react', label: 'React' }]} defaultValue="react" />
  * ```
  */
-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 s from"react";import{createSafeContext as de}from"../utils/createContext.js";import{formValidityHandle as ue,useFormReset as Se}from"../utils/formControl.js";import{HiddenInput as Pe}from"../utils/hiddenInput.js";import{PopperRoot as Re}from"../utils/popper.js";import{useControllableState as ge}from"../utils/useControllableState.js";import{useOpenChangeComplete as ye}from"../utils/useOpenChangeComplete.js";import{useSelection as xe}from"../utils/useSelection.js";import{jsx as M,jsxs as Ce}from"react/jsx-runtime";var[Ie,u]=de("Select"),he=s.forwardRef(function({children:o,value:e,defaultValue:r,onValueChange:c,multiple:n=!1,items:p,open:a,defaultOpen:d=!1,onOpenChange:i,onOpenChangeComplete:l,disabled:I=!1,required:h=!1,invalid:m=!1,name:S},L){let C=s.useRef(null),y=s.useRef(null),H=s.useRef(null),{selectedValues:w,isSelected:ne,selectItem:ae,setSelection:ce}=xe({value:e,defaultValue:r,onValueChange:c,multiple:n}),[N=!1,ie]=ge({prop:a,defaultProp:d,onChange:i});ye(N,y,l);let[x,se]=s.useState(new Map),pe=s.useCallback((f,P)=>{se(E=>{if(E.get(f)===P)return E;let D=new Map(E);return D.set(f,P),D})},[]),me=s.useMemo(()=>p?p.map(f=>({...f,label:x.get(f.value)??f.label??f.value})):[...x].map(([f,P])=>({value:f,label:P})),[p,x]),fe=s.useCallback(f=>x.get(f)??p?.find(P=>P.value===f)?.label??f,[x,p]);return s.useImperativeHandle(L,()=>ue(H),[]),Se(C,()=>{r!==void 0&&ce(r)}),M(Re,{children:Ce(Ie,{triggerRef:C,contentRef:y,contentId:s.useId(),multiple:n,selectedValues:w,isSelected:ne,selectItem:ae,open:N,onOpenChange:ie,disabled:I,required:h,invalid:m,name:S,registerOptionLabel:pe,getOptionLabel:fe,collection:me,children:[o,S&&(w.length>0?w:[""]).map((f,P)=>M(Pe,{ref:P===0?H:void 0,type:"text",name:S,value:f,required:h,disabled:I},f||P))]})})});he.displayName="Select";import*as R from"react";import{useComposedRefs as ve}from"../utils/composeRefs.js";import{skdxPart as be}from"../utils/part.js";import{PopperAnchor as Te}from"../utils/popper.js";import{composeEventHandlers as O,Primitive as Le}from"../utils/primitive.js";import{isTypeaheadKey as we,useTypeahead as Ee}from"../utils/useTypeahead.js";import{jsx as V}from"react/jsx-runtime";var K=R.forwardRef((t,o)=>{let e=u("SelectTrigger"),r=ve(o,e.triggerRef),c=e.disabled||t.disabled,n=R.useRef(e.collection);n.current=e.collection.filter(a=>!a.disabled);let p=Ee(R.useCallback(()=>n.current.map(a=>a.label??a.value),[]));return V(Te,{asChild:!0,children:V(Le.button,{type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":e.open,"aria-controls":e.contentId,"aria-required":e.required||void 0,"aria-invalid":e.invalid?!0:void 0,"data-state":e.open?"open":"closed","data-disabled":c?"":void 0,"data-invalid":e.invalid?"":void 0,"data-placeholder":e.selectedValues.length===0?"":void 0,"data-multiple":e.multiple?"":void 0,disabled:c,...t,...be("select","trigger",t.className),ref:r,onClick:O(t.onClick,()=>e.onOpenChange(!e.open)),onKeyDown:O(t.onKeyDown,a=>{if(["ArrowDown","ArrowUp"," ","Enter"].includes(a.key)){a.preventDefault(),e.onOpenChange(!0);return}if(e.open||!we(a))return;if(a.preventDefault(),e.multiple){e.onOpenChange(!0);return}let d=n.current.findIndex(l=>e.isSelected(l.value)),i=p(a.key,d);i!==-1&&e.selectItem(n.current[i].value)})})})});K.displayName="SelectTrigger";import*as A from"react";import{skdxPart as ke}from"../utils/part.js";import{Primitive as He}from"../utils/primitive.js";import{jsx as q}from"react/jsx-runtime";var G=A.forwardRef(({placeholder:t,children:o,...e},r)=>{let{selectedValues:c,multiple:n,getOptionLabel:p}=u("SelectValue"),a,d=!1;return o!==void 0?a=o:c.length===0?(a=t,d=!0):n?a=c.map(i=>q("span",{"data-chip":"","data-value":i,children:p(i)},i)):a=p(c[0]),q(He.span,{"data-multiple":n?"":void 0,"data-placeholder":d?"":void 0,...e,...ke("select","value",e.className),ref:r,style:{pointerEvents:"none",...e.style},children:a})});G.displayName="SelectValue";import*as F from"react";import{skdxPart as Ne}from"../utils/part.js";import{Primitive as De}from"../utils/primitive.js";import{jsx as Me}from"react/jsx-runtime";var B=F.forwardRef(({children:t,...o},e)=>Me(De.span,{"aria-hidden":!0,...o,...Ne("select","icon",o.className),ref:e,children:t??"\u25BE"}));B.displayName="SelectIcon";import{Portal as Oe}from"../utils/portal.js";import{jsx as Ve}from"react/jsx-runtime";var U=({forceMount:t,children:o,...e})=>{let r=u("SelectPortal");return t||r.open?Ve(Oe,{...e,children:o}):null};U.displayName="SelectPortal";import*as v from"react";import{useComposedRefs as Ke}from"../utils/composeRefs.js";import{skdxPart as qe}from"../utils/part.js";import{PopperContent as Ae}from"../utils/popper.js";import{composeEventHandlers as Ge}from"../utils/primitive.js";import{useDismiss as Fe}from"../utils/useDismiss.js";import{useRovingFocus as Be}from"../utils/useRovingFocus.js";import{jsx as We}from"react/jsx-runtime";var W='[role="option"]:not([data-disabled])';function Ue(t,o){let e=t.querySelector('[data-part="viewport"]')??t;if(e===o||!e.contains(o))return;let r=e.getBoundingClientRect(),c=o.getBoundingClientRect();e.scrollTop+=c.top-r.top-(r.height-c.height)/2}var _=v.forwardRef(({forceMount:t,side:o="bottom",align:e="start",sideOffset:r=4,onEscapeKeyDown:c,onPointerDownOutside:n,onFocusOutside:p,onInteractOutside:a,...d},i)=>{let l=u("SelectContent"),I=Ke(i,l.contentRef),h=Be({orientation:"vertical",loop:!1,itemSelector:W,typeahead:!0});return Fe({enabled:l.open,onEscapeKeyDown:m=>{c?.(m),!m.defaultPrevented&&(l.onOpenChange(!1),l.triggerRef.current?.focus())},onInteractOutside:a,onPointerDownOutside:m=>{n?.(m),m.defaultPrevented||l.onOpenChange(!1)},onFocusOutside:m=>{p?.(m),m.defaultPrevented||l.onOpenChange(!1)}},[l.contentRef,l.triggerRef]),v.useEffect(()=>{if(!l.open)return;let m=requestAnimationFrame(()=>{let S=l.contentRef.current;if(!S)return;let L=S.querySelector('[role="option"][data-state="checked"]'),C=S.querySelector(W),y=L??C??S;y.focus({preventScroll:!0}),Ue(S,y)});return()=>cancelAnimationFrame(m)},[l.open,l.contentRef]),t||l.open?We(Ae,{component:"select",role:"listbox",id:l.contentId,"aria-multiselectable":l.multiple?!0:void 0,"data-state":l.open?"open":"closed","data-multiple":l.multiple?"":void 0,tabIndex:-1,side:o,align:e,sideOffset:r,...d,...qe("select","content",d.className),ref:I,onKeyDown:Ge(d.onKeyDown,m=>{h(m),m.key==="Tab"&&(m.preventDefault(),l.onOpenChange(!1),l.triggerRef.current?.focus())})}):null});_.displayName="SelectContent";import*as z from"react";import{skdxPart as _e}from"../utils/part.js";import{Primitive as ze}from"../utils/primitive.js";import{jsx as Je}from"react/jsx-runtime";var J=z.forwardRef((t,o)=>Je(ze.div,{...t,..._e("select","viewport",t.className),ref:o,style:{overflow:"auto",...t.style}}));J.displayName="SelectViewport";import*as b from"react";import{createSafeContext as Qe}from"../utils/createContext.js";import{skdxPart as Xe}from"../utils/part.js";import{composeEventHandlers as k,Primitive as Ye}from"../utils/primitive.js";import{jsx as Q}from"react/jsx-runtime";var[Ze,T]=Qe("SelectItem"),X=b.forwardRef(({value:t,disabled:o,textValue:e,...r},c)=>{let n=u("SelectItem"),p=n.isSelected(t),a=b.useCallback(i=>n.registerOptionLabel(t,e??i),[n.registerOptionLabel,t,e]),d=()=>{o||(n.selectItem(t),!n.multiple&&(n.onOpenChange(!1),n.triggerRef.current?.focus()))};return Q(Ze,{value:t,selected:p,registerText:a,children:Q(Ye.div,{role:"option","aria-selected":p,"data-state":p?"checked":"unchecked","data-text-value":e,"data-disabled":o?"":void 0,tabIndex:o?void 0:-1,...r,...Xe("select","item",r.className),ref:c,onClick:k(r.onClick,d),onKeyDown:k(r.onKeyDown,i=>{[" ","Enter"].includes(i.key)&&(i.preventDefault(),d())}),onPointerEnter:k(r.onPointerEnter,i=>{o||i.currentTarget.focus()})})})});X.displayName="SelectItem";import*as g from"react";import{useComposedRefs as $e}from"../utils/composeRefs.js";import{skdxPart as je}from"../utils/part.js";import{Primitive as et}from"../utils/primitive.js";import{jsx as tt}from"react/jsx-runtime";var Y=g.forwardRef(({children:t,...o},e)=>{let r=T("SelectItemText"),c=g.useRef(null),n=$e(e,c);return g.useLayoutEffect(()=>{r.registerText(c.current?.textContent??"")}),tt(et.span,{...o,...je("select","item-text",o.className),ref:n,children:t})});Y.displayName="SelectItemText";import*as Z 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 $=Z.forwardRef(({forceMount:t,...o},e)=>{let r=T("SelectItemIndicator");return t||r.selected?lt(rt.span,{"aria-hidden":!0,...o,...ot("select","item-indicator",o.className),ref:e}):null});$.displayName="SelectItemIndicator";import*as j from"react";import{skdxPart as nt}from"../utils/part.js";import{Primitive as at}from"../utils/primitive.js";import{jsx as ct}from"react/jsx-runtime";var ee=j.forwardRef((t,o)=>ct(at.div,{role:"group",...t,...nt("select","group",t.className),ref:o}));ee.displayName="SelectGroup";import*as te from"react";import{skdxPart as it}from"../utils/part.js";import{Primitive as st}from"../utils/primitive.js";import{jsx as pt}from"react/jsx-runtime";var oe=te.forwardRef((t,o)=>pt(st.div,{...t,...it("select","label",t.className),ref:o}));oe.displayName="SelectLabel";import*as re from"react";import{skdxPart as mt}from"../utils/part.js";import{Primitive as ft}from"../utils/primitive.js";import{jsx as dt}from"react/jsx-runtime";var le=re.forwardRef((t,o)=>dt(ft.div,{"aria-hidden":!0,...t,...mt("select","separator",t.className),ref:o}));le.displayName="SelectSeparator";export{he as Select,_ as SelectContent,ee as SelectGroup,B as SelectIcon,X as SelectItem,$ as SelectItemIndicator,Y as SelectItemText,oe as SelectLabel,U as SelectPortal,Ie as SelectProvider,le as SelectSeparator,K as SelectTrigger,G as SelectValue,J as SelectViewport,u as useSelectContext};
+'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

@@ -0,0 +1,29 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.cjs';
+import type { SelectContentProps, SelectOption, SelectOptionOrGroup, SelectTagListProps, SelectTagProps, SelectTriggerProps } from './types.cjs';
+/**
+ * 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: ({ 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: {
+        selected: boolean;
+    }) => 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

@@ -0,0 +1,29 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.js';
+import type { SelectContentProps, SelectOption, SelectOptionOrGroup, SelectTagListProps, SelectTagProps, SelectTriggerProps } from './types.js';
+/**
+ * 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: ({ 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: {
+        selected: boolean;
+    }) => 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/SelectClear.d.cts

@@ -0,0 +1,14 @@
+import type * as React from 'react';
+import type { SelectClearProps } from './types.cjs';
+/**
+ * Empties a {@link Select} in one press — selection and draft text alike — and hands focus back to the field, named `Clear selection` unless the consumer names it.
+ *
+ * @example
+ * ```tsx
+ * <SelectClear aria-label="Clear selection">✕</SelectClear>
+ * ```
+ */
+export declare const SelectClear: {
+    ({ ref: forwardedRef, ...props }: SelectClearProps): React.ReactNode;
+    displayName: string;
+};

package/dist/select/SelectClear.d.ts

@@ -0,0 +1,14 @@
+import type * as React from 'react';
+import type { SelectClearProps } from './types.js';
+/**
+ * Empties a {@link Select} in one press — selection and draft text alike — and hands focus back to the field, named `Clear selection` unless the consumer names it.
+ *
+ * @example
+ * ```tsx
+ * <SelectClear aria-label="Clear selection">✕</SelectClear>
+ * ```
+ */
+export declare const SelectClear: {
+    ({ ref: forwardedRef, ...props }: SelectClearProps): React.ReactNode;
+    displayName: string;
+};

package/dist/select/SelectContent.d.cts

@@ -1,20 +1,7 @@
 import * as React from 'react';
 import type { SelectContentProps } from './types.cjs';
 /**
- * The listbox popup for a {@link Select}, positioned relative to the trigger
- * via floating-ui (see {@link SelectContentProps}). Renders a
- * `<div role="listbox">` with `data-state` and `data-side`/`data-align` from
- * the popper. Owns roving-focus + typeahead keyboard navigation between
- * `SelectItem` options (Arrow Up/Down move focus, printable keys jump to a
- * matching label), focuses the selected (or first) option on open, and closes
- * on Tab. Carries `aria-multiselectable="true"` while the root is `multiple`.
- *
- * Closes on Escape (returning focus to the trigger) or on an outside
- * interaction — pointer-down outside or focus moving outside, each reported to
- * `onPointerDownOutside`/`onFocusOutside` and, just before them and with the
- * same event, to `onInteractOutside`. Any of those (or `onEscapeKeyDown`)
- * calling `event.preventDefault()` keeps the listbox open. Unmounts when
- * closed unless `forceMount` is set.
+ * Listbox popup for a {@link Select}, positioned via floating-ui and closed on Escape or outside interaction.
  *
  * @example
  * ```tsx
@@ -27,4 +14,7 @@ import type { SelectContentProps } from './types.cjs';
  * </SelectContent>
  * ```
  */
-export declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectContent: {
+    ({ forceMount, side, align, sideOffset, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onCloseAutoFocus, ref: forwardedRef, matchWidth, ...props }: SelectContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/select/SelectContent.d.ts

@@ -1,20 +1,7 @@
 import * as React from 'react';
 import type { SelectContentProps } from './types.js';
 /**
- * The listbox popup for a {@link Select}, positioned relative to the trigger
- * via floating-ui (see {@link SelectContentProps}). Renders a
- * `<div role="listbox">` with `data-state` and `data-side`/`data-align` from
- * the popper. Owns roving-focus + typeahead keyboard navigation between
- * `SelectItem` options (Arrow Up/Down move focus, printable keys jump to a
- * matching label), focuses the selected (or first) option on open, and closes
- * on Tab. Carries `aria-multiselectable="true"` while the root is `multiple`.
- *
- * Closes on Escape (returning focus to the trigger) or on an outside
- * interaction — pointer-down outside or focus moving outside, each reported to
- * `onPointerDownOutside`/`onFocusOutside` and, just before them and with the
- * same event, to `onInteractOutside`. Any of those (or `onEscapeKeyDown`)
- * calling `event.preventDefault()` keeps the listbox open. Unmounts when
- * closed unless `forceMount` is set.
+ * Listbox popup for a {@link Select}, positioned via floating-ui and closed on Escape or outside interaction.
  *
  * @example
  * ```tsx
@@ -27,4 +14,7 @@ import type { SelectContentProps } from './types.js';
  * </SelectContent>
  * ```
  */
-export declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectContent: {
+    ({ forceMount, side, align, sideOffset, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onCloseAutoFocus, ref: forwardedRef, matchWidth, ...props }: SelectContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/select/SelectEmpty.d.cts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type { SelectEmptyProps } from './types.cjs';
+/**
+ * The message shown when the filter leaves no option to render, announced politely from beside the listbox rather than inside it.
+ *
+ * @example
+ * ```tsx
+ * <SelectPortal>
+ *   <SelectContent>…</SelectContent>
+ *   <SelectEmpty>No results found</SelectEmpty>
+ * </SelectPortal>
+ * ```
+ */
+export declare const SelectEmpty: {
+    ({ ref: forwardedRef, ...props }: SelectEmptyProps): React.ReactNode;
+    displayName: string;
+};

package/dist/select/SelectEmpty.d.ts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import type { SelectEmptyProps } from './types.js';
+/**
+ * The message shown when the filter leaves no option to render, announced politely from beside the listbox rather than inside it.
+ *
+ * @example
+ * ```tsx
+ * <SelectPortal>
+ *   <SelectContent>…</SelectContent>
+ *   <SelectEmpty>No results found</SelectEmpty>
+ * </SelectPortal>
+ * ```
+ */
+export declare const SelectEmpty: {
+    ({ ref: forwardedRef, ...props }: SelectEmptyProps): React.ReactNode;
+    displayName: string;
+};

package/dist/select/SelectGroup.d.cts

@@ -1,8 +1,10 @@
 import * as React from 'react';
-import type { SelectGroupProps } from './types.cjs';
+import type { SelectGroupContextValue, SelectGroupProps } from './types.cjs';
+export declare const SelectGroupProvider: React.FC<SelectGroupContextValue & {
+    children: React.ReactNode;
+}>, useSelectGroupContext: (consumerName: string) => SelectGroupContextValue;
 /**
- * Groups related `SelectItem`s together, typically preceded by a
- * {@link SelectLabel}. Renders a `<div role="group">`.
+ * Groups related `SelectItem`s under a required {@link SelectLabel}.
  *
  * @example
  * ```tsx
@@ -14,4 +16,7 @@ import type { SelectGroupProps } from './types.cjs';
  * </SelectGroup>
  * ```
  */
-export declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectGroup: {
+    ({ ref: forwardedRef, ...props }: SelectGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/select/SelectGroup.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
-import type { SelectGroupProps } from './types.js';
+import type { SelectGroupContextValue, SelectGroupProps } from './types.js';
+export declare const SelectGroupProvider: React.FC<SelectGroupContextValue & {
+    children: React.ReactNode;
+}>, useSelectGroupContext: (consumerName: string) => SelectGroupContextValue;
 /**
- * Groups related `SelectItem`s together, typically preceded by a
- * {@link SelectLabel}. Renders a `<div role="group">`.
+ * Groups related `SelectItem`s under a required {@link SelectLabel}.
  *
  * @example
  * ```tsx
@@ -14,4 +16,7 @@ import type { SelectGroupProps } from './types.js';
  * </SelectGroup>
  * ```
  */
-export declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectGroup: {
+    ({ ref: forwardedRef, ...props }: SelectGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/select/SelectIcon.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { SelectIconProps } from './types.cjs';
 /**
- * Decorative indicator inside a {@link SelectTrigger} (e.g. a chevron).
- * Renders an `aria-hidden` `<span>` defaulting to `▾` when no `children`
- * are given.
+ * Decorative indicator inside a {@link SelectTrigger} (e.g. a chevron), defaulting to `▾`.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { SelectIconProps } from './types.cjs';
  * </SelectTrigger>
  * ```
  */
-export declare const SelectIcon: React.ForwardRefExoticComponent<Omit<SelectIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const SelectIcon: {
+    ({ children, ref: forwardedRef, ...props }: SelectIconProps): React.ReactNode;
+    displayName: string;
+};