@new-black/lyra 1.0.12 → 1.0.14

package/dist/lyra36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra88.cjs"),l=require("react"),T=require("./lyra87.cjs"),Y=require("./lyra448.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const W=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 _=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra93.cjs");require("./lyra78.cjs");require("./lyra453.cjs");const $=require("./lyra38.cjs"),z=require("./lyra39.cjs"),V=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const Z=require("./lyra594.cjs"),C=require("./lyra454.cjs"),K=require("./lyra455.cjs"),g=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const B=require("./lyra71.cjs");require("./lyra72.cjs");const U=require("./lyra456.cjs");require("./lyra457.cjs");require("react-dom");const I=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");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("./lyra96.cjs");const J=require("./lyra86.cjs"),rr=({closePopover:c,disabledItemIdKeys:u,filteredItems:x,getItemId:e,onMultiChange:f,onSingleChange:p,value:t})=>{const N=l.useMemo(()=>{if(Array.isArray(t))return t.length?x.findIndex(s=>e(s)===e(t[0])):0;if(t)return x.findIndex(s=>e(s)===e(t))},[x,e,t]),[h,q]=l.useState(N??0),E=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s-1;n>=0;n--)if(!(u!=null&&u.includes(e(x[n]))))return Math.max(n,0)}return-1},[u,x,e]),w=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s+1;n<x.length;n++)if(!(u!=null&&u.includes(e(x[n]))))return Math.min(x.length-1,n)}return-1},[u,x,e]),k=l.useRef([]),a=l.useCallback((s,n)=>{n&&(k.current[s]=n)},[]),i=l.useCallback(s=>{if(f){const n=t?[...t]:[],S=n.map(e),R=S!=null&&S.includes(e(s))?n.filter(F=>e(F)!==e(s)):[...n,s];f==null||f(R)}else p&&(p==null||p(s))},[e,f,p,t]),o=l.useCallback(s=>Array.isArray(t)?t.some(n=>e(n)===e(s)):t?e(t)===e(s):!1,[e,t]),m=I.useMousePosition(),j=l.useRef(void 0),y=l.useCallback(s=>{const n=h;if(s.key==="ArrowDown"){s.preventDefault();const S=w(n);if(S>=0){q(S),j.current=m;const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus()}}else if(s.key==="ArrowUp"){s.preventDefault();const S=E(n);if(S>=0){q(S);const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus(),j.current=m}}else s.key==="Escape"&&c()},[h,c,w,E,m]),v=l.useCallback((s,n)=>{s&&j.current!==m&&(q(n),j.current=m)},[m]);return l.useEffect(()=>{var s;(s=k.current)!=null&&s[h]&&k.current[h].focus()},[open]),{activeItem:h,assignRefOnIndex:a,getItemIsSelected:o,onKeyDown:y,onHoverChange:v,selectedItemIndex:N,toggleSelection:i}},er=({disabledItemIdKeys:c,getItemId:u,items:x,onMultiChange:e,onSingleChange:f,selectRenderElements:p,setOpenPopover:t,value:N})=>{const{activeItem:h,assignRefOnIndex:q,getItemIsSelected:E,onHoverChange:w,onKeyDown:k,toggleSelection:a}=rr({closePopover:()=>t(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:u,onMultiChange:e,onSingleChange:f,value:N}),i=o=>(c==null?void 0:c.includes(u(o)))??!1;return r.jsxRuntimeExports.jsx("div",{className:C.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((o,m)=>r.jsxRuntimeExports.jsx(T.Button,{"data-index":m,ref:j=>q(m,j),className:"w-full text-start outline-none",onHoverChange:j=>{w(j,m)},onPress:()=>a(o),onKeyDown:j=>k(j),isDisabled:i(o),children:r.jsxRuntimeExports.jsx(K.SharedListItem,{item:o,state:{active:h===m,disabled:(c==null?void 0:c.includes(u(o)))??!1,selected:E(o)},selectRenderElements:p,hasSelection:!0})},u(o)))})},Q=({direction:c,disabledItemIdKeys:u,getItemId:x,items:e,label:f,onMultiChange:p,onSingleChange:t,open:N,placement:h="bottom start",selectRenderElements:q,setOpenPopover:E,triggerRef:w,value:k})=>{var m,j;const[a,i]=l.useState((m=w.current)==null?void 0:m.offsetWidth),o=a??((j=w.current)==null?void 0:j.offsetWidth);return Z.default("resize",()=>{var y;i((y=w.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(g.Popover,{className:"p-1",isOpen:N,triggerRef:w,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":f,disablePadding:!0,placement:h,style:{width:o&&o>280?o+"px":"280px",direction:c},children:N?r.jsxRuntimeExports.jsx(er,{getItemId:x,items:e,onMultiChange:p,onSingleChange:t,selectRenderElements:q,setOpenPopover:E,value:k,disabledItemIdKeys:u}):null})},sr=({disableClearLogic:c,fullWidth:u,getLabel:x,isDisabled:e,isInvalid:f,onChange:p,placeholder:t,renderCustomElementInValueButton:N,selectRenderElements:h,setOpenPopover:q,value:E})=>{var a;const{inputField:w}=V.sharedInputStyles({}),k=i=>{(i.key==="Escape"||i.key==="Backspace")&&!c?p==null||p(void 0):i.key==="ArrowDown"&&(i.preventDefault(),q(!0))};return r.jsxRuntimeExports.jsxs(T.Button,{className:({isFocused:i,isHovered:o})=>w({fullWidth:u,isDisabled:e,isHovered:o,isFocused:i,isInvalid:f,hasEndSlot:!0,className:o&&!f&&!e&&!i?"border-hover":""}),isDisabled:e,onKeyDown:k,onPress:()=>{q(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[N&&E?(a=h(E))==null?void 0:a.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(B.Text,{color:"secondary",children:t})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down"})]})]})},tr=({fullWidth:c,getItemId:u,getLabel:x,isDisabled:e,isInvalid:f,label:p,onChange:t,placeholder:N,setOpenPopover:h,value:q})=>{const{inputField:E}=V.sharedInputStyles({}),w=l.useCallback(a=>{q&&t(q.filter(i=>{const o=u(i);return!a.has(o)}))},[u,t,q]),k=a=>{(a.key==="ArrowDown"||a.key==="Enter"||a.key===" ")&&(a.preventDefault(),h(!0))};return r.jsxRuntimeExports.jsx(T.Group,{children:({isFocusWithin:a})=>r.jsxRuntimeExports.jsx(T.Button,{className:({isFocused:i,isHovered:o})=>E({fullWidth:c,isDisabled:e,isHovered:o,isFocused:i||a,isInvalid:f,hasEndSlot:!0,className:Y.clsx(o&&!f&&!e&&!i?"border-hover":"","items-start")}),onKeyDown:i=>k(i),onPress:()=>h(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:q&&q.length?r.jsxRuntimeExports.jsx(U.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:w,children:q.map(i=>r.jsxRuntimeExports.jsx(U.InputTag,{id:u(i),isDisabled:e,children:x(i)},u(i)))}):r.jsxRuntimeExports.jsx(B.Text,{color:"secondary",children:N})}),r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},X=({getItemId:c,name:u,value:x})=>u?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(x)}):null:null,nr=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:q,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:j,placeholder:y,placement:v,renderCustomElementInValueButton:s,selectRenderElements:n,value:S})=>{const{isDisabled:R}=l.useContext(_.FieldGroupContext),[F,D]=l.useState(!1),H=w||R,[d,G]=l.useState(S??c),{wrapper:O}=V.sharedInputStyles({}),L=l.useRef(null),{direction:M}=J.useLocale(),P=l.useCallback(b=>{G(b),j==null||j(b),D(!1)},[j]);l.useEffect(()=>{G(S??c)},[c,S]);const A=S??d;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(X,{name:m,value:A,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:O({fullWidth:p}),children:[r.jsxRuntimeExports.jsx($.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:L,children:r.jsxRuntimeExports.jsx(sr,{fullWidth:p,isDisabled:H,disableClearLogic:x,isInvalid:k,placeholder:y,value:A,getLabel:N,getItemId:t,label:o,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:s,selectRenderElements:n})}),r.jsxRuntimeExports.jsx(z.InputFooter,{description:u,errorMessage:f,hideInputFooter:q})]}),r.jsxRuntimeExports.jsx(Q,{triggerRef:L,label:`${o} options`,getItemId:t,selectRenderElements:n,items:i,open:F,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onSingleChange:P,value:A,placement:v})]})},ur=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:q,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:j,placeholder:y,placement:v,selectRenderElements:s,value:n})=>{const{isDisabled:S}=l.useContext(_.FieldGroupContext),R=w||S,[F,D]=l.useState(!1),[H,d]=l.useState(n??c),G=l.useRef(null),{direction:O}=J.useLocale(),{wrapper:L}=V.sharedInputStyles({}),M=l.useCallback(A=>{d(A),j==null||j(A)},[j]);l.useEffect(()=>{d(n??c)},[c,n]);const P=n??H;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(X,{name:m,value:P,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:L({fullWidth:p}),children:[r.jsxRuntimeExports.jsx($.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:G,children:r.jsxRuntimeExports.jsx(tr,{fullWidth:p,isDisabled:R,isInvalid:k,placeholder:y,value:P,onChange:M,getItemId:t,getLabel:N,label:o,disableClearLogic:x,setOpenPopover:D,selectRenderElements:s})}),r.jsxRuntimeExports.jsx(z.InputFooter,{description:u,errorMessage:f,hideInputFooter:q})]}),r.jsxRuntimeExports.jsx(Q,{label:`${o} options`,triggerRef:G,items:i,open:F,getItemId:t,selectRenderElements:s,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onMultiChange:M,placement:v,value:P})]})};exports.MultiSelect=ur;exports.Select=nr;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra88.cjs"),l=require("react"),T=require("./lyra87.cjs"),Y=require("./lyra448.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const W=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 _=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra93.cjs");require("./lyra78.cjs");require("./lyra456.cjs");const $=require("./lyra38.cjs"),z=require("./lyra39.cjs"),V=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const Z=require("./lyra594.cjs"),C=require("./lyra453.cjs"),K=require("./lyra454.cjs"),g=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const B=require("./lyra71.cjs");require("./lyra72.cjs");const U=require("./lyra457.cjs");require("./lyra458.cjs");require("react-dom");const I=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");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("./lyra96.cjs");const J=require("./lyra86.cjs"),rr=({closePopover:c,disabledItemIdKeys:u,filteredItems:x,getItemId:e,onMultiChange:f,onSingleChange:p,value:t})=>{const N=l.useMemo(()=>{if(Array.isArray(t))return t.length?x.findIndex(s=>e(s)===e(t[0])):0;if(t)return x.findIndex(s=>e(s)===e(t))},[x,e,t]),[h,q]=l.useState(N??0),E=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s-1;n>=0;n--)if(!(u!=null&&u.includes(e(x[n]))))return Math.max(n,0)}return-1},[u,x,e]),w=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s+1;n<x.length;n++)if(!(u!=null&&u.includes(e(x[n]))))return Math.min(x.length-1,n)}return-1},[u,x,e]),k=l.useRef([]),a=l.useCallback((s,n)=>{n&&(k.current[s]=n)},[]),i=l.useCallback(s=>{if(f){const n=t?[...t]:[],S=n.map(e),R=S!=null&&S.includes(e(s))?n.filter(F=>e(F)!==e(s)):[...n,s];f==null||f(R)}else p&&(p==null||p(s))},[e,f,p,t]),o=l.useCallback(s=>Array.isArray(t)?t.some(n=>e(n)===e(s)):t?e(t)===e(s):!1,[e,t]),m=I.useMousePosition(),j=l.useRef(void 0),y=l.useCallback(s=>{const n=h;if(s.key==="ArrowDown"){s.preventDefault();const S=w(n);if(S>=0){q(S),j.current=m;const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus()}}else if(s.key==="ArrowUp"){s.preventDefault();const S=E(n);if(S>=0){q(S);const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus(),j.current=m}}else s.key==="Escape"&&c()},[h,c,w,E,m]),v=l.useCallback((s,n)=>{s&&j.current!==m&&(q(n),j.current=m)},[m]);return l.useEffect(()=>{var s;(s=k.current)!=null&&s[h]&&k.current[h].focus()},[open]),{activeItem:h,assignRefOnIndex:a,getItemIsSelected:o,onKeyDown:y,onHoverChange:v,selectedItemIndex:N,toggleSelection:i}},er=({disabledItemIdKeys:c,getItemId:u,items:x,onMultiChange:e,onSingleChange:f,selectRenderElements:p,setOpenPopover:t,value:N})=>{const{activeItem:h,assignRefOnIndex:q,getItemIsSelected:E,onHoverChange:w,onKeyDown:k,toggleSelection:a}=rr({closePopover:()=>t(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:u,onMultiChange:e,onSingleChange:f,value:N}),i=o=>(c==null?void 0:c.includes(u(o)))??!1;return r.jsxRuntimeExports.jsx("div",{className:C.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((o,m)=>r.jsxRuntimeExports.jsx(T.Button,{"data-index":m,ref:j=>q(m,j),className:"w-full text-start outline-none",onHoverChange:j=>{w(j,m)},onPress:()=>a(o),onKeyDown:j=>k(j),isDisabled:i(o),children:r.jsxRuntimeExports.jsx(K.SharedListItem,{item:o,state:{active:h===m,disabled:(c==null?void 0:c.includes(u(o)))??!1,selected:E(o)},selectRenderElements:p,hasSelection:!0})},u(o)))})},Q=({direction:c,disabledItemIdKeys:u,getItemId:x,items:e,label:f,onMultiChange:p,onSingleChange:t,open:N,placement:h="bottom start",selectRenderElements:q,setOpenPopover:E,triggerRef:w,value:k})=>{var m,j;const[a,i]=l.useState((m=w.current)==null?void 0:m.offsetWidth),o=a??((j=w.current)==null?void 0:j.offsetWidth);return Z.default("resize",()=>{var y;i((y=w.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(g.Popover,{className:"p-1",isOpen:N,triggerRef:w,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":f,disablePadding:!0,placement:h,style:{width:o&&o>280?o+"px":"280px",direction:c},children:N?r.jsxRuntimeExports.jsx(er,{getItemId:x,items:e,onMultiChange:p,onSingleChange:t,selectRenderElements:q,setOpenPopover:E,value:k,disabledItemIdKeys:u}):null})},sr=({disableClearLogic:c,fullWidth:u,getLabel:x,isDisabled:e,isInvalid:f,onChange:p,placeholder:t,renderCustomElementInValueButton:N,selectRenderElements:h,setOpenPopover:q,value:E})=>{var a;const{inputField:w}=V.sharedInputStyles({}),k=i=>{(i.key==="Escape"||i.key==="Backspace")&&!c?p==null||p(void 0):i.key==="ArrowDown"&&(i.preventDefault(),q(!0))};return r.jsxRuntimeExports.jsxs(T.Button,{className:({isFocused:i,isHovered:o})=>w({fullWidth:u,isDisabled:e,isHovered:o,isFocused:i,isInvalid:f,hasEndSlot:!0,className:o&&!f&&!e&&!i?"border-hover":""}),isDisabled:e,onKeyDown:k,onPress:()=>{q(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[N&&E?(a=h(E))==null?void 0:a.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(B.Text,{color:"secondary",children:t})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down"})]})]})},tr=({fullWidth:c,getItemId:u,getLabel:x,isDisabled:e,isInvalid:f,label:p,onChange:t,placeholder:N,setOpenPopover:h,value:q})=>{const{inputField:E}=V.sharedInputStyles({}),w=l.useCallback(a=>{q&&t(q.filter(i=>{const o=u(i);return!a.has(o)}))},[u,t,q]),k=a=>{(a.key==="ArrowDown"||a.key==="Enter"||a.key===" ")&&(a.preventDefault(),h(!0))};return r.jsxRuntimeExports.jsx(T.Group,{children:({isFocusWithin:a})=>r.jsxRuntimeExports.jsx(T.Button,{className:({isFocused:i,isHovered:o})=>E({fullWidth:c,isDisabled:e,isHovered:o,isFocused:i||a,isInvalid:f,hasEndSlot:!0,className:Y.clsx(o&&!f&&!e&&!i?"border-hover":"","items-start")}),onKeyDown:i=>k(i),onPress:()=>h(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:q&&q.length?r.jsxRuntimeExports.jsx(U.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:w,children:q.map(i=>r.jsxRuntimeExports.jsx(U.InputTag,{id:u(i),isDisabled:e,children:x(i)},u(i)))}):r.jsxRuntimeExports.jsx(B.Text,{color:"secondary",children:N})}),r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},X=({getItemId:c,name:u,value:x})=>u?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(x)}):null:null,nr=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:q,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:j,placeholder:y,placement:v,renderCustomElementInValueButton:s,selectRenderElements:n,value:S})=>{const{isDisabled:R}=l.useContext(_.FieldGroupContext),[F,D]=l.useState(!1),H=w||R,[d,G]=l.useState(S??c),{wrapper:O}=V.sharedInputStyles({}),L=l.useRef(null),{direction:M}=J.useLocale(),P=l.useCallback(b=>{G(b),j==null||j(b),D(!1)},[j]);l.useEffect(()=>{G(S??c)},[c,S]);const A=S??d;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(X,{name:m,value:A,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:O({fullWidth:p}),children:[r.jsxRuntimeExports.jsx($.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:L,children:r.jsxRuntimeExports.jsx(sr,{fullWidth:p,isDisabled:H,disableClearLogic:x,isInvalid:k,placeholder:y,value:A,getLabel:N,getItemId:t,label:o,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:s,selectRenderElements:n})}),r.jsxRuntimeExports.jsx(z.InputFooter,{description:u,errorMessage:f,hideInputFooter:q})]}),r.jsxRuntimeExports.jsx(Q,{triggerRef:L,label:`${o} options`,getItemId:t,selectRenderElements:n,items:i,open:F,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onSingleChange:P,value:A,placement:v})]})},ur=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:q,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:j,placeholder:y,placement:v,selectRenderElements:s,value:n})=>{const{isDisabled:S}=l.useContext(_.FieldGroupContext),R=w||S,[F,D]=l.useState(!1),[H,d]=l.useState(n??c),G=l.useRef(null),{direction:O}=J.useLocale(),{wrapper:L}=V.sharedInputStyles({}),M=l.useCallback(A=>{d(A),j==null||j(A)},[j]);l.useEffect(()=>{d(n??c)},[c,n]);const P=n??H;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(X,{name:m,value:P,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:L({fullWidth:p}),children:[r.jsxRuntimeExports.jsx($.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:G,children:r.jsxRuntimeExports.jsx(tr,{fullWidth:p,isDisabled:R,isInvalid:k,placeholder:y,value:P,onChange:M,getItemId:t,getLabel:N,label:o,disableClearLogic:x,setOpenPopover:D,selectRenderElements:s})}),r.jsxRuntimeExports.jsx(z.InputFooter,{description:u,errorMessage:f,hideInputFooter:q})]}),r.jsxRuntimeExports.jsx(Q,{label:`${o} options`,triggerRef:G,items:i,open:F,getItemId:t,selectRenderElements:s,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onMultiChange:M,placement:v,value:P})]})};exports.MultiSelect=ur;exports.Select=nr;

