@new-black/lyra 0.1.17 → 0.1.19

package/dist/lyra20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra54.cjs"),h=require("react"),B=require("./lyra53.cjs"),T=require("./lyra55.cjs");require("./lyra2.cjs");const y=require("./lyra99.cjs");require("./lyra103.cjs");const k=require("./lyra43.cjs");require("./lyra107.cjs");require("./lyra117.cjs");require("./lyra109.cjs");require("./lyra8.cjs");const G=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra127.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const v=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const Q=require("./lyra29.cjs"),C=require("./lyra148.cjs"),K=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra128.cjs");const f=require("./lyra22.cjs"),$=require("./lyra149.cjs");require("./lyra23.cjs");require("./lyra129.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra106.cjs");const ss=require("./lyra37.cjs");require("./lyra40.cjs");require("./lyra116.cjs");require("./lyra42.cjs");require("./lyra144.cjs");const es=require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const g=require("./lyra151.cjs"),_=require("./lyra52.cjs"),ts=({itemLabelKey:e,items:n,onQueryChange:o})=>{const[i,x]=h.useState(""),{contains:l,startsWith:c}=_.useFilter({sensitivity:"base"}),R=h.useMemo(()=>{if(o)return n;{let a=[];a=n.filter(t=>c(t[e],i??""));const m=n.filter(t=>l(t[e],i??"")).sort((t,d)=>{const r=t[e].indexOf(i??""),p=d[e].indexOf(i??"");return r-p});return a=a.concat(m),a=a.filter((t,d,r)=>d===r.findIndex(p=>p[e]===t[e])),a}},[l,c,e,n,o,i]);return h.useEffect(()=>{o&&(o==null||o(i))},[i]),{filteredItems:R,query:i,setQuery:x}},z=e=>y.cx(e==="small"&&"min-h-[42px]",e==="medium"&&"min-h-[50px]",e==="large"&&"min-h-[58px]"),rs=({endSlot:e,fullWidth:n,isDisabled:o,isInvalid:i,itemLabelKey:x,onChange:l,open:c,openPopover:R,placeholder:a,size:E="medium",startSlot:m,value:t})=>{const d=r=>{r.key==="Escape"||r.key==="Backspace"?l==null||l(void 0):(r.key==="ArrowDown"||r.key==="ArrowUp")&&(R==null||R())};return s.jsxRuntimeExports.jsxs(B.Button,{"aria-haspopup":"listbox","aria-expanded":c,className:({isFocused:r,isHovered:p})=>f.sharedInputFieldStyles({fullWidth:n,isDisabled:o,isHovered:p,isFocused:r,isInvalid:i,size:E,className:y.cx(z(E),"gap-2")}),onKeyDown:d,onPress:R,children:[m,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t!=null&&t[x]?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:t==null?void 0:t[x]}):s.jsxRuntimeExports.jsx(k.Text,{color:"secondary",children:a})}),e,s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[t?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsx("div",{className:T.twMerge(G.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:o})),role:"button",onPointerDown:r=>{r.stopPropagation(),l==null||l(void 0)},onClick:r=>{r.stopPropagation(),l==null||l(void 0)},children:s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"chevron-down",className:y.cx("h-4 w-4 transition duration-150",c&&"rotate-180")})]})]})},ns=({endSlot:e,fullWidth:n,isDisabled:o,isInvalid:i,itemIdKey:x,itemLabelKey:l,label:c,onChange:R,open:a,openPopover:E,placeholder:m,size:t="medium",startSlot:d,value:r})=>{const p=u=>{(u.key==="ArrowDown"||u.key==="ArrowUp")&&(E==null||E())};return s.jsxRuntimeExports.jsxs(B.Button,{className:({isFocused:u,isHovered:j})=>f.sharedInputFieldStyles({fullWidth:n,isDisabled:o,isHovered:j,isFocused:u,isInvalid:i,size:t,className:z(t)}),onPress:E,onKeyDown:p,"aria-haspopup":"listbox","aria-expanded":a,children:[d,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:r&&r.length?s.jsxRuntimeExports.jsx($.TagGroup,{"aria-label":c??"Selected items",onRemove:u=>{r&&R(r.filter(j=>!u.has(j[x])))},children:r.map(u=>s.jsxRuntimeExports.jsx($.TagItem,{...u,children:u==null?void 0:u[l]},u[x]))}):s.jsxRuntimeExports.jsx(k.Text,{color:"secondary",children:m})}),e,s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"chevron-down",className:y.cx("h-4 w-4 min-w-[16px] transition duration-150",a&&"rotate-180")})]})},J=({isRequired:e,label:n,optionalLabel:o})=>s.jsxRuntimeExports.jsxs("div",{className:y.cx("flex items-center gap-3",n?"justify-between":"justify-end"),children:[n?s.jsxRuntimeExports.jsx(B.Label,{className:f.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:n}):null,e===!1?s.jsxRuntimeExports.jsx("span",{className:f.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:o}):null]}),X=({description:e,errorMessage:n})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[e&&s.jsxRuntimeExports.jsx(k.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:e}),n&&s.jsxRuntimeExports.jsx(k.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:n})]}),is=({item:e,itemLabelKey:n,renderItem:o,state:i})=>{const x=e==null?void 0:e[n];return o?o(e,i):s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[i.selected?s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):s.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),x]})},os=({clearLabel:e="Clear",endSlot:n,isLoading:o,onQueryChange:i,query:x,setQuery:l,startSlot:c})=>{const[R,a]=h.useState(!1),[E,m]=h.useState(!1),[t,d]=h.useState(!1),r=es.useSpinDelay(o??!1,{delay:500,minDuration:200});return h.useEffect(()=>{setTimeout(()=>{d(!0)},10)},[]),s.jsxRuntimeExports.jsx("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:!0,className:"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl"}),children:s.jsxRuntimeExports.jsxs("div",{className:T.twMerge(f.sharedInputFieldStyles({fullWidth:!0,isFocused:R,isHovered:E,className:"bg-neutral-0 px-2"})),onPointerEnter:()=>m(!0),onPointerLeave:()=>m(!1),onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),children:[s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"search",className:"-me-2 h-4 w-4"}),c,t?s.jsxRuntimeExports.jsx(g.Combobox.Input,{autoFocus:!0,className:f.sharedInputStyles({size:"small"}),onChange:p=>{l(p.target.value??""),i==null||i(p.target.value)},value:x??"",onFocus:()=>a(!0),onBlur:()=>a(!1)}):null,x&&x.length?s.jsxRuntimeExports.jsx(B.Button,{"aria-label":e??"Clear",className:T.twMerge(G.buttonStyles({size:"small",color:"monochrome",variant:"ghost"})),excludeFromTabOrder:!0,onPress:()=>{l("")},children:s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-4 w-4"})}):null,n,r?s.jsxRuntimeExports.jsx(ss.Spinner,{className:"mx-2",size:"small"}):null]})})},Y=({direction:e,disabledItemIdKeys:n,isLoading:o,itemIdKey:i,itemLabelKey:x,items:l,onQueryChange:c,open:R,renderItem:a,setOpenPopover:E,triggerRef:m})=>{var p;const{filteredItems:t,query:d,setQuery:r}=ts({itemLabelKey:x,items:l,onQueryChange:c});return s.jsxRuntimeExports.jsxs(K.Popover,{className:"lyra-list-box pb-2",isOpen:R,triggerRef:m,showPopoverInBottomDrawerOnSmallScreens:!0,onOpenChange:E,shouldUpdatePosition:!0,style:{"--trigger-width":((p=m.current)==null?void 0:p.offsetWidth)+"px",direction:e},children:[s.jsxRuntimeExports.jsx(os,{onQueryChange:c,isLoading:o,query:d,setQuery:r}),t&&t.length?s.jsxRuntimeExports.jsx(g.Combobox.Options,{static:!0,className:Q.listBoxStyles({className:"max-h-80 overflow-y-auto"}),children:t.map(u=>s.jsxRuntimeExports.jsx(g.Combobox.Option,{className:({active:j,disabled:b,selected:F})=>T.twMerge(C.listBoxItemStyles({active:j,disabled:b,selected:F})),value:u,disabled:n==null?void 0:n.includes(u==null?void 0:u[i]),children:j=>s.jsxRuntimeExports.jsx(is,{item:u,state:j,renderItem:a,itemLabelKey:x})},u[i]))}):null]})},ls=({by:e,defaultValue:n,description:o,disabledItemIdKeys:i,endSlot:x,errorMessage:l,fullWidth:c=!0,isDisabled:R,isInvalid:a,isLoading:E,isRequired:m,itemIdKey:t,itemLabelKey:d,items:r,label:p,name:u,onChange:j,onQueryChange:b,optionalLabel:F="Optional",placeholder:D,renderItem:P,size:H="medium",startSlot:W,value:A})=>{const[V,L]=h.useState(A??n),[w,S]=h.useState(!1),U=()=>S(!0),O=()=>S(!1),I=h.useCallback(N=>{L(N),j==null||j(N),O()},[j]),M=h.useRef(null),{direction:q}=_.useLocale();return s.jsxRuntimeExports.jsx(g.Combobox,{disabled:R,name:u,value:V??"",onChange:I,by:e,children:({disabled:N,value:Z})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:c}),children:[s.jsxRuntimeExports.jsx(J,{label:p,optionalLabel:F,isRequired:m}),s.jsxRuntimeExports.jsx("div",{ref:M,children:s.jsxRuntimeExports.jsx(rs,{endSlot:x,fullWidth:c,isDisabled:N,isInvalid:a,open:w,openPopover:U,placeholder:D,size:H,startSlot:W,value:Z,itemLabelKey:d,itemIdKey:t,onChange:I})}),s.jsxRuntimeExports.jsx(X,{description:o,errorMessage:l})]}),s.jsxRuntimeExports.jsx(Y,{triggerRef:M,itemIdKey:t,itemLabelKey:d,items:r,open:w,setOpenPopover:S,renderItem:P,disabledItemIdKeys:i,direction:q,onQueryChange:b,isLoading:E})]})})},us=({by:e,defaultValue:n,description:o,disabledItemIdKeys:i,endSlot:x,errorMessage:l,fullWidth:c=!0,isDisabled:R,isInvalid:a,isLoading:E,isRequired:m,itemIdKey:t,itemLabelKey:d,items:r,label:p,name:u,onChange:j,onQueryChange:b,optionalLabel:F="Optional",placeholder:D,renderItem:P,size:H="medium",startSlot:W,value:A})=>{const[V,L]=h.useState(A??n),[w,S]=h.useState(!1),U=()=>S(!0),O=h.useCallback(q=>{L(q),j==null||j(q)},[j]),I=h.useRef(null),{direction:M}=_.useLocale();return s.jsxRuntimeExports.jsx(g.Combobox,{disabled:R,name:u,value:V??[],onChange:O,by:e,multiple:!0,children:({disabled:q,value:N})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:c}),children:[s.jsxRuntimeExports.jsx(J,{label:p,optionalLabel:F,isRequired:m}),s.jsxRuntimeExports.jsx("div",{ref:I,children:s.jsxRuntimeExports.jsx(ns,{endSlot:x,fullWidth:c,isDisabled:q,isInvalid:a,open:w,openPopover:U,placeholder:D,size:H,startSlot:W,value:N,itemLabelKey:d,itemIdKey:t,onChange:O})}),s.jsxRuntimeExports.jsx(X,{description:o,errorMessage:l})]}),s.jsxRuntimeExports.jsx(Y,{triggerRef:I,itemIdKey:t,itemLabelKey:d,items:r,open:w,setOpenPopover:S,renderItem:P,disabledItemIdKeys:i,direction:M,onQueryChange:b,isLoading:E})]})})};exports.MultiSearchListField=us;exports.SearchListField=ls;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra54.cjs"),h=require("react"),$=require("./lyra53.cjs"),B=require("./lyra55.cjs");require("./lyra2.cjs");const O=require("./lyra99.cjs");require("./lyra100.cjs");const D=require("./lyra43.cjs");require("./lyra101.cjs");require("./lyra102.cjs");require("./lyra103.cjs");require("./lyra8.cjs");const Z=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra105.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const F=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const K=require("./lyra29.cjs"),ss=require("./lyra150.cjs"),es=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra107.cjs");const S=require("./lyra22.cjs"),z=require("./lyra151.cjs"),J=require("react-dom");require("./lyra23.cjs");require("./lyra110.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra111.cjs");const ts=require("./lyra37.cjs");require("./lyra40.cjs");require("./lyra109.cjs");require("./lyra42.cjs");require("./lyra144.cjs");const rs=require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const k=require("./lyra152.cjs"),_=require("./lyra52.cjs"),ns=({itemLabelKey:t,items:i,onQueryChange:u})=>{const[l,a]=h.useState(""),{contains:x,startsWith:p}=_.useFilter({sensitivity:"base"}),c=h.useMemo(()=>{if(u)return i;{let m=[];m=i.filter(n=>p(n[t],l??""));const E=i.filter(n=>x(n[t],l??"")).sort((n,o)=>{const j=n[t].indexOf(l??""),e=o[t].indexOf(l??"");return j-e});return m=m.concat(E),m=m.filter((n,o,j)=>o===j.findIndex(e=>e[t]===n[t])),m}},[x,p,t,i,u,l]);return h.useEffect(()=>{u&&(u==null||u(l))},[l]),{filteredItems:c,query:l,setQuery:a}},X=t=>O.cx(t==="small"&&"min-h-[42px]",t==="medium"&&"min-h-[50px]",t==="large"&&"min-h-[58px]"),is=({endSlot:t,fullWidth:i,isDisabled:u,isInvalid:l,itemLabelKey:a,onChange:x,open:p,openPopover:c,placeholder:m,size:d="medium",startSlot:E,value:n,searchInputRef:o})=>{const j=e=>{e.key==="Escape"||e.key==="Backspace"?x==null||x(void 0):e.key==="ArrowDown"||e.key==="ArrowUp"?c==null||c():e.key&&e.key.match(/^[a-zA-Z0-9]$/)&&(J.flushSync(()=>{c==null||c()}),o.current&&o.current.setSelectionRange(0,o.current.value.length))};return s.jsxRuntimeExports.jsxs($.Button,{"aria-haspopup":"listbox","aria-expanded":p,className:({isFocused:e,isHovered:f})=>S.sharedInputFieldStyles({fullWidth:i,isDisabled:u,isHovered:f,isFocused:e,isInvalid:l,size:d,className:O.cx(X(d),"gap-2")}),onKeyDown:j,onPress:c,children:[E,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:n!=null&&n[a]?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:n==null?void 0:n[a]}):s.jsxRuntimeExports.jsx(D.Text,{color:"secondary",children:m})}),t,s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[n?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsx("div",{className:B.twMerge(Z.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:u})),role:"button",onPointerDown:e=>{e.stopPropagation(),x==null||x(void 0)},onClick:e=>{e.stopPropagation(),x==null||x(void 0)},children:s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:O.cx("h-4 w-4 transition duration-150",p&&"rotate-180")})]})]})},ls=({endSlot:t,fullWidth:i,isDisabled:u,isInvalid:l,itemIdKey:a,itemLabelKey:x,label:p,onChange:c,open:m,openPopover:d,placeholder:E,size:n="medium",startSlot:o,value:j,searchInputRef:e})=>{const f=r=>{r.key==="ArrowDown"||r.key==="ArrowUp"?d==null||d():r.key&&r.key.match(/^[a-zA-Z0-9]$/)&&(J.flushSync(()=>{d==null||d()}),e.current&&e.current.setSelectionRange(0,e.current.value.length))};return s.jsxRuntimeExports.jsxs($.Button,{className:({isFocused:r,isHovered:R})=>S.sharedInputFieldStyles({fullWidth:i,isDisabled:u,isHovered:R,isFocused:r,isInvalid:l,size:n,className:X(n)}),onPress:d,onKeyDown:f,"aria-haspopup":"listbox","aria-expanded":m,children:[o,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:j&&j.length?s.jsxRuntimeExports.jsx(z.TagGroup,{"aria-label":p??"Selected items",onRemove:r=>{j&&c(j.filter(R=>!r.has(R[a])))},children:j.map(r=>s.jsxRuntimeExports.jsx(z.TagItem,{...r,children:r==null?void 0:r[x]},r[a]))}):s.jsxRuntimeExports.jsx(D.Text,{color:"secondary",children:E})}),t,s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:O.cx("h-4 w-4 min-w-[16px] transition duration-150",m&&"rotate-180")})]})},Y=({isRequired:t,label:i,optionalLabel:u})=>s.jsxRuntimeExports.jsxs("div",{className:O.cx("flex items-center gap-3",i?"justify-between":"justify-end"),children:[i?s.jsxRuntimeExports.jsx($.Label,{className:S.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:i}):null,t===!1?s.jsxRuntimeExports.jsx("span",{className:S.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:u}):null]}),P=({description:t,errorMessage:i})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[t&&s.jsxRuntimeExports.jsx(D.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:t}),i&&s.jsxRuntimeExports.jsx(D.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:i})]}),us=({item:t,itemLabelKey:i,renderItem:u,state:l})=>{const a=t==null?void 0:t[i];return u?u(t,l):s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[l.selected?s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):s.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),a]})},os=({clearLabel:t="Clear",endSlot:i,isLoading:u,onQueryChange:l,query:a,setQuery:x,startSlot:p,searchInputRef:c})=>{const m=h.useId(),[d,E]=h.useState(!1),[n,o]=h.useState(!1),j=rs.useSpinDelay(u??!1,{delay:500,minDuration:200});return h.useEffect(()=>{var e;(e=c.current)==null||e.focus()},[]),s.jsxRuntimeExports.jsx("div",{className:S.sharedInputFieldWrapperStyles({fullWidth:!0,className:"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl"}),children:s.jsxRuntimeExports.jsxs("div",{className:B.twMerge(S.sharedInputFieldStyles({fullWidth:!0,isFocused:d,isHovered:n,className:"bg-neutral-0 px-2"})),onPointerEnter:()=>o(!0),onPointerLeave:()=>o(!1),onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:[s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"search",className:"-me-2 h-4 w-4"}),p,s.jsxRuntimeExports.jsx(k.Combobox.Input,{ref:c,id:m,className:S.sharedInputStyles({size:"small"}),onChange:e=>{x(e.target.value??""),l==null||l(e.target.value)},value:a??"",onFocus:()=>E(!0),onBlur:()=>E(!1)}),a&&a.length?s.jsxRuntimeExports.jsx($.Button,{"aria-label":t??"Clear",className:B.twMerge(Z.buttonStyles({size:"small",color:"monochrome",variant:"ghost"})),excludeFromTabOrder:!0,onPress:()=>{var e;x(""),(e=c.current)==null||e.focus()},children:s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"cross",className:"h-4 w-4"})}):null,i,j?s.jsxRuntimeExports.jsx(ts.Spinner,{className:"mx-2",size:"small"}):null]})})},Q=({direction:t,disabledItemIdKeys:i,isLoading:u,itemIdKey:l,itemLabelKey:a,items:x,onQueryChange:p,open:c,renderItem:m,setOpenPopover:d,triggerRef:E,searchInputRef:n})=>{var f;const{filteredItems:o,query:j,setQuery:e}=ns({itemLabelKey:a,items:x,onQueryChange:p});return s.jsxRuntimeExports.jsx(es.Popover,{className:"lyra-list-box pb-2",isOpen:c,triggerRef:E,showPopoverInDrawerOnSmallScreens:!0,drawerPosition:"top",onOpenChange:d,shouldUpdatePosition:!0,style:{"--trigger-width":((f=E.current)==null?void 0:f.offsetWidth)+"px",direction:t},children:c?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(os,{onQueryChange:p,isLoading:u,query:j,setQuery:e,searchInputRef:n}),o&&o.length?s.jsxRuntimeExports.jsx(k.Combobox.Options,{static:!0,className:K.listBoxStyles({className:"h-full max-h-[78dvh] overflow-y-auto sm:max-h-80"}),children:o.map(r=>s.jsxRuntimeExports.jsx(k.Combobox.Option,{className:({active:R,disabled:w,selected:y})=>B.twMerge(ss.listBoxItemStyles({active:R,disabled:w,selected:y})),value:r,disabled:i==null?void 0:i.includes(r==null?void 0:r[l]),children:R=>s.jsxRuntimeExports.jsx(us,{item:r,state:R,renderItem:m,itemLabelKey:a})},r[l]))}):null]}):null})},xs=({by:t,defaultValue:i,description:u,disabledItemIdKeys:l,endSlot:a,errorMessage:x,fullWidth:p=!0,isDisabled:c,isInvalid:m,isLoading:d,isRequired:E,itemIdKey:n,itemLabelKey:o,items:j,label:e,name:f,onChange:r,onQueryChange:R,optionalLabel:w="Optional",placeholder:y,renderItem:A,size:H="medium",startSlot:W,value:V})=>{const[G,L]=h.useState(V??i),[v,q]=h.useState(!1),U=()=>q(!0),M=()=>q(!1),g=h.useRef(null),I=h.useCallback(b=>{L(b),r==null||r(b),M()},[r]),T=h.useRef(null),{direction:N}=_.useLocale();return s.jsxRuntimeExports.jsx(k.Combobox,{disabled:c,name:f,value:G??"",onChange:I,by:t,children:({disabled:b,value:C})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:S.sharedInputFieldWrapperStyles({fullWidth:p}),children:[s.jsxRuntimeExports.jsx(Y,{label:e,optionalLabel:w,isRequired:E}),s.jsxRuntimeExports.jsx("div",{ref:T,children:s.jsxRuntimeExports.jsx(is,{endSlot:a,fullWidth:p,isDisabled:b,isInvalid:m,open:v,openPopover:U,placeholder:y,size:H,startSlot:W,value:C,itemLabelKey:o,itemIdKey:n,onChange:I,searchInputRef:g})}),s.jsxRuntimeExports.jsx(P,{description:u,errorMessage:x})]}),s.jsxRuntimeExports.jsx(Q,{triggerRef:T,itemIdKey:n,itemLabelKey:o,items:j,open:v,setOpenPopover:q,renderItem:A,disabledItemIdKeys:l,direction:N,onQueryChange:R,isLoading:d,searchInputRef:g})]})})},cs=({by:t,defaultValue:i,description:u,disabledItemIdKeys:l,endSlot:a,errorMessage:x,fullWidth:p=!0,isDisabled:c,isInvalid:m,isLoading:d,isRequired:E,itemIdKey:n,itemLabelKey:o,items:j,label:e,name:f,onChange:r,onQueryChange:R,optionalLabel:w="Optional",placeholder:y,renderItem:A,size:H="medium",startSlot:W,value:V})=>{const[G,L]=h.useState(V??i),[v,q]=h.useState(!1),U=()=>q(!0),M=h.useCallback(N=>{L(N),r==null||r(N)},[r]),g=h.useRef(null),I=h.useRef(null),{direction:T}=_.useLocale();return s.jsxRuntimeExports.jsx(k.Combobox,{disabled:c,name:f,value:G??[],onChange:M,by:t,multiple:!0,children:({disabled:N,value:b})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:S.sharedInputFieldWrapperStyles({fullWidth:p}),children:[s.jsxRuntimeExports.jsx(Y,{label:e,optionalLabel:w,isRequired:E}),s.jsxRuntimeExports.jsx("div",{ref:I,children:s.jsxRuntimeExports.jsx(ls,{searchInputRef:g,endSlot:a,fullWidth:p,isDisabled:N,isInvalid:m,open:v,openPopover:U,placeholder:y,size:H,startSlot:W,value:b,itemLabelKey:o,itemIdKey:n,onChange:M})}),s.jsxRuntimeExports.jsx(P,{description:u,errorMessage:x})]}),s.jsxRuntimeExports.jsx(Q,{searchInputRef:g,triggerRef:I,itemIdKey:n,itemLabelKey:o,items:j,open:v,setOpenPopover:q,renderItem:A,disabledItemIdKeys:l,direction:T,onQueryChange:R,isLoading:d})]})})};exports.MultiSearchListField=cs;exports.SearchListField=xs;

