@purpur/library 9.1.1 → 9.1.3

package/CHANGELOG.json

@@ -1,6 +1,30 @@
 {
   "name": "@purpur/library",
   "entries": [
+    {
+      "version": "9.1.3",
+      "tag": "@purpur/library_v9.1.3",
+      "date": "Mon, 13 Apr 2026 09:09:46 GMT",
+      "comments": {
+        "none": [
+          {
+            "comment": "Dropdown: Fix multi-select behavior and increase selector specificity for listbox elements"
+          }
+        ]
+      }
+    },
+    {
+      "version": "9.1.2",
+      "tag": "@purpur/library_v9.1.2",
+      "date": "Thu, 02 Apr 2026 14:13:35 GMT",
+      "comments": {
+        "none": [
+          {
+            "comment": "SearchField: Increase specificity for dropdown listbox to migigate width issue"
+          }
+        ]
+      }
+    },
     {
       "version": "9.1.1",
       "tag": "@purpur/library_v9.1.1",

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Change Log - @purpur/library
 
-This log was last generated on Thu, 02 Apr 2026 12:25:19 GMT and should not be manually modified.
+This log was last generated on Mon, 13 Apr 2026 09:09:46 GMT and should not be manually modified.
+
+## 9.1.3
+Mon, 13 Apr 2026 09:09:46 GMT
+
+### Updates
+
+- Dropdown: Fix multi-select behavior and increase selector specificity for listbox elements
+
+## 9.1.2
+Thu, 02 Apr 2026 14:13:35 GMT
+
+### Updates
+
+- SearchField: Increase specificity for dropdown listbox to migigate width issue
 
 ## 9.1.1
 Thu, 02 Apr 2026 12:25:19 GMT

package/dist/LICENSE.txt

@@ -473,7 +473,7 @@ Private: false
 ---
 
 Name: @purpur/chat-field
-Version: 9.1.0
+Version: 9.1.2
 License: AGPL-3.0-only
 Private: false
 

package/dist/components/dropdown/src/dropdown-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-select.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/dropdown-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,kBAAkB,CAAC;AAYpE,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmKzB,CAAC"}
+{"version":3,"file":"dropdown-select.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/dropdown-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,kBAAkB,CAAC;AAYpE,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqKzB,CAAC"}

package/dist/components/dropdown/src/useDropdown.d.ts

@@ -24,6 +24,7 @@ export type UseDropdownParams = {
 };
 export type UseDropdownReturn = {
     rootRef: React.RefObject<HTMLDivElement | null>;
+    triggerContainerProps: Record<string, unknown> | null;
     triggerProps: Record<string, unknown>;
     inputProps: Record<string, unknown> | null;
     listboxProps: ListboxProps;

package/dist/components/dropdown/src/useDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/useDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAG3F,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;IACnF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC3C,YAAY,EAAE,YAAY,CAAC;IAC3B,mBAAmB,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,gBAAgB,CAAC;IACjF,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,cAAc,GAAG,SAAS,CAAC;IAC9C,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,WAAW,EAAE,aAAa,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,qSAoBzB,iBAAiB,KAAG,iBAiTtB,CAAC"}
+{"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../../../../../../components/dropdown/src/useDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAG3F,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;IACnF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACtD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC3C,YAAY,EAAE,YAAY,CAAC;IAC3B,mBAAmB,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,gBAAgB,CAAC;IACjF,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,cAAc,GAAG,SAAS,CAAC;IAC9C,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,WAAW,EAAE,aAAa,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,qSAoBzB,iBAAiB,KAAG,iBAiUtB,CAAC"}

package/dist/dropdown-BQOY21kI.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),m=require("react"),oe=require("./listbox-COBHLRtB.js"),$e=require("./use-autocomplete.es-BHDgQLae.js"),Ie=require("./checkbox-Dk3bZkZ3.js"),pe=require("./dismissable-chip-group-Cd23yjBa.js"),Ce=require("./field-error-text-FhQulSV5.js"),Re=require("./field-helper-text-DSKO-Tce.js"),ke=require("./check-circle-filled.es-5-GXE9l4.js"),De=require("./chevron-down.es-BMjgiS3F.js"),Oe=require("./label-yHK80hhV.js"),Se=require("./spinner-tKunS_o-.js"),Ne=require("./bind-DeUYJ6m9.js"),Le={"purpur-dropdown":"_purpur-dropdown_ixl3j_1","purpur-dropdown--negative":"_purpur-dropdown--negative_ixl3j_11","purpur-dropdown__label":"_purpur-dropdown__label_ixl3j_14","purpur-dropdown__field-row":"_purpur-dropdown__field-row_ixl3j_19","purpur-dropdown__frame":"_purpur-dropdown__frame_ixl3j_23","purpur-dropdown__frame--negative":"_purpur-dropdown__frame--negative_ixl3j_30","purpur-dropdown__trigger-container":"_purpur-dropdown__trigger-container_ixl3j_33","purpur-dropdown__chip-group":"_purpur-dropdown__chip-group_ixl3j_45","purpur-dropdown__trigger-container--has-tags":"_purpur-dropdown__trigger-container--has-tags_ixl3j_50","purpur-dropdown__trigger-container--disabled":"_purpur-dropdown__trigger-container--disabled_ixl3j_53","purpur-dropdown__trigger-container--readonly":"_purpur-dropdown__trigger-container--readonly_ixl3j_53","purpur-dropdown__trigger-container--negative":"_purpur-dropdown__trigger-container--negative_ixl3j_60","purpur-dropdown__trigger-container--error":"_purpur-dropdown__trigger-container--error_ixl3j_63","purpur-dropdown__trigger-container--is-valid":"_purpur-dropdown__trigger-container--is-valid_ixl3j_66","purpur-dropdown__input":"_purpur-dropdown__input_ixl3j_69","purpur-dropdown__trigger":"_purpur-dropdown__trigger_ixl3j_33","purpur-dropdown__trigger--placeholder":"_purpur-dropdown__trigger--placeholder_ixl3j_117","purpur-dropdown__trigger--is-valid":"_purpur-dropdown__trigger--is-valid_ixl3j_120","purpur-dropdown__trigger--disabled":"_purpur-dropdown__trigger--disabled_ixl3j_123","purpur-dropdown__trigger--readonly":"_purpur-dropdown__trigger--readonly_ixl3j_127","purpur-dropdown__trigger--negative":"_purpur-dropdown__trigger--negative_ixl3j_131","purpur-dropdown__trigger-text":"_purpur-dropdown__trigger-text_ixl3j_144","purpur-dropdown__combobox-container":"_purpur-dropdown__combobox-container_ixl3j_150","purpur-dropdown__combobox-container--disabled":"_purpur-dropdown__combobox-container--disabled_ixl3j_160","purpur-dropdown__combobox-container--readonly":"_purpur-dropdown__combobox-container--readonly_ixl3j_167","purpur-dropdown__combobox-container--error":"_purpur-dropdown__combobox-container--error_ixl3j_174","purpur-dropdown__combobox-container--is-valid":"_purpur-dropdown__combobox-container--is-valid_ixl3j_177","purpur-dropdown__combobox-container--negative":"_purpur-dropdown__combobox-container--negative_ixl3j_180","purpur-dropdown__input--negative":"_purpur-dropdown__input--negative_ixl3j_219","purpur-dropdown__chip-group--select":"_purpur-dropdown__chip-group--select_ixl3j_236","purpur-dropdown__end-adornments":"_purpur-dropdown__end-adornments_ixl3j_239","purpur-dropdown__chevron-icon":"_purpur-dropdown__chevron-icon_ixl3j_250","purpur-dropdown__chevron-icon--open":"_purpur-dropdown__chevron-icon--open_ixl3j_255","purpur-dropdown__chevron-icon--disabled":"_purpur-dropdown__chevron-icon--disabled_ixl3j_258","purpur-dropdown__chevron-icon--readonly":"_purpur-dropdown__chevron-icon--readonly_ixl3j_261","purpur-dropdown__chevron-icon--negative":"_purpur-dropdown__chevron-icon--negative_ixl3j_264","purpur-dropdown__valid-icon":"_purpur-dropdown__valid-icon_ixl3j_267","purpur-dropdown__listbox":"_purpur-dropdown__listbox_ixl3j_270","purpur-dropdown__checkbox-item-multiple":"_purpur-dropdown__checkbox-item-multiple_ixl3j_280","purpur-dropdown__checkbox-container":"_purpur-dropdown__checkbox-container_ixl3j_283"},x=Ne.c.bind(Le),o="purpur-dropdown",ue=({fieldId:r,htmlForSuffix:n,label:s,getTestId:l,disabled:d,negative:i,required:h})=>s?t.jsxs(Oe.Label,{htmlFor:n?`${r}-${n}`:r,className:x(`${o}__label`),"data-testid":l("label"),disabled:d,negative:i,children:[h&&t.jsx("span",{"aria-hidden":!0,children:"*"}),s]}):null,_e=({getTestId:r,loading:n,disabled:s,negative:l,isValid:d,isOpen:i,readOnly:h,showChevronOpen:C})=>t.jsx("span",{className:x(`${o}__end-adornments`),children:n?t.jsx(Se.Spinner,{disabled:s,size:"xxs",negative:l,"data-testid":r("spinner")}):t.jsxs(t.Fragment,{children:[d&&t.jsx(ke.r,{"data-testid":r("valid-icon"),className:x(`${o}__valid-icon`)}),t.jsx(De.l,{className:x(`${o}__chevron-icon`,{[`${o}__chevron-icon--open`]:C&&i,[`${o}__chevron-icon--disabled`]:s,[`${o}__chevron-icon--readonly`]:h&&!s,[`${o}__chevron-icon--is-valid`]:d,[`${o}__chevron-icon--negative`]:l}),"data-testid":r("dropdown-icon"),size:"sm"})]})}),ge=({selectedItems:r,getTestId:n,disabled:s,onRemove:l,isSelect:d})=>r.length?t.jsx(pe.DismissableChipGroup,{className:x(`${o}__chip-group`,{[`${o}__chip-group--select`]:d}),"data-testid":n("tags"),size:"sm",children:r.map(i=>t.jsx(pe.DismissableChipGroup.Item,{id:i.id,"data-testid":n(`tag-${i.id}`),"aria-label":`Remove ${i.label}`,onDismiss:()=>{l(i)},disabled:s,children:i.label},i.id))}):null,he=({errorText:r,helperText:n,helperTextId:s,negative:l})=>t.jsxs(t.Fragment,{children:[r&&t.jsx(Ce.FieldErrorText,{negative:l,children:r}),n&&!r&&t.jsx(Re.FieldHelperText,{id:s,negative:l,children:n})]}),xe=({optionsToShow:r,getListboxItemProps:n,multiple:s,fieldId:l,noOptionsText:d})=>d!==void 0&&!r.length?t.jsx(oe.Listbox.Item,{noninteractive:!0,children:d}):r.map((i,h)=>{const{key:C,selected:y,...g}=n(i,h);return s?t.jsx(oe.Listbox.Item,{...g,className:x(`${o}__checkbox-item-multiple`),selected:!!y,hideSelectedIcon:!0,children:t.jsxs("span",{className:x(`${o}__checkbox-container`),children:[t.jsx(Ie.Checkbox,{id:`${l}-checkbox-${i.id}`,checked:!!y,"aria-hidden":!0}),i.label]})},C):t.jsx(oe.Listbox.Item,{...g,selected:!!y,children:i.label},C)}),Te=(r,n,s)=>{if(s)return r.filter(d=>s(n,d));if(!n)return r;const l=n.toUpperCase().split(" ");return r.filter(d=>l.every(i=>(d.value||d.label).toUpperCase().includes(i)))},be=({options:r,searchTerm:n,filterOption:s,selectedOption:l,multiple:d})=>!d&&l&&l.label===n?r:Te(r,n,s),fe=({controlledInputValue:r,defaultInputValue:n,selectedOption:s,onInputChange:l})=>{const[d,i]=m.useState((typeof r=="string"?r:n??s?.label)??"");return{displayInputValue:typeof r=="string"?r:d,populateInputField:y=>{l?.(y),i(y)}}},we=m.forwardRef((r,n)=>{const{id:s,label:l,options:d,className:i,errorText:h,helperText:C,placeholder:y,negative:g=!1,readOnly:S=!1,disabled:b=!1,required:_=!1,valid:R,loading:f,multiple:p=!1,selectedOption:u,selectedOptions:N=[],onSelect:E,openOnFocus:$=!1,listboxMaxHeight:Q,listboxLabel:Y,filterOption:F,inputValue:A,defaultInputValue:c,onInputChange:H,noOptionsText:L,highlightFirstOption:T=!1,["data-testid"]:P}=r,k=m.useId(),v=s??k,D=a=>P?`${P}-${a}`:void 0,V=!!R&&!h,I=`${v}-helper-text`,j=p?N:u?[u]:[],{displayInputValue:q,populateInputField:B}=fe({controlledInputValue:A,defaultInputValue:c,selectedOption:u,onInputChange:H}),M=be({options:d,searchTerm:q,filterOption:F,selectedOption:u,multiple:p}),z=a=>{if(p){const e=j.some(w=>w.id===a.id)?j.filter(w=>w.id!==a.id):[...j,a];E?.(a,e),B("")}else E?.(a,[a]),B(a.label)},{rootRef:X,inputRef:Z,inputProps:G,listboxProps:O,getListboxItemProps:ee,isOpen:U,openListbox:re,anchorStyle:te}=$e.ee({id:v,options:M,listboxLabel:Y||l||"Options",selectedOption:p?void 0:u,disabled:b,readOnly:S,openOnFocus:$,listboxMaxHeight:Q,highlightFirstOption:T,closeOnSelect:!p,noOptionsText:L,onSelect:z,"data-testid":P}),ne=a=>{X.current=a,typeof n=="function"?n(a):n&&(n.current=a)},ie=(a,W)=>{const e=ee(a,W);if(p){const w=j.some(J=>J.id===a.id);return{...e,selected:w,"aria-selected":w}}return e},se=a=>{const W=j.filter(e=>e.id!==a.id);E?.(a,W)},le=a=>{p&&a.key==="Backspace"&&a.currentTarget.value===""&&j.length>0&&se(j[j.length-1]),G?.onKeyDown?.(a)},ae=a=>{B(a.target.value),U||re()},ce=x(o,i,{[`${o}--negative`]:g});return t.jsxs("div",{ref:ne,className:ce,children:[t.jsx(ue,{fieldId:v,htmlForSuffix:"input",label:l,getTestId:D,disabled:b,negative:g,required:_}),t.jsx("div",{className:x(`${o}__field-row`),children:t.jsxs("div",{className:x(`${o}__combobox-container`,{[`${o}__combobox-container--error`]:!!h,[`${o}__combobox-container--is-valid`]:V,[`${o}__combobox-container--negative`]:g,[`${o}__combobox-container--disabled`]:b,[`${o}__combobox-container--readonly`]:S&&!b}),style:te,children:[p&&t.jsx(ge,{selectedItems:j,getTestId:D,disabled:b,onRemove:se}),t.jsx("input",{...G,ref:Z,id:`${v}-input`,"data-testid":D("input"),onKeyDown:le,onChange:ae,value:q,placeholder:y,className:x(`${o}__input`,{[`${o}__input--negative`]:g}),"aria-describedby":I,"aria-invalid":!!h,disabled:b,readOnly:S}),t.jsx(_e,{getTestId:D,loading:f,disabled:b,negative:g,isValid:V,isOpen:U,showChevronOpen:!0}),t.jsx("span",{className:x(`${o}__frame`,{[`${o}__frame--negative`]:g})})]})}),U&&t.jsx(oe.Listbox,{...O,className:x(`${o}__listbox`),children:xe({optionsToShow:M,getListboxItemProps:ie,multiple:p,fieldId:v,noOptionsText:L})}),t.jsx(he,{errorText:h,helperText:C,helperTextId:I,negative:g})]})});we.displayName="DropdownCombobox";const Be=({options:r,highlightFirstOption:n})=>{const s=m.useRef(null),l=m.useRef({}),[d,i]=m.useState(n?r[0]:void 0),h=_=>{if(_){const R=_.getBoundingClientRect(),f=s.current?.getBoundingClientRect()||{top:0,bottom:0};(R.top<f.top||R.bottom>f.bottom)&&_.scrollIntoView({block:"nearest"})}};return{highlightedOption:d,listboxRef:s,optionRefs:l,findNextOption:(_,R)=>{const f=R.filter(u=>!u.disabled);if(!f.length)return;const p=d?f.findIndex(u=>u.id===d.id):-1;return _==="ArrowDown"?f[(p+1)%f.length]:f[(p-1+f.length)%f.length]},highlightOption:_=>{i(_?{..._}:void 0),_&&h(l.current[_.id])},highlightByClick:_=>{_.id!==d?.id&&i({..._,isSetByClickEvent:!0})},highlightSelected:(_,R)=>{requestAnimationFrame(()=>{i({..._,isSetByClickEvent:R==="CLICK"}),h(l.current[_.id])})},resetHighlight:()=>{i(void 0)}}},Ee=(r,n)=>{const s=m.useCallback(l=>{r&&!r.contains(l.target)&&n()},[n,r]);m.useEffect(()=>(document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}),[s])},me=({id:r,variant:n,options:s,listboxLabel:l,multiple:d=!1,selectedOption:i,selectedOptions:h=[],onSelect:C,filterOption:y,inputValue:g,defaultInputValue:S,onInputChange:b,noOptionsText:_,highlightFirstOption:R=!1,openOnFocus:f=!1,listboxMaxHeight:p,disabled:u=!1,readOnly:N=!1,["data-testid"]:E})=>{const $=n==="combobox",Q=m.useId(),Y=m.useRef(null),F=m.useRef(null),A=m.useRef(null),c=Be({options:s,highlightFirstOption:R}),{displayInputValue:H,populateInputField:L}=fe({controlledInputValue:g,defaultInputValue:S,selectedOption:i,onInputChange:b}),[T,P]=m.useState(!1),k=()=>{P(!1),c.resetHighlight()};Ee(Y.current,k);const v=({eventType:e})=>{P(!0);const w=d?void 0:i;w&&c.highlightSelected(w,e)},D=d?h:i?[i]:[],V=$?be({options:s,searchTerm:H,filterOption:y,selectedOption:i,multiple:d}):s,I=T&&(!!V.length||!!_),j=e=>E?`${E}-${e}`:void 0,q=e=>{if(!(!e||e.disabled))if(d){const J=D.some(K=>K.id===e.id)?D.filter(K=>K.id!==e.id):[...D,e];C?.(e,J),$&&(L(""),A.current?.focus())}else C?.(e,[e]),$&&L(e.label),k(),($?A:F).current?.focus()},B=e=>{I||v({eventType:"KEYBOARD"});const w=c.findNextOption(e,V);c.highlightOption(w)},M=e=>{if(!(u||N))switch(e.key){case"ArrowUp":case"ArrowDown":e.preventDefault(),B(e.key);break;case"Enter":{e.preventDefault(),I&&c.highlightedOption?q(c.highlightedOption):I||v({eventType:"KEYBOARD"});break}case" ":{$||(e.preventDefault(),I&&c.highlightedOption?q(c.highlightedOption):I||v({eventType:"KEYBOARD"}));break}case"Escape":e.preventDefault(),k();break;case"Tab":k();break;case"Home":case"End":$&&k();break}},z=e=>{L(e.target.value),c.resetHighlight(),T||v({eventType:"KEYBOARD"})},X=()=>{u||N||(T?k():v({eventType:"CLICK"}))},Z=()=>{!T&&f&&!u&&!N&&v({eventType:"KEYBOARD"}),A.current?.select()},G=()=>{setTimeout(()=>{const e=document.activeElement;e!==document.body&&!A.current?.contains(e)&&!c.listboxRef.current?.contains(e)&&!Y.current?.contains(e)&&(k(),$&&!d&&L(i?i.label:""))})},O=()=>{u||N||(T?k():v({eventType:"CLICK"}))},ee=e=>{if(u||N)return;const w=e.target.closest("button");w&&w!==F.current||O()},U=()=>{!T&&f&&!u&&!N&&v({eventType:"KEYBOARD"})},re=`${r}-listbox`,te=e=>`${r}-listbox-item-${e.id}`,ne=`--purpur-dropdown-${Q.replace(/:/g,"")}`,ie={anchorName:ne},se=$?null:{onClick:ee},le=m.useCallback(e=>{if(c.listboxRef.current=e,e&&typeof e.showPopover=="function")try{e.showPopover()}catch{}},[c.listboxRef]),ae={"aria-label":l,"aria-expanded":I,"data-testid":j("listbox"),id:re,ref:le,onMouseLeave:()=>c.resetHighlight(),popover:"manual",style:{...p?{maxHeight:typeof p=="number"?`${p}px`:p}:{},positionAnchor:ne}},ce=(e,w)=>{const J=D.some(de=>de.id===e.id),{highlightedOption:K}=c,ye=(e.id===K?.id||R&&!K&&w===0)&&!K?.isSetByClickEvent;return{"data-testid":j(`listbox-item-${e.id}`),id:te(e),key:e.id,onMouseMove:()=>c.highlightByClick(e),onMouseUp:()=>q(e),ref:de=>{de&&(c.optionRefs.current[e.id]=de)},tabIndex:-1,selected:J,disabled:e.disabled,highlighted:ye,hovered:e.id===K?.id&&!!K?.isSetByClickEvent,"aria-selected":J}},a=$?{}:{ref:F,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":I,"aria-controls":re,"aria-disabled":u,"data-testid":j("trigger"),id:`${r}-trigger`,onKeyDown:M,onFocus:U,disabled:u,tabIndex:u?-1:0,style:ie},W=$?{ref:A,role:"combobox","aria-autocomplete":"list","aria-expanded":I,"aria-controls":re,"aria-activedescendant":c.highlightedOption?te(c.highlightedOption):void 0,"data-testid":j("input"),autoComplete:"off",id:`${r}-input`,type:"text",value:H,onChange:z,onMouseDown:X,onFocus:Z,onBlur:G,onKeyDown:M,disabled:u,readOnly:N}:null;return{rootRef:Y,triggerContainerProps:se,triggerProps:a,inputProps:W,listboxProps:ae,getListboxItemProps:ce,optionsToShow:V,isOpen:I,highlightedOption:c.highlightedOption,selectedItems:D,anchorStyle:ie}},ve=m.forwardRef((r,n)=>{const{id:s,label:l,options:d,className:i,errorText:h,helperText:C,placeholder:y,negative:g=!1,readOnly:S=!1,disabled:b=!1,required:_=!1,valid:R=!1,loading:f=!1,multiple:p=!1,selectedOption:u,selectedOptions:N=[],onSelect:E,openOnFocus:$=!1,listboxMaxHeight:Q,listboxLabel:Y,["data-testid"]:F}=r,A=m.useId(),c=s??A,H=O=>F?`${F}-${O}`:void 0,L=!!R&&!h,T=`${c}-helper-text`,P=me({id:c,variant:"select",options:d,listboxLabel:Y||l||"Options",multiple:p,selectedOption:u,selectedOptions:N,onSelect:E,openOnFocus:$,listboxMaxHeight:Q,disabled:b,readOnly:S,"data-testid":F}),k=O=>{P.rootRef.current=O,typeof n=="function"?n(O):n&&(n.current=O)},{triggerContainerProps:v,triggerProps:D,listboxProps:V,getListboxItemProps:I,optionsToShow:j,isOpen:q,selectedItems:B,anchorStyle:M}=P,z={...D};delete z.style;const X=O=>{const ee=B.filter(U=>U.id!==O.id);E?.(O,ee)},Z=p?B.length===0&&y||"":u?.label||y||"",G=x(o,i,{[`${o}--negative`]:g});return t.jsxs("div",{ref:k,className:G,children:[t.jsx(ue,{fieldId:c,htmlForSuffix:"trigger",label:l,getTestId:H,disabled:b,negative:g,required:_}),t.jsx("div",{className:x(`${o}__field-row`),children:t.jsxs("div",{...v,className:x(`${o}__trigger-container`,{[`${o}__trigger-container--error`]:!!h,[`${o}__trigger-container--is-valid`]:L,[`${o}__trigger-container--negative`]:g,[`${o}__trigger-container--disabled`]:b,[`${o}__trigger-container--readonly`]:S&&!b,[`${o}__trigger-container--has-tags`]:p&&B.length>0}),style:M,children:[p&&t.jsx(ge,{selectedItems:B,getTestId:H,disabled:b,onRemove:X,isSelect:!0}),t.jsx("button",{...z,className:x(`${o}__trigger`,{[`${o}__trigger--is-valid`]:L,[`${o}__trigger--negative`]:g,[`${o}__trigger--disabled`]:b,[`${o}__trigger--readonly`]:S&&!b,[`${o}__trigger--placeholder`]:!B.length}),"aria-describedby":T,children:t.jsx("span",{className:x(`${o}__trigger-text`),children:Z})}),t.jsx(_e,{getTestId:H,loading:f,disabled:b,negative:g,isValid:L,isOpen:q,readOnly:S,showChevronOpen:!0}),t.jsx("span",{className:x(`${o}__frame`,{[`${o}__frame--negative`]:g})})]})}),q&&t.jsx(oe.Listbox,{...V,className:x(`${o}__listbox`),children:xe({optionsToShow:j,getListboxItemProps:I,multiple:p,fieldId:c})}),t.jsx(he,{errorText:h,helperText:C,helperTextId:T,negative:g})]})});ve.displayName="DropdownSelect";const je=m.forwardRef((r,n)=>r.combobox?t.jsx(we,{ref:n,...r}):t.jsx(ve,{ref:n,...r}));je.displayName="Dropdown";exports.Dropdown=je;exports.useDropdown=me;
+//# sourceMappingURL=dropdown-BQOY21kI.js.map

package/dist/dropdown-BQOY21kI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-BQOY21kI.js","sources":["../../../components/dropdown/src/dropdown-shared.tsx","../../../components/dropdown/src/useDropdownFilter.ts","../../../components/dropdown/src/useDropdownInput.ts","../../../components/dropdown/src/dropdown-combobox.tsx","../../../components/dropdown/src/useDropdownHighlight.ts","../../../components/dropdown/src/useOnClickOutside.ts","../../../components/dropdown/src/useDropdown.ts","../../../components/dropdown/src/dropdown-select.tsx","../../../components/dropdown/src/dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Checkbox } from \"@purpur/checkbox\";\nimport { DismissableChipGroup } from \"@purpur/dismissable-chip-group\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dropdown.module.scss\";\nimport type { DropdownOption } from \"./dropdown.types\";\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-dropdown\";\n\ntype GetTestId = (name: string) => string | undefined;\n\ntype DropdownLabelProps = {\n  fieldId: string;\n  htmlForSuffix?: string;\n  label?: string;\n  getTestId: GetTestId;\n  disabled: boolean;\n  negative: boolean;\n  required: boolean;\n};\n\nexport const DropdownLabel = ({\n  fieldId,\n  htmlForSuffix,\n  label,\n  getTestId,\n  disabled,\n  negative,\n  required,\n}: DropdownLabelProps) => {\n  if (!label) return null;\n\n  return (\n    <Label\n      htmlFor={htmlForSuffix ? `${fieldId}-${htmlForSuffix}` : fieldId}\n      className={cx(`${rootClassName}__label`)}\n      data-testid={getTestId(\"label\")}\n      disabled={disabled}\n      negative={negative}\n    >\n      {required && <span aria-hidden>*</span>}\n      {label}\n    </Label>\n  );\n};\n\ntype DropdownEndAdornmentsProps = {\n  getTestId: GetTestId;\n  loading?: boolean;\n  disabled: boolean;\n  negative: boolean;\n  isValid: boolean;\n  isOpen?: boolean;\n  readOnly?: boolean;\n  showChevronOpen: boolean;\n};\n\nexport const DropdownEndAdornments = ({\n  getTestId,\n  loading,\n  disabled,\n  negative,\n  isValid,\n  isOpen,\n  readOnly,\n  showChevronOpen,\n}: DropdownEndAdornmentsProps) => (\n  <span className={cx(`${rootClassName}__end-adornments`)}>\n    {loading ? (\n      <Spinner\n        disabled={disabled}\n        size=\"xxs\"\n        negative={negative}\n        data-testid={getTestId(\"spinner\")}\n      />\n    ) : (\n      <>\n        {isValid && (\n          <IconCheckCircleFilled\n            data-testid={getTestId(\"valid-icon\")}\n            className={cx(`${rootClassName}__valid-icon`)}\n          />\n        )}\n        <IconChevronDown\n          className={cx(`${rootClassName}__chevron-icon`, {\n            [`${rootClassName}__chevron-icon--open`]: showChevronOpen && isOpen,\n            [`${rootClassName}__chevron-icon--disabled`]: disabled,\n            [`${rootClassName}__chevron-icon--readonly`]: readOnly && !disabled,\n            [`${rootClassName}__chevron-icon--is-valid`]: isValid,\n            [`${rootClassName}__chevron-icon--negative`]: negative,\n          })}\n          data-testid={getTestId(\"dropdown-icon\")}\n          size=\"sm\"\n        />\n      </>\n    )}\n  </span>\n);\n\ntype DropdownTagsProps = {\n  selectedItems: DropdownOption[];\n  getTestId: GetTestId;\n  disabled: boolean;\n  onRemove: (option: DropdownOption) => void;\n  isSelect?: boolean;\n};\n\nexport const DropdownTags = ({\n  selectedItems,\n  getTestId,\n  disabled,\n  onRemove,\n  isSelect,\n}: DropdownTagsProps) => {\n  if (!selectedItems.length) return null;\n\n  return (\n    <DismissableChipGroup\n      className={cx(`${rootClassName}__chip-group`, {\n        [`${rootClassName}__chip-group--select`]: isSelect,\n      })}\n      data-testid={getTestId(\"tags\")}\n      size=\"sm\"\n    >\n      {selectedItems.map((item) => (\n        <DismissableChipGroup.Item\n          key={item.id}\n          id={item.id}\n          data-testid={getTestId(`tag-${item.id}`)}\n          aria-label={`Remove ${item.label}`}\n          onDismiss={() => {\n            onRemove(item);\n          }}\n          disabled={disabled}\n        >\n          {item.label}\n        </DismissableChipGroup.Item>\n      ))}\n    </DismissableChipGroup>\n  );\n};\n\ntype DropdownFooterProps = {\n  errorText?: string;\n  helperText?: string;\n  helperTextId: string;\n  negative: boolean;\n};\n\nexport const DropdownFooter = ({\n  errorText,\n  helperText,\n  helperTextId,\n  negative,\n}: DropdownFooterProps) => (\n  <>\n    {errorText && <FieldErrorText negative={negative}>{errorText}</FieldErrorText>}\n    {helperText && !errorText && (\n      <FieldHelperText id={helperTextId} negative={negative}>\n        {helperText}\n      </FieldHelperText>\n    )}\n  </>\n);\n\ntype DropdownListboxItemsProps = {\n  optionsToShow: DropdownOption[];\n  getListboxItemProps: (option: DropdownOption, index: number) => Record<string, unknown>;\n  multiple?: boolean;\n  fieldId: string;\n  noOptionsText?: React.ReactNode;\n};\n\nexport const DropdownListboxItems = ({\n  optionsToShow,\n  getListboxItemProps,\n  multiple,\n  fieldId,\n  noOptionsText,\n}: DropdownListboxItemsProps) => {\n  if (noOptionsText !== undefined && !optionsToShow.length) {\n    return <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>;\n  }\n\n  return optionsToShow.map((option, index) => {\n    const { key, selected, ...itemProps } = getListboxItemProps(option, index);\n\n    if (multiple) {\n      return (\n        <Listbox.Item\n          key={key as string}\n          {...itemProps}\n          className={cx(`${rootClassName}__checkbox-item-multiple`)}\n          selected={!!selected}\n          hideSelectedIcon\n        >\n          <span className={cx(`${rootClassName}__checkbox-container`)}>\n            <Checkbox id={`${fieldId}-checkbox-${option.id}`} checked={!!selected} aria-hidden />\n            {option.label}\n          </span>\n        </Listbox.Item>\n      );\n    }\n\n    return (\n      <Listbox.Item key={key as string} {...itemProps} selected={!!selected}>\n        {option.label}\n      </Listbox.Item>\n    );\n  });\n};\n\nexport { cx };\n","import type { DropdownOption } from \"./dropdown.types\";\n\nconst filterOptions = (\n  options: DropdownOption[],\n  searchTerm: string | undefined,\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean\n): DropdownOption[] => {\n  if (filterOption) {\n    return options.filter((option) => filterOption(searchTerm, option));\n  }\n  if (!searchTerm) return options;\n  const chunks = searchTerm.toUpperCase().split(\" \");\n  return options.filter((option) =>\n    chunks.every((chunk) => (option.value || option.label).toUpperCase().includes(chunk))\n  );\n};\n\nexport const getFilteredOptions = ({\n  options,\n  searchTerm,\n  filterOption,\n  selectedOption,\n  multiple,\n}: {\n  options: DropdownOption[];\n  searchTerm: string | undefined;\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n  selectedOption?: DropdownOption;\n  multiple: boolean;\n}): DropdownOption[] => {\n  if (!multiple && selectedOption && selectedOption.label === searchTerm) {\n    return options;\n  }\n  return filterOptions(options, searchTerm, filterOption);\n};\n","import { useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type UseDropdownInputParams = {\n  controlledInputValue?: string;\n  defaultInputValue?: string;\n  selectedOption?: DropdownOption;\n  onInputChange?: (value: string) => void;\n};\n\nexport const useDropdownInput = ({\n  controlledInputValue,\n  defaultInputValue,\n  selectedOption,\n  onInputChange,\n}: UseDropdownInputParams) => {\n  const [internalInputValue, setInternalInputValue] = useState(\n    (typeof controlledInputValue === \"string\"\n      ? controlledInputValue\n      : defaultInputValue ?? selectedOption?.label) ?? \"\"\n  );\n\n  const displayInputValue =\n    typeof controlledInputValue === \"string\" ? controlledInputValue : internalInputValue;\n\n  const populateInputField = (value: string) => {\n    onInputChange?.(value);\n    setInternalInputValue(value);\n  };\n\n  return {\n    displayInputValue,\n    populateInputField,\n  };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { useAutocomplete } from \"@purpur/use-autocomplete\";\n\nimport type { ComboboxProps, DropdownOption } from \"./dropdown.types\";\nimport {\n  cx,\n  DropdownEndAdornments,\n  DropdownFooter,\n  DropdownLabel,\n  DropdownListboxItems,\n  DropdownTags,\n  rootClassName,\n} from \"./dropdown-shared\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownInput } from \"./useDropdownInput\";\n\nexport const DropdownCombobox = forwardRef<HTMLDivElement, ComboboxProps>((props, ref) => {\n  const {\n    id: propId,\n    label,\n    options,\n    className,\n    errorText,\n    helperText,\n    placeholder,\n    negative = false,\n    readOnly = false,\n    disabled = false,\n    required = false,\n    valid,\n    loading,\n    multiple = false,\n    selectedOption,\n    selectedOptions = [],\n    onSelect,\n    openOnFocus = false,\n    listboxMaxHeight,\n    listboxLabel,\n    filterOption,\n    inputValue,\n    defaultInputValue,\n    onInputChange,\n    noOptionsText,\n    highlightFirstOption = false,\n    [\"data-testid\"]: dataTestId,\n  } = props;\n\n  const randomId = useId();\n  const fieldId = propId ?? randomId;\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n  const isValid = !!valid && !errorText;\n  const helperTextId = `${fieldId}-helper-text`;\n\n  const selectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const { displayInputValue, populateInputField } = useDropdownInput({\n    controlledInputValue: inputValue,\n    defaultInputValue,\n    selectedOption,\n    onInputChange,\n  });\n\n  const optionsToShow = getFilteredOptions({\n    options,\n    searchTerm: displayInputValue,\n    filterOption,\n    selectedOption,\n    multiple,\n  });\n\n  const handleAutocompleteSelect = (option: DropdownOption) => {\n    if (multiple) {\n      const isAlreadySelected = selectedItems.some((o) => o.id === option.id);\n      const next = isAlreadySelected\n        ? selectedItems.filter((o) => o.id !== option.id)\n        : [...selectedItems, option];\n      onSelect?.(option, next);\n      populateInputField(\"\");\n    } else {\n      onSelect?.(option, [option]);\n      populateInputField(option.label);\n    }\n  };\n\n  const {\n    rootRef,\n    inputRef,\n    inputProps,\n    listboxProps,\n    getListboxItemProps,\n    isOpen,\n    openListbox,\n    anchorStyle,\n  } = useAutocomplete({\n    id: fieldId,\n    options: optionsToShow,\n    listboxLabel: listboxLabel || label || \"Options\",\n    selectedOption: multiple ? undefined : selectedOption,\n    disabled,\n    readOnly,\n    openOnFocus,\n    listboxMaxHeight,\n    highlightFirstOption,\n    closeOnSelect: !multiple,\n    noOptionsText,\n    onSelect: handleAutocompleteSelect,\n    [\"data-testid\"]: dataTestId,\n  });\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    (rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n    if (typeof ref === \"function\") ref(node);\n    else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n  };\n\n  // For multi-select the hook doesn't know about selectedOptions, so inject\n  // the correct `selected` state here based on selectedItems.\n  const getListboxItemPropsWithSelection = (option: DropdownOption, index: number) => {\n    const props = getListboxItemProps(option, index);\n    if (multiple) {\n      const isSelected = selectedItems.some((o) => o.id === option.id);\n      return { ...props, selected: isSelected, \"aria-selected\": isSelected };\n    }\n    return props;\n  };\n\n  const handleRemoveTag = (option: DropdownOption) => {\n    const next = selectedItems.filter((o) => o.id !== option.id);\n    onSelect?.(option, next);\n  };\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (\n      multiple &&\n      event.key === \"Backspace\" &&\n      event.currentTarget.value === \"\" &&\n      selectedItems.length > 0\n    ) {\n      handleRemoveTag(selectedItems[selectedItems.length - 1]);\n    }\n    (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onKeyDown?.(event);\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    populateInputField(e.target.value);\n    if (!isOpen) {\n      openListbox();\n    }\n  };\n\n  const wrapperClassName = cx(rootClassName, className, {\n    [`${rootClassName}--negative`]: negative,\n  });\n\n  return (\n    <div ref={setRootRef} className={wrapperClassName}>\n      <DropdownLabel\n        fieldId={fieldId}\n        htmlForSuffix=\"input\"\n        label={label}\n        getTestId={getTestId}\n        disabled={disabled}\n        negative={negative}\n        required={required}\n      />\n      <div className={cx(`${rootClassName}__field-row`)}>\n        <div\n          className={cx(`${rootClassName}__combobox-container`, {\n            [`${rootClassName}__combobox-container--error`]: !!errorText,\n            [`${rootClassName}__combobox-container--is-valid`]: isValid,\n            [`${rootClassName}__combobox-container--negative`]: negative,\n            [`${rootClassName}__combobox-container--disabled`]: disabled,\n            [`${rootClassName}__combobox-container--readonly`]: readOnly && !disabled,\n          })}\n          style={anchorStyle}\n        >\n          {multiple && (\n            <DropdownTags\n              selectedItems={selectedItems}\n              getTestId={getTestId}\n              disabled={disabled}\n              onRemove={handleRemoveTag}\n            />\n          )}\n          <input\n            {...(inputProps as React.InputHTMLAttributes<HTMLInputElement>)}\n            ref={inputRef as React.RefObject<HTMLInputElement>}\n            id={`${fieldId}-input`}\n            data-testid={getTestId(\"input\")}\n            onKeyDown={handleInputKeyDown}\n            onChange={handleInputChange}\n            value={displayInputValue}\n            placeholder={placeholder}\n            className={cx(`${rootClassName}__input`, {\n              [`${rootClassName}__input--negative`]: negative,\n            })}\n            aria-describedby={helperTextId}\n            aria-invalid={!!errorText}\n            disabled={disabled}\n            readOnly={readOnly}\n          />\n          <DropdownEndAdornments\n            getTestId={getTestId}\n            loading={loading}\n            disabled={disabled}\n            negative={negative}\n            isValid={isValid}\n            isOpen={isOpen}\n            showChevronOpen\n          />\n          <span\n            className={cx(`${rootClassName}__frame`, {\n              [`${rootClassName}__frame--negative`]: negative,\n            })}\n          />\n        </div>\n      </div>\n      {isOpen && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {DropdownListboxItems({\n            optionsToShow,\n            getListboxItemProps: getListboxItemPropsWithSelection,\n            multiple,\n            fieldId,\n            noOptionsText,\n          })}\n        </Listbox>\n      )}\n      <DropdownFooter\n        errorText={errorText}\n        helperText={helperText}\n        helperTextId={helperTextId}\n        negative={negative}\n      />\n    </div>\n  );\n});\n\nDropdownCombobox.displayName = \"DropdownCombobox\";\n","import { useRef, useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type HighlightedOption = DropdownOption & { isSetByClickEvent?: boolean };\n\nexport type UseDropdownHighlightParams = {\n  options: DropdownOption[];\n  highlightFirstOption: boolean;\n};\n\nexport const useDropdownHighlight = ({\n  options,\n  highlightFirstOption,\n}: UseDropdownHighlightParams) => {\n  const listboxRef = useRef<HTMLUListElement>(null);\n  const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n\n  const [highlightedOption, setHighlightedOption] = useState<HighlightedOption | undefined>(\n    highlightFirstOption ? options[0] : undefined\n  );\n\n  const scrollOptionIntoView = (optionEl: HTMLLIElement | undefined) => {\n    if (optionEl) {\n      const optionRect = optionEl.getBoundingClientRect();\n      const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n      const isOutside = optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n      if (isOutside) {\n        optionEl.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  };\n\n  const findNextOption = (\n    direction: \"ArrowUp\" | \"ArrowDown\",\n    optionsToShow: DropdownOption[]\n  ): DropdownOption | undefined => {\n    const enabledList = optionsToShow.filter((o) => !o.disabled);\n    if (!enabledList.length) return undefined;\n\n    const currentIndex = highlightedOption\n      ? enabledList.findIndex((o) => o.id === highlightedOption.id)\n      : -1;\n\n    if (direction === \"ArrowDown\") {\n      return enabledList[(currentIndex + 1) % enabledList.length];\n    }\n    return enabledList[(currentIndex - 1 + enabledList.length) % enabledList.length];\n  };\n\n  const highlightOption = (option: DropdownOption | undefined) => {\n    setHighlightedOption(option ? { ...option } : undefined);\n    if (option) scrollOptionIntoView(optionRefs.current[option.id]);\n  };\n\n  const highlightByClick = (option: DropdownOption) => {\n    if (option.id !== highlightedOption?.id) {\n      setHighlightedOption({ ...option, isSetByClickEvent: true });\n    }\n  };\n\n  const highlightSelected = (option: DropdownOption, eventType: \"CLICK\" | \"KEYBOARD\") => {\n    requestAnimationFrame(() => {\n      const isSetByClickEvent = eventType === \"CLICK\";\n      setHighlightedOption({ ...option, isSetByClickEvent });\n      scrollOptionIntoView(optionRefs.current[option.id]);\n    });\n  };\n\n  const resetHighlight = () => {\n    setHighlightedOption(undefined);\n  };\n\n  return {\n    highlightedOption,\n    listboxRef,\n    optionRefs,\n    findNextOption,\n    highlightOption,\n    highlightByClick,\n    highlightSelected,\n    resetHighlight,\n  };\n};\n","import { useCallback, useEffect } from \"react\";\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (element && !element.contains(event.target as Node)) {\n        callback();\n      }\n    },\n    [callback, element]\n  );\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [handleClickOutside]);\n};\n","import type { CSSProperties } from \"react\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownHighlight } from \"./useDropdownHighlight\";\nimport { useDropdownInput } from \"./useDropdownInput\";\nimport { useOnClickOutside } from \"./useOnClickOutside\";\n\n// ── Hook params ────────────────────────────────────────────────────────\n\nexport type UseDropdownParams = {\n  id: string;\n  variant: \"select\" | \"combobox\";\n  options: DropdownOption[];\n  listboxLabel: string;\n  multiple?: boolean;\n\n  // Selection\n  selectedOption?: DropdownOption;\n  selectedOptions?: DropdownOption[];\n  onSelect?: (option: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n\n  // Combobox-specific\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputChange?: (value: string) => void;\n  noOptionsText?: React.ReactNode;\n  highlightFirstOption?: boolean;\n\n  // Shared behaviour\n  openOnFocus?: boolean;\n  listboxMaxHeight?: string | number;\n  disabled?: boolean;\n  readOnly?: boolean;\n\n  [\"data-testid\"]?: string;\n};\n\n// ── Return type ────────────────────────────────────────────────────────\n\nexport type UseDropdownReturn = {\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  triggerContainerProps: Record<string, unknown> | null;\n  triggerProps: Record<string, unknown>;\n  inputProps: Record<string, unknown> | null;\n  listboxProps: ListboxProps;\n  getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;\n  optionsToShow: DropdownOption[];\n  isOpen: boolean;\n  highlightedOption: DropdownOption | undefined;\n  selectedItems: DropdownOption[];\n  anchorStyle: CSSProperties;\n};\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport const useDropdown = ({\n  id,\n  variant,\n  options,\n  listboxLabel,\n  multiple = false,\n  selectedOption,\n  selectedOptions = [],\n  onSelect,\n  filterOption,\n  inputValue: controlledInputValue,\n  defaultInputValue,\n  onInputChange,\n  noOptionsText,\n  highlightFirstOption = false,\n  openOnFocus = false,\n  listboxMaxHeight,\n  disabled = false,\n  readOnly = false,\n  [\"data-testid\"]: dataTestId,\n}: UseDropdownParams): UseDropdownReturn => {\n  const isCombobox = variant === \"combobox\";\n  const uniqueId = useId();\n\n  // ── Refs ─────────────────────────────────────────────────────────────\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // ── Sub-hooks ────────────────────────────────────────────────────────\n  const highlight = useDropdownHighlight({ options, highlightFirstOption });\n  const { displayInputValue, populateInputField } = useDropdownInput({\n    controlledInputValue,\n    defaultInputValue,\n    selectedOption,\n    onInputChange,\n  });\n\n  // ── Open / close ────────────────────────────────────────────────────\n  const [isOpen, setIsOpen] = useState(false);\n\n  const closeListbox = () => {\n    setIsOpen(false);\n    highlight.resetHighlight();\n  };\n\n  useOnClickOutside(rootRef.current, closeListbox);\n\n  const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n    setIsOpen(true);\n    const current = multiple ? undefined : selectedOption;\n    if (current) {\n      highlight.highlightSelected(current, eventType);\n    }\n  };\n\n  // ── Derived state ───────────────────────────────────────────────────\n  const resolvedSelected = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const optionsToShow = isCombobox\n    ? getFilteredOptions({\n        options,\n        searchTerm: displayInputValue,\n        filterOption,\n        selectedOption,\n        multiple,\n      })\n    : options;\n\n  const showListbox = isOpen && (!!optionsToShow.length || !!noOptionsText);\n\n  // ── Helpers ──────────────────────────────────────────────────────────\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n  // ── Selection ────────────────────────────────────────────────────────\n  const selectOption = (option: DropdownOption | undefined) => {\n    if (!option || option.disabled) return;\n\n    if (multiple) {\n      const isAlreadySelected = resolvedSelected.some((o) => o.id === option.id);\n      const next = isAlreadySelected\n        ? resolvedSelected.filter((o) => o.id !== option.id)\n        : [...resolvedSelected, option];\n      onSelect?.(option, next);\n      if (isCombobox) {\n        populateInputField(\"\");\n        inputRef.current?.focus();\n      }\n    } else {\n      onSelect?.(option, [option]);\n      if (isCombobox) {\n        populateInputField(option.label);\n      }\n      closeListbox();\n      (isCombobox ? inputRef : triggerRef).current?.focus();\n    }\n  };\n\n  // ── Navigation ───────────────────────────────────────────────────────\n  const highlightNextOption = (direction: \"ArrowUp\" | \"ArrowDown\") => {\n    if (!showListbox) openListbox({ eventType: \"KEYBOARD\" });\n    const next = highlight.findNextOption(direction, optionsToShow);\n    highlight.highlightOption(next);\n  };\n\n  // ── Keyboard ─────────────────────────────────────────────────────────\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (disabled || readOnly) return;\n\n    switch (event.key) {\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        highlightNextOption(event.key);\n        break;\n      case \"Enter\": {\n        event.preventDefault();\n        if (showListbox && highlight.highlightedOption) {\n          selectOption(highlight.highlightedOption);\n        } else if (!showListbox) {\n          openListbox({ eventType: \"KEYBOARD\" });\n        }\n        break;\n      }\n      case \" \": {\n        if (!isCombobox) {\n          event.preventDefault();\n          if (showListbox && highlight.highlightedOption) {\n            selectOption(highlight.highlightedOption);\n          } else if (!showListbox) {\n            openListbox({ eventType: \"KEYBOARD\" });\n          }\n        }\n        break;\n      }\n      case \"Escape\":\n        event.preventDefault();\n        closeListbox();\n        break;\n      case \"Tab\":\n        closeListbox();\n        break;\n      case \"Home\":\n      case \"End\":\n        if (isCombobox) closeListbox();\n        break;\n    }\n  };\n\n  // ── Combobox input handlers ─────────────────────────────────────────\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    populateInputField(e.target.value);\n    highlight.resetHighlight();\n    if (!isOpen) openListbox({ eventType: \"KEYBOARD\" });\n  };\n\n  const handleInputMouseDown = () => {\n    if (disabled || readOnly) return;\n    isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleInputFocus = () => {\n    if (!isOpen && openOnFocus && !disabled && !readOnly) {\n      openListbox({ eventType: \"KEYBOARD\" });\n    }\n    inputRef.current?.select();\n  };\n\n  const handleInputBlur = () => {\n    setTimeout(() => {\n      const activeEl = document.activeElement;\n      // Only close when focus has moved to a real element outside the dropdown.\n      // Guarding against document.body prevents a false-positive close when a\n      // screen reader navigates with its virtual cursor: the input blurs but no\n      // DOM element receives physical focus (activeElement falls back to body).\n      if (\n        activeEl !== document.body &&\n        !inputRef.current?.contains(activeEl) &&\n        !highlight.listboxRef.current?.contains(activeEl) &&\n        !rootRef.current?.contains(activeEl)\n      ) {\n        closeListbox();\n        if (isCombobox && !multiple) {\n          populateInputField(selectedOption ? selectedOption.label : \"\");\n        }\n      }\n    });\n  };\n\n  // ── Select trigger handlers ─────────────────────────────────────────\n  const handleTriggerClick = () => {\n    if (disabled || readOnly) return;\n    isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleTriggerContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (disabled || readOnly) return;\n\n    const clickedButton = (event.target as HTMLElement).closest(\"button\");\n    if (clickedButton && clickedButton !== triggerRef.current) {\n      return;\n    }\n\n    handleTriggerClick();\n  };\n\n  const handleTriggerFocus = () => {\n    if (!isOpen && openOnFocus && !disabled && !readOnly) {\n      openListbox({ eventType: \"KEYBOARD\" });\n    }\n  };\n\n  // ── Build props ──────────────────────────────────────────────────────\n  const listboxId = `${id}-listbox`;\n  const createListboxItemId = (option: DropdownOption) => `${id}-listbox-item-${option.id}`;\n  const anchorName = `--purpur-dropdown-${uniqueId.replace(/:/g, \"\")}`;\n  const anchorStyle = { anchorName } as CSSProperties;\n  const triggerContainerProps: Record<string, unknown> | null = isCombobox\n    ? null\n    : {\n        onClick: handleTriggerContainerClick,\n      };\n\n  // ── Popover sync ────────────────────────────────────────────────────\n  const listboxCallbackRef = useCallback(\n    (node: HTMLUListElement | null) => {\n      (highlight.listboxRef as React.MutableRefObject<HTMLUListElement | null>).current = node;\n      if (node && typeof node.showPopover === \"function\") {\n        try {\n          node.showPopover();\n        } catch {\n          // Popover not supported or already open\n        }\n      }\n    },\n    [highlight.listboxRef]\n  );\n\n  const listboxProps = {\n    \"aria-label\": listboxLabel,\n    \"aria-expanded\": showListbox,\n    \"data-testid\": getTestId(\"listbox\"),\n    id: listboxId,\n    ref: listboxCallbackRef,\n    onMouseLeave: () => highlight.resetHighlight(),\n    popover: \"manual\",\n    style: {\n      ...(listboxMaxHeight\n        ? {\n            maxHeight:\n              typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n          }\n        : {}),\n      positionAnchor: anchorName,\n    } as CSSProperties,\n  } as ListboxProps;\n\n  const getListboxItemProps = (option: DropdownOption, index: number): ListboxItemProps => {\n    const isSelected = resolvedSelected.some((o) => o.id === option.id);\n    const { highlightedOption } = highlight;\n\n    const highlighted =\n      (option.id === highlightedOption?.id ||\n        (highlightFirstOption && !highlightedOption && index === 0)) &&\n      !highlightedOption?.isSetByClickEvent;\n\n    return {\n      \"data-testid\": getTestId(`listbox-item-${option.id}`),\n      id: createListboxItemId(option),\n      key: option.id,\n      onMouseMove: () => highlight.highlightByClick(option),\n      onMouseUp: () => selectOption(option),\n      ref: (el) => {\n        if (el) highlight.optionRefs.current[option.id] = el;\n      },\n      tabIndex: -1,\n      selected: isSelected,\n      disabled: option.disabled,\n      highlighted,\n      hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n      \"aria-selected\": isSelected,\n    };\n  };\n\n  const triggerProps: Record<string, unknown> = isCombobox\n    ? {}\n    : {\n        ref: triggerRef,\n        type: \"button\" as const,\n        role: \"combobox\",\n        \"aria-haspopup\": \"listbox\",\n        \"aria-expanded\": showListbox,\n        \"aria-controls\": listboxId,\n        \"aria-disabled\": disabled,\n        \"data-testid\": getTestId(\"trigger\"),\n        id: `${id}-trigger`,\n        onKeyDown: handleKeyDown,\n        onFocus: handleTriggerFocus,\n        disabled,\n        tabIndex: disabled ? -1 : 0,\n        style: anchorStyle,\n      };\n\n  const inputProps: Record<string, unknown> | null = isCombobox\n    ? {\n        ref: inputRef,\n        role: \"combobox\",\n        \"aria-autocomplete\": \"list\" as const,\n        \"aria-expanded\": showListbox,\n        \"aria-controls\": listboxId,\n        \"aria-activedescendant\": highlight.highlightedOption\n          ? createListboxItemId(highlight.highlightedOption)\n          : undefined,\n        \"data-testid\": getTestId(\"input\"),\n        autoComplete: \"off\",\n        id: `${id}-input`,\n        type: \"text\",\n        value: displayInputValue,\n        onChange: handleInputChange,\n        onMouseDown: handleInputMouseDown,\n        onFocus: handleInputFocus,\n        onBlur: handleInputBlur,\n        onKeyDown: handleKeyDown,\n        disabled,\n        readOnly,\n      }\n    : null;\n\n  return {\n    rootRef,\n    triggerContainerProps,\n    triggerProps,\n    inputProps,\n    listboxProps,\n    getListboxItemProps,\n    optionsToShow,\n    isOpen: showListbox,\n    highlightedOption: highlight.highlightedOption,\n    selectedItems: resolvedSelected,\n    anchorStyle,\n  };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\n\nimport type { DropdownOption, SelectProps } from \"./dropdown.types\";\nimport {\n  cx,\n  DropdownEndAdornments,\n  DropdownFooter,\n  DropdownLabel,\n  DropdownListboxItems,\n  DropdownTags,\n  rootClassName,\n} from \"./dropdown-shared\";\nimport { useDropdown } from \"./useDropdown\";\n\nexport const DropdownSelect = forwardRef<HTMLDivElement, SelectProps>((props, ref) => {\n  const {\n    id: propId,\n    label,\n    options,\n    className,\n    errorText,\n    helperText,\n    placeholder,\n    negative = false,\n    readOnly = false,\n    disabled = false,\n    required = false,\n    valid = false,\n    loading = false,\n    multiple = false,\n    selectedOption,\n    selectedOptions = [],\n    onSelect,\n    openOnFocus = false,\n    listboxMaxHeight,\n    listboxLabel,\n    [\"data-testid\"]: dataTestId,\n  } = props;\n\n  const randomId = useId();\n  const fieldId = propId ?? randomId;\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n  const isValid = !!valid && !errorText;\n  const helperTextId = `${fieldId}-helper-text`;\n\n  const dropdown = useDropdown({\n    id: fieldId,\n    variant: \"select\",\n    options,\n    listboxLabel: listboxLabel || label || \"Options\",\n    multiple,\n    selectedOption,\n    selectedOptions,\n    onSelect,\n    openOnFocus,\n    listboxMaxHeight,\n    disabled,\n    readOnly,\n    [\"data-testid\"]: dataTestId,\n  });\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    (dropdown.rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n    if (typeof ref === \"function\") ref(node);\n    else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n  };\n\n  const {\n    triggerContainerProps,\n    triggerProps,\n    listboxProps,\n    getListboxItemProps,\n    optionsToShow,\n    isOpen,\n    selectedItems,\n    anchorStyle,\n  } = dropdown;\n\n  const triggerButtonProps = {\n    ...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>),\n  };\n  delete triggerButtonProps.style;\n\n  const handleRemoveTag = (option: DropdownOption) => {\n    const next = selectedItems.filter((o) => o.id !== option.id);\n    onSelect?.(option, next);\n  };\n\n  const displayLabel = multiple\n    ? selectedItems.length === 0\n      ? placeholder || \"\"\n      : \"\"\n    : selectedOption?.label || placeholder || \"\";\n\n  const wrapperClassName = cx(rootClassName, className, {\n    [`${rootClassName}--negative`]: negative,\n  });\n\n  return (\n    <div ref={setRootRef} className={wrapperClassName}>\n      <DropdownLabel\n        fieldId={fieldId}\n        htmlForSuffix=\"trigger\"\n        label={label}\n        getTestId={getTestId}\n        disabled={disabled}\n        negative={negative}\n        required={required}\n      />\n      <div className={cx(`${rootClassName}__field-row`)}>\n        <div\n          {...(triggerContainerProps as React.HTMLAttributes<HTMLDivElement>)}\n          className={cx(`${rootClassName}__trigger-container`, {\n            [`${rootClassName}__trigger-container--error`]: !!errorText,\n            [`${rootClassName}__trigger-container--is-valid`]: isValid,\n            [`${rootClassName}__trigger-container--negative`]: negative,\n            [`${rootClassName}__trigger-container--disabled`]: disabled,\n            [`${rootClassName}__trigger-container--readonly`]: readOnly && !disabled,\n            [`${rootClassName}__trigger-container--has-tags`]: multiple && selectedItems.length > 0,\n          })}\n          style={anchorStyle}\n        >\n          {multiple && (\n            <DropdownTags\n              selectedItems={selectedItems}\n              getTestId={getTestId}\n              disabled={disabled}\n              onRemove={handleRemoveTag}\n              isSelect\n            />\n          )}\n          <button\n            {...triggerButtonProps}\n            className={cx(`${rootClassName}__trigger`, {\n              [`${rootClassName}__trigger--is-valid`]: isValid,\n              [`${rootClassName}__trigger--negative`]: negative,\n              [`${rootClassName}__trigger--disabled`]: disabled,\n              [`${rootClassName}__trigger--readonly`]: readOnly && !disabled,\n              [`${rootClassName}__trigger--placeholder`]: !selectedItems.length,\n            })}\n            aria-describedby={helperTextId}\n          >\n            <span className={cx(`${rootClassName}__trigger-text`)}>{displayLabel}</span>\n          </button>\n          <DropdownEndAdornments\n            getTestId={getTestId}\n            loading={loading}\n            disabled={disabled}\n            negative={negative}\n            isValid={isValid}\n            isOpen={isOpen}\n            readOnly={readOnly}\n            showChevronOpen\n          />\n          <span\n            className={cx(`${rootClassName}__frame`, {\n              [`${rootClassName}__frame--negative`]: negative,\n            })}\n          />\n        </div>\n      </div>\n      {isOpen && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {DropdownListboxItems({\n            optionsToShow,\n            getListboxItemProps,\n            multiple,\n            fieldId,\n          })}\n        </Listbox>\n      )}\n      <DropdownFooter\n        errorText={errorText}\n        helperText={helperText}\n        helperTextId={helperTextId}\n        negative={negative}\n      />\n    </div>\n  );\n});\n\nDropdownSelect.displayName = \"DropdownSelect\";\n","import React, { forwardRef } from \"react\";\n\nimport type { ComboboxProps, DropdownProps, SelectProps } from \"./dropdown.types\";\nimport { DropdownCombobox } from \"./dropdown-combobox\";\nimport { DropdownSelect } from \"./dropdown-select\";\n\nexport const Dropdown = forwardRef<HTMLDivElement, DropdownProps>((props, ref) => {\n  if (props.combobox) {\n    return <DropdownCombobox ref={ref} {...(props as ComboboxProps)} />;\n  }\n\n  return <DropdownSelect ref={ref} {...(props as SelectProps)} />;\n});\n\nDropdown.displayName = \"Dropdown\";\n\nexport type { ComboboxProps, DropdownOption, DropdownProps, SelectProps } from \"./dropdown.types\";\nexport { useDropdown } from \"./useDropdown\";\n"],"names":["cx","c","styles","rootClassName","DropdownLabel","fieldId","htmlForSuffix","label","getTestId","disabled","negative","required","jsxs","Label","jsx","DropdownEndAdornments","loading","isValid","isOpen","readOnly","showChevronOpen","Spinner","Fragment","IconCheckCircleFilled","IconChevronDown","DropdownTags","selectedItems","onRemove","isSelect","DismissableChipGroup","item","DropdownFooter","errorText","helperText","helperTextId","FieldErrorText","FieldHelperText","DropdownListboxItems","optionsToShow","getListboxItemProps","multiple","noOptionsText","Listbox","option","index","key","selected","itemProps","Checkbox","filterOptions","options","searchTerm","filterOption","chunks","chunk","getFilteredOptions","selectedOption","useDropdownInput","controlledInputValue","defaultInputValue","onInputChange","internalInputValue","setInternalInputValue","useState","value","DropdownCombobox","forwardRef","props","ref","propId","className","placeholder","valid","selectedOptions","onSelect","openOnFocus","listboxMaxHeight","listboxLabel","inputValue","highlightFirstOption","dataTestId","randomId","useId","name","displayInputValue","populateInputField","handleAutocompleteSelect","next","o","rootRef","inputRef","inputProps","listboxProps","openListbox","anchorStyle","useAutocomplete","setRootRef","node","getListboxItemPropsWithSelection","isSelected","handleRemoveTag","handleInputKeyDown","event","handleInputChange","e","wrapperClassName","useDropdownHighlight","listboxRef","useRef","optionRefs","highlightedOption","setHighlightedOption","scrollOptionIntoView","optionEl","optionRect","listboxRect","direction","enabledList","currentIndex","eventType","useOnClickOutside","element","callback","handleClickOutside","useCallback","useEffect","useDropdown","id","variant","isCombobox","uniqueId","triggerRef","highlight","setIsOpen","closeListbox","current","resolvedSelected","showListbox","selectOption","highlightNextOption","handleKeyDown","handleInputMouseDown","handleInputFocus","handleInputBlur","activeEl","handleTriggerClick","handleTriggerContainerClick","clickedButton","handleTriggerFocus","listboxId","createListboxItemId","anchorName","triggerContainerProps","listboxCallbackRef","highlighted","el","triggerProps","DropdownSelect","dropdown","triggerButtonProps","displayLabel","Dropdown"],"mappings":"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"}