package/dist/lyra36.js

@@ -32,7 +32,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import "./lyra93.js";
 import "./lyra78.js";
-import "./lyra453.js";
+import "./lyra456.js";
 import { InputHeader as Y } from "./lyra38.js";
 import { InputFooter as Z } from "./lyra39.js";
 import { sharedInputStyles as O } from "./lyra40.js";
@@ -43,16 +43,16 @@ import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
 import rr from "./lyra594.js";
-import { sharedListStyles as or } from "./lyra454.js";
-import { SharedListItem as tr } from "./lyra455.js";
+import { sharedListStyles as or } from "./lyra453.js";
+import { SharedListItem as tr } from "./lyra454.js";
 import { Popover as sr } from "./lyra52.js";
 import "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import { Text as _ } from "./lyra71.js";
 import "./lyra72.js";
-import { InputTagGroup as nr, InputTag as ir } from "./lyra456.js";
-import "./lyra457.js";
+import { InputTagGroup as nr, InputTag as ir } from "./lyra457.js";
+import "./lyra458.js";
 import "react-dom";
 import { useMousePosition as cr } from "./lyra82.js";
 import "./lyra41.js";

package/dist/lyra37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),r=require("react"),A=require("./lyra87.cjs"),ee=require("react-dom"),ce=require("./lyra620.cjs"),le=require("./lyra448.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const Q=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 g=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const oe=require("./lyra93.cjs");require("./lyra78.cjs");require("./lyra453.cjs");const ue=require("./lyra38.cjs"),ie=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 xe=require("./lyra594.cjs"),ae=require("./lyra454.cjs"),pe=require("./lyra455.cjs"),je=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const se=require("./lyra71.cjs");require("./lyra72.cjs");const ne=require("./lyra456.cjs");require("./lyra457.cjs");const fe=require("./lyra83.cjs"),de=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 me=require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const Re=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("./lyra96.cjs");const qe=require("./lyra85.cjs"),C=require("./lyra86.cjs"),Ee=({disableClearLogic:n,endSlot:s,fullWidth:t,getLabel:i,isDisabled:f,isInvalid:c,onChange:a,open:j,openPopover:R,placeholder:h,searchInputRef:q,startSlot:E,value:o})=>{const{buttonExcludedFromTabOrder:d,inputField:l}=Y.sharedInputStyles({isInvalid:c,hasEndSlot:!0,fullWidth:t,isDisabled:f}),y=x=>{(x.key==="Escape"||x.key==="Backspace")&&!n?(x.stopPropagation(),a==null||a(void 0)):x.key==="ArrowDown"||x.key==="ArrowUp"?R==null||R():x.key&&x.key.match(/^[a-zA-Z0-9]$/)&&(ee.flushSync(()=>{R==null||R()}),q.current&&(q.current.focus(),q.current.setSelectionRange(0,q.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E,e.jsxRuntimeExports.jsxs(A.Button,{"aria-haspopup":"listbox","aria-expanded":j,className:({isFocused:x,isHovered:u})=>l({isHovered:u,isFocused:x,className:"grow"}),isDisabled:f,onKeyDown:y,onPress:R,children:[e.jsxRuntimeExports.jsx("div",{className:"grow truncate text-start",children:o&&i(o)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i(o)}):e.jsxRuntimeExports.jsx(se.Text,{variant:"body-medium",color:"secondary",children:h})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[o&&!f&&!n?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:d(),role:"button",onPointerDown:x=>{x.stopPropagation(),a==null||a(void 0)},onClick:x=>{x.stopPropagation(),a==null||a(void 0)},children:e.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),s]})},he=({fullWidth:n,getItemId:s,getLabel:t,isDisabled:i,isInvalid:f,label:c,onChange:a,openPopover:j,placeholder:R,searchInputRef:h,value:q})=>{const{inputField:E}=Y.sharedInputStyles({isInvalid:f,hasEndSlot:!0,fullWidth:n,isDisabled:i}),o=r.useCallback(l=>{l.key==="ArrowDown"||l.key==="ArrowUp"?j():l.key&&l.key.match(/^[a-zA-Z0-9]$/)&&(ee.flushSync(()=>{j()}),h.current&&(h.current.focus(),h.current.setSelectionRange(0,h.current.value.length)))},[j,h]),d=r.useCallback(l=>{q&&a(q.filter(y=>{const x=s(y);return!l.has(x)}))},[s,a,q]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:l,isHovered:y})=>E({isHovered:y,isFocused:l,className:le.clsx(y&&!f&&!i&&!l?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus")}),children:e.jsxRuntimeExports.jsxs(A.Button,{onPress:j,onKeyDown:o,isDisabled:i,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:q&&q.length?e.jsxRuntimeExports.jsx(ne.InputTagGroup,{label:c??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:i?void 0:d,children:q.map(l=>e.jsxRuntimeExports.jsx(ne.InputTag,{id:s(l),isDisabled:i,children:t(l)},s(l)))}):e.jsxRuntimeExports.jsx(se.Text,{color:"secondary",children:R})}),e.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Se=({endSlot:n,isLoading:s,onKeyDown:t,onQueryChange:i,query:f,searchInputRef:c,setQuery:a})=>{const j=r.useId(),{clear:R,search:h}=oe.useDictionary(),q=qe.useSpinDelay(s??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:E}=Y.sharedInputStyles({fullWidth:!0});return r.useEffect(()=>{var o;(o=c.current)==null||o.focus()},[]),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(A.Input,{ref:c,id:j,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:o=>{var d,l;a(((d=o.target)==null?void 0:d.value)??""),i==null||i((l=o.target)==null?void 0:l.value)},placeholder:h,value:f??"",onKeyDown:o=>{o.code==="Tab"&&o.preventDefault(),t==null||t(o)}}),f&&f.length?e.jsxRuntimeExports.jsx(A.Button,{"aria-label":R,className:E(),excludeFromTabOrder:!0,onPress:()=>{var o;a(""),(o=c.current)==null||o.focus()},children:e.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"clear"})}):null,n,q?e.jsxRuntimeExports.jsx(Re.Spinner,{className:"mx-2",size:"small"}):null]})})},ye=n=>{const s=r.useRef(null),[t,i]=r.useState(!1);return r.useEffect(()=>i(!1),[n]),{loadMoreButtonRef:s,isLoadMoreButtonFocused:t,setIsLoadMoreButtonFocused:i}},ve=({disabledItemIdKeys:n,filteredItems:s,getItemId:t,onMultiChange:i,onSingleChange:f,value:c})=>{const a=r.useMemo(()=>{if(Array.isArray(c))return c.length?s==null?void 0:s.findIndex(u=>t(u)===t(c[0])):0;if(c)return(s==null?void 0:s.findIndex(u=>t(u)===t(c)))??0},[s,t,c]),j=r.useCallback(u=>{if(Number.isInteger(u)){for(let p=u-1;p>=0;p--)if(!(n!=null&&n.includes(t(s[p]))))return Math.max(p,0)}return-1},[n,s,t]),R=r.useCallback(u=>{if(Number.isInteger(u)){for(let p=u+1;p<s.length;p++)if(!(n!=null&&n.includes(t(s[p]))))return Math.min(s.length-1,p)}return-1},[n,s,t]),h=r.useCallback(u=>{if(i){const p=c?[...c]:[],S=p.map(t),m=S!=null&&S.includes(t(u))?p.filter(O=>t(O)!==t(u)):[...p,u];i==null||i(m)}else f&&(f==null||f(u))},[t,i,f,c]),q=r.useCallback(u=>Array.isArray(c)?c.some(p=>t(p)===t(u)):c?t(c)===t(u):!1,[t,c]),[E,o]=r.useState(a??0),d=de.useMousePosition(),l=r.useRef(void 0),y=r.useCallback(u=>{const p=E;if(u.key==="ArrowDown"){u.preventDefault();const S=R(p);S>=0&&(o(S),l.current=d)}else if(u.key==="ArrowUp"){u.preventDefault();const S=j(p);S>=0&&(o(S),l.current=d)}else u.key==="Enter"&&h(s[E])},[E,s,R,j,d,h]),x=r.useCallback((u,p)=>{u&&l.current!==d&&(o(p),l.current=d)},[d]);return{activeItem:E,setActiveItem:o,getItemIsSelected:q,onKeyDown:y,onHoverChange:x,selectedItemIndex:a,toggleSelection:h}},Ne=({selectedItemIndex:n,setActiveItem:s})=>(r.useEffect(()=>{if(n!==void 0&&n>=0)return s(n),()=>{s(0)}},[n,s]),null),K=({direction:n,disabledItemIdKeys:s,getItemId:t,getLabel:i,isLoading:f,items:c,label:a,onLoadMore:j,onMultiChange:R,onQueryChange:h,onSingleChange:q,open:E,placement:o,searchInputRef:d,selectRenderElements:l,setOpenPopover:y,triggerRef:x,value:u})=>{var D,re,te;const{loadMore:p,noResultsFound:S}=oe.useDictionary(),{filteredItems:m,query:O,setQuery:L}=fe.useFilterItemsByQuery({getLabel:i,items:c,onQueryChange:h}),{item:T}=ae.sharedListItemStyles(),{isLoadMoreButtonFocused:M,loadMoreButtonRef:G,setIsLoadMoreButtonFocused:k}=ye(E),{activeItem:N,getItemIsSelected:W,onHoverChange:w,onKeyDown:v,selectedItemIndex:H,setActiveItem:U,toggleSelection:Z}=ve({disabledItemIdKeys:s,filteredItems:m,getItemId:t,loadMoreButtonRef:G,onMultiChange:R,onSingleChange:q,value:u}),[$,J]=r.useState((D=x.current)==null?void 0:D.offsetWidth);xe.default("resize",()=>{var F;J((F=x.current)==null?void 0:F.offsetWidth)});const V=$??((re=x.current)==null?void 0:re.offsetWidth),_=r.useRef(null),z=j?((m==null?void 0:m.length)??0)+1:(m==null?void 0:m.length)??0,b=ce.useVirtualizer({count:z,estimateSize:()=>40,getScrollElement:()=>_.current,overscan:6});r.useEffect(()=>{N!==void 0&&N>=0&&(m!=null&&m.length)&&(N===m.length-1&&j?b.scrollToIndex(z):b.scrollToIndex(Math.min(N,z-1)))},[N,z,m.length,j,b]);const P=b.getVirtualItems();return e.jsxRuntimeExports.jsx(je.Popover,{className:"p-1",isOpen:E,disablePadding:!0,triggerRef:x,onOpenChange:y,"aria-label":a,shouldUpdatePosition:!0,placement:o,style:{width:V&&V>280?V+"px":"280px",direction:n},children:E?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(Se,{onQueryChange:h,isLoading:f,query:O,setQuery:F=>{ee.flushSync(()=>{L(F),U(0)}),b.scrollToOffset(0)},searchInputRef:d,onKeyDown:v}),e.jsxRuntimeExports.jsx(Ne,{selectedItemIndex:H,setActiveItem:U}),e.jsxRuntimeExports.jsx("div",{ref:_,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,b.getTotalSize()+(j?4:0))},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:b.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{className:"absolute start-0 top-0 w-full",style:{transform:`translateY(${((te=P==null?void 0:P[0])==null?void 0:te.start)??0}px)`},children:P.map(F=>{if(F.index===z-1&&j)return e.jsxRuntimeExports.jsx("div",{"data-index":F.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(me.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(A.Button,{isDisabled:f,onFocusChange:k,onHoverChange:k,ref:G,className:T({className:"w-full 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 B;j(),(B=d.current)==null||B.focus()},onKeyDown:B=>{var X;B.key==="ArrowUp"&&(B.preventDefault(),(X=d.current)==null||X.focus())},children:p})]})},F.key);{const B=m[F.index];return e.jsxRuntimeExports.jsx("div",{"data-index":F.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsx(A.Button,{className:"w-full text-start outline-none",onHoverChange:X=>{w(X,F.index)},onPress:()=>Z(B),isDisabled:(s==null?void 0:s.includes(t(B)))??!1,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(pe.SharedListItem,{hasSelection:!0,item:B,state:{active:N===F.index&&!M,disabled:(s==null?void 0:s.includes(t(B)))??!1,selected:W(B)},selectRenderElements:l},t(B))},t(B))},F.key)}})})})}),z?null:e.jsxRuntimeExports.jsx(se.Text,{variant:"body-medium",color:"secondary",className:"px-2.5",children:S})]}):null})},I=({getItemId:n,name:s,value:t})=>s?Array.isArray(t)?t.map(i=>e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:n(i)},n(i))):t?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:n(t)}):null:null,be=({defaultValue:n,description:s,disableClearLogic:t,disabledItemIdKeys:i,endSlot:f,errorMessage:c,fullWidth:a=!0,getItemId:j,getLabel:R,hideHintLabel:h,hideInputFooter:q,hideInputHeader:E,isDisabled:o,isInvalid:d,isLoading:l,isRequired:y,items:x,label:u,name:p,onChange:S,onLoadMore:m,onQueryChange:O,placeholder:L,placement:T="bottom start",selectRenderElements:M,startSlot:G,value:k})=>{const{isDisabled:N}=r.useContext(g.FieldGroupContext),W=r.useRef(null),w=r.useRef(null),v=r.useRef(null),[H,U]=r.useState(k??n),[Z,$]=r.useState(!1),J=()=>{var D;$(!0),(D=w.current)==null||D.click()},V=()=>$(!1),_=r.useCallback(D=>{U(D),S==null||S(D),V()},[S]),{direction:z}=C.useLocale(),{wrapper:b}=Y.sharedInputStyles({fullWidth:a,isInvalid:d,isDisabled:o||N});r.useEffect(()=>{U(k??n)},[n,k]);const P=k??H;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:p,value:P,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:b(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:u,hideHintLabel:h,hideInputHeader:E,isRequired:y}),e.jsxRuntimeExports.jsx("div",{ref:v,children:e.jsxRuntimeExports.jsx(Ee,{disableClearLogic:t,endSlot:f,fullWidth:a,getLabel:R,getItemId:j,isDisabled:o,isInvalid:d,open:Z,openPopover:J,onChange:_,placeholder:L,searchInputRef:W,startSlot:G,value:P})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:c,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(K,{triggerRef:v,label:u,getItemId:j,getLabel:R,items:x,open:Z,setOpenPopover:$,selectRenderElements:M,disabledItemIdKeys:i,direction:z,onQueryChange:O,isLoading:l,searchInputRef:W,onLoadMore:m,placement:T,value:P,onSingleChange:_})]})},ke=({defaultValue:n,description:s,disableClearLogic:t,disabledItemIdKeys:i,endSlot:f,errorMessage:c,fullWidth:a=!0,getItemId:j,getLabel:R,hideHintLabel:h,hideInputFooter:q,hideInputHeader:E,isDisabled:o,isInvalid:d,isLoading:l,isRequired:y,items:x,label:u,labelId:p,name:S,onChange:m,onLoadMore:O,onQueryChange:L,placeholder:T,placement:M="bottom start",selectRenderElements:G,startSlot:k,value:N})=>{const{isDisabled:W}=r.useContext(g.FieldGroupContext),w=r.useRef(null),v=r.useRef(null),[H,U]=r.useState(N??n),[Z,$]=r.useState(!1),J=()=>{$(!0)},V=r.useCallback(P=>{var D;U(P),m==null||m(P),(D=w.current)==null||D.focus()},[m]),{direction:_}=C.useLocale(),{wrapper:z}=Y.sharedInputStyles({fullWidth:a,isInvalid:d,isDisabled:o||W});r.useEffect(()=>{U(N??n)},[n,N]);const b=N??H;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:S,value:b,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:z(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:u,isRequired:y,hideHintLabel:h,hideInputHeader:E,labelId:p}),e.jsxRuntimeExports.jsx("div",{ref:v,children:e.jsxRuntimeExports.jsx(he,{disableClearLogic:t,endSlot:f,fullWidth:a,getLabel:R,getItemId:j,isDisabled:o,isInvalid:d,onChange:V,open:Z,openPopover:J,placeholder:T,searchInputRef:w,startSlot:k,value:b})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:c,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(K,{label:u,searchInputRef:w,triggerRef:v,getItemId:j,getLabel:R,items:x,onMultiChange:V,value:b,placement:M,open:Z,setOpenPopover:$,selectRenderElements:G,disabledItemIdKeys:i,direction:_,onQueryChange:L,isLoading:l,onLoadMore:O})]})},we=({children:n,defaultValue:s,disabledItemIdKeys:t,getItemId:i,getLabel:f,isDisabled:c,isInvalid:a,isLoading:j,items:R,label:h,name:q,onChange:E,onQueryChange:o,placement:d="bottom start",selectRenderElements:l,value:y})=>{const{isDisabled:x}=r.useContext(g.FieldGroupContext),u=r.useRef(null),p=r.useRef(null),S=r.useRef(null),[m,O]=r.useState(y??s),[L,T]=r.useState(!1),M=()=>{var v;T(!0),(v=p.current)==null||v.click()},G=()=>T(!1),k=r.useCallback(v=>{O(v),E==null||E(v),G()},[E]),{direction:N}=C.useLocale(),{wrapper:W}=Y.sharedInputStyles({fullWidth:!1,isInvalid:a,isDisabled:c});r.useEffect(()=>{O(y??s)},[s,y]);const w=y??m;return e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>M(),isDisabled:c||x}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:q,value:w,getItemId:i}),e.jsxRuntimeExports.jsx("div",{className:W(),children:e.jsxRuntimeExports.jsx("div",{ref:S,children:n})}),e.jsxRuntimeExports.jsx(K,{triggerRef:S,label:h,getItemId:i,getLabel:f,items:R,open:L,setOpenPopover:T,selectRenderElements:l,disabledItemIdKeys:t,direction:N,onQueryChange:o,isLoading:j,searchInputRef:u,placement:d,value:w,onSingleChange:k})]})})},Fe=({children:n,defaultValue:s,disabledItemIdKeys:t,fullWidth:i=!0,getItemId:f,getLabel:c,isDisabled:a,isInvalid:j,isLoading:R,items:h,label:q,name:E,onChange:o,onQueryChange:d,placement:l="bottom start",selectRenderElements:y,value:x})=>{const{isDisabled:u}=r.useContext(g.FieldGroupContext),p=r.useRef(null),S=r.useRef(null),m=r.useRef(null),[O,L]=r.useState(x??s),[T,M]=r.useState(!1),G=()=>{var v;M(!0),(v=S.current)==null||v.click()},k=r.useCallback(v=>{var H;L(v),o==null||o(v),(H=p.current)==null||H.focus()},[o]),{direction:N}=C.useLocale(),{wrapper:W}=Y.sharedInputStyles({fullWidth:i,isInvalid:j,isDisabled:a});r.useEffect(()=>{L(x??s)},[s,x]);const w=x??O;return e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>G(),isDisabled:a||u}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:E,value:w,getItemId:f}),e.jsxRuntimeExports.jsx("div",{className:W(),children:e.jsxRuntimeExports.jsx("div",{ref:m,children:n})}),e.jsxRuntimeExports.jsx(K,{label:q,searchInputRef:p,triggerRef:m,getItemId:f,getLabel:c,items:h,open:T,setOpenPopover:M,selectRenderElements:y,disabledItemIdKeys:t,direction:N,onQueryChange:d,isLoading:R,value:w,onMultiChange:k,placement:l})]})})};exports.MultiSearchListField=ke;exports.MultiSearchListFieldWithCustomTrigger=Fe;exports.SearchListField=be;exports.SearchListFieldWithCustomTrigger=we;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),r=require("react"),A=require("./lyra87.cjs"),ee=require("react-dom"),ce=require("./lyra614.cjs"),le=require("./lyra448.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const Q=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 g=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const oe=require("./lyra93.cjs");require("./lyra78.cjs");require("./lyra456.cjs");const ue=require("./lyra38.cjs"),ie=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 xe=require("./lyra594.cjs"),ae=require("./lyra453.cjs"),pe=require("./lyra454.cjs"),je=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const se=require("./lyra71.cjs");require("./lyra72.cjs");const ne=require("./lyra457.cjs");require("./lyra458.cjs");const fe=require("./lyra83.cjs"),de=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 me=require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const Re=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("./lyra96.cjs");const qe=require("./lyra85.cjs"),C=require("./lyra86.cjs"),Ee=({disableClearLogic:n,endSlot:s,fullWidth:t,getLabel:i,isDisabled:f,isInvalid:c,onChange:a,open:j,openPopover:R,placeholder:h,searchInputRef:q,startSlot:E,value:o})=>{const{buttonExcludedFromTabOrder:d,inputField:l}=Y.sharedInputStyles({isInvalid:c,hasEndSlot:!0,fullWidth:t,isDisabled:f}),y=x=>{(x.key==="Escape"||x.key==="Backspace")&&!n?(x.stopPropagation(),a==null||a(void 0)):x.key==="ArrowDown"||x.key==="ArrowUp"?R==null||R():x.key&&x.key.match(/^[a-zA-Z0-9]$/)&&(ee.flushSync(()=>{R==null||R()}),q.current&&(q.current.focus(),q.current.setSelectionRange(0,q.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E,e.jsxRuntimeExports.jsxs(A.Button,{"aria-haspopup":"listbox","aria-expanded":j,className:({isFocused:x,isHovered:u})=>l({isHovered:u,isFocused:x,className:"grow"}),isDisabled:f,onKeyDown:y,onPress:R,children:[e.jsxRuntimeExports.jsx("div",{className:"grow truncate text-start",children:o&&i(o)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i(o)}):e.jsxRuntimeExports.jsx(se.Text,{variant:"body-medium",color:"secondary",children:h})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[o&&!f&&!n?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:d(),role:"button",onPointerDown:x=>{x.stopPropagation(),a==null||a(void 0)},onClick:x=>{x.stopPropagation(),a==null||a(void 0)},children:e.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),s]})},he=({fullWidth:n,getItemId:s,getLabel:t,isDisabled:i,isInvalid:f,label:c,onChange:a,openPopover:j,placeholder:R,searchInputRef:h,value:q})=>{const{inputField:E}=Y.sharedInputStyles({isInvalid:f,hasEndSlot:!0,fullWidth:n,isDisabled:i}),o=r.useCallback(l=>{l.key==="ArrowDown"||l.key==="ArrowUp"?j():l.key&&l.key.match(/^[a-zA-Z0-9]$/)&&(ee.flushSync(()=>{j()}),h.current&&(h.current.focus(),h.current.setSelectionRange(0,h.current.value.length)))},[j,h]),d=r.useCallback(l=>{q&&a(q.filter(y=>{const x=s(y);return!l.has(x)}))},[s,a,q]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:l,isHovered:y})=>E({isHovered:y,isFocused:l,className:le.clsx(y&&!f&&!i&&!l?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus")}),children:e.jsxRuntimeExports.jsxs(A.Button,{onPress:j,onKeyDown:o,isDisabled:i,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:q&&q.length?e.jsxRuntimeExports.jsx(ne.InputTagGroup,{label:c??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:i?void 0:d,children:q.map(l=>e.jsxRuntimeExports.jsx(ne.InputTag,{id:s(l),isDisabled:i,children:t(l)},s(l)))}):e.jsxRuntimeExports.jsx(se.Text,{color:"secondary",children:R})}),e.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Se=({endSlot:n,isLoading:s,onKeyDown:t,onQueryChange:i,query:f,searchInputRef:c,setQuery:a})=>{const j=r.useId(),{clear:R,search:h}=oe.useDictionary(),q=qe.useSpinDelay(s??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:E}=Y.sharedInputStyles({fullWidth:!0});return r.useEffect(()=>{var o;(o=c.current)==null||o.focus()},[]),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(A.Input,{ref:c,id:j,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:o=>{var d,l;a(((d=o.target)==null?void 0:d.value)??""),i==null||i((l=o.target)==null?void 0:l.value)},placeholder:h,value:f??"",onKeyDown:o=>{o.code==="Tab"&&o.preventDefault(),t==null||t(o)}}),f&&f.length?e.jsxRuntimeExports.jsx(A.Button,{"aria-label":R,className:E(),excludeFromTabOrder:!0,onPress:()=>{var o;a(""),(o=c.current)==null||o.focus()},children:e.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"clear"})}):null,n,q?e.jsxRuntimeExports.jsx(Re.Spinner,{className:"mx-2",size:"small"}):null]})})},ye=n=>{const s=r.useRef(null),[t,i]=r.useState(!1);return r.useEffect(()=>i(!1),[n]),{loadMoreButtonRef:s,isLoadMoreButtonFocused:t,setIsLoadMoreButtonFocused:i}},ve=({disabledItemIdKeys:n,filteredItems:s,getItemId:t,onMultiChange:i,onSingleChange:f,value:c})=>{const a=r.useMemo(()=>{if(Array.isArray(c))return c.length?s==null?void 0:s.findIndex(u=>t(u)===t(c[0])):0;if(c)return(s==null?void 0:s.findIndex(u=>t(u)===t(c)))??0},[s,t,c]),j=r.useCallback(u=>{if(Number.isInteger(u)){for(let p=u-1;p>=0;p--)if(!(n!=null&&n.includes(t(s[p]))))return Math.max(p,0)}return-1},[n,s,t]),R=r.useCallback(u=>{if(Number.isInteger(u)){for(let p=u+1;p<s.length;p++)if(!(n!=null&&n.includes(t(s[p]))))return Math.min(s.length-1,p)}return-1},[n,s,t]),h=r.useCallback(u=>{if(i){const p=c?[...c]:[],S=p.map(t),m=S!=null&&S.includes(t(u))?p.filter(O=>t(O)!==t(u)):[...p,u];i==null||i(m)}else f&&(f==null||f(u))},[t,i,f,c]),q=r.useCallback(u=>Array.isArray(c)?c.some(p=>t(p)===t(u)):c?t(c)===t(u):!1,[t,c]),[E,o]=r.useState(a??0),d=de.useMousePosition(),l=r.useRef(void 0),y=r.useCallback(u=>{const p=E;if(u.key==="ArrowDown"){u.preventDefault();const S=R(p);S>=0&&(o(S),l.current=d)}else if(u.key==="ArrowUp"){u.preventDefault();const S=j(p);S>=0&&(o(S),l.current=d)}else u.key==="Enter"&&h(s[E])},[E,s,R,j,d,h]),x=r.useCallback((u,p)=>{u&&l.current!==d&&(o(p),l.current=d)},[d]);return{activeItem:E,setActiveItem:o,getItemIsSelected:q,onKeyDown:y,onHoverChange:x,selectedItemIndex:a,toggleSelection:h}},Ne=({selectedItemIndex:n,setActiveItem:s})=>(r.useEffect(()=>{if(n!==void 0&&n>=0)return s(n),()=>{s(0)}},[n,s]),null),K=({direction:n,disabledItemIdKeys:s,getItemId:t,getLabel:i,isLoading:f,items:c,label:a,onLoadMore:j,onMultiChange:R,onQueryChange:h,onSingleChange:q,open:E,placement:o,searchInputRef:d,selectRenderElements:l,setOpenPopover:y,triggerRef:x,value:u})=>{var D,re,te;const{loadMore:p,noResultsFound:S}=oe.useDictionary(),{filteredItems:m,query:O,setQuery:L}=fe.useFilterItemsByQuery({getLabel:i,items:c,onQueryChange:h}),{item:T}=ae.sharedListItemStyles(),{isLoadMoreButtonFocused:M,loadMoreButtonRef:G,setIsLoadMoreButtonFocused:k}=ye(E),{activeItem:N,getItemIsSelected:W,onHoverChange:w,onKeyDown:v,selectedItemIndex:H,setActiveItem:U,toggleSelection:Z}=ve({disabledItemIdKeys:s,filteredItems:m,getItemId:t,loadMoreButtonRef:G,onMultiChange:R,onSingleChange:q,value:u}),[$,J]=r.useState((D=x.current)==null?void 0:D.offsetWidth);xe.default("resize",()=>{var F;J((F=x.current)==null?void 0:F.offsetWidth)});const V=$??((re=x.current)==null?void 0:re.offsetWidth),_=r.useRef(null),z=j?((m==null?void 0:m.length)??0)+1:(m==null?void 0:m.length)??0,b=ce.useVirtualizer({count:z,estimateSize:()=>40,getScrollElement:()=>_.current,overscan:6});r.useEffect(()=>{N!==void 0&&N>=0&&(m!=null&&m.length)&&(N===m.length-1&&j?b.scrollToIndex(z):b.scrollToIndex(Math.min(N,z-1)))},[N,z,m.length,j,b]);const P=b.getVirtualItems();return e.jsxRuntimeExports.jsx(je.Popover,{className:"p-1",isOpen:E,disablePadding:!0,triggerRef:x,onOpenChange:y,"aria-label":a,shouldUpdatePosition:!0,placement:o,style:{width:V&&V>280?V+"px":"280px",direction:n},children:E?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(Se,{onQueryChange:h,isLoading:f,query:O,setQuery:F=>{ee.flushSync(()=>{L(F),U(0)}),b.scrollToOffset(0)},searchInputRef:d,onKeyDown:v}),e.jsxRuntimeExports.jsx(Ne,{selectedItemIndex:H,setActiveItem:U}),e.jsxRuntimeExports.jsx("div",{ref:_,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,b.getTotalSize()+(j?4:0))},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:b.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{className:"absolute start-0 top-0 w-full",style:{transform:`translateY(${((te=P==null?void 0:P[0])==null?void 0:te.start)??0}px)`},children:P.map(F=>{if(F.index===z-1&&j)return e.jsxRuntimeExports.jsx("div",{"data-index":F.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(me.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(A.Button,{isDisabled:f,onFocusChange:k,onHoverChange:k,ref:G,className:T({className:"w-full 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 B;j(),(B=d.current)==null||B.focus()},onKeyDown:B=>{var X;B.key==="ArrowUp"&&(B.preventDefault(),(X=d.current)==null||X.focus())},children:p})]})},F.key);{const B=m[F.index];return e.jsxRuntimeExports.jsx("div",{"data-index":F.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsx(A.Button,{className:"w-full text-start outline-none",onHoverChange:X=>{w(X,F.index)},onPress:()=>Z(B),isDisabled:(s==null?void 0:s.includes(t(B)))??!1,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(pe.SharedListItem,{hasSelection:!0,item:B,state:{active:N===F.index&&!M,disabled:(s==null?void 0:s.includes(t(B)))??!1,selected:W(B)},selectRenderElements:l},t(B))},t(B))},F.key)}})})})}),z?null:e.jsxRuntimeExports.jsx(se.Text,{variant:"body-medium",color:"secondary",className:"px-2.5",children:S})]}):null})},I=({getItemId:n,name:s,value:t})=>s?Array.isArray(t)?t.map(i=>e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:n(i)},n(i))):t?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:n(t)}):null:null,be=({defaultValue:n,description:s,disableClearLogic:t,disabledItemIdKeys:i,endSlot:f,errorMessage:c,fullWidth:a=!0,getItemId:j,getLabel:R,hideHintLabel:h,hideInputFooter:q,hideInputHeader:E,isDisabled:o,isInvalid:d,isLoading:l,isRequired:y,items:x,label:u,name:p,onChange:S,onLoadMore:m,onQueryChange:O,placeholder:L,placement:T="bottom start",selectRenderElements:M,startSlot:G,value:k})=>{const{isDisabled:N}=r.useContext(g.FieldGroupContext),W=r.useRef(null),w=r.useRef(null),v=r.useRef(null),[H,U]=r.useState(k??n),[Z,$]=r.useState(!1),J=()=>{var D;$(!0),(D=w.current)==null||D.click()},V=()=>$(!1),_=r.useCallback(D=>{U(D),S==null||S(D),V()},[S]),{direction:z}=C.useLocale(),{wrapper:b}=Y.sharedInputStyles({fullWidth:a,isInvalid:d,isDisabled:o||N});r.useEffect(()=>{U(k??n)},[n,k]);const P=k??H;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:p,value:P,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:b(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:u,hideHintLabel:h,hideInputHeader:E,isRequired:y}),e.jsxRuntimeExports.jsx("div",{ref:v,children:e.jsxRuntimeExports.jsx(Ee,{disableClearLogic:t,endSlot:f,fullWidth:a,getLabel:R,getItemId:j,isDisabled:o,isInvalid:d,open:Z,openPopover:J,onChange:_,placeholder:L,searchInputRef:W,startSlot:G,value:P})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:c,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(K,{triggerRef:v,label:u,getItemId:j,getLabel:R,items:x,open:Z,setOpenPopover:$,selectRenderElements:M,disabledItemIdKeys:i,direction:z,onQueryChange:O,isLoading:l,searchInputRef:W,onLoadMore:m,placement:T,value:P,onSingleChange:_})]})},ke=({defaultValue:n,description:s,disableClearLogic:t,disabledItemIdKeys:i,endSlot:f,errorMessage:c,fullWidth:a=!0,getItemId:j,getLabel:R,hideHintLabel:h,hideInputFooter:q,hideInputHeader:E,isDisabled:o,isInvalid:d,isLoading:l,isRequired:y,items:x,label:u,labelId:p,name:S,onChange:m,onLoadMore:O,onQueryChange:L,placeholder:T,placement:M="bottom start",selectRenderElements:G,startSlot:k,value:N})=>{const{isDisabled:W}=r.useContext(g.FieldGroupContext),w=r.useRef(null),v=r.useRef(null),[H,U]=r.useState(N??n),[Z,$]=r.useState(!1),J=()=>{$(!0)},V=r.useCallback(P=>{var D;U(P),m==null||m(P),(D=w.current)==null||D.focus()},[m]),{direction:_}=C.useLocale(),{wrapper:z}=Y.sharedInputStyles({fullWidth:a,isInvalid:d,isDisabled:o||W});r.useEffect(()=>{U(N??n)},[n,N]);const b=N??H;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:S,value:b,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:z(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:u,isRequired:y,hideHintLabel:h,hideInputHeader:E,labelId:p}),e.jsxRuntimeExports.jsx("div",{ref:v,children:e.jsxRuntimeExports.jsx(he,{disableClearLogic:t,endSlot:f,fullWidth:a,getLabel:R,getItemId:j,isDisabled:o,isInvalid:d,onChange:V,open:Z,openPopover:J,placeholder:T,searchInputRef:w,startSlot:k,value:b})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:c,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(K,{label:u,searchInputRef:w,triggerRef:v,getItemId:j,getLabel:R,items:x,onMultiChange:V,value:b,placement:M,open:Z,setOpenPopover:$,selectRenderElements:G,disabledItemIdKeys:i,direction:_,onQueryChange:L,isLoading:l,onLoadMore:O})]})},we=({children:n,defaultValue:s,disabledItemIdKeys:t,getItemId:i,getLabel:f,isDisabled:c,isInvalid:a,isLoading:j,items:R,label:h,name:q,onChange:E,onQueryChange:o,placement:d="bottom start",selectRenderElements:l,value:y})=>{const{isDisabled:x}=r.useContext(g.FieldGroupContext),u=r.useRef(null),p=r.useRef(null),S=r.useRef(null),[m,O]=r.useState(y??s),[L,T]=r.useState(!1),M=()=>{var v;T(!0),(v=p.current)==null||v.click()},G=()=>T(!1),k=r.useCallback(v=>{O(v),E==null||E(v),G()},[E]),{direction:N}=C.useLocale(),{wrapper:W}=Y.sharedInputStyles({fullWidth:!1,isInvalid:a,isDisabled:c});r.useEffect(()=>{O(y??s)},[s,y]);const w=y??m;return e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>M(),isDisabled:c||x}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:q,value:w,getItemId:i}),e.jsxRuntimeExports.jsx("div",{className:W(),children:e.jsxRuntimeExports.jsx("div",{ref:S,children:n})}),e.jsxRuntimeExports.jsx(K,{triggerRef:S,label:h,getItemId:i,getLabel:f,items:R,open:L,setOpenPopover:T,selectRenderElements:l,disabledItemIdKeys:t,direction:N,onQueryChange:o,isLoading:j,searchInputRef:u,placement:d,value:w,onSingleChange:k})]})})},Fe=({children:n,defaultValue:s,disabledItemIdKeys:t,fullWidth:i=!0,getItemId:f,getLabel:c,isDisabled:a,isInvalid:j,isLoading:R,items:h,label:q,name:E,onChange:o,onQueryChange:d,placement:l="bottom start",selectRenderElements:y,value:x})=>{const{isDisabled:u}=r.useContext(g.FieldGroupContext),p=r.useRef(null),S=r.useRef(null),m=r.useRef(null),[O,L]=r.useState(x??s),[T,M]=r.useState(!1),G=()=>{var v;M(!0),(v=S.current)==null||v.click()},k=r.useCallback(v=>{var H;L(v),o==null||o(v),(H=p.current)==null||H.focus()},[o]),{direction:N}=C.useLocale(),{wrapper:W}=Y.sharedInputStyles({fullWidth:i,isInvalid:j,isDisabled:a});r.useEffect(()=>{L(x??s)},[s,x]);const w=x??O;return e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>G(),isDisabled:a||u}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(I,{name:E,value:w,getItemId:f}),e.jsxRuntimeExports.jsx("div",{className:W(),children:e.jsxRuntimeExports.jsx("div",{ref:m,children:n})}),e.jsxRuntimeExports.jsx(K,{label:q,searchInputRef:p,triggerRef:m,getItemId:f,getLabel:c,items:h,open:T,setOpenPopover:M,selectRenderElements:y,disabledItemIdKeys:t,direction:N,onQueryChange:d,isLoading:R,value:w,onMultiChange:k,placement:l})]})})};exports.MultiSearchListField=ke;exports.MultiSearchListFieldWithCustomTrigger=Fe;exports.SearchListField=be;exports.SearchListFieldWithCustomTrigger=we;

