@new-black/lyra 1.0.1 → 1.0.3

package/dist/lyra34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),o=require("react"),p=require("./lyra86.cjs"),I=require("./lyra90.cjs"),_=require("./lyra26.cjs"),A=require("./lyra38.cjs"),B=require("./lyra39.cjs");require("./lyra40.cjs");const q=require("./lyra35.cjs"),T=require("./lyra616.cjs"),D=require("./lyra617.cjs"),K=require("./lyra618.cjs"),h=o.createContext({valuesWithSeperator:[]}),P=({description:j,errorMessage:x,fullWidth:d=!0,hideHintLabel:S=!0,hideInputFooter:C=!0,hideInputHeader:R=!0,label:c,name:m,...i},u)=>{[i,u]=p.useContextProps(i,u,p.ListBoxContext);const{children:a,className:g,defaultValue:l,isRequired:G,onChange:y,value:f}=i,L=o.useId(),E=o.useId(),[v,N]=o.useState(l??f??""),{track:w}=q.segmentedControlStyles({fullWidth:d}),M=o.useMemo(()=>{const s=o.Children.toArray(a),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===v});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[a,v]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(A.InputHeader,{label:c,labelId:E,isRequired:G,hideHintLabel:S,hideInputHeader:R}),e.jsxRuntimeExports.jsx(p.ListBox,{...i,ref:u,"aria-label":c,"aria-labelledby":E,className:w({className:g}),defaultSelectedKeys:l?new Set([l]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:f?[f]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;y==null||y(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(T.LayoutGroup,{id:L,children:a})})}),e.jsxRuntimeExports.jsx(B.InputFooter,{description:j,errorMessage:x,hideInputFooter:C}),m?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:m,value:v??""}):null]})},b=I.fixedForwardRef(P);b.displayName="SegmentedControl";const V=({children:j,value:x,...d},S)=>{const{isDisabled:C}=o.useContext(_.FieldGroupContext),{id:R}=o.useContext(D.LayoutGroupContext),{valuesWithSeperator:c}=o.useContext(h),m=c.includes(x??""),{item:i,itemActive:u,itemText:a}=q.segmentedControlStyles({seperator:m});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(p.ListBoxItem,{ref:S,className:i({isDisabled:C}),id:d.id??x,...d,children:({isFocusVisible:g,isSelected:l})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[l?e.jsxRuntimeExports.jsx(K.motion.div,{layoutId:R,className:u({isFocusVisible:g}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:a(),children:j})]})})})},F=I.fixedForwardRef(V);F.displayName="SegmentedControlItem";exports.SegmentedControl=b;exports.SegmentedControlItem=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),o=require("react"),p=require("./lyra86.cjs"),I=require("./lyra90.cjs"),_=require("./lyra26.cjs"),A=require("./lyra38.cjs"),B=require("./lyra39.cjs");require("./lyra40.cjs");const q=require("./lyra35.cjs"),T=require("./lyra607.cjs"),D=require("./lyra608.cjs"),K=require("./lyra609.cjs"),h=o.createContext({valuesWithSeperator:[]}),P=({description:j,errorMessage:x,fullWidth:d=!0,hideHintLabel:S=!0,hideInputFooter:C=!0,hideInputHeader:R=!0,label:c,name:m,...i},u)=>{[i,u]=p.useContextProps(i,u,p.ListBoxContext);const{children:a,className:g,defaultValue:l,isRequired:G,onChange:y,value:f}=i,L=o.useId(),E=o.useId(),[v,N]=o.useState(l??f??""),{track:w}=q.segmentedControlStyles({fullWidth:d}),M=o.useMemo(()=>{const s=o.Children.toArray(a),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===v});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[a,v]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(A.InputHeader,{label:c,labelId:E,isRequired:G,hideHintLabel:S,hideInputHeader:R}),e.jsxRuntimeExports.jsx(p.ListBox,{...i,ref:u,"aria-label":c,"aria-labelledby":E,className:w({className:g}),defaultSelectedKeys:l?new Set([l]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:f?[f]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;y==null||y(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(T.LayoutGroup,{id:L,children:a})})}),e.jsxRuntimeExports.jsx(B.InputFooter,{description:j,errorMessage:x,hideInputFooter:C}),m?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:m,value:v??""}):null]})},b=I.fixedForwardRef(P);b.displayName="SegmentedControl";const V=({children:j,value:x,...d},S)=>{const{isDisabled:C}=o.useContext(_.FieldGroupContext),{id:R}=o.useContext(D.LayoutGroupContext),{valuesWithSeperator:c}=o.useContext(h),m=c.includes(x??""),{item:i,itemActive:u,itemText:a}=q.segmentedControlStyles({seperator:m});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(p.ListBoxItem,{ref:S,className:i({isDisabled:C}),id:d.id??x,...d,children:({isFocusVisible:g,isSelected:l})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[l?e.jsxRuntimeExports.jsx(K.motion.div,{layoutId:R,className:u({isFocusVisible:g}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:a(),children:j})]})})})},F=I.fixedForwardRef(V);F.displayName="SegmentedControlItem";exports.SegmentedControl=b;exports.SegmentedControlItem=F;

package/dist/lyra34.js

@@ -7,9 +7,9 @@ import { InputHeader as E } from "./lyra38.js";
 import { InputFooter as P } from "./lyra39.js";
 import "./lyra40.js";
 import { segmentedControlStyles as h } from "./lyra35.js";
