minerva-design 1.19.0 → 1.19.2

package/dist/core/keyboard-navigation.d.cts

@@ -31,3 +31,17 @@ export interface GetNextIndexOptions {
  * - PageUp / PageDown: only with `pageSize` (clamped, never wraps).
  */
 export declare function getNextIndex({ currentIndex, count, key, orientation, dir, loop, isDisabled, pageSize, }: GetNextIndexOptions): number | null;
+/** An option of a combobox list (identified by its `value`). */
+export interface ActiveOptionItem {
+    value: string | number;
+    disabled?: boolean;
+}
+/**
+ * Index of the active (aria-activedescendant) option of a combobox list.
+ * The highlight follows the option's identity (`focusedValue`), not its
+ * index, so it survives async option updates and is dropped when that option
+ * is gone or disabled. Without a valid highlight, `autoHighlight` falls back
+ * to the first enabled option; `-1` otherwise. Pass `[]` while the options
+ * are hidden (loading) so nothing unseen can be active or selected.
+ */
+export declare function resolveActiveOptionIndex(options: readonly ActiveOptionItem[], focusedValue: string | number | null, autoHighlight: boolean): number;

package/dist/core/keyboard-navigation.d.ts

@@ -31,3 +31,17 @@ export interface GetNextIndexOptions {
  * - PageUp / PageDown: only with `pageSize` (clamped, never wraps).
  */
 export declare function getNextIndex({ currentIndex, count, key, orientation, dir, loop, isDisabled, pageSize, }: GetNextIndexOptions): number | null;
+/** An option of a combobox list (identified by its `value`). */
+export interface ActiveOptionItem {
+    value: string | number;
+    disabled?: boolean;
+}
+/**
+ * Index of the active (aria-activedescendant) option of a combobox list.
+ * The highlight follows the option's identity (`focusedValue`), not its
+ * index, so it survives async option updates and is dropped when that option
+ * is gone or disabled. Without a valid highlight, `autoHighlight` falls back
+ * to the first enabled option; `-1` otherwise. Pass `[]` while the options
+ * are hidden (loading) so nothing unseen can be active or selected.
+ */
+export declare function resolveActiveOptionIndex(options: readonly ActiveOptionItem[], focusedValue: string | number | null, autoHighlight: boolean): number;

package/dist/core/number-input.d.cts

@@ -1,4 +1,7 @@
-/** Decimal places of `step` (`0.05` -> 2); `0` for whole or missing steps. */
+/**
+ * Decimal places of `step` (`0.05` -> 2, `1.25` -> 2, `1e-7` -> 7);
+ * `0` for whole or missing steps.
+ */
 export declare function inferStepPrecision(step?: number): number;
 /** `n` limited to `[min, max]`; a missing bound does not limit. */
 export declare function clampNumber(n: number, min?: number, max?: number): number;

package/dist/core/number-input.d.ts

@@ -1,4 +1,7 @@
-/** Decimal places of `step` (`0.05` -> 2); `0` for whole or missing steps. */
+/**
+ * Decimal places of `step` (`0.05` -> 2, `1.25` -> 2, `1e-7` -> 7);
+ * `0` for whole or missing steps.
+ */
 export declare function inferStepPrecision(step?: number): number;
 /** `n` limited to `[min, max]`; a missing bound does not limit. */
 export declare function clampNumber(n: number, min?: number, max?: number): number;

package/dist/core/slider.d.cts

@@ -20,7 +20,7 @@ export interface SliderScale {
 }
 /** Most step ticks drawn by `marks: true` (denser scales draw none). */
 export declare const SLIDER_MAX_STEP_MARKS = 101;
-/** Decimal places of a step (`0.05` -> 2). */
+/** Decimal places of a step (`0.05` -> 2, `1.5e-7` -> 8). */
 export declare function sliderPrecision(step?: number | null): number;
 /** `v` limited to `[min, max]`. */
 export declare function clampSliderValue(v: number, min: number, max: number): number;

package/dist/core/slider.d.ts

@@ -20,7 +20,7 @@ export interface SliderScale {
 }
 /** Most step ticks drawn by `marks: true` (denser scales draw none). */
 export declare const SLIDER_MAX_STEP_MARKS = 101;
-/** Decimal places of a step (`0.05` -> 2). */
+/** Decimal places of a step (`0.05` -> 2, `1.5e-7` -> 8). */
 export declare function sliderPrecision(step?: number | null): number;
 /** `v` limited to `[min, max]`. */
 export declare function clampSliderValue(v: number, min: number, max: number): number;

package/dist/react/components/AutoComplete/AutoComplete.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs");require("../../utils/cn.cjs");const t=require("../../internal/stylingHooks.cjs"),n=require("../../internal/devWarnings.cjs"),r=require("../ProgressIndicator/ProgressIndicator.cjs");require("../ProgressIndicator/index.cjs");const i=require("../../internal/mergeRefs.cjs"),a=require("../../internal/useControllableState.cjs"),ee=require("../FormControl/context.cjs"),te=require("../../internal/FloatingPanel.cjs"),ne=require("../Input/Input.cjs");require("../Input/index.cjs");const re=require("../Empty/Empty.cjs");require("../Empty/index.cjs");const o=require("./autoComplete.module.scss.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("../../../dom/index.cjs"),u=require("../../../core/index.cjs");var ie=Object.freeze({x:0,y:4}),ae=[],oe={top:`top-start`,bottom:`bottom-start`,left:`left-start`,right:`right-start`},d=({ref:e,name:d,label:f,mode:se=`basic`,value:p,onChange:m,options:h=ae,defaultValue:g,onSelect:ce,filterOption:_,groupBy:v,renderOption:y,renderEmpty:le,loading:b=!1,inputProps:x,emptyProps:ue,placement:S=`bottom`,offset:C=ie,animation:de=!0,sortOption:w,onOptionClick:fe,onDropdownVisibleChange:pe,dropdownClassName:me,onSubmit:T,autoHighlight:he=!1,fillOnSelect:ge=!0,className:_e,groupMode:E=`first`})=>{let[D,O]=a.useControllableState({value:p,defaultValue:g??``,onChange:m,name:`AutoComplete`}),[k,A]=a.useControllableState({defaultValue:!1,onChange:pe,name:`AutoComplete`,prop:`open`}),[j,M]=(0,s.useState)(-1),[ve,N]=(0,s.useState)(-1),[P,ye]=(0,s.useState)(null),[F,be]=(0,s.useState)(null),xe=i.useMergedRefs(be,e),[Se,Ce]=(0,s.useState)(null),I=S===`top`||S===`bottom`,L=(0,s.useId)(),R=`${L}-listbox`,z=(0,s.useRef)(!1),B=ee.useFormControlProps({id:x?.id,disabled:x?.disabled,readOnly:x?.readOnly}),V=B.id??`${L}-input`,H=!!B.disabled||!!B.readOnly;process.env.NODE_ENV!==`production`&&n.warnControlledProps(`AutoComplete`,{prop:`value`,value:p,defaultProp:`defaultValue`,defaultValue:g,handlerProp:`onChange`,handler:m,locked:H,lockHint:"set `inputProps.disabled` / `inputProps.readOnly`"});let U=k&&!H,W=()=>{H||A(!0)},G=()=>{A(!1),M(-1)},K=(0,s.useMemo)(()=>{let e=D.toLowerCase(),t=h.filter(t=>_?_(D,t):t.label.toLowerCase().includes(e));return w?[...t].sort(w):t},[h,D,_,w]),q=(0,s.useMemo)(()=>{if(!v)return null;if(E===`adjacent`){let e=[];return K.forEach(t=>{let n=v(t),r=e[e.length-1];r&&r[0]===n?r[1].push(t):e.push([n,[t]])}),e}let e=new Map;return K.forEach(t=>{let n=v(t),r=e.get(n);r?r.push(t):e.set(n,[t])}),Array.from(e.entries())},[K,v,E]),J=(0,s.useMemo)(()=>q?q.flatMap(([,e])=>e):K,[q,K]),Y=j>=0?j:he&&U?J.findIndex(e=>!e.disabled):-1,X=e=>{let t=J.length;if(t===0)return;let n=Y>=0?Y:e===1?-1:t;for(let r=0;r<t;r+=1)if(n=(n+e+t)%t,!J[n].disabled){M(n);return}},we=e=>{e.disabled||(ge&&O(e.label),G(),ce?.(e))},Te=e=>{if(!(H||z.current||e.nativeEvent.isComposing||e.keyCode===229))switch(e.key){case`ArrowDown`:e.preventDefault(),k||W(),X(1);break;case`ArrowUp`:e.preventDefault(),k||W(),X(-1);break;case`Enter`:{let t=U?J[Y]:void 0;t?(e.preventDefault(),we(t)):T&&D.trim()&&(e.preventDefault(),T(D.trim()),G());break}case`Escape`:!U&&D!==``&&(e.preventDefault(),O(``),M(-1))}},Ee=e=>{O(e),M(-1),W()},De=e=>{let t=e.relatedTarget;t&&(Se?.contains(t)||P?.contains(t))||G()},Oe=e=>{e.disabled||z.current||(we(e),fe?.(e),F?.focus())},Z=U&&Y>=0?`${R}-option-${Y}`:void 0;(0,s.useEffect)(()=>{F&&(F.setAttribute(`role`,`combobox`),F.setAttribute(`aria-autocomplete`,`list`),F.setAttribute(`aria-expanded`,String(U)),!U&&D!==``?F.setAttribute(l.ESCAPE_CONSUMER_ATTRIBUTE,``):F.removeAttribute(l.ESCAPE_CONSUMER_ATTRIBUTE),U?F.setAttribute(`aria-controls`,R):F.removeAttribute(`aria-controls`),Z?F.setAttribute(`aria-activedescendant`,Z):F.removeAttribute(`aria-activedescendant`))},[F,U,R,Z,D]);let Q=(0,s.useRef)(()=>{});(0,s.useEffect)(()=>{Q.current=()=>{k||W()}}),(0,s.useEffect)(()=>{if(!F)return;let e=()=>Q.current();return F.addEventListener(`click`,e),()=>F.removeEventListener(`click`,e)},[F]),(0,s.useEffect)(()=>{Z&&document.getElementById(Z)?.scrollIntoView?.({block:`nearest`})},[Z]);let ke=e=>(0,c.jsxs)(`div`,{className:o.default.basicOption,children:[e.icon&&(0,c.jsx)(`span`,{className:o.default.icon,children:e.icon}),(0,c.jsxs)(`div`,{className:o.default.content,children:[(0,c.jsx)(`div`,{className:o.default.label,children:e.label}),e.description&&(0,c.jsx)(`div`,{className:o.default.description,children:e.description})]})]}),$=(e,n)=>{let r=Y===n,i=ve===n||r;return(0,c.jsx)(`div`,{className:(0,u.cn)(o.default.optionItem,{[o.default.disabled]:e.disabled,[o.default.highlight]:e.highlight,[o.default.active]:i}),style:e.style,role:`option`,tabIndex:-1,id:`${R}-option-${n}`,"aria-selected":r,"aria-disabled":e.disabled||void 0,onMouseDown:e=>e.preventDefault(),onClick:()=>Oe(e),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),Oe(e))},onMouseEnter:()=>N(n),onMouseLeave:()=>N(-1),...t.hooks(`autocomplete`,`item`,{highlighted:i,disabled:e.disabled}),children:se===`custom`&&y?y(e):ke(e)},e.value)};return(0,c.jsxs)(`div`,{ref:ye,className:(0,u.cn)(o.default.autoComplete,_e),onCompositionStart:()=>{z.current=!0},onCompositionEnd:()=>{z.current=!1},...t.hooks(`autocomplete`,`root`,{state:U?`open`:`closed`,disabled:!!B.disabled,readonly:!!B.readOnly,loading:b}),children:[f&&(0,c.jsx)(`label`,{htmlFor:V,className:o.default.label,...t.hooks(`autocomplete`,`label`),children:f}),(0,c.jsx)(ne.Input,{...x,id:V,disabled:B.disabled,readOnly:B.readOnly,name:d,ref:xe,value:D,onChange:e=>Ee(e.target.value),onFocus:e=>{W(),x?.onFocus?.(e)},onBlur:e=>{De(e),x?.onBlur?.(e)},onKeyDown:e=>{Te(e),x?.onKeyDown?.(e)}}),(0,c.jsx)(te.FloatingPanel,{ref:Ce,open:U,anchor:P,placement:oe[S],offset:{mainAxis:I?C.y:C.x,crossAxis:I?C.x:C.y},matchAnchorWidth:`min`,branches:()=>[P],onEscapeKeyDown:e=>{(z.current||e.isComposing)&&e.preventDefault()},onDismiss:G,returnFocusOnEscape:()=>F,className:(0,u.cn)(o.default.popup,me),...t.hooks(`autocomplete`,`content`,{state:`open`}),children:(0,c.jsx)(`div`,{className:(0,u.cn)(o.default.dropdown,de&&o.default.animated),children:(0,c.jsx)(`div`,{className:o.default.optionList,role:`listbox`,id:R,"aria-label":f,"aria-busy":b||void 0,...t.hooks(`autocomplete`,`list`),children:b?(0,c.jsx)(`div`,{role:`presentation`,className:o.default.loading,...t.hooks(`autocomplete`,`loading`),children:(0,c.jsx)(r.default,{})}):K.length>0?(0,c.jsx)(c.Fragment,{children:q?q.map(([e,n],r)=>e===``?(0,c.jsx)(s.default.Fragment,{children:n.map(e=>$(e,J.indexOf(e)))},`${r}-`):(0,c.jsxs)(`div`,{className:o.default.optionGroup,role:`group`,"aria-label":e,children:[(0,c.jsx)(`div`,{className:o.default.groupLabel,"aria-hidden":`true`,...t.hooks(`autocomplete`,`group-label`),children:e}),n.map(e=>$(e,J.indexOf(e)))]},`${r}-${e}`)):K.map((e,t)=>$(e,t))}):(0,c.jsx)(`div`,{role:`presentation`,className:o.default.empty,...t.hooks(`autocomplete`,`empty`),children:le?.()||(0,c.jsx)(re.default,{...ue})})})})})]})};exports.default=d;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs");require("../../utils/cn.cjs");const t=require("../../internal/stylingHooks.cjs"),n=require("../../internal/devWarnings.cjs"),r=require("../ProgressIndicator/ProgressIndicator.cjs");require("../ProgressIndicator/index.cjs");const i=require("../../internal/mergeRefs.cjs"),a=require("../../internal/useControllableState.cjs"),ee=require("../FormControl/context.cjs"),te=require("../../internal/FloatingPanel.cjs"),ne=require("../Input/Input.cjs");require("../Input/index.cjs");const re=require("../Empty/Empty.cjs");require("../Empty/index.cjs");const o=require("./autoComplete.module.scss.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("../../../core/index.cjs"),l=require("react/jsx-runtime"),u=require("../../../dom/index.cjs");var ie=Object.freeze({x:0,y:4}),d=[],ae={top:`top-start`,bottom:`bottom-start`,left:`left-start`,right:`right-start`},f=({ref:e,name:f,label:p,mode:oe=`basic`,value:m,onChange:h,options:g=d,defaultValue:_,onSelect:se,filterOption:v,groupBy:y,renderOption:ce,renderEmpty:le,loading:b=!1,inputProps:x,emptyProps:ue,placement:S=`bottom`,offset:C=ie,animation:de=!0,sortOption:w,onOptionClick:fe,onDropdownVisibleChange:pe,dropdownClassName:me,onSubmit:T,autoHighlight:he=!1,fillOnSelect:ge=!0,className:_e,groupMode:E=`first`})=>{let[D,O]=a.useControllableState({value:m,defaultValue:_??``,onChange:h,name:`AutoComplete`}),[k,A]=a.useControllableState({defaultValue:!1,onChange:pe,name:`AutoComplete`,prop:`open`}),[ve,j]=(0,s.useState)(null),[ye,M]=(0,s.useState)(-1),[N,be]=(0,s.useState)(null),[P,xe]=(0,s.useState)(null),Se=i.useMergedRefs(xe,e),[Ce,we]=(0,s.useState)(null),F=S===`top`||S===`bottom`,I=(0,s.useId)(),L=`${I}-listbox`,R=(0,s.useRef)(!1),z=ee.useFormControlProps({id:x?.id,disabled:x?.disabled,readOnly:x?.readOnly}),B=z.id??`${I}-input`,V=!!z.disabled||!!z.readOnly;process.env.NODE_ENV!==`production`&&n.warnControlledProps(`AutoComplete`,{prop:`value`,value:m,defaultProp:`defaultValue`,defaultValue:_,handlerProp:`onChange`,handler:h,locked:V,lockHint:"set `inputProps.disabled` / `inputProps.readOnly`"});let H=k&&!V,U=()=>{V||A(!0)},W=()=>{A(!1),j(null)},G=(0,s.useMemo)(()=>{let e=D.toLowerCase(),t=g.filter(t=>v?v(D,t):t.label.toLowerCase().includes(e));return w?[...t].sort(w):t},[g,D,v,w]),K=(0,s.useMemo)(()=>{if(!y)return null;if(E===`adjacent`){let e=[];return G.forEach(t=>{let n=y(t),r=e[e.length-1];r&&r[0]===n?r[1].push(t):e.push([n,[t]])}),e}let e=new Map;return G.forEach(t=>{let n=y(t),r=e.get(n);r?r.push(t):e.set(n,[t])}),Array.from(e.entries())},[G,y,E]),q=(0,s.useMemo)(()=>K?K.flatMap(([,e])=>e):G,[K,G]),J=b?d:q,Y=(0,c.resolveActiveOptionIndex)(J,ve,he&&H),X=e=>{let t=J.length;if(t===0)return;let n=Y>=0?Y:e===1?-1:t;for(let r=0;r<t;r+=1)if(n=(n+e+t)%t,!J[n].disabled){j(J[n].value);return}},Z=e=>{e.disabled||(ge&&O(e.label),W(),se?.(e))},Te=e=>{if(!(V||R.current||e.nativeEvent.isComposing||e.keyCode===229))switch(e.key){case`ArrowDown`:e.preventDefault(),k||U(),X(1);break;case`ArrowUp`:e.preventDefault(),k||U(),X(-1);break;case`Enter`:{let t=H?J[Y]:void 0;t?(e.preventDefault(),Z(t)):T&&D.trim()&&(e.preventDefault(),T(D.trim()),W());break}case`Escape`:!H&&D!==``&&(e.preventDefault(),O(``),j(null))}},Ee=e=>{O(e),j(null),U()},De=e=>{let t=e.relatedTarget;t&&(Ce?.contains(t)||N?.contains(t))||W()},Oe=e=>{e.disabled||R.current||(Z(e),fe?.(e),P?.focus())},Q=H&&Y>=0?`${L}-option-${Y}`:void 0;(0,s.useEffect)(()=>{P&&(P.setAttribute(`role`,`combobox`),P.setAttribute(`aria-autocomplete`,`list`),P.setAttribute(`aria-expanded`,String(H)),!H&&D!==``?P.setAttribute(u.ESCAPE_CONSUMER_ATTRIBUTE,``):P.removeAttribute(u.ESCAPE_CONSUMER_ATTRIBUTE),H?P.setAttribute(`aria-controls`,L):P.removeAttribute(`aria-controls`),Q?P.setAttribute(`aria-activedescendant`,Q):P.removeAttribute(`aria-activedescendant`))},[P,H,L,Q,D]);let ke=(0,s.useRef)(()=>{});(0,s.useEffect)(()=>{ke.current=()=>{k||U()}}),(0,s.useEffect)(()=>{if(!P)return;let e=()=>ke.current();return P.addEventListener(`click`,e),()=>P.removeEventListener(`click`,e)},[P]),(0,s.useEffect)(()=>{Q&&document.getElementById(Q)?.scrollIntoView?.({block:`nearest`})},[Q]);let Ae=e=>(0,l.jsxs)(`div`,{className:o.default.basicOption,children:[e.icon&&(0,l.jsx)(`span`,{className:o.default.icon,children:e.icon}),(0,l.jsxs)(`div`,{className:o.default.content,children:[(0,l.jsx)(`div`,{className:o.default.label,children:e.label}),e.description&&(0,l.jsx)(`div`,{className:o.default.description,children:e.description})]})]}),$=(e,n)=>{let r=Y===n,i=ye===n||r;return(0,l.jsx)(`div`,{className:(0,c.cn)(o.default.optionItem,{[o.default.disabled]:e.disabled,[o.default.highlight]:e.highlight,[o.default.active]:i}),style:e.style,role:`option`,tabIndex:-1,id:`${L}-option-${n}`,"aria-selected":r,"aria-disabled":e.disabled||void 0,onMouseDown:e=>e.preventDefault(),onClick:()=>Oe(e),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),Oe(e))},onMouseEnter:()=>M(n),onMouseLeave:()=>M(-1),...t.hooks(`autocomplete`,`item`,{highlighted:i,disabled:e.disabled}),children:oe===`custom`&&ce?ce(e):Ae(e)},e.value)};return(0,l.jsxs)(`div`,{ref:be,className:(0,c.cn)(o.default.autoComplete,_e),onCompositionStart:()=>{R.current=!0},onCompositionEnd:()=>{R.current=!1},...t.hooks(`autocomplete`,`root`,{state:H?`open`:`closed`,disabled:!!z.disabled,readonly:!!z.readOnly,loading:b}),children:[p&&(0,l.jsx)(`label`,{htmlFor:B,className:o.default.label,...t.hooks(`autocomplete`,`label`),children:p}),(0,l.jsx)(ne.Input,{...x,id:B,disabled:z.disabled,readOnly:z.readOnly,name:f,ref:Se,value:D,onChange:e=>Ee(e.target.value),onFocus:e=>{U(),x?.onFocus?.(e)},onBlur:e=>{De(e),x?.onBlur?.(e)},onKeyDown:e=>{Te(e),x?.onKeyDown?.(e)}}),(0,l.jsx)(te.FloatingPanel,{ref:we,open:H,anchor:N,placement:ae[S],offset:{mainAxis:F?C.y:C.x,crossAxis:F?C.x:C.y},matchAnchorWidth:`min`,branches:()=>[N],onEscapeKeyDown:e=>{(R.current||e.isComposing)&&e.preventDefault()},onDismiss:W,returnFocusOnEscape:()=>P,className:(0,c.cn)(o.default.popup,me),...t.hooks(`autocomplete`,`content`,{state:`open`}),children:(0,l.jsx)(`div`,{className:(0,c.cn)(o.default.dropdown,de&&o.default.animated),children:(0,l.jsx)(`div`,{className:o.default.optionList,role:`listbox`,id:L,"aria-label":p,"aria-busy":b||void 0,...t.hooks(`autocomplete`,`list`),children:b?(0,l.jsx)(`div`,{role:`presentation`,className:o.default.loading,...t.hooks(`autocomplete`,`loading`),children:(0,l.jsx)(r.default,{})}):G.length>0?(0,l.jsx)(l.Fragment,{children:K?K.map(([e,n],r)=>e===``?(0,l.jsx)(s.default.Fragment,{children:n.map(e=>$(e,q.indexOf(e)))},`${r}-`):(0,l.jsxs)(`div`,{className:o.default.optionGroup,role:`group`,"aria-label":e,children:[(0,l.jsx)(`div`,{className:o.default.groupLabel,"aria-hidden":`true`,...t.hooks(`autocomplete`,`group-label`),children:e}),n.map(e=>$(e,q.indexOf(e)))]},`${r}-${e}`)):G.map((e,t)=>$(e,t))}):(0,l.jsx)(`div`,{role:`presentation`,className:o.default.empty,...t.hooks(`autocomplete`,`empty`),children:le?.()||(0,l.jsx)(re.default,{...ue})})})})})]})};exports.default=f;
 //# sourceMappingURL=AutoComplete.cjs.map