package/dist/lyra37.js

@@ -2,7 +2,7 @@ import { j as r } from "./lyra88.js";
 import { useContext as I, useRef as F, useState as M, useCallback as A, useEffect as J, useId as xr, useMemo as fr } from "react";
 import { Provider as lr, ButtonContext as pr, Button as g, Group as dr, Input as jr } from "./lyra87.js";
 import { flushSync as er } from "react-dom";
-import { useVirtualizer as hr } from "./lyra620.js";
+import { useVirtualizer as hr } from "./lyra614.js";
 import { clsx as br } from "./lyra448.js";
 import "./lyra2.js";
 import "./lyra3.js";
@@ -34,7 +34,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import { useDictionary as ur } from "./lyra93.js";
 import "./lyra78.js";
-import "./lyra453.js";
+import "./lyra456.js";
 import { InputHeader as ar } from "./lyra38.js";
 import { InputFooter as mr } from "./lyra39.js";
 import { sharedInputStyles as q } from "./lyra40.js";
@@ -45,16 +45,16 @@ import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
 import Nr from "./lyra594.js";
-import { sharedListItemStyles as vr } from "./lyra454.js";
-import { SharedListItem as wr } from "./lyra455.js";
+import { sharedListItemStyles as vr } from "./lyra453.js";
+import { SharedListItem as wr } from "./lyra454.js";
 import { Popover as Sr } from "./lyra52.js";
 import "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import { Text as nr } from "./lyra71.js";
 import "./lyra72.js";