-import { LayoutGroup as k } from "./lyra616.js";
-import { LayoutGroupContext as q } from "./lyra617.js";
-import { motion as z } from "./lyra618.js";
+import { LayoutGroup as k } from "./lyra607.js";
+import { LayoutGroupContext as q } from "./lyra608.js";
+import { motion as z } from "./lyra609.js";
 const F = B({
   valuesWithSeperator: []
 }), H = ({

package/dist/lyra36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),x=require("react"),A=require("./lyra86.cjs"),J=require("./lyra447.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const O=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const D=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra92.cjs");require("./lyra78.cjs");require("./lyra452.cjs");const I=require("./lyra38.cjs"),_=require("./lyra39.cjs"),y=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const $=require("./lyra71.cjs");require("./lyra72.cjs");const Q=require("./lyra450.cjs"),V=require("./lyra451.cjs"),W=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const g=require("./lyra453.cjs");require("./lyra454.cjs");require("react-dom");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");const f=require("./lyra619.cjs"),U=require("./lyra85.cjs"),z=({direction:p,disabledItemIdKeys:r,getItemId:a,items:i,label:l,open:u,selectRenderElements:c,triggerRef:o})=>{var t;return e.jsxRuntimeExports.jsx(W.Popover,{className:"p-1",isOpen:u,triggerRef:o,shouldUpdatePosition:!0,"aria-label":l,disablePadding:!0,style:{width:((t=o.current)==null?void 0:t.offsetWidth)+"px",direction:p},children:e.jsxRuntimeExports.jsx(f.Listbox.Options,{static:!0,className:Q.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:i.map(n=>e.jsxRuntimeExports.jsx(f.Listbox.Option,{value:n,disabled:r==null?void 0:r.includes(a(n)),children:q=>e.jsxRuntimeExports.jsx(V.SharedListItem,{item:n,state:q,selectRenderElements:c,hasSelection:!0})},a(n)))})})},X=({disableClearLogic:p,fullWidth:r,getLabel:a,isDisabled:i,isInvalid:l,onChange:u,placeholder:c,value:o})=>{const[t,n]=x.useState(!1),[q,s]=x.useState(!1),{inputField:j}=y.sharedInputStyles({}),h=m=>{(m.key==="Escape"||m.key==="Backspace")&&!p&&(m.stopPropagation(),u==null||u(void 0))};return e.jsxRuntimeExports.jsxs(f.Listbox.Button,{className:j({fullWidth:r,isDisabled:i,isHovered:q,isFocused:t,isInvalid:l,hasEndSlot:!0,className:q&&!l&&!i&&!t?"border-hover":""}),onPointerEnter:()=>s(!0),onPointerLeave:()=>s(!1),onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onFocus:()=>{n(!0)},onBlur:()=>{n(!1)},onKeyDown:h,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:o?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a(o)}):e.jsxRuntimeExports.jsx($.Text,{color:"secondary",children:c})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[o&&!p&&!i?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:"text-secondary",onClick:m=>{m.stopPropagation(),u==null||u(void 0)},children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-up-down"})]})]})},Y=({fullWidth:p,getItemId:r,getLabel:a,isDisabled:i,isInvalid:l,label:u,onChange:c,placeholder:o,value:t})=>{const{inputField:n}=y.sharedInputStyles({}),q=x.useCallback(s=>{t&&c(t.filter(j=>{const h=r(j);return!s.has(h)}))},[r,c,t]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:s,isHovered:j})=>n({fullWidth:p,isDisabled:i,isHovered:j,isFocused:s,isInvalid:l,hasEndSlot:!0,className:J.clsx(j&&!l&&!i&&!s?"border-hover":"","items-start")}),children:e.jsxRuntimeExports.jsxs(f.Listbox.Button,{className:"flex w-full outline-none",as:"div",role:"button",tabIndex:0,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t&&t.length?e.jsxRuntimeExports.jsx(g.InputTagGroup,{label:u??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:i?void 0:q,children:t.map(s=>e.jsxRuntimeExports.jsx(g.InputTag,{id:r(s),isDisabled:i,children:a(s)},r(s)))}):e.jsxRuntimeExports.jsx($.Text,{color:"secondary",children:o})}),e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Z=({by:p,defaultValue:r,description:a,disableClearLogic:i,disabledItemIdKeys:l,errorMessage:u,fullWidth:c=!0,getItemId:o,getLabel:t,hideHintLabel:n,hideInputFooter:q,hideInputHeader:s,isDisabled:j,isInvalid:h,isRequired:m,items:L,label:S,name:w,onChange:d,placeholder:G,selectRenderElements:M,value:E})=>{const{isDisabled:P}=x.useContext(D.FieldGroupContext),[k,v]=x.useState(E??r),{wrapper:F}=y.sharedInputStyles({}),N=x.useRef(null),{direction:B}=U.useLocale(),b=x.useCallback(R=>{v(R),d==null||d(R)},[d]);return x.useEffect(()=>{v(E??r)},[r,E]),e.jsxRuntimeExports.jsx(f.Listbox,{disabled:j||P,name:w,by:p,onChange:b,value:E??k??"",children:({disabled:R,open:T,value:H})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:F({fullWidth:c}),children:[e.jsxRuntimeExports.jsx(I.InputHeader,{label:S,hideHintLabel:n,hideInputHeader:s,isRequired:m}),e.jsxRuntimeExports.jsx("div",{ref:N,children:e.jsxRuntimeExports.jsx(X,{fullWidth:c,isDisabled:R,disableClearLogic:i,isInvalid:h,placeholder:G,value:H,getLabel:t,getItemId:o,label:S,onChange:b})}),e.jsxRuntimeExports.jsx(_.InputFooter,{description:a,errorMessage:u,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(z,{triggerRef:N,label:`${S} options`,getItemId:o,selectRenderElements:M,items:L,open:T,disabledItemIdKeys:l,direction:B})]})})},K=({by:p,defaultValue:r,description:a,disableClearLogic:i,disabledItemIdKeys:l,errorMessage:u,fullWidth:c=!0,getItemId:o,getLabel:t,hideHintLabel:n,hideInputFooter:q,hideInputHeader:s,isDisabled:j,isInvalid:h,isRequired:m,items:L,label:S,name:w,onChange:d,placeholder:G,selectRenderElements:M,value:E})=>{const{isDisabled:P}=x.useContext(D.FieldGroupContext),[k,v]=x.useState(E??r),F=x.useRef(null),{direction:N}=U.useLocale(),{wrapper:B}=y.sharedInputStyles({}),b=x.useCallback(R=>{v(R),d==null||d(R)},[d]);return x.useEffect(()=>{v(E??r)},[r,E]),e.jsxRuntimeExports.jsx(f.Listbox,{disabled:j||P,name:w,by:p,onChange:b,multiple:!0,value:E??k??[],children:({disabled:R,open:T,value:H})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:B({fullWidth:c}),children:[e.jsxRuntimeExports.jsx(I.InputHeader,{label:S,hideHintLabel:n,hideInputHeader:s,isRequired:m}),e.jsxRuntimeExports.jsx("div",{ref:F,children:e.jsxRuntimeExports.jsx(Y,{fullWidth:c,isDisabled:R,isInvalid:h,placeholder:G,value:H,onChange:b,getItemId:o,getLabel:t,label:S,disableClearLogic:i})}),e.jsxRuntimeExports.jsx(_.InputFooter,{description:a,errorMessage:u,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(z,{label:`${S} options`,triggerRef:F,items:L,open:T,getItemId:o,selectRenderElements:M,disabledItemIdKeys:l,direction:N})]})})};exports.MultiSelect=K;exports.Select=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),x=require("react"),A=require("./lyra86.cjs"),J=require("./lyra447.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const O=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const D=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra92.cjs");require("./lyra78.cjs");require("./lyra451.cjs");const I=require("./lyra38.cjs"),_=require("./lyra39.cjs"),y=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const $=require("./lyra71.cjs");require("./lyra72.cjs");const Q=require("./lyra452.cjs"),V=require("./lyra453.cjs"),W=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const g=require("./lyra454.cjs");require("./lyra455.cjs");require("react-dom");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");const f=require("./lyra606.cjs"),U=require("./lyra85.cjs"),z=({direction:p,disabledItemIdKeys:r,getItemId:a,items:i,label:l,open:u,selectRenderElements:c,triggerRef:o})=>{var t;return e.jsxRuntimeExports.jsx(W.Popover,{className:"p-1",isOpen:u,triggerRef:o,shouldUpdatePosition:!0,"aria-label":l,disablePadding:!0,style:{width:((t=o.current)==null?void 0:t.offsetWidth)+"px",direction:p},children:e.jsxRuntimeExports.jsx(f.Listbox.Options,{static:!0,className:Q.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:i.map(n=>e.jsxRuntimeExports.jsx(f.Listbox.Option,{value:n,disabled:r==null?void 0:r.includes(a(n)),children:q=>e.jsxRuntimeExports.jsx(V.SharedListItem,{item:n,state:q,selectRenderElements:c,hasSelection:!0})},a(n)))})})},X=({disableClearLogic:p,fullWidth:r,getLabel:a,isDisabled:i,isInvalid:l,onChange:u,placeholder:c,value:o})=>{const[t,n]=x.useState(!1),[q,s]=x.useState(!1),{inputField:j}=y.sharedInputStyles({}),h=m=>{(m.key==="Escape"||m.key==="Backspace")&&!p&&(m.stopPropagation(),u==null||u(void 0))};return e.jsxRuntimeExports.jsxs(f.Listbox.Button,{className:j({fullWidth:r,isDisabled:i,isHovered:q,isFocused:t,isInvalid:l,hasEndSlot:!0,className:q&&!l&&!i&&!t?"border-hover":""}),onPointerEnter:()=>s(!0),onPointerLeave:()=>s(!1),onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onFocus:()=>{n(!0)},onBlur:()=>{n(!1)},onKeyDown:h,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:o?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a(o)}):e.jsxRuntimeExports.jsx($.Text,{color:"secondary",children:c})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[o&&!p&&!i?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:"text-secondary",onClick:m=>{m.stopPropagation(),u==null||u(void 0)},children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-up-down"})]})]})},Y=({fullWidth:p,getItemId:r,getLabel:a,isDisabled:i,isInvalid:l,label:u,onChange:c,placeholder:o,value:t})=>{const{inputField:n}=y.sharedInputStyles({}),q=x.useCallback(s=>{t&&c(t.filter(j=>{const h=r(j);return!s.has(h)}))},[r,c,t]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:s,isHovered:j})=>n({fullWidth:p,isDisabled:i,isHovered:j,isFocused:s,isInvalid:l,hasEndSlot:!0,className:J.clsx(j&&!l&&!i&&!s?"border-hover":"","items-start")}),children:e.jsxRuntimeExports.jsxs(f.Listbox.Button,{className:"flex w-full outline-none",as:"div",role:"button",tabIndex:0,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t&&t.length?e.jsxRuntimeExports.jsx(g.InputTagGroup,{label:u??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:i?void 0:q,children:t.map(s=>e.jsxRuntimeExports.jsx(g.InputTag,{id:r(s),isDisabled:i,children:a(s)},r(s)))}):e.jsxRuntimeExports.jsx($.Text,{color:"secondary",children:o})}),e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Z=({by:p,defaultValue:r,description:a,disableClearLogic:i,disabledItemIdKeys:l,errorMessage:u,fullWidth:c=!0,getItemId:o,getLabel:t,hideHintLabel:n,hideInputFooter:q,hideInputHeader:s,isDisabled:j,isInvalid:h,isRequired:m,items:L,label:S,name:w,onChange:d,placeholder:G,selectRenderElements:M,value:E})=>{const{isDisabled:P}=x.useContext(D.FieldGroupContext),[k,v]=x.useState(E??r),{wrapper:F}=y.sharedInputStyles({}),N=x.useRef(null),{direction:B}=U.useLocale(),b=x.useCallback(R=>{v(R),d==null||d(R)},[d]);return x.useEffect(()=>{v(E??r)},[r,E]),e.jsxRuntimeExports.jsx(f.Listbox,{disabled:j||P,name:w,by:p,onChange:b,value:E??k??"",children:({disabled:R,open:T,value:H})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:F({fullWidth:c}),children:[e.jsxRuntimeExports.jsx(I.InputHeader,{label:S,hideHintLabel:n,hideInputHeader:s,isRequired:m}),e.jsxRuntimeExports.jsx("div",{ref:N,children:e.jsxRuntimeExports.jsx(X,{fullWidth:c,isDisabled:R,disableClearLogic:i,isInvalid:h,placeholder:G,value:H,getLabel:t,getItemId:o,label:S,onChange:b})}),e.jsxRuntimeExports.jsx(_.InputFooter,{description:a,errorMessage:u,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(z,{triggerRef:N,label:`${S} options`,getItemId:o,selectRenderElements:M,items:L,open:T,disabledItemIdKeys:l,direction:B})]})})},K=({by:p,defaultValue:r,description:a,disableClearLogic:i,disabledItemIdKeys:l,errorMessage:u,fullWidth:c=!0,getItemId:o,getLabel:t,hideHintLabel:n,hideInputFooter:q,hideInputHeader:s,isDisabled:j,isInvalid:h,isRequired:m,items:L,label:S,name:w,onChange:d,placeholder:G,selectRenderElements:M,value:E})=>{const{isDisabled:P}=x.useContext(D.FieldGroupContext),[k,v]=x.useState(E??r),F=x.useRef(null),{direction:N}=U.useLocale(),{wrapper:B}=y.sharedInputStyles({}),b=x.useCallback(R=>{v(R),d==null||d(R)},[d]);return x.useEffect(()=>{v(E??r)},[r,E]),e.jsxRuntimeExports.jsx(f.Listbox,{disabled:j||P,name:w,by:p,onChange:b,multiple:!0,value:E??k??[],children:({disabled:R,open:T,value:H})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:B({fullWidth:c}),children:[e.jsxRuntimeExports.jsx(I.InputHeader,{label:S,hideHintLabel:n,hideInputHeader:s,isRequired:m}),e.jsxRuntimeExports.jsx("div",{ref:F,children:e.jsxRuntimeExports.jsx(Y,{fullWidth:c,isDisabled:R,isInvalid:h,placeholder:G,value:H,onChange:b,getItemId:o,getLabel:t,label:S,disableClearLogic:i})}),e.jsxRuntimeExports.jsx(_.InputFooter,{description:a,errorMessage:u,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(z,{label:`${S} options`,triggerRef:F,items:L,open:T,getItemId:o,selectRenderElements:M,disabledItemIdKeys:l,direction:N})]})})};exports.MultiSelect=K;exports.Select=Z;

package/dist/lyra36.js

@@ -32,7 +32,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import "./lyra92.js";
 import "./lyra78.js";
-import "./lyra452.js";
+import "./lyra451.js";
 import { InputHeader as J } from "./lyra38.js";
 import { InputFooter as Q } from "./lyra39.js";
 import { sharedInputStyles as E } from "./lyra40.js";
@@ -44,14 +44,14 @@ import "./lyra34.js";
 import "./lyra35.js";
 import { Text as V } from "./lyra71.js";
 import "./lyra72.js";