package/dist/lyra20.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSearchListFieldProps,\n  SearchInputProps,\n  SearchListFieldFooterProps,\n  SearchListFieldHeaderProps,\n  SearchListFieldItemProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  UseSearchListFieldContext,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst useFilterItemsOnQuery = <T extends object>({\n  itemLabelKey,\n  items,\n  onQueryChange,\n}: UseSearchListFieldContext<T>) => {\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains, startsWith } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    // If we have a onQueryChange handler, we don't want to filter items\n    // ourselves. Just return the list of items.\n    if (onQueryChange) {\n      return items;\n    } else {\n      let itemsToReturn: T[] = [];\n      // Make sure that items that start with the query are shown first, then the items that contain the query.\n      itemsToReturn = items.filter((item) => {\n        return startsWith(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Get all Items that contain the query\n      const itemsThatContainQuery = items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Sort items that contain the query by the index of the query in the item label.\n      const sortedItemsThatContainQuery = itemsThatContainQuery.sort((a, b) => {\n        const aIndex = (a[itemLabelKey] as string).indexOf(query ?? \"\");\n        const bIndex = (b[itemLabelKey] as string).indexOf(query ?? \"\");\n        return aIndex - bIndex;\n      });\n\n      itemsToReturn = itemsToReturn.concat(sortedItemsThatContainQuery);\n\n      // remove the duplicates\n      itemsToReturn = itemsToReturn.filter(\n        (item, index, self) =>\n          index === self.findIndex((t) => t[itemLabelKey] === item[itemLabelKey]),\n      );\n\n      return itemsToReturn;\n    }\n  }, [contains, startsWith, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a\n    // rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemLabelKey,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n}: ValueButton<T>) => {\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n\n  return (\n    <AriaButton\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: cx(minHeightClasses(size), \"gap-2\"),\n        })\n      }\n      onKeyDown={onKeyDown}\n      onPress={openPopover}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\n              role=\"button\"\n              onPointerDown={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </AriaButton>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemIdKey,\n  itemLabelKey,\n  label,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n  };\n  return (\n    <AriaButton\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: minHeightClasses(size),\n        })\n      }\n      onPress={openPopover}\n      onKeyDown={onKeyDown}\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </AriaButton>\n  );\n};\n\nconst SearchListFieldHeader = ({\n  isRequired,\n  label,\n  optionalLabel,\n}: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SearchListFieldItem = <T extends object>({\n  item,\n  itemLabelKey,\n  renderItem,\n  state,\n}: SearchListFieldItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchInput = ({\n  clearLabel = \"Clear\",\n  endSlot,\n  isLoading,\n  onQueryChange,\n  query,\n  setQuery,\n  startSlot,\n}: SearchInputProps) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n  const [timeReached, setTimeReached] = useState(false);\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  // This workaround ensures that we wait for the popover to finish rendering before focusing on the input field.\n  // .It prevents the page from scrolling to the bottom, although the exact reason for this behavior is currently unclear.\n  useEffect(() => {\n    setTimeout(() => {\n      setTimeReached(true);\n    }, 10);\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className:\n          \"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"bg-neutral-0 px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        {timeReached ? (\n          <Combobox.Input\n            autoFocus\n            className={sharedInputStyles({ size: \"small\" })}\n            onChange={(e) => {\n              setQuery(e.target.value ?? \"\");\n              onQueryChange?.(e.target.value as any);\n            }}\n            value={query ?? \"\"}\n            onFocus={() => setFieldIsFocused(true)}\n            onBlur={() => setFieldIsFocused(false)}\n          />\n        ) : null}\n\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clearLabel ?? \"Clear\"}\n            className={twMerge(\n              buttonStyles({\n                size: \"small\",\n                color: \"monochrome\",\n                variant: \"ghost\",\n              }),\n            )}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </AriaButton>\n        ) : null}\n        {endSlot}\n        {showSpinner ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\nconst SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  isLoading,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  onQueryChange,\n  open,\n  renderItem,\n  setOpenPopover,\n  triggerRef,\n}: SearchListFieldItemsProps<T>) => {\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>({\n    itemLabelKey,\n    items,\n    onQueryChange,\n  });\n  return (\n    <Popover\n      className=\"lyra-list-box pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      <SearchInput\n        onQueryChange={onQueryChange}\n        isLoading={isLoading}\n        query={query}\n        setQuery={setQuery}\n      />\n      {filteredItems && filteredItems.length ? (\n        <Combobox.Options\n          static\n          className={listBoxStyles({\n            className: \"max-h-80 overflow-y-auto\",\n          })}\n        >\n          {filteredItems.map((item) => (\n            <Combobox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, disabled, selected }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SearchListFieldItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Combobox.Option>\n          ))}\n        </Combobox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: SearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n  const closePopover = () => setIsOpen(false);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultiChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n"],"names":["useFilterItemsOnQuery","itemLabelKey","items","onQueryChange","query","setQuery","useState","contains","startsWith","useFilter","filteredItems","useMemo","itemsToReturn","item","sortedItemsThatContainQuery","a","b","aIndex","bIndex","index","self","t","useEffect","minHeightClasses","size","cx","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","onChange","open","openPopover","placeholder","startSlot","value","onKeyDown","e","jsxs","AriaButton","isFocused","isHovered","sharedInputFieldStyles","jsx","Fragment","Text","twMerge","buttonStyles","SvgIcon","MultipleValuesButton","itemIdKey","label","TagGroup","keys","TagItem","SearchListFieldHeader","isRequired","optionalLabel","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","SearchListFieldItem","renderItem","state","SearchInput","clearLabel","isLoading","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","timeReached","setTimeReached","showSpinner","useSpinDelay","sharedInputFieldWrapperStyles","Combobox","sharedInputStyles","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","setOpenPopover","triggerRef","Popover","_a","listBoxStyles","active","disabled","selected","listBoxItemStyles","renderItemState","SearchListField","by","defaultValue","name","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","useCallback","newValue","useRef","useLocale","MultiSearchListField","onMultiChange"],"mappings":"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"}
+{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  Key,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSearchListFieldProps,\n  SearchInputProps,\n  SearchListFieldFooterProps,\n  SearchListFieldHeaderProps,\n  SearchListFieldItemProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  UseSearchListFieldContext,\n  ValueButton,\n} from \"./seach-list-field.types\";\nimport { flushSync } from \"react-dom\";\n\nconst useFilterItemsOnQuery = <T extends object>({\n  itemLabelKey,\n  items,\n  onQueryChange,\n}: UseSearchListFieldContext<T>) => {\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains, startsWith } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    // If we have a onQueryChange handler, we don't want to filter items\n    // ourselves. Just return the list of items.\n    if (onQueryChange) {\n      return items;\n    } else {\n      let itemsToReturn: T[] = [];\n      // Make sure that items that start with the query are shown first, then the items that contain the query.\n      itemsToReturn = items.filter((item) => {\n        return startsWith(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Get all Items that contain the query\n      const itemsThatContainQuery = items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Sort items that contain the query by the index of the query in the item label.\n      const sortedItemsThatContainQuery = itemsThatContainQuery.sort((a, b) => {\n        const aIndex = (a[itemLabelKey] as string).indexOf(query ?? \"\");\n        const bIndex = (b[itemLabelKey] as string).indexOf(query ?? \"\");\n        return aIndex - bIndex;\n      });\n\n      itemsToReturn = itemsToReturn.concat(sortedItemsThatContainQuery);\n\n      // remove the duplicates\n      itemsToReturn = itemsToReturn.filter(\n        (item, index, self) =>\n          index === self.findIndex((t) => t[itemLabelKey] === item[itemLabelKey]),\n      );\n\n      return itemsToReturn;\n    }\n  }, [contains, startsWith, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a\n    // rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemLabelKey,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  searchInputRef,\n}: ValueButton<T>) => {\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n    // match e.key to any letter or number and add the character to the search input\n    else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n      flushSync(() => {\n        openPopover?.();\n      });\n      if (searchInputRef.current) {\n        searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n      }\n    }\n  };\n\n  return (\n    <AriaButton\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: cx(minHeightClasses(size), \"gap-2\"),\n        })\n      }\n      onKeyDown={onKeyDown}\n      onPress={openPopover}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\n              role=\"button\"\n              onPointerDown={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </AriaButton>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemIdKey,\n  itemLabelKey,\n  label,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  searchInputRef,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    } else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n      flushSync(() => {\n        openPopover?.();\n      });\n      if (searchInputRef.current) {\n        searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n      }\n    }\n  };\n  return (\n    <AriaButton\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: minHeightClasses(size),\n        })\n      }\n      onPress={openPopover}\n      onKeyDown={onKeyDown}\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </AriaButton>\n  );\n};\n\nconst SearchListFieldHeader = ({\n  isRequired,\n  label,\n  optionalLabel,\n}: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SearchListFieldItem = <T extends object>({\n  item,\n  itemLabelKey,\n  renderItem,\n  state,\n}: SearchListFieldItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchInput = ({\n  clearLabel = \"Clear\",\n  endSlot,\n  isLoading,\n  onQueryChange,\n  query,\n  setQuery,\n  startSlot,\n  searchInputRef,\n}: SearchInputProps) => {\n  const id = useId();\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  useEffect(() => {\n    searchInputRef.current?.focus();\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className:\n          \"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"bg-neutral-0 px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        <Combobox.Input\n          ref={searchInputRef}\n          id={id}\n          className={sharedInputStyles({ size: \"small\" })}\n          onChange={(e) => {\n            setQuery(e.target.value ?? \"\");\n            onQueryChange?.(e.target.value as any);\n          }}\n          value={query ?? \"\"}\n          onFocus={() => setFieldIsFocused(true)}\n          onBlur={() => setFieldIsFocused(false)}\n        />\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clearLabel ?? \"Clear\"}\n            className={twMerge(\n              buttonStyles({\n                size: \"small\",\n                color: \"monochrome\",\n                variant: \"ghost\",\n              }),\n            )}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n              searchInputRef.current?.focus();\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </AriaButton>\n        ) : null}\n        {endSlot}\n        {showSpinner ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\nconst SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  isLoading,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  onQueryChange,\n  open,\n  renderItem,\n  setOpenPopover,\n  triggerRef,\n  searchInputRef,\n}: SearchListFieldItemsProps<T>) => {\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>({\n    itemLabelKey,\n    items,\n    onQueryChange,\n  });\n  return (\n    <Popover\n      className=\"lyra-list-box pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInDrawerOnSmallScreens\n      drawerPosition=\"top\"\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <>\n          <SearchInput\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            query={query}\n            setQuery={setQuery}\n            searchInputRef={searchInputRef}\n          />\n          {filteredItems && filteredItems.length ? (\n            <Combobox.Options\n              static\n              className={listBoxStyles({\n                className: \"h-full max-h-[78dvh] overflow-y-auto sm:max-h-80\",\n              })}\n            >\n              {filteredItems.map((item) => (\n                <Combobox.Option\n                  key={item[itemIdKey] as Key}\n                  className={({ active, disabled, selected }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                  value={item}\n                  disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n                >\n                  {(renderItemState) => (\n                    <SearchListFieldItem\n                      item={item}\n                      state={renderItemState}\n                      renderItem={renderItem}\n                      itemLabelKey={itemLabelKey}\n                    />\n                  )}\n                </Combobox.Option>\n              ))}\n            </Combobox.Options>\n          ) : null}\n        </>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: SearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n  const closePopover = () => setIsOpen(false);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n                searchInputRef={searchInputRef}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            searchInputRef={searchInputRef}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                searchInputRef={searchInputRef}\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultiChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            searchInputRef={searchInputRef}\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n"],"names":["useFilterItemsOnQuery","itemLabelKey","items","onQueryChange","query","setQuery","useState","contains","startsWith","useFilter","filteredItems","useMemo","itemsToReturn","item","sortedItemsThatContainQuery","a","b","aIndex","bIndex","index","self","t","useEffect","minHeightClasses","size","cx","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","onChange","open","openPopover","placeholder","startSlot","value","searchInputRef","onKeyDown","flushSync","jsxs","AriaButton","isFocused","isHovered","sharedInputFieldStyles","jsx","Fragment","Text","twMerge","buttonStyles","SvgIcon","MultipleValuesButton","itemIdKey","label","e","TagGroup","keys","TagItem","SearchListFieldHeader","isRequired","optionalLabel","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","SearchListFieldItem","renderItem","state","SearchInput","clearLabel","isLoading","id","useId","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","showSpinner","useSpinDelay","_a","sharedInputFieldWrapperStyles","Combobox","sharedInputStyles","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","setOpenPopover","triggerRef","Popover","listBoxStyles","active","disabled","selected","listBoxItemStyles","renderItemState","SearchListField","by","defaultValue","name","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","useRef","onSingleChange","useCallback","newValue","useLocale","MultiSearchListField","onMultiChange"],"mappings":"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"}