-import { InputTagGroup as yr, InputTag as kr } from "./lyra456.js";
-import "./lyra457.js";
+import { InputTagGroup as yr, InputTag as kr } from "./lyra457.js";
+import "./lyra458.js";
 import { useFilterItemsByQuery as Fr } from "./lyra83.js";
 import { useMousePosition as Or } from "./lyra82.js";
 import "./lyra41.js";

package/dist/lyra43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra88.cjs"),s=require("react"),q=require("./lyra87.cjs"),L=require("./lyra99.cjs"),J=require("./lyra448.cjs"),Q=require("./lyra91.cjs"),U=require("./lyra594.cjs"),X=require("./lyra93.cjs"),M=require("./lyra456.cjs");require("./lyra457.cjs");const Y=require("./lyra38.cjs"),Z=require("./lyra39.cjs"),ee=require("./lyra40.cjs"),te=require("./lyra86.cjs"),k=({description:I,fullWidth:T=!0,hideHintLabel:E,hideInputFooter:y,hideInputHeader:F,inputRef:d,label:x,onChange:a,value:m,...l},c)=>{[l,c]=q.useContextProps(l,c,q.TextFieldContext);const g=s.useRef(null),f=L.useObjectRef(d?L.mergeRefs(g,d):g),{className:R,errorMessage:p,isDisabled:v=!1,isInvalid:h,isRequired:u,name:B,...C}=l,b=X.useDictionary(),[V,S]=s.useState(""),[t,D]=s.useState(m??[]),{input:G,inputField:O,wrapper:_}=ee.sharedInputStyles({fullWidth:T});s.useEffect(()=>{D(m??[])},[m]);const j=s.useCallback(e=>{D(e),a==null||a(e)},[a]),A=s.useMemo(()=>t.map(e=>({key:e,value:e})),[t]),H=s.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const o=e.currentTarget.value.trim();o&&!t.includes(o)&&j([...t,e.currentTarget.value.trim()]),S("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),j(t.slice(0,-1))))},[j,t]),z=s.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const o=e.clipboardData.getData("Text");if(o){const n=o?o.split(",").map(i=>i.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(i=>i.length>0).map(i=>i.trim()):[];j(Array.from(new Set([...t,...n])))}}},[j,t]),{groupRef:K,inputPosition:N,setFirstTag:W,setLastTag:$}=ne(),w=s.useMemo(()=>u&&t.length===0,[t.length,u]);return r.jsxRuntimeExports.jsx(q.TextField,{className:_({className:R}),isDisabled:v,isInvalid:h,isRequired:w,...C,onKeyDown:H,value:V,onChange:S,onPaste:z,ref:c,children:({isDisabled:e,isInvalid:o})=>r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(Y.InputHeader,{label:x,isRequired:u,hideHintLabel:E,hideInputHeader:F}),r.jsxRuntimeExports.jsxs(q.Group,{className:({isFocusWithin:n,isHovered:i})=>O({isFocused:n,isHovered:i,isDisabled:e,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),ref:K,onFocus:()=>{var n;t.length===0&&((n=f==null?void 0:f.current)==null||n.focus())},children:[r.jsxRuntimeExports.jsx(M.InputTagGroup,{label:x??b.values,items:A,onRemove:n=>{j(t.filter(i=>!n.has(i)))},className:"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1",children:t.map((n,i)=>r.jsxRuntimeExports.jsx(M.InputTag,{id:n,isDisabled:e,ref:P=>{i===t.length-1&&$(P),i===0&&W(P)},children:n},n))}),N.isFirstInLine?r.jsxRuntimeExports.jsx("div",{className:J.clsx("w-full",t.length?"h-[1.625rem]":"h-4")}):null,r.jsxRuntimeExports.jsx("div",{style:{...N.style},className:"absolute flex h-6 items-center ps-2",children:r.jsxRuntimeExports.jsx(q.Input,{className:G({className:"my-px w-full"}),ref:f,disabled:e,required:w,placeholder:e&&!m?"-":l.placeholder})}),r.jsxRuntimeExports.jsx("input",{type:"hidden",value:t.join(","),name:B})]}),r.jsxRuntimeExports.jsx(Z.InputFooter,{description:I??b.tagInputDescription,errorMessage:p,hideInputFooter:y})]})})};k.displayName="TagInput";const se=Q.fixedForwardRef(k),ne=()=>{const I=s.useRef(null),[T,E]=s.useState(),[y,F]=s.useState(),d=te.useLocale(),x=32*4,a=s.useCallback(()=>{const c=u=>d.direction==="rtl"?u.right:u.left,g=u=>d.direction==="rtl"?u.left:u.right;if(!T||!I.current||!y)return{style:{top:4,insetInlineStart:3,width:"calc(100% - 16px)"},isFirstInLine:!0};const f=y.getBoundingClientRect(),R=T.getBoundingClientRect(),p=I.current.getBoundingClientRect(),v=Math.abs(g(p)-g(R))-10,h=v<x;return{style:{top:h?R.bottom-p.top+4:R.top-p.top,insetInlineStart:h?Math.abs(c(f)-c(p))-2:Math.abs(g(R)-c(p))+2,width:h?"calc(100% - 16px)":Math.max(v,x)},isFirstInLine:h}},[y,T,d.direction,x]),[m,l]=s.useState(a());return s.useLayoutEffect(()=>{l(a())},[a]),U.default("resize",()=>{l(a())}),{groupRef:I,setLastTag:E,setFirstTag:F,inputPosition:m}};exports.TagInput=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra88.cjs"),s=require("react"),q=require("./lyra87.cjs"),L=require("./lyra99.cjs"),J=require("./lyra448.cjs"),Q=require("./lyra91.cjs"),U=require("./lyra594.cjs"),X=require("./lyra93.cjs"),M=require("./lyra457.cjs");require("./lyra458.cjs");const Y=require("./lyra38.cjs"),Z=require("./lyra39.cjs"),ee=require("./lyra40.cjs"),te=require("./lyra86.cjs"),k=({description:I,fullWidth:T=!0,hideHintLabel:E,hideInputFooter:y,hideInputHeader:F,inputRef:d,label:x,onChange:a,value:m,...l},c)=>{[l,c]=q.useContextProps(l,c,q.TextFieldContext);const g=s.useRef(null),f=L.useObjectRef(d?L.mergeRefs(g,d):g),{className:R,errorMessage:p,isDisabled:v=!1,isInvalid:h,isRequired:u,name:B,...C}=l,b=X.useDictionary(),[V,S]=s.useState(""),[t,D]=s.useState(m??[]),{input:G,inputField:O,wrapper:_}=ee.sharedInputStyles({fullWidth:T});s.useEffect(()=>{D(m??[])},[m]);const j=s.useCallback(e=>{D(e),a==null||a(e)},[a]),A=s.useMemo(()=>t.map(e=>({key:e,value:e})),[t]),H=s.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const o=e.currentTarget.value.trim();o&&!t.includes(o)&&j([...t,e.currentTarget.value.trim()]),S("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),j(t.slice(0,-1))))},[j,t]),z=s.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const o=e.clipboardData.getData("Text");if(o){const n=o?o.split(",").map(i=>i.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(i=>i.length>0).map(i=>i.trim()):[];j(Array.from(new Set([...t,...n])))}}},[j,t]),{groupRef:K,inputPosition:N,setFirstTag:W,setLastTag:$}=ne(),w=s.useMemo(()=>u&&t.length===0,[t.length,u]);return r.jsxRuntimeExports.jsx(q.TextField,{className:_({className:R}),isDisabled:v,isInvalid:h,isRequired:w,...C,onKeyDown:H,value:V,onChange:S,onPaste:z,ref:c,children:({isDisabled:e,isInvalid:o})=>r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(Y.InputHeader,{label:x,isRequired:u,hideHintLabel:E,hideInputHeader:F}),r.jsxRuntimeExports.jsxs(q.Group,{className:({isFocusWithin:n,isHovered:i})=>O({isFocused:n,isHovered:i,isDisabled:e,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),ref:K,onFocus:()=>{var n;t.length===0&&((n=f==null?void 0:f.current)==null||n.focus())},children:[r.jsxRuntimeExports.jsx(M.InputTagGroup,{label:x??b.values,items:A,onRemove:n=>{j(t.filter(i=>!n.has(i)))},className:"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1",children:t.map((n,i)=>r.jsxRuntimeExports.jsx(M.InputTag,{id:n,isDisabled:e,ref:P=>{i===t.length-1&&$(P),i===0&&W(P)},children:n},n))}),N.isFirstInLine?r.jsxRuntimeExports.jsx("div",{className:J.clsx("w-full",t.length?"h-[1.625rem]":"h-4")}):null,r.jsxRuntimeExports.jsx("div",{style:{...N.style},className:"absolute flex h-6 items-center ps-2",children:r.jsxRuntimeExports.jsx(q.Input,{className:G({className:"my-px w-full"}),ref:f,disabled:e,required:w,placeholder:e&&!m?"-":l.placeholder})}),r.jsxRuntimeExports.jsx("input",{type:"hidden",value:t.join(","),name:B})]}),r.jsxRuntimeExports.jsx(Z.InputFooter,{description:I??b.tagInputDescription,errorMessage:p,hideInputFooter:y})]})})};k.displayName="TagInput";const se=Q.fixedForwardRef(k),ne=()=>{const I=s.useRef(null),[T,E]=s.useState(),[y,F]=s.useState(),d=te.useLocale(),x=32*4,a=s.useCallback(()=>{const c=u=>d.direction==="rtl"?u.right:u.left,g=u=>d.direction==="rtl"?u.left:u.right;if(!T||!I.current||!y)return{style:{top:4,insetInlineStart:3,width:"calc(100% - 16px)"},isFirstInLine:!0};const f=y.getBoundingClientRect(),R=T.getBoundingClientRect(),p=I.current.getBoundingClientRect(),v=Math.abs(g(p)-g(R))-10,h=v<x;return{style:{top:h?R.bottom-p.top+4:R.top-p.top,insetInlineStart:h?Math.abs(c(f)-c(p))-2:Math.abs(g(R)-c(p))+2,width:h?"calc(100% - 16px)":Math.max(v,x)},isFirstInLine:h}},[y,T,d.direction,x]),[m,l]=s.useState(a());return s.useLayoutEffect(()=>{l(a())},[a]),U.default("resize",()=>{l(a())}),{groupRef:I,setLastTag:E,setFirstTag:F,inputPosition:m}};exports.TagInput=se;