-import { sharedListStyles as _ } from "./lyra450.js";
-import { SharedListItem as g } from "./lyra451.js";
+import { sharedListStyles as _ } from "./lyra452.js";
+import { SharedListItem as g } from "./lyra453.js";
 import { Popover as K } from "./lyra52.js";
 import "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
-import { InputTagGroup as I, InputTag as C } from "./lyra453.js";
-import "./lyra454.js";
+import { InputTagGroup as I, InputTag as C } from "./lyra454.js";
+import "./lyra455.js";
 import "react-dom";
 import "./lyra41.js";
 import "./lyra42.js";
@@ -79,7 +79,7 @@ import "./lyra76.js";
 import "./lyra77.js";
 import "./lyra79.js";
 import "./lyra95.js";
-import { Listbox as S } from "./lyra619.js";
+import { Listbox as S } from "./lyra606.js";
 import { useLocale as W } from "./lyra85.js";
 const X = ({
   direction: l,

package/dist/lyra37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),s=require("react"),L=require("./lyra86.cjs"),ee=require("react-dom"),oe=require("./lyra447.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const $=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const z=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const se=require("./lyra92.cjs");require("./lyra78.cjs");require("./lyra452.cjs");const te=require("./lyra38.cjs"),re=require("./lyra39.cjs"),P=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const Y=require("./lyra71.cjs");require("./lyra72.cjs");const V=require("./lyra450.cjs"),ie=require("./lyra451.cjs"),ne=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const Q=require("./lyra453.cjs");require("./lyra454.cjs");const ue=require("./lyra82.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");const ce=require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const xe=require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");const le=require("./lyra84.cjs"),g=require("./lyra620.cjs"),H=require("./lyra85.cjs"),ae=({disableClearLogic:E,endSlot:i,fullWidth:a,getLabel:p,isDisabled:d,isInvalid:h,onChange:o,open:u,openPopover:n,placeholder:c,searchInputRef:x,startSlot:l,value:j})=>{const{buttonExcludedFromTabOrder:q,inputField:t}=P.sharedInputStyles({isInvalid:h,hasEndSlot:!0,fullWidth:a,isDisabled:d}),R=r=>{(r.key==="Escape"||r.key==="Backspace")&&!E?(r.stopPropagation(),o==null||o(void 0)):r.key==="ArrowDown"||r.key==="ArrowUp"?n==null||n():r.key&&r.key.match(/^[a-zA-Z0-9]$/)&&(ee.flushSync(()=>{n==null||n()}),x.current&&(x.current.focus(),x.current.setSelectionRange(0,x.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[l,e.jsxRuntimeExports.jsxs(L.Button,{"aria-haspopup":"listbox","aria-expanded":u,className:({isFocused:r,isHovered:S})=>t({isHovered:S,isFocused:r,className:"grow"}),isDisabled:d,onKeyDown:R,onPress:n,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:j&&p(j)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:p(j)}):e.jsxRuntimeExports.jsx(Y.Text,{variant:"body-medium",color:"secondary",children:c})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[j&&!d&&!E?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:q(),role:"button",onPointerDown:r=>{r.stopPropagation(),o==null||o(void 0)},onClick:r=>{r.stopPropagation(),o==null||o(void 0)},children:e.jsxRuntimeExports.jsx($.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx($.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),i]})},pe=({fullWidth:E,getItemId:i,getLabel:a,isDisabled:p,isInvalid:d,label:h,onChange:o,openPopover:u,placeholder:n,searchInputRef:c,value:x})=>{const{inputField:l}=P.sharedInputStyles({isInvalid:d,hasEndSlot:!0,fullWidth:E,isDisabled:p}),j=s.useCallback(t=>{t.key==="ArrowDown"||t.key==="ArrowUp"?u():t.key&&t.key.match(/^[a-zA-Z0-9]$/)&&(ee.flushSync(()=>{u()}),c.current&&(c.current.focus(),c.current.setSelectionRange(0,c.current.value.length)))},[u,c]),q=s.useCallback(t=>{x&&o(x.filter(R=>{const r=i(R);return!t.has(r)}))},[i,o,x]);return e.jsxRuntimeExports.jsx(L.Group,{className:({isFocusWithin:t,isHovered:R})=>l({isHovered:R,isFocused:t,className:oe.clsx(R&&!d&&!p&&!t?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus")}),children:e.jsxRuntimeExports.jsxs(L.Button,{onPress:u,onKeyDown:j,isDisabled:p,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:x&&x.length?e.jsxRuntimeExports.jsx(Q.InputTagGroup,{label:h??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:p?void 0:q,children:x.map(t=>e.jsxRuntimeExports.jsx(Q.InputTag,{id:i(t),isDisabled:p,children:a(t)},i(t)))}):e.jsxRuntimeExports.jsx(Y.Text,{color:"secondary",children:n})}),e.jsxRuntimeExports.jsx($.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},me=({endSlot:E,isLoading:i,onQueryChange:a,query:p,searchInputRef:d,setQuery:h})=>{const o=s.useId(),{clear:u,search:n}=se.useDictionary(),c=le.useSpinDelay(i??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:x}=P.sharedInputStyles({fullWidth:!0});return e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(g.Combobox.Input,{ref:d,id:o,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:l=>{h(l.target.value??""),a==null||a(l.target.value)},placeholder:n,value:p??"",onKeyDown:l=>{l.code==="Tab"&&l.preventDefault()}}),p&&p.length?e.jsxRuntimeExports.jsx(L.Button,{"aria-label":u,className:x(),excludeFromTabOrder:!0,onPress:()=>{var l;h(""),(l=d.current)==null||l.focus()},children:e.jsxRuntimeExports.jsx($.SvgIcon,{name:"clear"})}):null,E,c?e.jsxRuntimeExports.jsx(xe.Spinner,{className:"mx-2",size:"small"}):null]})})},Z=({direction:E,disabledItemIdKeys:i,getItemId:a,getLabel:p,isLoading:d,items:h,label:o,onLoadMore:u,onQueryChange:n,open:c,placement:x,searchInputRef:l,selectRenderElements:j,setOpenPopover:q,triggerRef:t})=>{var O,D;const{loadMore:R,noResultsFound:r}=se.useDictionary(),{filteredItems:S,query:N,setQuery:w}=ue.useFilterItemsByQuery({getLabel:p,items:h,onQueryChange:n}),y=s.useRef(null),[F,B]=s.useState(!1),{item:k}=V.sharedListItemStyles();return s.useEffect(()=>B(!1),[c]),e.jsxRuntimeExports.jsx(ne.Popover,{className:"p-1",isOpen:c,disablePadding:!0,triggerRef:t,onOpenChange:q,"aria-label":o,shouldUpdatePosition:!0,placement:x,style:{width:((O=t.current)==null?void 0:O.offsetWidth)>280?((D=t.current)==null?void 0:D.offsetWidth)+"px":"280px",direction:E},children:c?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(me,{onQueryChange:n,isLoading:d,query:N,setQuery:w,searchInputRef:l}),e.jsxRuntimeExports.jsxs(g.Combobox.Options,{static:!0,className:V.sharedListStyles({className:"h-full max-h-72 overflow-y-auto"}),onKeyDown:m=>{document.activeElement===y.current&&(m.code==="ArrowUp"||m.code==="ArrowDown")&&m.preventDefault()},children:[S.map(m=>e.jsxRuntimeExports.jsx(g.Combobox.Option,{value:m,disabled:i==null?void 0:i.includes(a(m)),children:v=>e.jsxRuntimeExports.jsx(ie.SharedListItem,{hasSelection:!0,item:m,state:{...v,active:v.active&&!F},selectRenderElements:j})},a(m))),S!=null&&S.length?null:e.jsxRuntimeExports.jsx(Y.Text,{variant:"body-medium",color:"secondary",className:"px-2.5 py-2",children:r}),u?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ce.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(L.Button,{isDisabled:d,onFocusChange:B,ref:y,className:k({className:"justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var m;u(),(m=l.current)==null||m.focus()},children:R})]}):null]})]}):null})},de=({by:E,defaultValue:i,description:a,disableClearLogic:p,disabledItemIdKeys:d,endSlot:h,errorMessage:o,fullWidth:u=!0,getItemId:n,getLabel:c,hideHintLabel:x,hideInputFooter:l,hideInputHeader:j,isDisabled:q,isInvalid:t,isLoading:R,isRequired:r,items:S,label:N,name:w,onChange:y,onLoadMore:F,onQueryChange:B,placeholder:k,selectRenderElements:O,startSlot:D,value:m})=>{const{isDisabled:v}=s.useContext(z.FieldGroupContext),T=s.useRef(null),f=s.useRef(null),M=s.useRef(null),[W,C]=s.useState(m??i),[I,G]=s.useState(!1),U=()=>{var b;G(!0),(b=f.current)==null||b.click()},_=()=>G(!1),A=s.useCallback(b=>{C(b),y==null||y(b),_()},[y]),{direction:J}=H.useLocale(),{wrapper:K}=P.sharedInputStyles({fullWidth:u,isInvalid:t,isDisabled:q||v});return s.useEffect(()=>{C(m??i)},[i,m]),e.jsxRuntimeExports.jsx(g.Combobox,{disabled:q||v,name:w,value:m??W??"",onChange:A,by:E,children:({disabled:b,value:X})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:K(),children:[e.jsxRuntimeExports.jsx(te.InputHeader,{label:N,hideHintLabel:x,hideInputHeader:j,isRequired:r}),e.jsxRuntimeExports.jsxs("div",{ref:M,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:f,className:"hidden"}),e.jsxRuntimeExports.jsx(ae,{disableClearLogic:p,endSlot:h,fullWidth:u,getLabel:c,getItemId:n,isDisabled:b,isInvalid:t,open:I,openPopover:U,onChange:A,placeholder:k,searchInputRef:T,startSlot:D,value:X})]}),e.jsxRuntimeExports.jsx(re.InputFooter,{description:a,errorMessage:o,hideInputFooter:l})]}),e.jsxRuntimeExports.jsx(Z,{triggerRef:M,label:N,getItemId:n,getLabel:c,items:S,open:I,setOpenPopover:G,selectRenderElements:O,disabledItemIdKeys:d,direction:J,onQueryChange:B,isLoading:R,searchInputRef:T,onLoadMore:F})]})})},je=({by:E,defaultValue:i,description:a,disableClearLogic:p,disabledItemIdKeys:d,endSlot:h,errorMessage:o,fullWidth:u=!0,getItemId:n,getLabel:c,hideHintLabel:x,hideInputFooter:l,hideInputHeader:j,isDisabled:q,isInvalid:t,isLoading:R,isRequired:r,items:S,label:N,labelId:w,name:y,onChange:F,onLoadMore:B,onQueryChange:k,placeholder:O,selectRenderElements:D,startSlot:m,value:v})=>{const{isDisabled:T}=s.useContext(z.FieldGroupContext),f=s.useRef(null),M=s.useRef(null),W=s.useRef(null),[C,I]=s.useState(v??i),[G,U]=s.useState(!1),_=()=>{var b;U(!0),(b=M.current)==null||b.click()},A=s.useCallback(b=>{I(b),F==null||F(b)},[F]),{direction:J}=H.useLocale(),{wrapper:K}=P.sharedInputStyles({fullWidth:u,isInvalid:t,isDisabled:q||T});return s.useEffect(()=>{I(v??i)},[i,v]),e.jsxRuntimeExports.jsx(g.Combobox,{disabled:q||T,name:y,value:v??C??[],onChange:A,by:E,multiple:!0,children:({disabled:b,value:X})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:K(),children:[e.jsxRuntimeExports.jsx(te.InputHeader,{label:N,isRequired:r,hideHintLabel:x,hideInputHeader:j,labelId:w}),e.jsxRuntimeExports.jsxs("div",{ref:W,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:M,className:"hidden"}),e.jsxRuntimeExports.jsx(pe,{disableClearLogic:p,endSlot:h,fullWidth:u,getLabel:c,getItemId:n,isDisabled:b,isInvalid:t,onChange:A,open:G,openPopover:_,placeholder:O,searchInputRef:f,startSlot:m,value:X})]}),e.jsxRuntimeExports.jsx(re.InputFooter,{description:a,errorMessage:o,hideInputFooter:l})]}),e.jsxRuntimeExports.jsx(Z,{label:N,searchInputRef:f,triggerRef:W,getItemId:n,getLabel:c,items:S,open:G,setOpenPopover:U,selectRenderElements:D,disabledItemIdKeys:d,direction:J,onQueryChange:k,isLoading:R,onLoadMore:B})]})})},Re=({by:E,children:i,defaultValue:a,disabledItemIdKeys:p,getItemId:d,getLabel:h,isDisabled:o,isInvalid:u,isLoading:n,items:c,label:x,name:l,onChange:j,onQueryChange:q,selectRenderElements:t,value:R})=>{const{isDisabled:r}=s.useContext(z.FieldGroupContext),S=s.useRef(null),N=s.useRef(null),w=s.useRef(null),[y,F]=s.useState(R??a),[B,k]=s.useState(!1),O=()=>{var f;k(!0),(f=N.current)==null||f.click()},D=()=>k(!1),m=s.useCallback(f=>{F(f),j==null||j(f),D()},[j]),{direction:v}=H.useLocale(),{wrapper:T}=P.sharedInputStyles({fullWidth:!1,isInvalid:u,isDisabled:o});return s.useEffect(()=>{F(R??a)},[a,R]),e.jsxRuntimeExports.jsx(L.Provider,{values:[[L.ButtonContext,{onPress:()=>O(),isDisabled:o||r}]],children:e.jsxRuntimeExports.jsx(g.Combobox,{disabled:o,name:l,value:R??y??"",onChange:m,by:E,children:()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:T(),children:e.jsxRuntimeExports.jsxs("div",{ref:w,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:N,className:"hidden"}),i]})}),e.jsxRuntimeExports.jsx(Z,{triggerRef:w,label:x,getItemId:d,getLabel:h,items:c,open:B,setOpenPopover:k,selectRenderElements:t,disabledItemIdKeys:p,direction:v,onQueryChange:q,isLoading:n,searchInputRef:S,placement:"bottom start"})]})})})},qe=({by:E,children:i,defaultValue:a,disabledItemIdKeys:p,fullWidth:d=!0,getItemId:h,getLabel:o,isDisabled:u,isInvalid:n,isLoading:c,items:x,label:l,name:j,onChange:q,onQueryChange:t,selectRenderElements:R,value:r})=>{const{isDisabled:S}=s.useContext(z.FieldGroupContext),N=s.useRef(null),w=s.useRef(null),y=s.useRef(null),[F,B]=s.useState(r??a),[k,O]=s.useState(!1),D=()=>{var f;O(!0),(f=w.current)==null||f.click()},m=s.useCallback(f=>{B(f),q==null||q(f)},[q]),{direction:v}=H.useLocale(),{wrapper:T}=P.sharedInputStyles({fullWidth:d,isInvalid:n,isDisabled:u});return s.useEffect(()=>{B(r??a)},[a,r]),e.jsxRuntimeExports.jsx(L.Provider,{values:[[L.ButtonContext,{onPress:()=>D(),isDisabled:u||S}]],children:e.jsxRuntimeExports.jsx(g.Combobox,{disabled:u,name:j,value:r??F??[],onChange:m,by:E,multiple:!0,children:()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:T(),children:e.jsxRuntimeExports.jsxs("div",{ref:y,children:[e.jsxRuntimeExports.jsx(g.Combobox.Button,{ref:w,className:"hidden"}),i]})}),e.jsxRuntimeExports.jsx(Z,{label:l,searchInputRef:N,triggerRef:y,getItemId:h,getLabel:o,items:x,open:k,setOpenPopover:O,selectRenderElements:R,disabledItemIdKeys:p,direction:v,onQueryChange:t,isLoading:c})]})})})};exports.MultiSearchListField=je;exports.MultiSearchListFieldWithCustomTrigger=qe;exports.SearchListField=de;exports.SearchListFieldWithCustomTrigger=Re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),s=require("react"),L=require("./lyra86.cjs"),ee=require("react-dom"),ie=require("./lyra610.cjs"),ne=require("./lyra447.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const C=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const U=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const se=require("./lyra92.cjs");require("./lyra78.cjs");require("./lyra451.cjs");const te=require("./lyra38.cjs"),re=require("./lyra39.cjs"),I=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const V=require("./lyra71.cjs");require("./lyra72.cjs");const X=require("./lyra452.cjs"),oe=require("./lyra453.cjs"),ue=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const Q=require("./lyra454.cjs");require("./lyra455.cjs");const ce=require("./lyra82.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");const le=require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const xe=require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");const ae=require("./lyra84.cjs"),T=require("./lyra611.cjs"),H=require("./lyra85.cjs"),de=({disableClearLogic:h,endSlot:n,fullWidth:u,getLabel:d,isDisabled:p,isInvalid:b,onChange:i,open:c,openPopover:o,placeholder:l,searchInputRef:x,startSlot:a,value:R})=>{const{buttonExcludedFromTabOrder:q,inputField:t}=I.sharedInputStyles({isInvalid:b,hasEndSlot:!0,fullWidth:u,isDisabled:p}),f=r=>{(r.key==="Escape"||r.key==="Backspace")&&!h?(r.stopPropagation(),i==null||i(void 0)):r.key==="ArrowDown"||r.key==="ArrowUp"?o==null||o():r.key&&r.key.match(/^[a-zA-Z0-9]$/)&&(ee.flushSync(()=>{o==null||o()}),x.current&&(x.current.focus(),x.current.setSelectionRange(0,x.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[a,e.jsxRuntimeExports.jsxs(L.Button,{"aria-haspopup":"listbox","aria-expanded":c,className:({isFocused:r,isHovered:E})=>t({isHovered:E,isFocused:r,className:"grow"}),isDisabled:p,onKeyDown:f,onPress:o,children:[e.jsxRuntimeExports.jsx("div",{className:"grow truncate text-start",children:R&&d(R)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:d(R)}):e.jsxRuntimeExports.jsx(V.Text,{variant:"body-medium",color:"secondary",children:l})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[R&&!p&&!h?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:q(),role:"button",onPointerDown:r=>{r.stopPropagation(),i==null||i(void 0)},onClick:r=>{r.stopPropagation(),i==null||i(void 0)},children:e.jsxRuntimeExports.jsx(C.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(C.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),n]})},pe=({fullWidth:h,getItemId:n,getLabel:u,isDisabled:d,isInvalid:p,label:b,onChange:i,openPopover:c,placeholder:o,searchInputRef:l,value:x})=>{const{inputField:a}=I.sharedInputStyles({isInvalid:p,hasEndSlot:!0,fullWidth:h,isDisabled:d}),R=s.useCallback(t=>{t.key==="ArrowDown"||t.key==="ArrowUp"?c():t.key&&t.key.match(/^[a-zA-Z0-9]$/)&&(ee.flushSync(()=>{c()}),l.current&&(l.current.focus(),l.current.setSelectionRange(0,l.current.value.length)))},[c,l]),q=s.useCallback(t=>{x&&i(x.filter(f=>{const r=n(f);return!t.has(r)}))},[n,i,x]);return e.jsxRuntimeExports.jsx(L.Group,{className:({isFocusWithin:t,isHovered:f})=>a({isHovered:f,isFocused:t,className:ne.clsx(f&&!p&&!d&&!t?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus")}),children:e.jsxRuntimeExports.jsxs(L.Button,{onPress:c,onKeyDown:R,isDisabled:d,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:x&&x.length?e.jsxRuntimeExports.jsx(Q.InputTagGroup,{label:b??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:d?void 0:q,children:x.map(t=>e.jsxRuntimeExports.jsx(Q.InputTag,{id:n(t),isDisabled:d,children:u(t)},n(t)))}):e.jsxRuntimeExports.jsx(V.Text,{color:"secondary",children:o})}),e.jsxRuntimeExports.jsx(C.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},me=({endSlot:h,isLoading:n,onQueryChange:u,query:d,searchInputRef:p,setQuery:b})=>{const i=s.useId(),{clear:c,search:o}=se.useDictionary(),l=ae.useSpinDelay(n??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:x}=I.sharedInputStyles({fullWidth:!0});return e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(T.Combobox.Input,{ref:p,id:i,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:a=>{b(a.target.value??""),u==null||u(a.target.value)},placeholder:o,value:d??"",onKeyDown:a=>{a.code==="Tab"&&a.preventDefault()}}),d&&d.length?e.jsxRuntimeExports.jsx(L.Button,{"aria-label":c,className:x(),excludeFromTabOrder:!0,onPress:()=>{var a;b(""),(a=p.current)==null||a.focus()},children:e.jsxRuntimeExports.jsx(C.SvgIcon,{name:"clear"})}):null,h,l?e.jsxRuntimeExports.jsx(xe.Spinner,{className:"mx-2",size:"small"}):null]})})},Z=({direction:h,disabledItemIdKeys:n,getItemId:u,getLabel:d,isLoading:p,items:b,label:i,onLoadMore:c,onQueryChange:o,open:l,placement:x,searchInputRef:a,selectRenderElements:R,setOpenPopover:q,triggerRef:t})=>{var B,m,G;const{loadMore:f,noResultsFound:r}=se.useDictionary(),{filteredItems:E,query:w,setQuery:g}=ce.useFilterItemsByQuery({getLabel:d,items:b,onQueryChange:o}),v=s.useRef(null),[N,k]=s.useState(!1),{item:O}=X.sharedListItemStyles(),D=s.useRef(null),P=E.length,S=ie.useVirtualizer({count:P,getScrollElement:()=>D.current,estimateSize:()=>24,getItemKey:j=>u(E[j]),overscan:6}),F=S.getVirtualItems();return s.useEffect(()=>k(!1),[l]),e.jsxRuntimeExports.jsx(ue.Popover,{className:"p-1",isOpen:l,disablePadding:!0,triggerRef:t,onOpenChange:q,"aria-label":i,shouldUpdatePosition:!0,placement:x,style:{width:((B=t.current)==null?void 0:B.offsetWidth)>280?((m=t.current)==null?void 0:m.offsetWidth)+"px":"280px",direction:h},children:l?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(me,{onQueryChange:o,isLoading:p,query:w,setQuery:g,searchInputRef:a}),e.jsxRuntimeExports.jsxs(T.Combobox.Options,{static:!0,className:X.sharedListStyles({}),as:"div",onKeyDown:j=>{document.activeElement===v.current&&(j.code==="ArrowUp"||j.code==="ArrowDown")&&j.preventDefault()},children:[e.jsxRuntimeExports.jsx("div",{ref:D,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,S.getTotalSize())},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:S.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{style:{position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${((G=F[0])==null?void 0:G.start)??0}px)`},children:F.map(j=>e.jsxRuntimeExports.jsx(T.Combobox.Option,{"data-index":j.index,id:u(E[j.index]),as:"div",value:E[j.index],disabled:n==null?void 0:n.includes(u(E[j.index])),ref:S.measureElement,children:M=>e.jsxRuntimeExports.jsx(oe.SharedListItem,{hasSelection:!0,item:E[j.index],state:{...M,active:M.active&&!N},selectRenderElements:R})},j.key))})})}),E!=null&&E.length?null:e.jsxRuntimeExports.jsx(V.Text,{variant:"body-medium",color:"secondary",className:"px-2.5 py-2",children:r}),c?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(le.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(L.Button,{isDisabled:p,onFocusChange:k,ref:v,className:O({className:"justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var j;c(),(j=a.current)==null||j.focus()},children:f})]}):null]})]}):null})},je=({by:h,defaultValue:n,description:u,disableClearLogic:d,disabledItemIdKeys:p,endSlot:b,errorMessage:i,fullWidth:c=!0,getItemId:o,getLabel:l,hideHintLabel:x,hideInputFooter:a,hideInputHeader:R,isDisabled:q,isInvalid:t,isLoading:f,isRequired:r,items:E,label:w,name:g,onChange:v,onLoadMore:N,onQueryChange:k,placeholder:O,selectRenderElements:D,startSlot:P,value:S})=>{const{isDisabled:F}=s.useContext(U.FieldGroupContext),B=s.useRef(null),m=s.useRef(null),G=s.useRef(null),[j,M]=s.useState(S??n),[A,z]=s.useState(!1),$=()=>{var y;z(!0),(y=m.current)==null||y.click()},_=()=>z(!1),W=s.useCallback(y=>{M(y),v==null||v(y),_()},[v]),{direction:K}=H.useLocale(),{wrapper:Y}=I.sharedInputStyles({fullWidth:c,isInvalid:t,isDisabled:q||F});return s.useEffect(()=>{M(S??n)},[n,S]),e.jsxRuntimeExports.jsx(T.Combobox,{disabled:q||F,name:g,value:S??j??"",onChange:W,by:h,children:({disabled:y,value:J})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:Y(),children:[e.jsxRuntimeExports.jsx(te.InputHeader,{label:w,hideHintLabel:x,hideInputHeader:R,isRequired:r}),e.jsxRuntimeExports.jsxs("div",{ref:G,children:[e.jsxRuntimeExports.jsx(T.Combobox.Button,{ref:m,className:"hidden"}),e.jsxRuntimeExports.jsx(de,{disableClearLogic:d,endSlot:b,fullWidth:c,getLabel:l,getItemId:o,isDisabled:y,isInvalid:t,open:A,openPopover:$,onChange:W,placeholder:O,searchInputRef:B,startSlot:P,value:J})]}),e.jsxRuntimeExports.jsx(re.InputFooter,{description:u,errorMessage:i,hideInputFooter:a})]}),e.jsxRuntimeExports.jsx(Z,{triggerRef:G,label:w,getItemId:o,getLabel:l,items:E,open:A,setOpenPopover:z,selectRenderElements:D,disabledItemIdKeys:p,direction:K,onQueryChange:k,isLoading:f,searchInputRef:B,onLoadMore:N})]})})},Re=({by:h,defaultValue:n,description:u,disableClearLogic:d,disabledItemIdKeys:p,endSlot:b,errorMessage:i,fullWidth:c=!0,getItemId:o,getLabel:l,hideHintLabel:x,hideInputFooter:a,hideInputHeader:R,isDisabled:q,isInvalid:t,isLoading:f,isRequired:r,items:E,label:w,labelId:g,name:v,onChange:N,onLoadMore:k,onQueryChange:O,placeholder:D,selectRenderElements:P,startSlot:S,value:F})=>{const{isDisabled:B}=s.useContext(U.FieldGroupContext),m=s.useRef(null),G=s.useRef(null),j=s.useRef(null),[M,A]=s.useState(F??n),[z,$]=s.useState(!1),_=()=>{var y;$(!0),(y=G.current)==null||y.click()},W=s.useCallback(y=>{A(y),N==null||N(y)},[N]),{direction:K}=H.useLocale(),{wrapper:Y}=I.sharedInputStyles({fullWidth:c,isInvalid:t,isDisabled:q||B});return s.useEffect(()=>{A(F??n)},[n,F]),e.jsxRuntimeExports.jsx(T.Combobox,{disabled:q||B,name:v,value:F??M??[],onChange:W,by:h,multiple:!0,children:({disabled:y,value:J})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:Y(),children:[e.jsxRuntimeExports.jsx(te.InputHeader,{label:w,isRequired:r,hideHintLabel:x,hideInputHeader:R,labelId:g}),e.jsxRuntimeExports.jsxs("div",{ref:j,children:[e.jsxRuntimeExports.jsx(T.Combobox.Button,{ref:G,className:"hidden"}),e.jsxRuntimeExports.jsx(pe,{disableClearLogic:d,endSlot:b,fullWidth:c,getLabel:l,getItemId:o,isDisabled:y,isInvalid:t,onChange:W,open:z,openPopover:_,placeholder:D,searchInputRef:m,startSlot:S,value:J})]}),e.jsxRuntimeExports.jsx(re.InputFooter,{description:u,errorMessage:i,hideInputFooter:a})]}),e.jsxRuntimeExports.jsx(Z,{label:w,searchInputRef:m,triggerRef:j,getItemId:o,getLabel:l,items:E,open:z,setOpenPopover:$,selectRenderElements:P,disabledItemIdKeys:p,direction:K,onQueryChange:O,isLoading:f,onLoadMore:k})]})})},fe=({by:h,children:n,defaultValue:u,disabledItemIdKeys:d,getItemId:p,getLabel:b,isDisabled:i,isInvalid:c,isLoading:o,items:l,label:x,name:a,onChange:R,onQueryChange:q,selectRenderElements:t,value:f})=>{const{isDisabled:r}=s.useContext(U.FieldGroupContext),E=s.useRef(null),w=s.useRef(null),g=s.useRef(null),[v,N]=s.useState(f??u),[k,O]=s.useState(!1),D=()=>{var m;O(!0),(m=w.current)==null||m.click()},P=()=>O(!1),S=s.useCallback(m=>{N(m),R==null||R(m),P()},[R]),{direction:F}=H.useLocale(),{wrapper:B}=I.sharedInputStyles({fullWidth:!1,isInvalid:c,isDisabled:i});return s.useEffect(()=>{N(f??u)},[u,f]),e.jsxRuntimeExports.jsx(L.Provider,{values:[[L.ButtonContext,{onPress:()=>D(),isDisabled:i||r}]],children:e.jsxRuntimeExports.jsx(T.Combobox,{disabled:i,name:a,value:f??v??"",onChange:S,by:h,children:()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:B(),children:e.jsxRuntimeExports.jsxs("div",{ref:g,children:[e.jsxRuntimeExports.jsx(T.Combobox.Button,{ref:w,className:"hidden"}),n]})}),e.jsxRuntimeExports.jsx(Z,{triggerRef:g,label:x,getItemId:p,getLabel:b,items:l,open:k,setOpenPopover:O,selectRenderElements:t,disabledItemIdKeys:d,direction:F,onQueryChange:q,isLoading:o,searchInputRef:E,placement:"bottom start"})]})})})},Ee=({by:h,children:n,defaultValue:u,disabledItemIdKeys:d,fullWidth:p=!0,getItemId:b,getLabel:i,isDisabled:c,isInvalid:o,isLoading:l,items:x,label:a,name:R,onChange:q,onQueryChange:t,selectRenderElements:f,value:r})=>{const{isDisabled:E}=s.useContext(U.FieldGroupContext),w=s.useRef(null),g=s.useRef(null),v=s.useRef(null),[N,k]=s.useState(r??u),[O,D]=s.useState(!1),P=()=>{var m;D(!0),(m=g.current)==null||m.click()},S=s.useCallback(m=>{k(m),q==null||q(m)},[q]),{direction:F}=H.useLocale(),{wrapper:B}=I.sharedInputStyles({fullWidth:p,isInvalid:o,isDisabled:c});return s.useEffect(()=>{k(r??u)},[u,r]),e.jsxRuntimeExports.jsx(L.Provider,{values:[[L.ButtonContext,{onPress:()=>P(),isDisabled:c||E}]],children:e.jsxRuntimeExports.jsx(T.Combobox,{disabled:c,name:R,value:r??N??[],onChange:S,by:h,multiple:!0,children:()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:B(),children:e.jsxRuntimeExports.jsxs("div",{ref:v,children:[e.jsxRuntimeExports.jsx(T.Combobox.Button,{ref:g,className:"hidden"}),n]})}),e.jsxRuntimeExports.jsx(Z,{label:a,searchInputRef:w,triggerRef:v,getItemId:b,getLabel:i,items:x,open:O,setOpenPopover:D,selectRenderElements:f,disabledItemIdKeys:d,direction:F,onQueryChange:t,isLoading:l})]})})})};exports.MultiSearchListField=Re;exports.MultiSearchListFieldWithCustomTrigger=Ee;exports.SearchListField=je;exports.SearchListFieldWithCustomTrigger=fe;