package/dist/react/components/AutoComplete/AutoComplete.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.cjs","names":["useControllableState","useState","useMergedRefs","useId","useRef","useFormControlProps","useMemo","ESCAPE_CONSUMER_ATTRIBUTE","styles","cn","hooks","Input","FloatingPanel","ProgressIndicator","_Fragment","React","Empty","require_runtime","require_stylingHooks","require_devWarnings","require_ProgressIndicator","require_mergeRefs","require_useControllableState","require_context","require_FloatingPanel","require_Input","require_Empty","require_autoComplete_module","react","react_jsx_runtime","_minerva_dom","_minerva_core","DEFAULT_OFFSET","EMPTY_OPTIONS","PLACEMENT","AutoComplete","defaultValueProp","inputValue","setInputValue","visible","setVisible","onDropdownVisibleChange","focusedIndex","setFocusedIndex","hoveredIndex","setHoveredIndex","container","setContainer","input","setInput","setInputRef","ref","dropdown","setDropdown","vertical","placement","baseId","listboxId","composing","field","inputProps","inputId","blocked","onChange","shown","open","close","processedOptions","search","result","options","filterOption","option","sortOption","groupedOptions","groupBy","groupMode","runs","group","last","groups","list","navigableOptions","activeIndex","autoHighlight","moveFocus","count","index","step","i","handleOptionSelect","fillOnSelect","onSelect","handleKeyDown","event","onSubmit","handleInputChange","next","handleBlur","handleOptionClick","onOptionClick","activeOptionId","reopenRef","onClick","renderBasicOption","renderOptionItem","active","highlighted","e","mode","renderOption","className","label","offset","dropdownClassName","animation","loading","groupOptions","groupIndex","renderEmpty","emptyProps"],"sources":["../../../../../react/src/components/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import React, { useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Input } from \"../Input\";\nimport { ProgressIndicator } from \"../ProgressIndicator\";\nimport { Empty } from \"../Empty\";\nimport type { AutoCompleteProps, AutoCompleteOption } from \"./types\";\nimport { FloatingPanel } from \"../../internal/FloatingPanel\";\nimport { useControllableState } from \"../../internal/useControllableState\";\nimport { warnControlledProps } from \"../../internal/devWarnings\";\nimport { useMergedRefs } from \"../../internal/mergeRefs\";\nimport { useFormControlProps } from \"../FormControl/context\";\nimport { hooks } from \"../../internal/stylingHooks\";\nimport styles from \"./autoComplete.module.scss\";\nimport { ESCAPE_CONSUMER_ATTRIBUTE } from \"@minerva/dom\";\n\nconst DEFAULT_OFFSET = Object.freeze({ x: 0, y: 4 });\nconst EMPTY_OPTIONS: AutoCompleteOption[] = [];\n\nconst PLACEMENT = {\n  top: \"top-start\",\n  bottom: \"bottom-start\",\n  left: \"left-start\",\n  right: \"right-start\",\n} as const;\n\n/**\n * AutoComplete: a text input (combobox) that suggests options from a list.\n * Supports grouping, custom rendering and async loading; the input text can\n * be controlled or not. Focus stays in the input (`aria-activedescendant`).\n * For picking several values use `TagInput`.\n */\nconst AutoComplete = ({\n  ref,\n  name,\n  label,\n  mode = \"basic\",\n  value,\n  onChange,\n  options = EMPTY_OPTIONS,\n  defaultValue: defaultValueProp,\n  onSelect,\n  filterOption,\n  groupBy,\n  renderOption,\n  renderEmpty,\n  loading = false,\n  inputProps,\n  emptyProps,\n  placement = \"bottom\",\n  offset = DEFAULT_OFFSET,\n  animation = true,\n  sortOption,\n  onOptionClick,\n  onDropdownVisibleChange,\n  dropdownClassName,\n  onSubmit,\n  autoHighlight = false,\n  fillOnSelect = true,\n  className,\n  groupMode = \"first\",\n}: AutoCompleteProps) => {\n  const [inputValue, setInputValue] = useControllableState({\n    value,\n    defaultValue: defaultValueProp ?? \"\",\n    onChange,\n    name: \"AutoComplete\",\n  });\n  const [visible, setVisible] = useControllableState({\n    defaultValue: false,\n    onChange: onDropdownVisibleChange,\n    name: \"AutoComplete\",\n    prop: \"open\",\n  });\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n  const [hoveredIndex, setHoveredIndex] = useState(-1);\n  const [container, setContainer] = useState<HTMLDivElement | null>(null);\n  const [input, setInput] = useState<HTMLInputElement | null>(null);\n  const setInputRef = useMergedRefs<HTMLInputElement>(setInput, ref);\n  const [dropdown, setDropdown] = useState<HTMLDivElement | null>(null);\n  const vertical = placement === \"top\" || placement === \"bottom\";\n\n  const baseId = useId();\n  const listboxId = `${baseId}-listbox`;\n  // IME composition in progress: Enter / arrows belong to the IME.\n  const composing = useRef(false);\n\n  // FormControl wiring (id, disabled / read-only state, aria-*). The\n  // input's own disabled / readOnly props still apply.\n  const field = useFormControlProps({\n    id: inputProps?.id,\n    disabled: inputProps?.disabled,\n    readOnly: inputProps?.readOnly,\n  });\n  const inputId = field.id ?? `${baseId}-input`;\n  const blocked = !!field.disabled || !!field.readOnly;\n  if (process.env.NODE_ENV !== \"production\") {\n    warnControlledProps(\"AutoComplete\", {\n      prop: \"value\",\n      value,\n      defaultProp: \"defaultValue\",\n      defaultValue: defaultValueProp,\n      handlerProp: \"onChange\",\n      handler: onChange,\n      locked: blocked,\n      lockHint: \"set `inputProps.disabled` / `inputProps.readOnly`\",\n    });\n  }\n  // A disabled / read-only field never shows (or keeps) the dropdown.\n  const shown = visible && !blocked;\n\n  const open = () => {\n    if (!blocked) setVisible(true);\n  };\n  const close = () => {\n    setVisible(false);\n    setFocusedIndex(-1);\n  };\n\n  const processedOptions = useMemo(() => {\n    const search = inputValue.toLowerCase();\n    const result = options.filter((option) =>\n      filterOption\n        ? filterOption(inputValue, option)\n        : option.label.toLowerCase().includes(search),\n    );\n    return sortOption ? [...result].sort(sortOption) : result;\n  }, [options, inputValue, filterOption, sortOption]);\n\n  /** Groups in order of first appearance, or runs of adjacent options */\n  const groupedOptions = useMemo(() => {\n    if (!groupBy) return null;\n    if (groupMode === \"adjacent\") {\n      const runs: [string, AutoCompleteOption[]][] = [];\n      processedOptions.forEach((option) => {\n        const group = groupBy(option);\n        const last = runs[runs.length - 1];\n        if (last && last[0] === group) last[1].push(option);\n        else runs.push([group, [option]]);\n      });\n      return runs;\n    }\n    const groups = new Map<string, AutoCompleteOption[]>();\n    processedOptions.forEach((option) => {\n      const group = groupBy(option);\n      const list = groups.get(group);\n      if (list) list.push(option);\n      else groups.set(group, [option]);\n    });\n    return Array.from(groups.entries());\n  }, [processedOptions, groupBy, groupMode]);\n\n  /** Options in display order; keyboard / hover indexes refer to this list */\n  const navigableOptions = useMemo(\n    () =>\n      groupedOptions\n        ? groupedOptions.flatMap(([, list]) => list)\n        : processedOptions,\n    [groupedOptions, processedOptions],\n  );\n\n  // With autoHighlight the first enabled option is active until the user\n  // moves the highlight.\n  const activeIndex =\n    focusedIndex >= 0\n      ? focusedIndex\n      : autoHighlight && shown\n        ? navigableOptions.findIndex((option) => !option.disabled)\n        : -1;\n\n  const moveFocus = (step: 1 | -1) => {\n    const count = navigableOptions.length;\n    if (count === 0) return;\n    // from \"nothing focused\", ArrowDown starts at the first option and\n    // ArrowUp at the last one\n    let index = activeIndex >= 0 ? activeIndex : step === 1 ? -1 : count;\n    for (let i = 0; i < count; i += 1) {\n      index = (index + step + count) % count;\n      if (!navigableOptions[index].disabled) {\n        setFocusedIndex(index);\n        return;\n      }\n    }\n  };\n\n  const handleOptionSelect = (option: AutoCompleteOption) => {\n    if (option.disabled) return;\n    if (fillOnSelect) setInputValue(option.label);\n    close();\n    onSelect?.(option);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (\n      blocked ||\n      composing.current ||\n      event.nativeEvent.isComposing ||\n      event.keyCode === 229\n    )\n      return;\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        if (!visible) open();\n        moveFocus(1);\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        if (!visible) open();\n        moveFocus(-1);\n        break;\n      case \"Enter\": {\n        const option = shown ? navigableOptions[activeIndex] : undefined;\n        if (option) {\n          event.preventDefault();\n          handleOptionSelect(option);\n        } else if (onSubmit && inputValue.trim()) {\n          // No active option: submit the typed text (e.g. a search).\n          event.preventDefault();\n          onSubmit(inputValue.trim());\n          close();\n        }\n        break;\n      }\n      case \"Escape\":\n        // Open: the dropdown's dismissable layer closes it (topmost only).\n        // Closed: clears the text (APG combobox), `onChange(\"\")`.\n        if (!shown && inputValue !== \"\") {\n          event.preventDefault();\n          setInputValue(\"\");\n          setFocusedIndex(-1);\n        }\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleInputChange = (next: string) => {\n    setInputValue(next);\n    setFocusedIndex(-1);\n    open();\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const next = event.relatedTarget as Node | null;\n    if (next && (dropdown?.contains(next) || container?.contains(next))) return;\n    close();\n  };\n\n  const handleOptionClick = (option: AutoCompleteOption) => {\n    if (option.disabled || composing.current) return;\n    handleOptionSelect(option);\n    onOptionClick?.(option);\n    input?.focus();\n  };\n\n  // Expose combobox semantics on the inner <input>\n  const activeOptionId =\n    shown && activeIndex >= 0\n      ? `${listboxId}-option-${activeIndex}`\n      : undefined;\n  useEffect(() => {\n    if (!input) return;\n    input.setAttribute(\"role\", \"combobox\");\n    input.setAttribute(\"aria-autocomplete\", \"list\");\n    input.setAttribute(\"aria-expanded\", String(shown));\n    // Closed with text: Escape clears it instead of closing an enclosing\n    // Modal / Drawer / Popover\n    if (!shown && inputValue !== \"\") {\n      input.setAttribute(ESCAPE_CONSUMER_ATTRIBUTE, \"\");\n    } else input.removeAttribute(ESCAPE_CONSUMER_ATTRIBUTE);\n    if (shown) input.setAttribute(\"aria-controls\", listboxId);\n    else input.removeAttribute(\"aria-controls\");\n    if (activeOptionId)\n      input.setAttribute(\"aria-activedescendant\", activeOptionId);\n    else input.removeAttribute(\"aria-activedescendant\");\n  }, [input, shown, listboxId, activeOptionId, inputValue]);\n\n  // Clicking the still-focused input (after a pick or Escape) reopens the\n  // dropdown; focus alone does not fire again.\n  const reopenRef = useRef(() => {});\n  useEffect(() => {\n    reopenRef.current = () => {\n      if (!visible) open();\n    };\n  });\n  useEffect(() => {\n    if (!input) return;\n    const onClick = () => reopenRef.current();\n    input.addEventListener(\"click\", onClick);\n    return () => input.removeEventListener(\"click\", onClick);\n  }, [input]);\n\n  // Keep the keyboard-focused option scrolled into view\n  useEffect(() => {\n    if (!activeOptionId) return;\n    document\n      .getElementById(activeOptionId)\n      ?.scrollIntoView?.({ block: \"nearest\" });\n  }, [activeOptionId]);\n\n  const renderBasicOption = (option: AutoCompleteOption) => (\n    <div className={styles.basicOption}>\n      {option.icon && <span className={styles.icon}>{option.icon}</span>}\n      <div className={styles.content}>\n        <div className={styles.label}>{option.label}</div>\n        {option.description && (\n          <div className={styles.description}>{option.description}</div>\n        )}\n      </div>\n    </div>\n  );\n\n  const renderOptionItem = (option: AutoCompleteOption, index: number) => {\n    const active = activeIndex === index;\n    const highlighted = hoveredIndex === index || active;\n    return (\n      <div\n        key={option.value}\n        className={cn(styles.optionItem, {\n          [styles.disabled]: option.disabled,\n          [styles.highlight]: option.highlight,\n          [styles.active]: highlighted,\n        })}\n        style={option.style}\n        role=\"option\"\n        // Focus stays in the input (aria-activedescendant); -1 keeps the\n        // option out of the tab order while making it programmatically\n        // focusable.\n        tabIndex={-1}\n        id={`${listboxId}-option-${index}`}\n        aria-selected={active}\n        aria-disabled={option.disabled || undefined}\n        // keep focus (and the open dropdown) in the input while clicking\n        onMouseDown={(e) => e.preventDefault()}\n        onClick={() => handleOptionClick(option)}\n        onKeyDown={(e) => {\n          if (e.key !== \"Enter\" && e.key !== \" \") return;\n          e.preventDefault();\n          handleOptionClick(option);\n        }}\n        onMouseEnter={() => setHoveredIndex(index)}\n        onMouseLeave={() => setHoveredIndex(-1)}\n        {...hooks(\"autocomplete\", \"item\", {\n          highlighted,\n          disabled: option.disabled,\n        })}\n      >\n        {mode === \"custom\" && renderOption\n          ? renderOption(option)\n          : renderBasicOption(option)}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      ref={setContainer}\n      className={cn(styles.autoComplete, className)}\n      onCompositionStart={() => {\n        composing.current = true;\n      }}\n      onCompositionEnd={() => {\n        composing.current = false;\n      }}\n      {...hooks(\"autocomplete\", \"root\", {\n        state: shown ? \"open\" : \"closed\",\n        disabled: !!field.disabled,\n        readonly: !!field.readOnly,\n        loading,\n      })}\n    >\n      {label && (\n        <label\n          htmlFor={inputId}\n          className={styles.label}\n          {...hooks(\"autocomplete\", \"label\")}\n        >\n          {label}\n        </label>\n      )}\n      <Input\n        {...inputProps}\n        id={inputId}\n        disabled={field.disabled}\n        readOnly={field.readOnly}\n        name={name}\n        ref={setInputRef}\n        value={inputValue}\n        onChange={(e) => handleInputChange(e.target.value)}\n        onFocus={(e) => {\n          open();\n          inputProps?.onFocus?.(e);\n        }}\n        onBlur={(e) => {\n          handleBlur(e);\n          inputProps?.onBlur?.(e);\n        }}\n        onKeyDown={(e) => {\n          handleKeyDown(e);\n          inputProps?.onKeyDown?.(e);\n        }}\n      />\n\n      <FloatingPanel\n        ref={setDropdown}\n        open={shown}\n        anchor={container}\n        placement={PLACEMENT[placement]}\n        offset={{\n          mainAxis: vertical ? offset.y : offset.x,\n          crossAxis: vertical ? offset.x : offset.y,\n        }}\n        matchAnchorWidth=\"min\"\n        // the field (label, input, suffix) is part of the dropdown layer\n        branches={() => [container]}\n        onEscapeKeyDown={(event) => {\n          // Escape during IME composition cancels the composition only\n          if (composing.current || event.isComposing) event.preventDefault();\n        }}\n        onDismiss={close}\n        returnFocusOnEscape={() => input}\n        className={cn(styles.popup, dropdownClassName)}\n        {...hooks(\"autocomplete\", \"content\", { state: \"open\" })}\n      >\n        <div className={cn(styles.dropdown, animation && styles.animated)}>\n          {/* While open the listbox always exists (aria-controls target);\n              loading / empty states are presentational rows inside it. */}\n          <div\n            className={styles.optionList}\n            role=\"listbox\"\n            id={listboxId}\n            aria-label={label}\n            aria-busy={loading || undefined}\n            {...hooks(\"autocomplete\", \"list\")}\n          >\n            {loading ? (\n              <div\n                role=\"presentation\"\n                className={styles.loading}\n                {...hooks(\"autocomplete\", \"loading\")}\n              >\n                <ProgressIndicator />\n              </div>\n            ) : processedOptions.length > 0 ? (\n              <>\n                {groupedOptions\n                  ? groupedOptions.map(([group, groupOptions], groupIndex) =>\n                      group === \"\" ? (\n                        // ungrouped options: no heading\n                        <React.Fragment key={`${groupIndex}-`}>\n                          {groupOptions.map((option) =>\n                            renderOptionItem(\n                              option,\n                              navigableOptions.indexOf(option),\n                            ),\n                          )}\n                        </React.Fragment>\n                      ) : (\n                        <div\n                          key={`${groupIndex}-${group}`}\n                          className={styles.optionGroup}\n                          role=\"group\"\n                          aria-label={group}\n                        >\n                          <div\n                            className={styles.groupLabel}\n                            aria-hidden=\"true\"\n                            {...hooks(\"autocomplete\", \"group-label\")}\n                          >\n                            {group}\n                          </div>\n                          {groupOptions.map((option) =>\n                            renderOptionItem(\n                              option,\n                              navigableOptions.indexOf(option),\n                            ),\n                          )}\n                        </div>\n                      ),\n                    )\n                  : processedOptions.map((option, index) =>\n                      renderOptionItem(option, index),\n                    )}\n              </>\n            ) : (\n              <div\n                role=\"presentation\"\n                className={styles.empty}\n                {...hooks(\"autocomplete\", \"empty\")}\n              >\n                {renderEmpty?.() || <Empty {...emptyProps} />}\n              </div>\n            )}\n          </div>\n        </div>\n      </FloatingPanel>\n    </div>\n  );\n};\n\nexport default AutoComplete;\n"],"mappings":"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"}
+{"version":3,"file":"AutoComplete.cjs","names":["useControllableState","useState","useMergedRefs","useId","useRef","useFormControlProps","useMemo","resolveActiveOptionIndex","ESCAPE_CONSUMER_ATTRIBUTE","styles","cn","hooks","Input","FloatingPanel","ProgressIndicator","_Fragment","React","Empty","require_runtime","require_stylingHooks","require_devWarnings","require_ProgressIndicator","require_mergeRefs","require_useControllableState","require_context","require_FloatingPanel","require_Input","require_Empty","require_autoComplete_module","react","_minerva_core","react_jsx_runtime","_minerva_dom","DEFAULT_OFFSET","EMPTY_OPTIONS","PLACEMENT","AutoComplete","defaultValueProp","inputValue","setInputValue","visible","setVisible","onDropdownVisibleChange","focusedValue","setFocusedValue","hoveredIndex","setHoveredIndex","container","setContainer","input","setInput","setInputRef","ref","dropdown","setDropdown","vertical","placement","baseId","listboxId","composing","field","inputProps","inputId","blocked","onChange","shown","open","close","processedOptions","search","result","options","filterOption","option","sortOption","groupedOptions","groupBy","groupMode","runs","group","last","groups","list","navigableOptions","interactiveOptions","loading","activeIndex","autoHighlight","moveFocus","count","index","step","i","handleOptionSelect","fillOnSelect","onSelect","handleKeyDown","event","onSubmit","handleInputChange","next","handleBlur","handleOptionClick","onOptionClick","activeOptionId","reopenRef","onClick","renderBasicOption","renderOptionItem","active","highlighted","e","mode","renderOption","className","label","offset","dropdownClassName","animation","groupOptions","groupIndex","renderEmpty","emptyProps"],"sources":["../../../../../react/src/components/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import React, { useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Input } from \"../Input\";\nimport { ProgressIndicator } from \"../ProgressIndicator\";\nimport { Empty } from \"../Empty\";\nimport type { AutoCompleteProps, AutoCompleteOption } from \"./types\";\nimport { FloatingPanel } from \"../../internal/FloatingPanel\";\nimport { useControllableState } from \"../../internal/useControllableState\";\nimport { warnControlledProps } from \"../../internal/devWarnings\";\nimport { useMergedRefs } from \"../../internal/mergeRefs\";\nimport { useFormControlProps } from \"../FormControl/context\";\nimport { hooks } from \"../../internal/stylingHooks\";\nimport styles from \"./autoComplete.module.scss\";\nimport { ESCAPE_CONSUMER_ATTRIBUTE } from \"@minerva/dom\";\nimport { resolveActiveOptionIndex } from \"@minerva/core\";\n\nconst DEFAULT_OFFSET = Object.freeze({ x: 0, y: 4 });\nconst EMPTY_OPTIONS: AutoCompleteOption[] = [];\n\nconst PLACEMENT = {\n  top: \"top-start\",\n  bottom: \"bottom-start\",\n  left: \"left-start\",\n  right: \"right-start\",\n} as const;\n\n/**\n * AutoComplete: a text input (combobox) that suggests options from a list.\n * Supports grouping, custom rendering and async loading; the input text can\n * be controlled or not. Focus stays in the input (`aria-activedescendant`).\n * For picking several values use `TagInput`.\n */\nconst AutoComplete = ({\n  ref,\n  name,\n  label,\n  mode = \"basic\",\n  value,\n  onChange,\n  options = EMPTY_OPTIONS,\n  defaultValue: defaultValueProp,\n  onSelect,\n  filterOption,\n  groupBy,\n  renderOption,\n  renderEmpty,\n  loading = false,\n  inputProps,\n  emptyProps,\n  placement = \"bottom\",\n  offset = DEFAULT_OFFSET,\n  animation = true,\n  sortOption,\n  onOptionClick,\n  onDropdownVisibleChange,\n  dropdownClassName,\n  onSubmit,\n  autoHighlight = false,\n  fillOnSelect = true,\n  className,\n  groupMode = \"first\",\n}: AutoCompleteProps) => {\n  const [inputValue, setInputValue] = useControllableState({\n    value,\n    defaultValue: defaultValueProp ?? \"\",\n    onChange,\n    name: \"AutoComplete\",\n  });\n  const [visible, setVisible] = useControllableState({\n    defaultValue: false,\n    onChange: onDropdownVisibleChange,\n    name: \"AutoComplete\",\n    prop: \"open\",\n  });\n  // Keyboard highlight, by option identity (survives async option updates)\n  const [focusedValue, setFocusedValue] = useState<string | number | null>(\n    null,\n  );\n  const [hoveredIndex, setHoveredIndex] = useState(-1);\n  const [container, setContainer] = useState<HTMLDivElement | null>(null);\n  const [input, setInput] = useState<HTMLInputElement | null>(null);\n  const setInputRef = useMergedRefs<HTMLInputElement>(setInput, ref);\n  const [dropdown, setDropdown] = useState<HTMLDivElement | null>(null);\n  const vertical = placement === \"top\" || placement === \"bottom\";\n\n  const baseId = useId();\n  const listboxId = `${baseId}-listbox`;\n  // IME composition in progress: Enter / arrows belong to the IME.\n  const composing = useRef(false);\n\n  // FormControl wiring (id, disabled / read-only state, aria-*). The\n  // input's own disabled / readOnly props still apply.\n  const field = useFormControlProps({\n    id: inputProps?.id,\n    disabled: inputProps?.disabled,\n    readOnly: inputProps?.readOnly,\n  });\n  const inputId = field.id ?? `${baseId}-input`;\n  const blocked = !!field.disabled || !!field.readOnly;\n  if (process.env.NODE_ENV !== \"production\") {\n    warnControlledProps(\"AutoComplete\", {\n      prop: \"value\",\n      value,\n      defaultProp: \"defaultValue\",\n      defaultValue: defaultValueProp,\n      handlerProp: \"onChange\",\n      handler: onChange,\n      locked: blocked,\n      lockHint: \"set `inputProps.disabled` / `inputProps.readOnly`\",\n    });\n  }\n  // A disabled / read-only field never shows (or keeps) the dropdown.\n  const shown = visible && !blocked;\n\n  const open = () => {\n    if (!blocked) setVisible(true);\n  };\n  const close = () => {\n    setVisible(false);\n    setFocusedValue(null);\n  };\n\n  const processedOptions = useMemo(() => {\n    const search = inputValue.toLowerCase();\n    const result = options.filter((option) =>\n      filterOption\n        ? filterOption(inputValue, option)\n        : option.label.toLowerCase().includes(search),\n    );\n    return sortOption ? [...result].sort(sortOption) : result;\n  }, [options, inputValue, filterOption, sortOption]);\n\n  /** Groups in order of first appearance, or runs of adjacent options */\n  const groupedOptions = useMemo(() => {\n    if (!groupBy) return null;\n    if (groupMode === \"adjacent\") {\n      const runs: [string, AutoCompleteOption[]][] = [];\n      processedOptions.forEach((option) => {\n        const group = groupBy(option);\n        const last = runs[runs.length - 1];\n        if (last && last[0] === group) last[1].push(option);\n        else runs.push([group, [option]]);\n      });\n      return runs;\n    }\n    const groups = new Map<string, AutoCompleteOption[]>();\n    processedOptions.forEach((option) => {\n      const group = groupBy(option);\n      const list = groups.get(group);\n      if (list) list.push(option);\n      else groups.set(group, [option]);\n    });\n    return Array.from(groups.entries());\n  }, [processedOptions, groupBy, groupMode]);\n\n  /** Options in display order; keyboard / hover indexes refer to this list */\n  const navigableOptions = useMemo(\n    () =>\n      groupedOptions\n        ? groupedOptions.flatMap(([, list]) => list)\n        : processedOptions,\n    [groupedOptions, processedOptions],\n  );\n\n  // Options the keyboard can reach: none while loading (they are hidden).\n  const interactiveOptions = loading ? EMPTY_OPTIONS : navigableOptions;\n\n  // With autoHighlight the first enabled option is active until the user\n  // moves the highlight; a highlight whose option is gone falls back.\n  const activeIndex = resolveActiveOptionIndex(\n    interactiveOptions,\n    focusedValue,\n    autoHighlight && shown,\n  );\n\n  const moveFocus = (step: 1 | -1) => {\n    const count = interactiveOptions.length;\n    if (count === 0) return;\n    // from \"nothing focused\", ArrowDown starts at the first option and\n    // ArrowUp at the last one\n    let index = activeIndex >= 0 ? activeIndex : step === 1 ? -1 : count;\n    for (let i = 0; i < count; i += 1) {\n      index = (index + step + count) % count;\n      if (!interactiveOptions[index].disabled) {\n        setFocusedValue(interactiveOptions[index].value);\n        return;\n      }\n    }\n  };\n\n  const handleOptionSelect = (option: AutoCompleteOption) => {\n    if (option.disabled) return;\n    if (fillOnSelect) setInputValue(option.label);\n    close();\n    onSelect?.(option);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (\n      blocked ||\n      composing.current ||\n      event.nativeEvent.isComposing ||\n      event.keyCode === 229\n    )\n      return;\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        if (!visible) open();\n        moveFocus(1);\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        if (!visible) open();\n        moveFocus(-1);\n        break;\n      case \"Enter\": {\n        const option = shown ? interactiveOptions[activeIndex] : undefined;\n        if (option) {\n          event.preventDefault();\n          handleOptionSelect(option);\n        } else if (onSubmit && inputValue.trim()) {\n          // No active option: submit the typed text (e.g. a search).\n          event.preventDefault();\n          onSubmit(inputValue.trim());\n          close();\n        }\n        break;\n      }\n      case \"Escape\":\n        // Open: the dropdown's dismissable layer closes it (topmost only).\n        // Closed: clears the text (APG combobox), `onChange(\"\")`.\n        if (!shown && inputValue !== \"\") {\n          event.preventDefault();\n          setInputValue(\"\");\n          setFocusedValue(null);\n        }\n        break;\n      default:\n        break;\n    }\n  };\n\n  const handleInputChange = (next: string) => {\n    setInputValue(next);\n    setFocusedValue(null);\n    open();\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const next = event.relatedTarget as Node | null;\n    if (next && (dropdown?.contains(next) || container?.contains(next))) return;\n    close();\n  };\n\n  const handleOptionClick = (option: AutoCompleteOption) => {\n    if (option.disabled || composing.current) return;\n    handleOptionSelect(option);\n    onOptionClick?.(option);\n    input?.focus();\n  };\n\n  // Expose combobox semantics on the inner <input>\n  const activeOptionId =\n    shown && activeIndex >= 0\n      ? `${listboxId}-option-${activeIndex}`\n      : undefined;\n  useEffect(() => {\n    if (!input) return;\n    input.setAttribute(\"role\", \"combobox\");\n    input.setAttribute(\"aria-autocomplete\", \"list\");\n    input.setAttribute(\"aria-expanded\", String(shown));\n    // Closed with text: Escape clears it instead of closing an enclosing\n    // Modal / Drawer / Popover\n    if (!shown && inputValue !== \"\") {\n      input.setAttribute(ESCAPE_CONSUMER_ATTRIBUTE, \"\");\n    } else input.removeAttribute(ESCAPE_CONSUMER_ATTRIBUTE);\n    if (shown) input.setAttribute(\"aria-controls\", listboxId);\n    else input.removeAttribute(\"aria-controls\");\n    if (activeOptionId)\n      input.setAttribute(\"aria-activedescendant\", activeOptionId);\n    else input.removeAttribute(\"aria-activedescendant\");\n  }, [input, shown, listboxId, activeOptionId, inputValue]);\n\n  // Clicking the still-focused input (after a pick or Escape) reopens the\n  // dropdown; focus alone does not fire again.\n  const reopenRef = useRef(() => {});\n  useEffect(() => {\n    reopenRef.current = () => {\n      if (!visible) open();\n    };\n  });\n  useEffect(() => {\n    if (!input) return;\n    const onClick = () => reopenRef.current();\n    input.addEventListener(\"click\", onClick);\n    return () => input.removeEventListener(\"click\", onClick);\n  }, [input]);\n\n  // Keep the keyboard-focused option scrolled into view\n  useEffect(() => {\n    if (!activeOptionId) return;\n    document\n      .getElementById(activeOptionId)\n      ?.scrollIntoView?.({ block: \"nearest\" });\n  }, [activeOptionId]);\n\n  const renderBasicOption = (option: AutoCompleteOption) => (\n    <div className={styles.basicOption}>\n      {option.icon && <span className={styles.icon}>{option.icon}</span>}\n      <div className={styles.content}>\n        <div className={styles.label}>{option.label}</div>\n        {option.description && (\n          <div className={styles.description}>{option.description}</div>\n        )}\n      </div>\n    </div>\n  );\n\n  const renderOptionItem = (option: AutoCompleteOption, index: number) => {\n    const active = activeIndex === index;\n    const highlighted = hoveredIndex === index || active;\n    return (\n      <div\n        key={option.value}\n        className={cn(styles.optionItem, {\n          [styles.disabled]: option.disabled,\n          [styles.highlight]: option.highlight,\n          [styles.active]: highlighted,\n        })}\n        style={option.style}\n        role=\"option\"\n        // Focus stays in the input (aria-activedescendant); -1 keeps the\n        // option out of the tab order while making it programmatically\n        // focusable.\n        tabIndex={-1}\n        id={`${listboxId}-option-${index}`}\n        aria-selected={active}\n        aria-disabled={option.disabled || undefined}\n        // keep focus (and the open dropdown) in the input while clicking\n        onMouseDown={(e) => e.preventDefault()}\n        onClick={() => handleOptionClick(option)}\n        onKeyDown={(e) => {\n          if (e.key !== \"Enter\" && e.key !== \" \") return;\n          e.preventDefault();\n          handleOptionClick(option);\n        }}\n        onMouseEnter={() => setHoveredIndex(index)}\n        onMouseLeave={() => setHoveredIndex(-1)}\n        {...hooks(\"autocomplete\", \"item\", {\n          highlighted,\n          disabled: option.disabled,\n        })}\n      >\n        {mode === \"custom\" && renderOption\n          ? renderOption(option)\n          : renderBasicOption(option)}\n      </div>\n    );\n  };\n\n  return (\n    <div\n      ref={setContainer}\n      className={cn(styles.autoComplete, className)}\n      onCompositionStart={() => {\n        composing.current = true;\n      }}\n      onCompositionEnd={() => {\n        composing.current = false;\n      }}\n      {...hooks(\"autocomplete\", \"root\", {\n        state: shown ? \"open\" : \"closed\",\n        disabled: !!field.disabled,\n        readonly: !!field.readOnly,\n        loading,\n      })}\n    >\n      {label && (\n        <label\n          htmlFor={inputId}\n          className={styles.label}\n          {...hooks(\"autocomplete\", \"label\")}\n        >\n          {label}\n        </label>\n      )}\n      <Input\n        {...inputProps}\n        id={inputId}\n        disabled={field.disabled}\n        readOnly={field.readOnly}\n        name={name}\n        ref={setInputRef}\n        value={inputValue}\n        onChange={(e) => handleInputChange(e.target.value)}\n        onFocus={(e) => {\n          open();\n          inputProps?.onFocus?.(e);\n        }}\n        onBlur={(e) => {\n          handleBlur(e);\n          inputProps?.onBlur?.(e);\n        }}\n        onKeyDown={(e) => {\n          handleKeyDown(e);\n          inputProps?.onKeyDown?.(e);\n        }}\n      />\n\n      <FloatingPanel\n        ref={setDropdown}\n        open={shown}\n        anchor={container}\n        placement={PLACEMENT[placement]}\n        offset={{\n          mainAxis: vertical ? offset.y : offset.x,\n          crossAxis: vertical ? offset.x : offset.y,\n        }}\n        matchAnchorWidth=\"min\"\n        // the field (label, input, suffix) is part of the dropdown layer\n        branches={() => [container]}\n        onEscapeKeyDown={(event) => {\n          // Escape during IME composition cancels the composition only\n          if (composing.current || event.isComposing) event.preventDefault();\n        }}\n        onDismiss={close}\n        returnFocusOnEscape={() => input}\n        className={cn(styles.popup, dropdownClassName)}\n        {...hooks(\"autocomplete\", \"content\", { state: \"open\" })}\n      >\n        <div className={cn(styles.dropdown, animation && styles.animated)}>\n          {/* While open the listbox always exists (aria-controls target);\n              loading / empty states are presentational rows inside it. */}\n          <div\n            className={styles.optionList}\n            role=\"listbox\"\n            id={listboxId}\n            aria-label={label}\n            aria-busy={loading || undefined}\n            {...hooks(\"autocomplete\", \"list\")}\n          >\n            {loading ? (\n              <div\n                role=\"presentation\"\n                className={styles.loading}\n                {...hooks(\"autocomplete\", \"loading\")}\n              >\n                <ProgressIndicator />\n              </div>\n            ) : processedOptions.length > 0 ? (\n              <>\n                {groupedOptions\n                  ? groupedOptions.map(([group, groupOptions], groupIndex) =>\n                      group === \"\" ? (\n                        // ungrouped options: no heading\n                        <React.Fragment key={`${groupIndex}-`}>\n                          {groupOptions.map((option) =>\n                            renderOptionItem(\n                              option,\n                              navigableOptions.indexOf(option),\n                            ),\n                          )}\n                        </React.Fragment>\n                      ) : (\n                        <div\n                          key={`${groupIndex}-${group}`}\n                          className={styles.optionGroup}\n                          role=\"group\"\n                          aria-label={group}\n                        >\n                          <div\n                            className={styles.groupLabel}\n                            aria-hidden=\"true\"\n                            {...hooks(\"autocomplete\", \"group-label\")}\n                          >\n                            {group}\n                          </div>\n                          {groupOptions.map((option) =>\n                            renderOptionItem(\n                              option,\n                              navigableOptions.indexOf(option),\n                            ),\n                          )}\n                        </div>\n                      ),\n                    )\n                  : processedOptions.map((option, index) =>\n                      renderOptionItem(option, index),\n                    )}\n              </>\n            ) : (\n              <div\n                role=\"presentation\"\n                className={styles.empty}\n                {...hooks(\"autocomplete\", \"empty\")}\n              >\n                {renderEmpty?.() || <Empty {...emptyProps} />}\n              </div>\n            )}\n          </div>\n        </div>\n      </FloatingPanel>\n    </div>\n  );\n};\n\nexport default AutoComplete;\n"],"mappings":"2yBAgBA,IAAMiC,GAAiB,OAAO,OAAO,CAAE,EAAG,EAAG,EAAG,CAAE,CAAC,EAC7CC,EAAsC,CAAC,EAEvCC,GAAY,CAChB,IAAK,YACL,OAAQ,eACR,KAAM,aACN,MAAO,aACT,EAQMC,GAAgB,CACpB,MACA,OACA,QACA,QAAO,QACP,QACA,WACA,UAAUF,EACV,aAAcG,EACd,YACA,eACA,UACA,gBACA,eACA,UAAU,GACV,aACA,cACA,YAAY,SACZ,SAASJ,GACT,aAAY,GACZ,aACA,iBACA,2BACA,qBACA,WACA,iBAAgB,GAChB,gBAAe,GACf,aACA,YAAY,WACW,CACvB,GAAM,CAACK,EAAYC,GAAiBvC,EAAAA,qBAAqB,CACvD,QACA,aAAcqC,GAAoB,GAClC,WACA,KAAM,cACR,CAAC,EACK,CAACG,EAASC,GAAczC,EAAAA,qBAAqB,CACjD,aAAc,GACd,SAAU0C,GACV,KAAM,eACN,KAAM,MACR,CAAC,EAEK,CAACC,GAAcC,IAAA,EAAmB3C,EAAAA,SAAAA,CACtC,IACF,EACM,CAAC4C,GAAcC,IAAA,EAAmB7C,EAAAA,SAAAA,CAAS,EAAE,EAC7C,CAAC8C,EAAWC,KAAA,EAAgB/C,EAAAA,SAAAA,CAAgC,IAAI,EAChE,CAACgD,EAAOC,KAAA,EAAYjD,EAAAA,SAAAA,CAAkC,IAAI,EAC1DkD,GAAcjD,EAAAA,cAAgCgD,GAAUE,CAAG,EAC3D,CAACC,GAAUC,KAAA,EAAerD,EAAAA,SAAAA,CAAgC,IAAI,EAC9DsD,EAAWC,IAAc,OAASA,IAAc,SAEhDC,GAAA,EAAStD,EAAAA,MAAAA,CAAM,EACfuD,EAAY,GAAGD,EAAO,UAEtBE,GAAA,EAAYvD,EAAAA,OAAAA,CAAO,EAAK,EAIxBwD,EAAQvD,GAAAA,oBAAoB,CAChC,GAAIwD,GAAY,GAChB,SAAUA,GAAY,SACtB,SAAUA,GAAY,QACxB,CAAC,EACKC,EAAUF,EAAM,IAAM,GAAGH,EAAO,QAChCM,EAAU,CAAC,CAACH,EAAM,UAAY,CAAC,CAACA,EAAM,SAC5C,QAAA,IAAA,WAA6B,cAC3BxC,EAAA,oBAAoB,eAAgB,CAClC,KAAM,QACN,QACA,YAAa,eACb,aAAciB,EACd,YAAa,WACb,QAAS2B,EACT,OAAQD,EACR,SAAU,mDACZ,CAAC,EAGH,IAAME,EAAQzB,GAAW,CAACuB,EAEpBG,MAAa,CACZH,GAAStB,EAAW,EAAI,CAC/B,EACM0B,MAAc,CAClB1B,EAAW,EAAK,EAChBG,EAAgB,IAAI,CACtB,EAEMwB,GAAA,EAAmB9D,EAAAA,QAAAA,KAAc,CACrC,IAAM+D,EAAS/B,EAAW,YAAY,EAChCgC,EAASC,EAAQ,OAAQ,GAC7BC,EACIA,EAAalC,EAAYmC,CAAM,EAC/BA,EAAO,MAAM,YAAY,CAAC,CAAC,SAASJ,CAAM,CAChD,EACA,OAAOK,EAAa,CAAC,GAAGJ,CAAM,CAAC,CAAC,KAAKI,CAAU,EAAIJ,CACrD,EAAG,CAACC,EAASjC,EAAYkC,EAAcE,CAAU,CAAC,EAG5CC,GAAA,EAAiBrE,EAAAA,QAAAA,KAAc,CACnC,GAAI,CAACsE,EAAS,OAAO,KACrB,GAAIC,IAAc,WAAY,CAC5B,IAAMC,EAAyC,CAAC,EAOhD,OANAV,EAAiB,QAAS,GAAW,CACnC,IAAMW,EAAQH,EAAQH,CAAM,EACtBO,EAAOF,EAAKA,EAAK,OAAS,GAC5BE,GAAQA,EAAK,KAAOD,EAAOC,EAAK,EAAE,CAAC,KAAKP,CAAM,EAC7CK,EAAK,KAAK,CAACC,EAAO,CAACN,CAAM,CAAC,CAAC,CAClC,CAAC,EACMK,CACT,CACA,IAAMG,EAAS,IAAI,IAOnB,OANAb,EAAiB,QAAS,GAAW,CACnC,IAAMW,EAAQH,EAAQH,CAAM,EACtBS,EAAOD,EAAO,IAAIF,CAAK,EACzBG,EAAMA,EAAK,KAAKT,CAAM,EACrBQ,EAAO,IAAIF,EAAO,CAACN,CAAM,CAAC,CACjC,CAAC,EACM,MAAM,KAAKQ,EAAO,QAAQ,CAAC,CACpC,EAAG,CAACb,EAAkBQ,EAASC,CAAS,CAAC,EAGnCM,GAAA,EAAmB7E,EAAAA,QAAAA,KAErBqE,EACIA,EAAe,SAAS,EAAGO,KAAUA,CAAI,EACzCd,EACN,CAACO,EAAgBP,CAAgB,CACnC,EAGMgB,EAAqBC,EAAUnD,EAAgBiD,EAI/CG,GAAA,EAAc/E,EAAAA,yBAAAA,CAClB6E,EACAzC,GACA4C,IAAiBtB,CACnB,EAEMuB,EAAa,GAAiB,CAClC,IAAMC,EAAQL,EAAmB,OACjC,GAAIK,IAAU,EAAG,OAGjB,IAAIC,EAAQJ,GAAe,EAAIA,EAAcK,IAAS,EAAI,GAAKF,EAC/D,IAAK,IAAIG,EAAI,EAAGA,EAAIH,EAAO,GAAK,EAE9B,GADA,GAASC,EAAQC,EAAOF,GAASA,EAC7B,CAACL,EAAmBM,EAAM,CAAC,SAAU,CACvC9C,EAAgBwC,EAAmBM,EAAM,CAAC,KAAK,EAC/C,MACF,CAEJ,EAEMG,EAAsB,GAA+B,CACrDpB,EAAO,WACPqB,IAAcvD,EAAckC,EAAO,KAAK,EAC5CN,EAAM,EACN4B,KAAWtB,CAAM,EACnB,EAEMuB,GAAiB,GAAiD,CACtE,GACE,KACArC,EAAU,SACVsC,EAAM,YAAY,aAClBA,EAAM,UAAY,KAGpB,OAAQA,EAAM,IAAd,CACE,IAAK,YACHA,EAAM,eAAe,EAChBzD,GAAS0B,EAAK,EACnBsB,EAAU,CAAC,EACX,MACF,IAAK,UACHS,EAAM,eAAe,EAChBzD,GAAS0B,EAAK,EACnBsB,EAAU,EAAE,EACZ,MACF,IAAK,QAAS,CACZ,IAAMf,EAASR,EAAQmB,EAAmBE,GAAe,IAAA,GACrDb,GACFwB,EAAM,eAAe,EACrBJ,EAAmBpB,CAAM,GAChByB,GAAY5D,EAAW,KAAK,IAErC2D,EAAM,eAAe,EACrBC,EAAS5D,EAAW,KAAK,CAAC,EAC1B6B,EAAM,GAER,KACF,CACA,IAAK,SAGC,CAACF,GAAS3B,IAAe,KAC3B2D,EAAM,eAAe,EACrB1D,EAAc,EAAE,EAChBK,EAAgB,IAAI,EAK1B,CACF,EAEMuD,GAAqB,GAAiB,CAC1C5D,EAAc6D,CAAI,EAClBxD,EAAgB,IAAI,EACpBsB,EAAK,CACP,EAEMmC,GAAc,GAA8C,CAChE,IAAMD,EAAOH,EAAM,cACfG,IAAS/C,IAAU,SAAS+C,CAAI,GAAKrD,GAAW,SAASqD,CAAI,IACjEjC,EAAM,CACR,EAEMmC,GAAqB,GAA+B,CACpD7B,EAAO,UAAYd,EAAU,UACjCkC,EAAmBpB,CAAM,EACzB8B,KAAgB9B,CAAM,EACtBxB,GAAO,MAAM,EACf,EAGMuD,EACJvC,GAASqB,GAAe,EACpB,GAAG5B,EAAU,UAAU4B,IACvB,IAAA,IACN,EAAAzD,EAAA,UAAA,KAAgB,CACToB,IACLA,EAAM,aAAa,OAAQ,UAAU,EACrCA,EAAM,aAAa,oBAAqB,MAAM,EAC9CA,EAAM,aAAa,gBAAiB,OAAOgB,CAAK,CAAC,EAG7C,CAACA,GAAS3B,IAAe,GAC3BW,EAAM,aAAazC,EAAAA,0BAA2B,EAAE,EAC3CyC,EAAM,gBAAgBzC,EAAAA,yBAAyB,EAClDyD,EAAOhB,EAAM,aAAa,gBAAiBS,CAAS,EACnDT,EAAM,gBAAgB,eAAe,EACtCuD,EACFvD,EAAM,aAAa,wBAAyBuD,CAAc,EACvDvD,EAAM,gBAAgB,uBAAuB,EACpD,EAAG,CAACA,EAAOgB,EAAOP,EAAW8C,EAAgBlE,CAAU,CAAC,EAIxD,IAAMmE,IAAA,EAAYrG,EAAAA,OAAAA,KAAa,CAAC,CAAC,GACjC,EAAAyB,EAAA,UAAA,KAAgB,CACd,GAAU,YAAgB,CACnBW,GAAS0B,EAAK,CACrB,CACF,CAAC,GACD,EAAArC,EAAA,UAAA,KAAgB,CACd,GAAI,CAACoB,EAAO,OACZ,IAAMyD,MAAgBD,GAAU,QAAQ,EAExC,OADAxD,EAAM,iBAAiB,QAASyD,CAAO,MAC1BzD,EAAM,oBAAoB,QAASyD,CAAO,CACzD,EAAG,CAACzD,CAAK,CAAC,GAGV,EAAApB,EAAA,UAAA,KAAgB,CACT2E,GACL,SACG,eAAeA,CAAc,CAAC,EAC7B,iBAAiB,CAAE,MAAO,SAAU,CAAC,CAC3C,EAAG,CAACA,CAAc,CAAC,EAEnB,IAAMG,GAAqB,IACzB,EAAA5E,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWtB,EAAAA,QAAO,YAAvB,SAAA,CACGgE,EAAO,OAAQ,EAAA1C,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWtB,EAAAA,QAAO,KAAO,SAAAgE,EAAO,IAAW,CAAA,GACjE,EAAA1C,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWtB,EAAAA,QAAO,QAAvB,SAAA,EACE,EAAAsB,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWtB,EAAAA,QAAO,MAAQ,SAAAgE,EAAO,KAAW,CAAA,EAChDA,EAAO,cACN,EAAA1C,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWtB,EAAAA,QAAO,YAAc,SAAAgE,EAAO,WAAiB,CAAA,CAE5D,CACF,CAAA,CAAA,IAGDmC,GAAoB,EAA4B,IAAkB,CACtE,IAAMC,EAASvB,IAAgBI,EACzBoB,EAAcjE,KAAiB6C,GAASmB,EAC9C,OACE,EAAA9E,EAAA,IAAA,CAAC,MAAD,CAEE,WAAA,EAAWrB,EAAAA,GAAAA,CAAGD,EAAAA,QAAO,WAAY,EAC9BA,EAAAA,QAAO,UAAWgE,EAAO,UACzBhE,EAAAA,QAAO,WAAYgE,EAAO,WAC1BhE,EAAAA,QAAO,QAASqG,CACnB,CAAC,EACD,MAAOrC,EAAO,MACd,KAAK,SAIL,SAAU,GACV,GAAI,GAAGf,EAAU,UAAUgC,IAC3B,gBAAemB,EACf,gBAAepC,EAAO,UAAY,IAAA,GAElC,YAAc,GAAM,EAAE,eAAe,EACrC,YAAe6B,GAAkB7B,CAAM,EACvC,UAAY,GAAM,EACZsC,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACnCA,EAAE,eAAe,EACjBT,GAAkB7B,CAAM,EAC1B,EACA,iBAAoB3B,EAAgB4C,CAAK,EACzC,iBAAoB5C,EAAgB,EAAE,EACtC,GAAInC,EAAAA,MAAM,eAAgB,OAAQ,CAChC,cACA,SAAU8D,EAAO,QACnB,CAAC,EAEA,SAAAuC,KAAS,UAAYC,GAClBA,GAAaxC,CAAM,EACnBkC,GAAkBlC,CAAM,CACzB,EAjCEA,EAAO,KAiCT,CAET,EAEA,OACE,EAAA1C,EAAA,KAAA,CAAC,MAAD,CACE,IAAKiB,GACL,WAAA,EAAWtC,EAAAA,GAAAA,CAAGD,EAAAA,QAAO,aAAcyG,EAAS,EAC5C,uBAA0B,CACxB,EAAU,QAAU,EACtB,EACA,qBAAwB,CACtB,EAAU,QAAU,EACtB,EACA,GAAIvG,EAAAA,MAAM,eAAgB,OAAQ,CAChC,MAAOsD,EAAQ,OAAS,SACxB,SAAU,CAAC,CAACL,EAAM,SAClB,SAAU,CAAC,CAACA,EAAM,SAClB,SACF,CAAC,EAdH,SAAA,CAgBGuD,IACC,EAAApF,EAAA,IAAA,CAAC,QAAD,CACE,QAAS+B,EACT,UAAWrD,EAAAA,QAAO,MAClB,GAAIE,EAAAA,MAAM,eAAgB,OAAO,EAEhC,SAAAwG,CACI,CAAA,GAET,EAAApF,EAAA,IAAA,CAACnB,GAAAA,MAAD,CACE,GAAIiD,EACJ,GAAIC,EACJ,SAAUF,EAAM,SAChB,SAAUA,EAAM,SACV,OACN,IAAKT,GACL,MAAOb,EACP,SAAW,GAAM6D,GAAkB,EAAE,OAAO,KAAK,EACjD,QAAU,GAAM,CACdjC,EAAK,EACLL,GAAY,UAAU,CAAC,CACzB,EACA,OAAS,GAAM,CACbwC,GAAW,CAAC,EACZxC,GAAY,SAAS,CAAC,CACxB,EACA,UAAY,GAAM,CAChBmC,GAAc,CAAC,EACfnC,GAAY,YAAY,CAAC,CAC3B,CACD,CAAA,GAED,EAAA9B,EAAA,IAAA,CAAClB,GAAAA,cAAD,CACE,IAAKyC,GACL,KAAMW,EACN,OAAQlB,EACR,UAAWZ,GAAUqB,GACrB,OAAQ,CACN,SAAUD,EAAW6D,EAAO,EAAIA,EAAO,EACvC,UAAW7D,EAAW6D,EAAO,EAAIA,EAAO,CAC1C,EACA,iBAAiB,MAEjB,aAAgB,CAACrE,CAAS,EAC1B,gBAAkB,GAAU,EAEtBY,EAAU,SAAWsC,EAAM,cAAaA,EAAM,eAAe,CACnE,EACA,UAAW9B,EACX,wBAA2BlB,EAC3B,WAAA,EAAWvC,EAAAA,GAAAA,CAAGD,EAAAA,QAAO,MAAO4G,EAAiB,EAC7C,GAAI1G,EAAAA,MAAM,eAAgB,UAAW,CAAE,MAAO,MAAO,CAAC,EAEtD,UAAA,EAAAoB,EAAA,IAAA,CAAC,MAAD,CAAK,WAAA,EAAWrB,EAAAA,GAAAA,CAAGD,EAAAA,QAAO,SAAU6G,IAAa7G,EAAAA,QAAO,QAAQ,EAG9D,UAAA,EAAAsB,EAAA,IAAA,CAAC,MAAD,CACE,UAAWtB,EAAAA,QAAO,WAClB,KAAK,UACL,GAAIiD,EACJ,aAAYyD,EACZ,YAAW9B,GAAW,IAAA,GACtB,GAAI1E,EAAAA,MAAM,eAAgB,MAAM,EAE/B,SAAA0E,GACC,EAAAtD,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,eACL,UAAWtB,EAAAA,QAAO,QAClB,GAAIE,EAAAA,MAAM,eAAgB,SAAS,EAEnC,UAAA,EAAAoB,EAAA,IAAA,CAACjB,EAAAA,QAAD,CAAoB,CAAA,CACjB,CAAA,EACHsD,EAAiB,OAAS,GAC5B,EAAArC,EAAA,IAAA,CAAAhB,EAAAA,SAAA,CAAA,SACG4D,EACGA,EAAe,KAAK,CAACI,EAAOwC,GAAe,IACzCxC,IAAU,IAER,EAAAhD,EAAA,IAAA,CAACf,EAAAA,QAAM,SAAP,CAAA,SACGuG,EAAa,IAAK,GACjBX,EACEnC,EACAU,EAAiB,QAAQV,CAAM,CACjC,CACF,CACc,EAPK,GAAG+C,EAAW,EAOnB,GAEhB,EAAAzF,EAAA,KAAA,CAAC,MAAD,CAEE,UAAWtB,EAAAA,QAAO,YAClB,KAAK,QACL,aAAYsE,EAJd,SAAA,EAME,EAAAhD,EAAA,IAAA,CAAC,MAAD,CACE,UAAWtB,EAAAA,QAAO,WAClB,cAAY,OACZ,GAAIE,EAAAA,MAAM,eAAgB,aAAa,EAEtC,SAAAoE,CACE,CAAA,EACJwC,EAAa,IAAK,GACjBX,EACEnC,EACAU,EAAiB,QAAQV,CAAM,CACjC,CACF,CACG,CAlBE,EAAA,GAAG+C,EAAW,GAAGzC,GAkBnB,CAET,EACAX,EAAiB,KAAK,EAAQ,IAC5BwC,EAAiBnC,EAAQiB,CAAK,CAChC,CACJ,CAAA,GAEF,EAAA3D,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,eACL,UAAWtB,EAAAA,QAAO,MAClB,GAAIE,EAAAA,MAAM,eAAgB,OAAO,EAEhC,SAAA8G,KAAc,IAAK,EAAA1F,EAAA,IAAA,CAACd,GAAAA,QAAD,CAAO,GAAIyG,EAAa,CAAA,CACzC,CAAA,CAEJ,CAAA,CACF,CAAA,CACQ,CAAA,CACZ,GAET"}