package/dist/lyra43.js

@@ -6,8 +6,8 @@ import { clsx as rt } from "./lyra448.js";
 import { fixedForwardRef as nt } from "./lyra91.js";
 import at from "./lyra594.js";
 import { useDictionary as it } from "./lyra93.js";
-import { InputTagGroup as ot, InputTag as lt } from "./lyra456.js";
-import "./lyra457.js";
+import { InputTagGroup as ot, InputTag as lt } from "./lyra457.js";
+import "./lyra458.js";
 import { InputHeader as ct } from "./lyra38.js";
 import { InputFooter as ut } from "./lyra39.js";
 import { sharedInputStyles as pt } from "./lyra40.js";

package/dist/lyra45.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra88.cjs"),h=require("react"),u=require("./lyra87.cjs"),F=require("./lyra99.cjs"),_=require("./lyra448.cjs"),$=require("./lyra91.cjs"),w=require("./lyra38.cjs"),D=require("./lyra39.cjs"),V=require("./lyra40.cjs"),R=({description:p,endSlot:a,fullWidth:y=!0,hideHintLabel:f,hideInputFooter:q,hideInputHeader:E,label:I,maxRows:l,rows:v=1,startSlot:c,textAreaRef:j,...t},d)=>{[t,d]=u.useContextProps(t,d,u.TextFieldContext);const{className:T,errorMessage:H,isDisabled:b=!1,isInvalid:N,isReadOnly:x,isRequired:m,...S}=t,g=h.useRef(null),e=F.useObjectRef(j?F.mergeRefs(g,j):g),{input:C,inputField:A,wrapper:O}=V.sharedInputStyles({fullWidth:y,hasStartSlot:!!c,hasEndSlot:!!a}),[z,M]=h.useState(t.value??t.defaultValue??""),P=s=>{var n;M(s),(n=t.onChange)==null||n.call(t,s)};return h.useLayoutEffect(()=>{if(e!=null&&e.current){const s=parseInt(window.getComputedStyle(document.documentElement).fontSize);e.current.style.height="auto";const n=l?Math.round(l):void 0,o=n?n+.5:void 0,i=o?o*s:void 0;i&&e.current.scrollHeight>i?e.current.style.maxHeight=`${i}px`:e.current.style.height=`${e.current.scrollHeight}px`}},[z,l,e]),r.jsxRuntimeExports.jsx(u.TextField,{className:O({className:T}),isDisabled:b,isRequired:m,isReadOnly:x,isInvalid:N,...S,onChange:P,ref:d,children:({isDisabled:s,isInvalid:n})=>r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(w.InputHeader,{label:I,isRequired:m,hideHintLabel:f,hideInputHeader:E}),r.jsxRuntimeExports.jsxs(u.Group,{className:({isFocusWithin:o,isHovered:i})=>A({isFocused:o,isHovered:i,isDisabled:s||x,isInvalid:n}),children:[c,r.jsxRuntimeExports.jsx(u.TextArea,{className:C({className:_.clsx(!!c&&"ps-1",!!a&&"pe-1","resize-none")}),ref:e,required:m,disabled:s,readOnly:x,rows:v}),a]}),r.jsxRuntimeExports.jsx(D.InputFooter,{description:p,errorMessage:H,hideInputFooter:q})]})})};R.displayName="TextFieldArea";const G=$.fixedForwardRef(R);exports.TextFieldArea=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra88.cjs"),l=require("react"),o=require("./lyra87.cjs"),F=require("./lyra99.cjs"),P=require("./lyra448.cjs"),_=require("./lyra91.cjs"),$=require("./lyra38.cjs"),D=require("./lyra39.cjs"),V=require("./lyra40.cjs"),p=({description:f,endSlot:c,fullWidth:v=!0,hideHintLabel:y,hideInputFooter:E,hideInputHeader:q,label:I,maxRows:d,rows:T=1,startSlot:x,textAreaRef:R,...t},m)=>{[t,m]=o.useContextProps(t,m,o.TextFieldContext);const{className:b,errorMessage:w,isDisabled:H=!1,isInvalid:z,isReadOnly:h,isRequired:j,...C}=t,g=l.useRef(null),e=F.useObjectRef(R?F.mergeRefs(g,R):g),{input:N,inputField:S,wrapper:A}=V.sharedInputStyles({fullWidth:v,hasStartSlot:!!x,hasEndSlot:!!c}),[O,L]=l.useState(t.value??t.defaultValue??""),M=s=>{var n;L(s),(n=t.onChange)==null||n.call(t,s)},u=l.useCallback(()=>{if(e!=null&&e.current){const s=parseInt(window.getComputedStyle(document.documentElement).fontSize);e.current.style.height="auto";const n=d?Math.round(d):void 0,a=n?n+.5:void 0,i=a?a*s:void 0;i&&e.current.scrollHeight>i?e.current.style.maxHeight=`${i}px`:e.current.style.height=`${e.current.scrollHeight}px`}},[d,e]);return l.useLayoutEffect(()=>(u(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u)}),[u,O]),r.jsxRuntimeExports.jsx(o.TextField,{className:A({className:b}),isDisabled:H,isRequired:j,isReadOnly:h,isInvalid:z,...C,onChange:M,ref:m,children:({isDisabled:s,isInvalid:n})=>r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx($.InputHeader,{label:I,isRequired:j,hideHintLabel:y,hideInputHeader:q}),r.jsxRuntimeExports.jsxs(o.Group,{className:({isFocusWithin:a,isHovered:i})=>S({isFocused:a,isHovered:i,isDisabled:s||h,isInvalid:n}),children:[x,r.jsxRuntimeExports.jsx(o.TextArea,{className:N({className:P.clsx(!!x&&"ps-1",!!c&&"pe-1","resize-none","overflow-x-hidden")}),ref:e,required:j,disabled:s,readOnly:h,rows:T}),c]}),r.jsxRuntimeExports.jsx(D.InputFooter,{description:f,errorMessage:w,hideInputFooter:E})]})})};p.displayName="TextFieldArea";const k=_.fixedForwardRef(p);exports.TextFieldArea=k;