package/dist/lyra37.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra37.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useContext, useEffect, useId, useRef, useState } from \"react\";\nimport { Button as AriaButton, ButtonContext, Group, Key, Provider } from \"react-aria-components\";\nimport { flushSync } from \"react-dom\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport clsx from \"clsx\";\n\nimport { Separator, Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { SvgIcon } from \"../../../components/svg-icon\";\nimport { Text } from \"../../../components/text\";\nimport { useFilterItemsByQuery } from \"../../../utils/hooks/use-filter-items-by-query\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { sharedListItemStyles, sharedListStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport {\n  MultiSearchListFieldProps,\n  MultiSearchListFieldWithCustomTriggerProps,\n  SearchInputProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  SearchListFieldWithCustomTriggerProps,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  endSlot,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  startSlot,\n  value,\n}: ValueButton<T>) => {\n  const { buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\n\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\") && !disableClearLogic) {\n      e.stopPropagation();\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      // open the popover\n      flushSync(() => {\n        openPopover?.();\n      });\n      // set the cursor to the end of the input\n      if (searchInputRef.current) {\n        searchInputRef.current.focus();\n        searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n      }\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {startSlot}\n      <AriaButton\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        className={({ isFocused, isHovered }) =>\n          inputField({\n            isHovered,\n            isFocused,\n            className: \"grow\",\n          })\n        }\n        isDisabled={isDisabled}\n        onKeyDown={onKeyDown}\n        onPress={openPopover}\n      >\n        <div className=\"grow text-left\">\n          {value && getLabel(value) ? (\n            <>{getLabel(value)}</>\n          ) : (\n            <Text variant=\"body-medium\" color=\"secondary\">\n              {placeholder}\n            </Text>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {value && !isDisabled && !disableClearLogic ? (\n            <>\n              <div\n                className={buttonExcludedFromTabOrder()}\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=\"clear\" />\n              </div>\n            </>\n          ) : null}\n          <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4\" />\n        </div>\n      </AriaButton>\n      {endSlot}\n    </div>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\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 = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      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        // open the popover\n        flushSync(() => {\n          openPopover();\n        });\n        // set the cursor to the end of the input\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n          searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n        }\n      }\n    },\n    [openPopover, searchInputRef],\n  );\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  return (\n    <Group\n      className={({ isFocusWithin: isFocused, isHovered }) =>\n        inputFieldStyles({\n          isHovered,\n          isFocused,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"has:[data-focused]:border has:[data-focused]:border-focus\",\n          ),\n        })\n      }\n    >\n      <AriaButton\n        onPress={openPopover}\n        onKeyDown={onKeyDown}\n        isDisabled={isDisabled}\n        className=\"flex w-full outline-none\"\n      >\n        <div className=\"grow text-left\">\n          {value && value.length ? (\n            <InputTagGroup<T>\n              label={label ?? \"Selected items\"}\n              className=\"-m-1.5 -mt-[0.3125rem] items-center\"\n              onRemove={isDisabled ? undefined : onRemove}\n            >\n              {value.map((item) => (\n                <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                  {getLabel(item)}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n          ) : (\n            <Text color=\"secondary\">{placeholder}</Text>\n          )}\n        </div>\n        <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-[16px]\" />\n      </AriaButton>\n    </Group>\n  );\n};\n\nconst SearchInput = ({\n  endSlot,\n  isLoading,\n  onQueryChange,\n  query,\n  searchInputRef,\n  setQuery,\n}: SearchInputProps) => {\n  const id = useId();\n  const { clear, search } = useDictionary();\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n  const { buttonExcludedFromTabOrder } = sharedInputStyles({ fullWidth: true });\n\n  return (\n    <div className=\"pb-1\">\n      <div className=\"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5\">\n        <Combobox.Input\n          ref={searchInputRef}\n          id={id}\n          className=\"w-full bg-transparent text-base outline-none placeholder:text-tertiary\"\n          onChange={(e) => {\n            setQuery(e.target.value ?? \"\");\n            onQueryChange?.(e.target.value as any);\n          }}\n          placeholder={search}\n          value={query ?? \"\"}\n          onKeyDown={(event) => {\n            // Prevent selection of an item on Tab key down event\n            if (event.code === \"Tab\") {\n              event.preventDefault();\n            }\n          }}\n        />\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clear}\n            className={buttonExcludedFromTabOrder()}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n              searchInputRef.current?.focus();\n            }}\n          >\n            <SvgIcon name=\"clear\" />\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  getItemId,\n  getLabel,\n  isLoading,\n  items,\n  label,\n  onLoadMore,\n  onQueryChange,\n  open,\n  placement,\n  searchInputRef,\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n}: SearchListFieldItemsProps<T>) => {\n  const { loadMore, noResultsFound } = useDictionary();\n  const { filteredItems, query, setQuery } = useFilterItemsByQuery<T>({\n    getLabel,\n    items,\n    onQueryChange,\n  });\n  const loadMoreButtonRef = useRef<HTMLButtonElement | null>(null);\n  const [isLoadMoreButtonFocused, setIsLoadMoreButtonFocused] = useState(false);\n  const { item: itemStyles } = sharedListItemStyles();\n\n  // Reset focused state as the popover opens / closes\n  useEffect(() => setIsLoadMoreButtonFocused(false), [open]);\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      disablePadding\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      aria-label={label}\n      shouldUpdatePosition\n      placement={placement}\n      style={\n        {\n          width:\n            (triggerRef.current as any)?.offsetWidth > 280\n              ? (triggerRef.current as any)?.offsetWidth + \"px\"\n              : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <div className=\"gap-1\">\n          <SearchInput\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            query={query}\n            setQuery={setQuery}\n            searchInputRef={searchInputRef}\n          />\n          <Combobox.Options\n            static\n            className={sharedListStyles({\n              className: \"h-full max-h-72 overflow-y-auto\",\n            })}\n            onKeyDown={(e) => {\n              // Prevent scrolling inside popover element when the load more button is focused\n              if (\n                document.activeElement === loadMoreButtonRef.current &&\n                (e.code === \"ArrowUp\" || e.code === \"ArrowDown\")\n              ) {\n                e.preventDefault();\n              }\n            }}\n          >\n            {filteredItems.map((item) => (\n              <Combobox.Option\n                key={getItemId(item)}\n                value={item}\n                disabled={disabledItemIdKeys?.includes(getItemId(item) as string)}\n              >\n                {(renderItemState) => (\n                  <SharedListItem\n                    hasSelection\n                    item={item}\n                    state={{\n                      ...renderItemState,\n                      active: renderItemState.active && !isLoadMoreButtonFocused,\n                    }}\n                    selectRenderElements={selectRenderElements}\n                  />\n                )}\n              </Combobox.Option>\n            ))}\n            {!filteredItems?.length ? (\n              <Text variant=\"body-medium\" color=\"secondary\" className=\"px-2.5 py-2\">\n                {noResultsFound}\n              </Text>\n            ) : null}\n            {onLoadMore ? (\n              <>\n                <Separator className=\"my-1\" />\n                <AriaButton\n                  isDisabled={isLoading}\n                  onFocusChange={setIsLoadMoreButtonFocused}\n                  ref={loadMoreButtonRef}\n                  className={itemStyles({\n                    className:\n                      \"justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]\",\n                  })}\n                  onPress={() => {\n                    onLoadMore();\n\n                    // Focus input after loading more items\n                    searchInputRef.current?.focus();\n                  }}\n                >\n                  {loadMore}\n                </AriaButton>\n              </>\n            ) : null}\n          </Combobox.Options>\n        </div>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  selectRenderElements,\n  startSlot,\n  value,\n}: SearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\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 { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Combobox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      value={value ?? internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={wrapper()}>\n            <InputHeader\n              label={label}\n              hideHintLabel={hideHintLabel}\n              hideInputHeader={hideInputHeader}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n              <SingleValueButton\n                disableClearLogic={disableClearLogic}\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                getLabel={getLabel}\n                getItemId={getItemId}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                onChange={onSingleChange}\n                placeholder={placeholder}\n                searchInputRef={searchInputRef}\n                startSlot={startSlot}\n                value={value as T | undefined}\n              />\n            </div>\n            <InputFooter\n              description={description}\n              errorMessage={errorMessage}\n              hideInputFooter={hideInputFooter}\n            />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            label={label}\n            getItemId={getItemId}\n            getLabel={getLabel}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            selectRenderElements={selectRenderElements}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            searchInputRef={searchInputRef}\n            onLoadMore={onLoadMore}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  labelId,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  selectRenderElements,\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Combobox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      value={value ?? internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={wrapper()}>\n            <InputHeader\n              label={label}\n              isRequired={isRequired}\n              hideHintLabel={hideHintLabel}\n              hideInputHeader={hideInputHeader}\n              labelId={labelId}\n            />\n            <div ref={triggerRef}>\n              <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n              <MultipleValuesButton\n                disableClearLogic={disableClearLogic}\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                getLabel={getLabel}\n                getItemId={getItemId}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                onChange={onMultiChange}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                searchInputRef={searchInputRef}\n                startSlot={startSlot}\n                value={value}\n              />\n            </div>\n            <InputFooter\n              description={description}\n              errorMessage={errorMessage}\n              hideInputFooter={hideInputFooter}\n            />\n          </div>\n          <SearchListFieldItems<T>\n            label={label}\n            searchInputRef={searchInputRef}\n            triggerRef={triggerRef}\n            getItemId={getItemId}\n            getLabel={getLabel}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            selectRenderElements={selectRenderElements}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            onLoadMore={onLoadMore}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const SearchListFieldWithCustomTrigger = <T extends object>({\n  by,\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  selectRenderElements,\n  value,\n}: SearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\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 { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth: false,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            onPress: () => openPopover(),\n            isDisabled: isDisabled || fieldGroupIsDisabled,\n          },\n        ],\n      ]}\n    >\n      <Combobox\n        disabled={isDisabled}\n        name={name}\n        value={value ?? internalValue ?? \"\"}\n        onChange={onSingleChange}\n        by={by as any}\n      >\n        {() => (\n          <>\n            <div className={wrapper()}>\n              <div ref={triggerRef}>\n                <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n                {children}\n              </div>\n            </div>\n            <SearchListFieldItems<T>\n              triggerRef={triggerRef}\n              label={label}\n              getItemId={getItemId}\n              getLabel={getLabel}\n              items={items}\n              open={isOpen}\n              setOpenPopover={setIsOpen}\n              selectRenderElements={selectRenderElements}\n              disabledItemIdKeys={disabledItemIdKeys}\n              direction={direction}\n              onQueryChange={onQueryChange}\n              isLoading={isLoading}\n              searchInputRef={searchInputRef}\n              placement=\"bottom start\"\n            />\n          </>\n        )}\n      </Combobox>\n    </Provider>\n  );\n};\n\nexport const MultiSearchListFieldWithCustomTrigger = <T extends object>({\n  by,\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  selectRenderElements,\n  value,\n}: MultiSearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          { onPress: () => openPopover(), isDisabled: isDisabled || fieldGroupIsDisabled },\n        ],\n      ]}\n    >\n      <Combobox\n        disabled={isDisabled}\n        name={name}\n        value={value ?? internalValue ?? []}\n        onChange={onMultiChange}\n        by={by as any}\n        multiple={true as any}\n      >\n        {() => (\n          <>\n            <div className={wrapper()}>\n              <div ref={triggerRef}>\n                <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n                {children}\n              </div>\n            </div>\n            <SearchListFieldItems<T>\n              label={label}\n              searchInputRef={searchInputRef}\n              triggerRef={triggerRef}\n              getItemId={getItemId}\n              getLabel={getLabel}\n              items={items}\n              open={isOpen}\n              setOpenPopover={setIsOpen}\n              selectRenderElements={selectRenderElements}\n              disabledItemIdKeys={disabledItemIdKeys}\n              direction={direction}\n              onQueryChange={onQueryChange}\n              isLoading={isLoading}\n            />\n          </>\n        )}\n      </Combobox>\n    </Provider>\n  );\n};\n"],"names":["SingleValueButton","disableClearLogic","endSlot","fullWidth","getLabel","isDisabled","isInvalid","onChange","open","openPopover","placeholder","searchInputRef","startSlot","value","buttonExcludedFromTabOrder","inputField","sharedInputStyles","onKeyDown","e","flushSync","jsxs","AriaButton","isFocused","isHovered","jsx","Fragment","Text","SvgIcon","MultipleValuesButton","getItemId","label","inputFieldStyles","useCallback","onRemove","keys","item","itemId","Group","clsx","InputTagGroup","InputTag","SearchInput","isLoading","onQueryChange","query","setQuery","id","useId","clear","search","useDictionary","showSpinner","useSpinDelay","Combobox","event","_a","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","items","onLoadMore","placement","selectRenderElements","setOpenPopover","triggerRef","loadMore","noResultsFound","filteredItems","useFilterItemsByQuery","loadMoreButtonRef","useRef","isLoadMoreButtonFocused","setIsLoadMoreButtonFocused","useState","itemStyles","sharedListItemStyles","useEffect","Popover","_b","sharedListStyles","renderItemState","SharedListItem","Separator","SearchListField","by","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","name","fieldGroupIsDisabled","useContext","FieldGroupContext","comboBoxButtonRef","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","newValue","useLocale","wrapper","disabled","InputHeader","InputFooter","MultiSearchListField","labelId","onMultiChange","SearchListFieldWithCustomTrigger","children","Provider","ButtonContext","MultiSearchListFieldWithCustomTrigger"],"mappings":"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"}
+{"version":3,"file":"lyra37.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useContext, useEffect, useId, useRef, useState } from \"react\";\nimport { Button as AriaButton, ButtonContext, Group, Key, Provider } from \"react-aria-components\";\nimport { flushSync } from \"react-dom\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport clsx from \"clsx\";\n\nimport { Separator, Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { SvgIcon } from \"../../../components/svg-icon\";\nimport { Text } from \"../../../components/text\";\nimport { useFilterItemsByQuery } from \"../../../utils/hooks/use-filter-items-by-query\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { sharedListItemStyles, sharedListStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport {\n  MultiSearchListFieldProps,\n  MultiSearchListFieldWithCustomTriggerProps,\n  SearchInputProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  SearchListFieldWithCustomTriggerProps,\n  ValueButton,\n} from \"./seach-list-field.types\";\n\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  endSlot,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  startSlot,\n  value,\n}: ValueButton<T>) => {\n  const { buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\n\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\") && !disableClearLogic) {\n      e.stopPropagation();\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      // open the popover\n      flushSync(() => {\n        openPopover?.();\n      });\n      // set the cursor to the end of the input\n      if (searchInputRef.current) {\n        searchInputRef.current.focus();\n        searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n      }\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      {startSlot}\n      <AriaButton\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        className={({ isFocused, isHovered }) =>\n          inputField({\n            isHovered,\n            isFocused,\n            className: \"grow\",\n          })\n        }\n        isDisabled={isDisabled}\n        onKeyDown={onKeyDown}\n        onPress={openPopover}\n      >\n        <div className=\"grow truncate text-start\">\n          {value && getLabel(value) ? (\n            <>{getLabel(value)}</>\n          ) : (\n            <Text variant=\"body-medium\" color=\"secondary\">\n              {placeholder}\n            </Text>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {value && !isDisabled && !disableClearLogic ? (\n            <>\n              <div\n                className={buttonExcludedFromTabOrder()}\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=\"clear\" />\n              </div>\n            </>\n          ) : null}\n          <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4\" />\n        </div>\n      </AriaButton>\n      {endSlot}\n    </div>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  openPopover,\n  placeholder,\n  searchInputRef,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({\n    isInvalid,\n    hasEndSlot: true,\n    fullWidth,\n    isDisabled,\n  });\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 = useCallback(\n    (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      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        // open the popover\n        flushSync(() => {\n          openPopover();\n        });\n        // set the cursor to the end of the input\n        if (searchInputRef.current) {\n          searchInputRef.current.focus();\n          searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n        }\n      }\n    },\n    [openPopover, searchInputRef],\n  );\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  return (\n    <Group\n      className={({ isFocusWithin: isFocused, isHovered }) =>\n        inputFieldStyles({\n          isHovered,\n          isFocused,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"has:[data-focused]:border has:[data-focused]:border-focus\",\n          ),\n        })\n      }\n    >\n      <AriaButton\n        onPress={openPopover}\n        onKeyDown={onKeyDown}\n        isDisabled={isDisabled}\n        className=\"flex w-full outline-none\"\n      >\n        <div className=\"grow text-left\">\n          {value && value.length ? (\n            <InputTagGroup<T>\n              label={label ?? \"Selected items\"}\n              className=\"-m-1.5 -mt-[0.3125rem] items-center\"\n              onRemove={isDisabled ? undefined : onRemove}\n            >\n              {value.map((item) => (\n                <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                  {getLabel(item)}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n          ) : (\n            <Text color=\"secondary\">{placeholder}</Text>\n          )}\n        </div>\n        <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-[16px]\" />\n      </AriaButton>\n    </Group>\n  );\n};\n\nconst SearchInput = ({\n  endSlot,\n  isLoading,\n  onQueryChange,\n  query,\n  searchInputRef,\n  setQuery,\n}: SearchInputProps) => {\n  const id = useId();\n  const { clear, search } = useDictionary();\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n  const { buttonExcludedFromTabOrder } = sharedInputStyles({ fullWidth: true });\n\n  return (\n    <div className=\"pb-1\">\n      <div className=\"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5\">\n        <Combobox.Input\n          ref={searchInputRef}\n          id={id}\n          className=\"w-full bg-transparent text-base outline-none placeholder:text-tertiary\"\n          onChange={(e) => {\n            setQuery(e.target.value ?? \"\");\n            onQueryChange?.(e.target.value as any);\n          }}\n          placeholder={search}\n          value={query ?? \"\"}\n          onKeyDown={(event) => {\n            // Prevent selection of an item on Tab key down event\n            if (event.code === \"Tab\") {\n              event.preventDefault();\n            }\n          }}\n        />\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clear}\n            className={buttonExcludedFromTabOrder()}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n              searchInputRef.current?.focus();\n            }}\n          >\n            <SvgIcon name=\"clear\" />\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  getItemId,\n  getLabel,\n  isLoading,\n  items,\n  label,\n  onLoadMore,\n  onQueryChange,\n  open,\n  placement,\n  searchInputRef,\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n}: SearchListFieldItemsProps<T>) => {\n  const { loadMore, noResultsFound } = useDictionary();\n  const { filteredItems, query, setQuery } = useFilterItemsByQuery<T>({\n    getLabel,\n    items,\n    onQueryChange,\n  });\n  const loadMoreButtonRef = useRef<HTMLButtonElement | null>(null);\n  const [isLoadMoreButtonFocused, setIsLoadMoreButtonFocused] = useState(false);\n  const { item: itemStyles } = sharedListItemStyles();\n\n  const itemsParentRef = useRef<HTMLDivElement>(null);\n\n  const count = filteredItems.length;\n  const virtualizer = useVirtualizer({\n    count,\n    getScrollElement: () => itemsParentRef.current,\n    estimateSize: () => 24,\n    getItemKey: (index) => getItemId(filteredItems[index]),\n    overscan: 6,\n  });\n\n  const virtualizedFilterdItems = virtualizer.getVirtualItems();\n\n  // Reset focused state as the popover opens / closes\n  useEffect(() => setIsLoadMoreButtonFocused(false), [open]);\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      disablePadding\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      aria-label={label}\n      shouldUpdatePosition\n      placement={placement}\n      style={\n        {\n          width:\n            (triggerRef.current as any)?.offsetWidth > 280\n              ? (triggerRef.current as any)?.offsetWidth + \"px\"\n              : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <div className=\"gap-1\">\n          <SearchInput\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            query={query}\n            setQuery={setQuery}\n            searchInputRef={searchInputRef}\n          />\n          <Combobox.Options\n            static\n            className={sharedListStyles({})}\n            as=\"div\"\n            onKeyDown={(e) => {\n              // Prevent scrolling inside popover element when the load more button is focused\n              if (\n                document.activeElement === loadMoreButtonRef.current &&\n                (e.code === \"ArrowUp\" || e.code === \"ArrowDown\")\n              ) {\n                e.preventDefault();\n              }\n            }}\n          >\n            <div\n              ref={itemsParentRef}\n              className=\"w-full overflow-y-auto\"\n              style={{ contain: \"strict\", height: Math.min(288, virtualizer.getTotalSize()) }}\n            >\n              <div className=\"relative w-full\" style={{ height: virtualizer.getTotalSize() }}>\n                <div\n                  style={{\n                    position: \"absolute\",\n                    top: 0,\n                    left: 0,\n                    width: \"100%\",\n                    transform: `translateY(${virtualizedFilterdItems[0]?.start ?? 0}px)`,\n                  }}\n                >\n                  {virtualizedFilterdItems.map((item) => (\n                    <Combobox.Option\n                      key={item.key}\n                      data-index={item.index}\n                      id={getItemId(filteredItems[item.index]) as string}\n                      as=\"div\"\n                      value={filteredItems[item.index]}\n                      disabled={disabledItemIdKeys?.includes(\n                        getItemId(filteredItems[item.index]) as string,\n                      )}\n                      ref={virtualizer.measureElement}\n                    >\n                      {(renderItemState) => (\n                        <SharedListItem\n                          hasSelection\n                          item={filteredItems[item.index]}\n                          state={{\n                            ...renderItemState,\n                            active: renderItemState.active && !isLoadMoreButtonFocused,\n                          }}\n                          selectRenderElements={selectRenderElements}\n                        />\n                      )}\n                    </Combobox.Option>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            {!filteredItems?.length ? (\n              <Text variant=\"body-medium\" color=\"secondary\" className=\"px-2.5 py-2\">\n                {noResultsFound}\n              </Text>\n            ) : null}\n            {onLoadMore ? (\n              <>\n                <Separator className=\"my-1\" />\n                <AriaButton\n                  isDisabled={isLoading}\n                  onFocusChange={setIsLoadMoreButtonFocused}\n                  ref={loadMoreButtonRef}\n                  className={itemStyles({\n                    className:\n                      \"justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]\",\n                  })}\n                  onPress={() => {\n                    onLoadMore();\n\n                    // Focus input after loading more items\n                    searchInputRef.current?.focus();\n                  }}\n                >\n                  {loadMore}\n                </AriaButton>\n              </>\n            ) : null}\n          </Combobox.Options>\n        </div>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  selectRenderElements,\n  startSlot,\n  value,\n}: SearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\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 { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Combobox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      value={value ?? internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={wrapper()}>\n            <InputHeader\n              label={label}\n              hideHintLabel={hideHintLabel}\n              hideInputHeader={hideInputHeader}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n              <SingleValueButton\n                disableClearLogic={disableClearLogic}\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                getLabel={getLabel}\n                getItemId={getItemId}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                onChange={onSingleChange}\n                placeholder={placeholder}\n                searchInputRef={searchInputRef}\n                startSlot={startSlot}\n                value={value as T | undefined}\n              />\n            </div>\n            <InputFooter\n              description={description}\n              errorMessage={errorMessage}\n              hideInputFooter={hideInputFooter}\n            />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            label={label}\n            getItemId={getItemId}\n            getLabel={getLabel}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            selectRenderElements={selectRenderElements}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            searchInputRef={searchInputRef}\n            onLoadMore={onLoadMore}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  items,\n  label,\n  labelId,\n  name,\n  onChange,\n  onLoadMore,\n  onQueryChange,\n  placeholder,\n  selectRenderElements,\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled: isDisabled || fieldGroupIsDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Combobox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      value={value ?? internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={wrapper()}>\n            <InputHeader\n              label={label}\n              isRequired={isRequired}\n              hideHintLabel={hideHintLabel}\n              hideInputHeader={hideInputHeader}\n              labelId={labelId}\n            />\n            <div ref={triggerRef}>\n              <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n              <MultipleValuesButton\n                disableClearLogic={disableClearLogic}\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                getLabel={getLabel}\n                getItemId={getItemId}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                onChange={onMultiChange}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                searchInputRef={searchInputRef}\n                startSlot={startSlot}\n                value={value}\n              />\n            </div>\n            <InputFooter\n              description={description}\n              errorMessage={errorMessage}\n              hideInputFooter={hideInputFooter}\n            />\n          </div>\n          <SearchListFieldItems<T>\n            label={label}\n            searchInputRef={searchInputRef}\n            triggerRef={triggerRef}\n            getItemId={getItemId}\n            getLabel={getLabel}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            selectRenderElements={selectRenderElements}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            onLoadMore={onLoadMore}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const SearchListFieldWithCustomTrigger = <T extends object>({\n  by,\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  selectRenderElements,\n  value,\n}: SearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\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 { direction } = useLocale();\n  const { wrapper } = sharedInputStyles({\n    fullWidth: false,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            onPress: () => openPopover(),\n            isDisabled: isDisabled || fieldGroupIsDisabled,\n          },\n        ],\n      ]}\n    >\n      <Combobox\n        disabled={isDisabled}\n        name={name}\n        value={value ?? internalValue ?? \"\"}\n        onChange={onSingleChange}\n        by={by as any}\n      >\n        {() => (\n          <>\n            <div className={wrapper()}>\n              <div ref={triggerRef}>\n                <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n                {children}\n              </div>\n            </div>\n            <SearchListFieldItems<T>\n              triggerRef={triggerRef}\n              label={label}\n              getItemId={getItemId}\n              getLabel={getLabel}\n              items={items}\n              open={isOpen}\n              setOpenPopover={setIsOpen}\n              selectRenderElements={selectRenderElements}\n              disabledItemIdKeys={disabledItemIdKeys}\n              direction={direction}\n              onQueryChange={onQueryChange}\n              isLoading={isLoading}\n              searchInputRef={searchInputRef}\n              placement=\"bottom start\"\n            />\n          </>\n        )}\n      </Combobox>\n    </Provider>\n  );\n};\n\nexport const MultiSearchListFieldWithCustomTrigger = <T extends object>({\n  by,\n  children,\n  defaultValue,\n  disabledItemIdKeys,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  selectRenderElements,\n  value,\n}: MultiSearchListFieldWithCustomTriggerProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const comboBoxButtonRef = useRef<HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => {\n    setIsOpen(true);\n    comboBoxButtonRef.current?.click();\n  };\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    isInvalid,\n    isDisabled,\n  });\n\n  // sync outside value changes with internal value\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          { onPress: () => openPopover(), isDisabled: isDisabled || fieldGroupIsDisabled },\n        ],\n      ]}\n    >\n      <Combobox\n        disabled={isDisabled}\n        name={name}\n        value={value ?? internalValue ?? []}\n        onChange={onMultiChange}\n        by={by as any}\n        multiple={true as any}\n      >\n        {() => (\n          <>\n            <div className={wrapper()}>\n              <div ref={triggerRef}>\n                <Combobox.Button ref={comboBoxButtonRef} className=\"hidden\" />\n                {children}\n              </div>\n            </div>\n            <SearchListFieldItems<T>\n              label={label}\n              searchInputRef={searchInputRef}\n              triggerRef={triggerRef}\n              getItemId={getItemId}\n              getLabel={getLabel}\n              items={items}\n              open={isOpen}\n              setOpenPopover={setIsOpen}\n              selectRenderElements={selectRenderElements}\n              disabledItemIdKeys={disabledItemIdKeys}\n              direction={direction}\n              onQueryChange={onQueryChange}\n              isLoading={isLoading}\n            />\n          </>\n        )}\n      </Combobox>\n    </Provider>\n  );\n};\n"],"names":["SingleValueButton","disableClearLogic","endSlot","fullWidth","getLabel","isDisabled","isInvalid","onChange","open","openPopover","placeholder","searchInputRef","startSlot","value","buttonExcludedFromTabOrder","inputField","sharedInputStyles","onKeyDown","e","flushSync","jsxs","AriaButton","isFocused","isHovered","jsx","Fragment","Text","SvgIcon","MultipleValuesButton","getItemId","label","inputFieldStyles","useCallback","onRemove","keys","item","itemId","Group","clsx","InputTagGroup","InputTag","SearchInput","isLoading","onQueryChange","query","setQuery","id","useId","clear","search","useDictionary","showSpinner","useSpinDelay","Combobox","event","_a","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","items","onLoadMore","placement","selectRenderElements","setOpenPopover","triggerRef","loadMore","noResultsFound","filteredItems","useFilterItemsByQuery","loadMoreButtonRef","useRef","isLoadMoreButtonFocused","setIsLoadMoreButtonFocused","useState","itemStyles","sharedListItemStyles","itemsParentRef","count","virtualizer","useVirtualizer","index","virtualizedFilterdItems","useEffect","Popover","_b","sharedListStyles","_c","renderItemState","SharedListItem","Separator","SearchListField","by","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","name","fieldGroupIsDisabled","useContext","FieldGroupContext","comboBoxButtonRef","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","onSingleChange","newValue","useLocale","wrapper","disabled","InputHeader","InputFooter","MultiSearchListField","labelId","onMultiChange","SearchListFieldWithCustomTrigger","children","Provider","ButtonContext","MultiSearchListFieldWithCustomTrigger"],"mappings":"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"}