package/dist/react/components/AutoComplete/AutoComplete.js

@@ -13,59 +13,60 @@ import "../Input/index.js";
 import re from "../Empty/Empty.js";
 import "../Empty/index.js";
 import o from "./autoComplete.module.scss.js";
-import ie, { useEffect as s, useId as ae, useMemo as c, useRef as oe, useState as l } from "react";
-import { Fragment as se, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { ESCAPE_CONSUMER_ATTRIBUTE as f } from "../../../dom/index.js";
+import ie, { useEffect as s, useId as ae, useMemo as c, useRef as l, useState as u } from "react";
+import { resolveActiveOptionIndex as oe } from "../../../core/index.js";
+import { Fragment as se, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ESCAPE_CONSUMER_ATTRIBUTE as p } from "../../../dom/index.js";
 //#region src/components/AutoComplete/AutoComplete.tsx
 var ce = Object.freeze({
 	x: 0,
 	y: 4
-}), le = [], ue = {
+}), m = [], le = {
 	top: "top-start",
 	bottom: "bottom-start",
 	left: "left-start",
 	right: "right-start"
-}, p = ({ ref: p, name: de, label: m, mode: fe = "basic", value: h, onChange: g, options: _ = le, defaultValue: pe, onSelect: me, filterOption: v, groupBy: y, renderOption: he, renderEmpty: ge, loading: b = !1, inputProps: x, emptyProps: _e, placement: S = "bottom", offset: C = ce, animation: ve = !0, sortOption: w, onOptionClick: ye, onDropdownVisibleChange: be, dropdownClassName: xe, onSubmit: T, autoHighlight: Se = !1, fillOnSelect: Ce = !0, className: we, groupMode: E = "first" }) => {
-	let [D, O] = a({
-		value: h,
-		defaultValue: pe ?? "",
-		onChange: g,
+}, h = ({ ref: h, name: ue, label: g, mode: de = "basic", value: fe, onChange: pe, options: _ = m, defaultValue: me, onSelect: he, filterOption: v, groupBy: y, renderOption: b, renderEmpty: ge, loading: x = !1, inputProps: S, emptyProps: _e, placement: C = "bottom", offset: w = ce, animation: ve = !0, sortOption: T, onOptionClick: ye, onDropdownVisibleChange: be, dropdownClassName: xe, onSubmit: E, autoHighlight: Se = !1, fillOnSelect: Ce = !0, className: we, groupMode: D = "first" }) => {
+	let [O, k] = a({
+		value: fe,
+		defaultValue: me ?? "",
+		onChange: pe,
 		name: "AutoComplete"
-	}), [k, A] = a({
+	}), [A, j] = a({
 		defaultValue: !1,
 		onChange: be,
 		name: "AutoComplete",
 		prop: "open"
-	}), [j, M] = l(-1), [Te, N] = l(-1), [P, Ee] = l(null), [F, De] = l(null), Oe = i(De, p), [ke, Ae] = l(null), I = S === "top" || S === "bottom", L = ae(), R = `${L}-listbox`, z = oe(!1), B = ee({
-		id: x?.id,
-		disabled: x?.disabled,
-		readOnly: x?.readOnly
+	}), [Te, M] = u(null), [Ee, N] = u(-1), [P, De] = u(null), [F, Oe] = u(null), ke = i(Oe, h), [Ae, je] = u(null), I = C === "top" || C === "bottom", L = ae(), R = `${L}-listbox`, z = l(!1), B = ee({
+		id: S?.id,
+		disabled: S?.disabled,
+		readOnly: S?.readOnly
 	}), V = B.id ?? `${L}-input`, H = !!B.disabled || !!B.readOnly;
 	process.env.NODE_ENV !== "production" && n("AutoComplete", {
 		prop: "value",
-		value: h,
+		value: fe,
 		defaultProp: "defaultValue",
-		defaultValue: pe,
+		defaultValue: me,
 		handlerProp: "onChange",
-		handler: g,
+		handler: pe,
 		locked: H,
 		lockHint: "set `inputProps.disabled` / `inputProps.readOnly`"
 	});
-	let U = k && !H, W = () => {
-		H || A(!0);
+	let U = A && !H, W = () => {
+		H || j(!0);
 	}, G = () => {
-		A(!1), M(-1);
+		j(!1), M(null);
 	}, K = c(() => {
-		let e = D.toLowerCase(), t = _.filter((t) => v ? v(D, t) : t.label.toLowerCase().includes(e));
-		return w ? [...t].sort(w) : t;
+		let e = O.toLowerCase(), t = _.filter((t) => v ? v(O, t) : t.label.toLowerCase().includes(e));
+		return T ? [...t].sort(T) : t;
 	}, [
 		_,
-		D,
+		O,
 		v,
-		w
+		T
 	]), q = c(() => {
 		if (!y) return null;
-		if (E === "adjacent") {
+		if (D === "adjacent") {
 			let e = [];
 			return K.forEach((t) => {
 				let n = y(t), r = e[e.length - 1];
@@ -80,53 +81,53 @@ var ce = Object.freeze({
 	}, [
 		K,
 		y,
-		E
-	]), J = c(() => q ? q.flatMap(([, e]) => e) : K, [q, K]), Y = j >= 0 ? j : Se && U ? J.findIndex((e) => !e.disabled) : -1, X = (e) => {
-		let t = J.length;
+		D
+	]), J = c(() => q ? q.flatMap(([, e]) => e) : K, [q, K]), Y = x ? m : J, X = oe(Y, Te, Se && U), Me = (e) => {
+		let t = Y.length;
 		if (t === 0) return;
-		let n = Y >= 0 ? Y : e === 1 ? -1 : t;
-		for (let r = 0; r < t; r += 1) if (n = (n + e + t) % t, !J[n].disabled) {
-			M(n);
+		let n = X >= 0 ? X : e === 1 ? -1 : t;
+		for (let r = 0; r < t; r += 1) if (n = (n + e + t) % t, !Y[n].disabled) {
+			M(Y[n].value);
 			return;
 		}
-	}, je = (e) => {
-		e.disabled || (Ce && O(e.label), G(), me?.(e));
-	}, Me = (e) => {
+	}, Ne = (e) => {
+		e.disabled || (Ce && k(e.label), G(), he?.(e));
+	}, Pe = (e) => {
 		if (!(H || z.current || e.nativeEvent.isComposing || e.keyCode === 229)) switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), k || W(), X(1);
+				e.preventDefault(), A || W(), Me(1);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), k || W(), X(-1);
+				e.preventDefault(), A || W(), Me(-1);
 				break;
 			case "Enter": {
-				let t = U ? J[Y] : void 0;
-				t ? (e.preventDefault(), je(t)) : T && D.trim() && (e.preventDefault(), T(D.trim()), G());
+				let t = U ? Y[X] : void 0;
+				t ? (e.preventDefault(), Ne(t)) : E && O.trim() && (e.preventDefault(), E(O.trim()), G());
 				break;
 			}
-			case "Escape": !U && D !== "" && (e.preventDefault(), O(""), M(-1));
+			case "Escape": !U && O !== "" && (e.preventDefault(), k(""), M(null));
 		}
-	}, Ne = (e) => {
-		O(e), M(-1), W();
-	}, Pe = (e) => {
-		let t = e.relatedTarget;
-		t && (ke?.contains(t) || P?.contains(t)) || G();
 	}, Fe = (e) => {
-		e.disabled || z.current || (je(e), ye?.(e), F?.focus());
-	}, Z = U && Y >= 0 ? `${R}-option-${Y}` : void 0;
+		k(e), M(null), W();
+	}, Ie = (e) => {
+		let t = e.relatedTarget;
+		t && (Ae?.contains(t) || P?.contains(t)) || G();
+	}, Le = (e) => {
+		e.disabled || z.current || (Ne(e), ye?.(e), F?.focus());
+	}, Z = U && X >= 0 ? `${R}-option-${X}` : void 0;
 	s(() => {
-		F && (F.setAttribute("role", "combobox"), F.setAttribute("aria-autocomplete", "list"), F.setAttribute("aria-expanded", String(U)), !U && D !== "" ? F.setAttribute(f, "") : F.removeAttribute(f), U ? F.setAttribute("aria-controls", R) : F.removeAttribute("aria-controls"), Z ? F.setAttribute("aria-activedescendant", Z) : F.removeAttribute("aria-activedescendant"));
+		F && (F.setAttribute("role", "combobox"), F.setAttribute("aria-autocomplete", "list"), F.setAttribute("aria-expanded", String(U)), !U && O !== "" ? F.setAttribute(p, "") : F.removeAttribute(p), U ? F.setAttribute("aria-controls", R) : F.removeAttribute("aria-controls"), Z ? F.setAttribute("aria-activedescendant", Z) : F.removeAttribute("aria-activedescendant"));
 	}, [
 		F,
 		U,
 		R,
 		Z,
-		D
+		O
 	]);
-	let Q = oe(() => {});
+	let Q = l(() => {});
 	s(() => {
 		Q.current = () => {
-			k || W();
+			A || W();
 		};
 	}), s(() => {
 		if (!F) return;
@@ -135,24 +136,24 @@ var ce = Object.freeze({
 	}, [F]), s(() => {
 		Z && document.getElementById(Z)?.scrollIntoView?.({ block: "nearest" });
 	}, [Z]);
-	let Ie = (e) => /* @__PURE__ */ d("div", {
+	let Re = (e) => /* @__PURE__ */ f("div", {
 		className: o.basicOption,
-		children: [e.icon && /* @__PURE__ */ u("span", {
+		children: [e.icon && /* @__PURE__ */ d("span", {
 			className: o.icon,
 			children: e.icon
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: o.content,
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ d("div", {
 				className: o.label,
 				children: e.label
-			}), e.description && /* @__PURE__ */ u("div", {
+			}), e.description && /* @__PURE__ */ d("div", {
 				className: o.description,
 				children: e.description
 			})]
 		})]
 	}), $ = (n, r) => {
-		let i = Y === r, a = Te === r || i;
-		return /* @__PURE__ */ u("div", {
+		let i = X === r, a = Ee === r || i;
+		return /* @__PURE__ */ d("div", {
 			className: e(o.optionItem, {
 				[o.disabled]: n.disabled,
 				[o.highlight]: n.highlight,
@@ -165,9 +166,9 @@ var ce = Object.freeze({
 			"aria-selected": i,
 			"aria-disabled": n.disabled || void 0,
 			onMouseDown: (e) => e.preventDefault(),
-			onClick: () => Fe(n),
+			onClick: () => Le(n),
 			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Fe(n));
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Le(n));
 			},
 			onMouseEnter: () => N(r),
 			onMouseLeave: () => N(-1),
@@ -175,11 +176,11 @@ var ce = Object.freeze({
 				highlighted: a,
 				disabled: n.disabled
 			}),
-			children: fe === "custom" && he ? he(n) : Ie(n)
+			children: de === "custom" && b ? b(n) : Re(n)
 		}, n.value);
 	};
-	return /* @__PURE__ */ d("div", {
-		ref: Ee,
+	return /* @__PURE__ */ f("div", {
+		ref: De,
 		className: e(o.autoComplete, we),
 		onCompositionStart: () => {
 			z.current = !0;
@@ -191,42 +192,42 @@ var ce = Object.freeze({
 			state: U ? "open" : "closed",
 			disabled: !!B.disabled,
 			readonly: !!B.readOnly,
-			loading: b
+			loading: x
 		}),
 		children: [
-			m && /* @__PURE__ */ u("label", {
+			g && /* @__PURE__ */ d("label", {
 				htmlFor: V,
 				className: o.label,
 				...t("autocomplete", "label"),
-				children: m
+				children: g
 			}),
-			/* @__PURE__ */ u(ne, {
-				...x,
+			/* @__PURE__ */ d(ne, {
+				...S,
 				id: V,
 				disabled: B.disabled,
 				readOnly: B.readOnly,
-				name: de,
-				ref: Oe,
-				value: D,
-				onChange: (e) => Ne(e.target.value),
+				name: ue,
+				ref: ke,
+				value: O,
+				onChange: (e) => Fe(e.target.value),
 				onFocus: (e) => {
-					W(), x?.onFocus?.(e);
+					W(), S?.onFocus?.(e);
 				},
 				onBlur: (e) => {
-					Pe(e), x?.onBlur?.(e);
+					Ie(e), S?.onBlur?.(e);
 				},
 				onKeyDown: (e) => {
-					Me(e), x?.onKeyDown?.(e);
+					Pe(e), S?.onKeyDown?.(e);
 				}
 			}),
-			/* @__PURE__ */ u(te, {
-				ref: Ae,
+			/* @__PURE__ */ d(te, {
+				ref: je,
 				open: U,
 				anchor: P,
-				placement: ue[S],
+				placement: le[C],
 				offset: {
-					mainAxis: I ? C.y : C.x,
-					crossAxis: I ? C.x : C.y
+					mainAxis: I ? w.y : w.x,
+					crossAxis: I ? w.x : w.y
 				},
 				matchAnchorWidth: "min",
 				branches: () => [P],
@@ -237,35 +238,35 @@ var ce = Object.freeze({
 				returnFocusOnEscape: () => F,
 				className: e(o.popup, xe),
 				...t("autocomplete", "content", { state: "open" }),
-				children: /* @__PURE__ */ u("div", {
+				children: /* @__PURE__ */ d("div", {
 					className: e(o.dropdown, ve && o.animated),
-					children: /* @__PURE__ */ u("div", {
+					children: /* @__PURE__ */ d("div", {
 						className: o.optionList,
 						role: "listbox",
 						id: R,
-						"aria-label": m,
-						"aria-busy": b || void 0,
+						"aria-label": g,
+						"aria-busy": x || void 0,
 						...t("autocomplete", "list"),
-						children: b ? /* @__PURE__ */ u("div", {
+						children: x ? /* @__PURE__ */ d("div", {
 							role: "presentation",
 							className: o.loading,
 							...t("autocomplete", "loading"),
-							children: /* @__PURE__ */ u(r, {})
-						}) : K.length > 0 ? /* @__PURE__ */ u(se, { children: q ? q.map(([e, n], r) => e === "" ? /* @__PURE__ */ u(ie.Fragment, { children: n.map((e) => $(e, J.indexOf(e))) }, `${r}-`) : /* @__PURE__ */ d("div", {
+							children: /* @__PURE__ */ d(r, {})
+						}) : K.length > 0 ? /* @__PURE__ */ d(se, { children: q ? q.map(([e, n], r) => e === "" ? /* @__PURE__ */ d(ie.Fragment, { children: n.map((e) => $(e, J.indexOf(e))) }, `${r}-`) : /* @__PURE__ */ f("div", {
 							className: o.optionGroup,
 							role: "group",
 							"aria-label": e,
-							children: [/* @__PURE__ */ u("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: o.groupLabel,
 								"aria-hidden": "true",
 								...t("autocomplete", "group-label"),
 								children: e
 							}), n.map((e) => $(e, J.indexOf(e)))]
-						}, `${r}-${e}`)) : K.map((e, t) => $(e, t)) }) : /* @__PURE__ */ u("div", {
+						}, `${r}-${e}`)) : K.map((e, t) => $(e, t)) }) : /* @__PURE__ */ d("div", {
 							role: "presentation",
 							className: o.empty,
 							...t("autocomplete", "empty"),
-							children: ge?.() || /* @__PURE__ */ u(re, { ..._e })
+							children: ge?.() || /* @__PURE__ */ d(re, { ..._e })
 						})
 					})
 				})
@@ -274,6 +275,6 @@ var ce = Object.freeze({
 	});
 };
 //#endregion
-export { p as default };
+export { h as default };
 
 //# sourceMappingURL=AutoComplete.js.map