package/dist/lyra45.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra45.cjs","sources":["../src/components/inputs/text-field-area/text-field-area.tsx"],"sourcesContent":["import { ForwardedRef, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n  Group,\n  TextArea,\n  TextField as AriaTextField,\n  TextFieldContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport { TextFieldAreaProps } from \"./text-field-area.types\";\n\nconst _TextFieldArea = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    maxRows,\n    rows = 1,\n    startSlot,\n    textAreaRef,\n    ...props\n  }: TextFieldAreaProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const innerTextAreaRef = useRef<HTMLTextAreaElement>(null);\n  const mergedTextAreaRef = useObjectRef(\n    textAreaRef ? mergeRefs(innerTextAreaRef, textAreaRef) : innerTextAreaRef,\n  );\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n\n  const [innerValue, setInnerValue] = useState(props.value ?? props.defaultValue ?? \"\");\n\n  const onChange: TextFieldAreaProps[\"onChange\"] = (newValue) => {\n    setInnerValue(newValue);\n    props.onChange?.(newValue);\n  };\n\n  useLayoutEffect(() => {\n    if (mergedTextAreaRef?.current) {\n      const rootFontSizePx = parseInt(window.getComputedStyle(document.documentElement).fontSize);\n      mergedTextAreaRef.current.style.height = \"auto\";\n      const maxRowsInt = maxRows ? Math.round(maxRows) : undefined;\n      const maxHeightInRem = maxRowsInt ? maxRowsInt + 0.5 : undefined;\n      const maxHeight = maxHeightInRem ? maxHeightInRem * rootFontSizePx : undefined;\n\n      if (maxHeight && mergedTextAreaRef.current.scrollHeight > maxHeight) {\n        mergedTextAreaRef.current.style.maxHeight = `${maxHeight}px`;\n      } else {\n        mergedTextAreaRef.current.style.height = `${mergedTextAreaRef.current.scrollHeight}px`;\n      }\n    }\n  }, [innerValue, maxRows, mergedTextAreaRef]);\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      {...textFieldprops}\n      onChange={onChange}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled: isDisabled || isReadOnly,\n                isInvalid,\n              });\n            }}\n          >\n            {startSlot}\n            <TextArea\n              className={input({\n                className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\", \"resize-none\"),\n              })}\n              ref={mergedTextAreaRef}\n              required={isRequired}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              rows={rows}\n            />\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextFieldArea.displayName = \"TextFieldArea\";\n\nexport const TextFieldArea = fixedForwardRef(_TextFieldArea);\n"],"names":["_TextFieldArea","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","maxRows","rows","startSlot","textAreaRef","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","innerTextAreaRef","useRef","mergedTextAreaRef","useObjectRef","mergeRefs","input","inputField","wrapper","sharedInputStyles","innerValue","setInnerValue","useState","onChange","newValue","_a","useLayoutEffect","rootFontSizePx","maxRowsInt","maxHeightInRem","maxHeight","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","TextArea","clsx","InputFooter","TextFieldArea","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra45.cjs","sources":["../src/components/inputs/text-field-area/text-field-area.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n  Group,\n  TextArea,\n  TextField as AriaTextField,\n  TextFieldContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport { TextFieldAreaProps } from \"./text-field-area.types\";\n\nconst _TextFieldArea = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    maxRows,\n    rows = 1,\n    startSlot,\n    textAreaRef,\n    ...props\n  }: TextFieldAreaProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const innerTextAreaRef = useRef<HTMLTextAreaElement>(null);\n  const mergedTextAreaRef = useObjectRef(\n    textAreaRef ? mergeRefs(innerTextAreaRef, textAreaRef) : innerTextAreaRef,\n  );\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n\n  const [innerValue, setInnerValue] = useState(props.value ?? props.defaultValue ?? \"\");\n\n  const onChange: TextFieldAreaProps[\"onChange\"] = (newValue) => {\n    setInnerValue(newValue);\n    props.onChange?.(newValue);\n  };\n\n  const handleResize = useCallback(() => {\n    if (mergedTextAreaRef?.current) {\n      const rootFontSizePx = parseInt(window.getComputedStyle(document.documentElement).fontSize);\n      mergedTextAreaRef.current.style.height = \"auto\";\n      const maxRowsInt = maxRows ? Math.round(maxRows) : undefined;\n      const maxHeightInRem = maxRowsInt ? maxRowsInt + 0.5 : undefined;\n      const maxHeight = maxHeightInRem ? maxHeightInRem * rootFontSizePx : undefined;\n\n      if (maxHeight && mergedTextAreaRef.current.scrollHeight > maxHeight) {\n        mergedTextAreaRef.current.style.maxHeight = `${maxHeight}px`;\n      } else {\n        mergedTextAreaRef.current.style.height = `${mergedTextAreaRef.current.scrollHeight}px`;\n      }\n    }\n  }, [maxRows, mergedTextAreaRef]);\n\n  useLayoutEffect(() => {\n    handleResize();\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n    // Adding dependency to the innerValue to make sure we resize the element every time the input is changed\n  }, [handleResize, innerValue]);\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      {...textFieldprops}\n      onChange={onChange}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled: isDisabled || isReadOnly,\n                isInvalid,\n              });\n            }}\n          >\n            {startSlot}\n            <TextArea\n              className={input({\n                className: clsx(\n                  !!startSlot && \"ps-1\",\n                  !!endSlot && \"pe-1\",\n                  \"resize-none\",\n                  \"overflow-x-hidden\",\n                ),\n              })}\n              ref={mergedTextAreaRef}\n              required={isRequired}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              rows={rows}\n            />\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextFieldArea.displayName = \"TextFieldArea\";\nexport const TextFieldArea = fixedForwardRef(_TextFieldArea);\n"],"names":["_TextFieldArea","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","maxRows","rows","startSlot","textAreaRef","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","innerTextAreaRef","useRef","mergedTextAreaRef","useObjectRef","mergeRefs","input","inputField","wrapper","sharedInputStyles","innerValue","setInnerValue","useState","onChange","newValue","_a","handleResize","useCallback","rootFontSizePx","maxRowsInt","maxHeightInRem","maxHeight","useLayoutEffect","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","TextArea","clsx","InputFooter","TextFieldArea","fixedForwardRef"],"mappings":"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"}

package/dist/lyra45.js

@@ -1,115 +1,122 @@
-import { j as a } from "./lyra88.js";
-import { useRef as O, useState as q, useLayoutEffect as w } from "react";
-import { useContextProps as D, TextFieldContext as M, TextField as P, Group as V, TextArea as G } from "./lyra87.js";
-import { useObjectRef as L, mergeRefs as _ } from "./lyra99.js";
-import { clsx as k } from "./lyra448.js";
-import { fixedForwardRef as B } from "./lyra91.js";
-import { InputHeader as J } from "./lyra38.js";
-import { InputFooter as K } from "./lyra39.js";
-import { sharedInputStyles as Q } from "./lyra40.js";
-const $ = ({
+import { j as n } from "./lyra88.js";
+import { useRef as L, useState as O, useCallback as q, useLayoutEffect as D } from "react";
+import { useContextProps as M, TextFieldContext as P, TextField as V, Group as k, TextArea as G } from "./lyra87.js";
+import { useObjectRef as _, mergeRefs as B } from "./lyra99.js";
+import { clsx as J } from "./lyra448.js";
+import { fixedForwardRef as K } from "./lyra91.js";
+import { InputHeader as Q } from "./lyra38.js";
+import { InputFooter as U } from "./lyra39.js";
+import { sharedInputStyles as W } from "./lyra40.js";
+const h = ({
   description: b,
-  endSlot: o,
-  fullWidth: h = !0,
-  hideHintLabel: p,
-  hideInputFooter: g,
-  hideInputHeader: F,
+  endSlot: d,
+  fullWidth: p = !0,
+  hideHintLabel: g,
+  hideInputFooter: F,
+  hideInputHeader: v,
   label: I,
-  maxRows: d,
+  maxRows: c,
   rows: j = 1,
-  startSlot: c,
-  textAreaRef: m,
+  startSlot: l,
+  textAreaRef: x,
   ...t
-}, l) => {
-  [t, l] = D(t, l, M);
+}, f) => {
+  [t, f] = M(t, f, P);
   const {
     className: y,
-    errorMessage: v,
-    isDisabled: H = !1,
-    isInvalid: N,
-    isReadOnly: f,
-    isRequired: u,
-    ...R
-  } = t, x = O(null), e = L(
-    m ? _(x, m) : x
-  ), { input: T, inputField: C, wrapper: E } = Q({
-    fullWidth: h,
-    hasStartSlot: !!c,
-    hasEndSlot: !!o
-  }), [S, z] = q(t.value ?? t.defaultValue ?? ""), A = (s) => {
-    var r;
-    z(s), (r = t.onChange) == null || r.call(t, s);
-  };
-  return w(() => {
+    errorMessage: w,
+    isDisabled: R = !1,
+    isInvalid: z,
+    isReadOnly: u,
+    isRequired: m,
+    ...C
+  } = t, $ = L(null), e = _(
+    x ? B($, x) : $
+  ), { input: E, inputField: H, wrapper: N } = W({
+    fullWidth: p,
+    hasStartSlot: !!l,
+    hasEndSlot: !!d
+  }), [T, S] = O(t.value ?? t.defaultValue ?? ""), A = (r) => {
+    var s;
+    S(r), (s = t.onChange) == null || s.call(t, r);
+  }, a = q(() => {
     if (e != null && e.current) {
-      const s = parseInt(window.getComputedStyle(document.documentElement).fontSize);
+      const r = parseInt(window.getComputedStyle(document.documentElement).fontSize);
       e.current.style.height = "auto";
-      const r = d ? Math.round(d) : void 0, n = r ? r + 0.5 : void 0, i = n ? n * s : void 0;
+      const s = c ? Math.round(c) : void 0, o = s ? s + 0.5 : void 0, i = o ? o * r : void 0;
       i && e.current.scrollHeight > i ? e.current.style.maxHeight = `${i}px` : e.current.style.height = `${e.current.scrollHeight}px`;
     }
-  }, [S, d, e]), /* @__PURE__ */ a.jsx(
-    P,
+  }, [c, e]);
+  return D(() => (a(), window.addEventListener("resize", a), () => {
+    window.removeEventListener("resize", a);
+  }), [a, T]), /* @__PURE__ */ n.jsx(
+    V,
     {
-      className: E({ className: y }),
-      isDisabled: H,
-      isRequired: u,
-      isReadOnly: f,
-      isInvalid: N,
-      ...R,
+      className: N({ className: y }),
+      isDisabled: R,
+      isRequired: m,
+      isReadOnly: u,
+      isInvalid: z,
+      ...C,
       onChange: A,
-      ref: l,
-      children: ({ isDisabled: s, isInvalid: r }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        /* @__PURE__ */ a.jsx(
-          J,
+      ref: f,
+      children: ({ isDisabled: r, isInvalid: s }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        /* @__PURE__ */ n.jsx(
+          Q,
           {
             label: I,
-            isRequired: u,
-            hideHintLabel: p,
-            hideInputHeader: F
+            isRequired: m,
+            hideHintLabel: g,
+            hideInputHeader: v
           }
         ),
-        /* @__PURE__ */ a.jsxs(
-          V,
+        /* @__PURE__ */ n.jsxs(
+          k,
           {
-            className: ({ isFocusWithin: n, isHovered: i }) => C({
-              isFocused: n,
+            className: ({ isFocusWithin: o, isHovered: i }) => H({
+              isFocused: o,
               isHovered: i,
-              isDisabled: s || f,
-              isInvalid: r
+              isDisabled: r || u,
+              isInvalid: s
             }),
             children: [
-              c,
-              /* @__PURE__ */ a.jsx(
+              l,
+              /* @__PURE__ */ n.jsx(
                 G,
                 {
-                  className: T({
-                    className: k(!!c && "ps-1", !!o && "pe-1", "resize-none")
+                  className: E({
+                    className: J(
+                      !!l && "ps-1",
+                      !!d && "pe-1",
+                      "resize-none",
+                      "overflow-x-hidden"
+                    )
                   }),
                   ref: e,
-                  required: u,
-                  disabled: s,
-                  readOnly: f,
+                  required: m,
+                  disabled: r,
+                  readOnly: u,
                   rows: j
                 }
               ),
-              o
+              d
             ]
           }
         ),
-        /* @__PURE__ */ a.jsx(
-          K,
+        /* @__PURE__ */ n.jsx(
+          U,
           {
             description: b,
-            errorMessage: v,
-            hideInputFooter: g
+            errorMessage: w,
+            hideInputFooter: F
           }
         )
       ] })
     }
   );
 };
-$.displayName = "TextFieldArea";
-const ae = B($);
+h.displayName = "TextFieldArea";
+const ae = K(h);
 export {
   ae as TextFieldArea
 };

package/dist/lyra45.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra45.js","sources":["../src/components/inputs/text-field-area/text-field-area.tsx"],"sourcesContent":["import { ForwardedRef, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n  Group,\n  TextArea,\n  TextField as AriaTextField,\n  TextFieldContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport { TextFieldAreaProps } from \"./text-field-area.types\";\n\nconst _TextFieldArea = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    maxRows,\n    rows = 1,\n    startSlot,\n    textAreaRef,\n    ...props\n  }: TextFieldAreaProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const innerTextAreaRef = useRef<HTMLTextAreaElement>(null);\n  const mergedTextAreaRef = useObjectRef(\n    textAreaRef ? mergeRefs(innerTextAreaRef, textAreaRef) : innerTextAreaRef,\n  );\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n\n  const [innerValue, setInnerValue] = useState(props.value ?? props.defaultValue ?? \"\");\n\n  const onChange: TextFieldAreaProps[\"onChange\"] = (newValue) => {\n    setInnerValue(newValue);\n    props.onChange?.(newValue);\n  };\n\n  useLayoutEffect(() => {\n    if (mergedTextAreaRef?.current) {\n      const rootFontSizePx = parseInt(window.getComputedStyle(document.documentElement).fontSize);\n      mergedTextAreaRef.current.style.height = \"auto\";\n      const maxRowsInt = maxRows ? Math.round(maxRows) : undefined;\n      const maxHeightInRem = maxRowsInt ? maxRowsInt + 0.5 : undefined;\n      const maxHeight = maxHeightInRem ? maxHeightInRem * rootFontSizePx : undefined;\n\n      if (maxHeight && mergedTextAreaRef.current.scrollHeight > maxHeight) {\n        mergedTextAreaRef.current.style.maxHeight = `${maxHeight}px`;\n      } else {\n        mergedTextAreaRef.current.style.height = `${mergedTextAreaRef.current.scrollHeight}px`;\n      }\n    }\n  }, [innerValue, maxRows, mergedTextAreaRef]);\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      {...textFieldprops}\n      onChange={onChange}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled: isDisabled || isReadOnly,\n                isInvalid,\n              });\n            }}\n          >\n            {startSlot}\n            <TextArea\n              className={input({\n                className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\", \"resize-none\"),\n              })}\n              ref={mergedTextAreaRef}\n              required={isRequired}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              rows={rows}\n            />\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextFieldArea.displayName = \"TextFieldArea\";\n\nexport const TextFieldArea = fixedForwardRef(_TextFieldArea);\n"],"names":["_TextFieldArea","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","maxRows","rows","startSlot","textAreaRef","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","innerTextAreaRef","useRef","mergedTextAreaRef","useObjectRef","mergeRefs","input","inputField","wrapper","sharedInputStyles","innerValue","setInnerValue","useState","onChange","newValue","_a","useLayoutEffect","rootFontSizePx","maxRowsInt","maxHeightInRem","maxHeight","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","TextArea","clsx","InputFooter","TextFieldArea","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra45.js","sources":["../src/components/inputs/text-field-area/text-field-area.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n  Group,\n  TextArea,\n  TextField as AriaTextField,\n  TextFieldContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport { TextFieldAreaProps } from \"./text-field-area.types\";\n\nconst _TextFieldArea = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    maxRows,\n    rows = 1,\n    startSlot,\n    textAreaRef,\n    ...props\n  }: TextFieldAreaProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const innerTextAreaRef = useRef<HTMLTextAreaElement>(null);\n  const mergedTextAreaRef = useObjectRef(\n    textAreaRef ? mergeRefs(innerTextAreaRef, textAreaRef) : innerTextAreaRef,\n  );\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n\n  const [innerValue, setInnerValue] = useState(props.value ?? props.defaultValue ?? \"\");\n\n  const onChange: TextFieldAreaProps[\"onChange\"] = (newValue) => {\n    setInnerValue(newValue);\n    props.onChange?.(newValue);\n  };\n\n  const handleResize = useCallback(() => {\n    if (mergedTextAreaRef?.current) {\n      const rootFontSizePx = parseInt(window.getComputedStyle(document.documentElement).fontSize);\n      mergedTextAreaRef.current.style.height = \"auto\";\n      const maxRowsInt = maxRows ? Math.round(maxRows) : undefined;\n      const maxHeightInRem = maxRowsInt ? maxRowsInt + 0.5 : undefined;\n      const maxHeight = maxHeightInRem ? maxHeightInRem * rootFontSizePx : undefined;\n\n      if (maxHeight && mergedTextAreaRef.current.scrollHeight > maxHeight) {\n        mergedTextAreaRef.current.style.maxHeight = `${maxHeight}px`;\n      } else {\n        mergedTextAreaRef.current.style.height = `${mergedTextAreaRef.current.scrollHeight}px`;\n      }\n    }\n  }, [maxRows, mergedTextAreaRef]);\n\n  useLayoutEffect(() => {\n    handleResize();\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n    // Adding dependency to the innerValue to make sure we resize the element every time the input is changed\n  }, [handleResize, innerValue]);\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      {...textFieldprops}\n      onChange={onChange}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled: isDisabled || isReadOnly,\n                isInvalid,\n              });\n            }}\n          >\n            {startSlot}\n            <TextArea\n              className={input({\n                className: clsx(\n                  !!startSlot && \"ps-1\",\n                  !!endSlot && \"pe-1\",\n                  \"resize-none\",\n                  \"overflow-x-hidden\",\n                ),\n              })}\n              ref={mergedTextAreaRef}\n              required={isRequired}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              rows={rows}\n            />\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextFieldArea.displayName = \"TextFieldArea\";\nexport const TextFieldArea = fixedForwardRef(_TextFieldArea);\n"],"names":["_TextFieldArea","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","maxRows","rows","startSlot","textAreaRef","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","innerTextAreaRef","useRef","mergedTextAreaRef","useObjectRef","mergeRefs","input","inputField","wrapper","sharedInputStyles","innerValue","setInnerValue","useState","onChange","newValue","_a","handleResize","useCallback","rootFontSizePx","maxRowsInt","maxHeightInRem","maxHeight","useLayoutEffect","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","TextArea","clsx","InputFooter","TextFieldArea","fixedForwardRef"],"mappings":"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"}

package/dist/lyra450.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra88.cjs"),e=require("react"),n=e.createContext(null),r=({children:t,currentRoute:o})=>i.jsxRuntimeExports.jsx(n.Provider,{value:{currentRoute:o},children:t});function a(){const t=e.useContext(n);if(t===null)throw new Error("useNavigationContext must be used within a NavigationContextProvider ");return t}exports.NavigationContextProvider=r;exports.useNavigationContext=a;
+"use strict";

package/dist/lyra450.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra450.cjs","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":"mIAIMA,EAAoBC,EAAAA,cAAwC,IAAI,EAEzDC,EAA4B,CAAC,CACxC,SAAAC,EACA,aAAAC,CACF,IAKIC,EAAA,kBAAA,IAACL,EAAkB,SAAlB,CAA2B,MAAO,CAAE,aAAAI,CAAA,EAAiB,SAAAD,CAAS,CAAA,EAI5D,SAASG,GAAuB,CAC/B,MAAAC,EAAUC,aAAWR,CAAiB,EAE5C,GAAIO,IAAY,KACR,MAAA,IAAI,MAAM,uEAAuE,EAGlF,OAAAA,CACT"}
+{"version":3,"file":"lyra450.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra450.js

@@ -1,16 +1 @@
-import { j as e } from "./lyra88.js";
-import { createContext as r, useContext as i } from "react";
-const o = r(null), u = ({
-  children: t,
-  currentRoute: n
-}) => /* @__PURE__ */ e.jsx(o.Provider, { value: { currentRoute: n }, children: t });
-function x() {
-  const t = i(o);
-  if (t === null)
-    throw new Error("useNavigationContext must be used within a NavigationContextProvider ");
-  return t;
-}
-export {
-  u as NavigationContextProvider,
-  x as useNavigationContext
-};
+

package/dist/lyra450.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra450.js","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":";;AAIA,MAAMA,IAAoBC,EAAwC,IAAI,GAEzDC,IAA4B,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,cAAAC;AACF,MAKIC,gBAAAA,EAAA,IAACL,EAAkB,UAAlB,EAA2B,OAAO,EAAE,cAAAI,EAAA,GAAiB,UAAAD,EAAS,CAAA;AAI5D,SAASG,IAAuB;AAC/B,QAAAC,IAAUC,EAAWR,CAAiB;AAE5C,MAAIO,MAAY;AACR,UAAA,IAAI,MAAM,uEAAuE;AAGlF,SAAAA;AACT;"}
+{"version":3,"file":"lyra450.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}