@new-black/lyra 0.1.10 → 0.1.11

package/dist/lyra199.js

@@ -1,4 +1,5 @@
-const o = Symbol.for("motionComponentSymbol");
+import { createContext as t } from "react";
+const e = t({});
 export {
-  o as motionComponentSymbol
+  e as SwitchLayoutGroupContext
 };

package/dist/lyra199.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra199.js","sources":["../node_modules/framer-motion/dist/es/motion/utils/symbol.mjs"],"sourcesContent":["const motionComponentSymbol = Symbol.for(\"motionComponentSymbol\");\n\nexport { motionComponentSymbol };\n"],"names":["motionComponentSymbol"],"mappings":"AAAK,MAACA,IAAwB,OAAO,IAAI,uBAAuB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra199.js","sources":["../node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n"],"names":["SwitchLayoutGroupContext","createContext"],"mappings":";AAKK,MAACA,IAA2BC,EAAc,CAAE,CAAA;","x_google_ignoreList":[0]}

package/dist/lyra20.cjs

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

package/dist/lyra20.cjs.map

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

package/dist/lyra20.js

@@ -12,7 +12,7 @@ import "./lyra8.js";
 import { buttonStyles as X } from "./lyra9.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra149.js";
+import "./lyra147.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import { SvgIcon as F } from "./lyra39.js";
@@ -24,11 +24,11 @@ import { listBoxStyles as rs } from "./lyra29.js";
 import { listBoxItemStyles as es } from "./lyra153.js";
 import { Popover as os } from "./lyra30.js";
 import "./lyra32.js";
-import "./lyra147.js";
+import "./lyra148.js";
 import { sharedInputFieldWrapperStyles as q, sharedInputFieldStyles as G, sharedInputlabelStyles as ls, sharedInputHintStyles as is, sharedInputStyles as as } from "./lyra22.js";
 import { TagGroup as ns, TagItem as cs } from "./lyra154.js";
 import "./lyra23.js";
-import "./lyra148.js";
+import "./lyra149.js";
 import "./lyra25.js";
 import "./lyra27.js";
 import "./lyra77.js";
@@ -36,11 +36,11 @@ import { Spinner as ms } from "./lyra37.js";
 import "./lyra40.js";
 import "./lyra78.js";
 import "./lyra42.js";
-import "./lyra115.js";
+import "./lyra80.js";
 import { useSpinDelay as ds } from "./lyra48.js";
 import "./lyra49.js";
 import "./lyra58.js";
-import { Combobox as y } from "./lyra156.js";
+import { Combobox as y } from "./lyra155.js";
 import { twMerge as B } from "./lyra55.js";
 import { useLocale as Y, useFilter as ps } from "./lyra52.js";
 const xs = ({

package/dist/lyra200.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra178.cjs"),P=require("./lyra201.cjs"),T=require("./lyra202.cjs"),q=require("./lyra203.cjs"),m=require("./lyra204.cjs"),y=require("./lyra205.cjs"),F=require("./lyra206.cjs"),j=require("./lyra207.cjs"),V=require("./lyra181.cjs"),R=require("./lyra208.cjs"),v=require("./lyra209.cjs"),w=require("./lyra210.cjs"),E=require("./lyra211.cjs"),N=require("./lyra212.cjs"),x=require("./lyra213.cjs"),C=require("./lyra214.cjs"),b=require("./lyra215.cjs"),g=require("./lyra216.cjs"),p=require("./lyra217.cjs"),S=Object.keys(C.featureDefinitions),B=S.length,M=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],L=b.variantProps.length;class O{constructor({parent:t,props:e,presenceContext:i,reducedMotionConfig:s,visualState:n},h={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>p.frame.render(this.render,!1,!0);const{latestValues:u,renderState:r}=n;this.latestValues=u,this.baseTarget={...u},this.initialValues=e.initial?{...u}:{},this.renderState=r,this.parent=t,this.props=e,this.presenceContext=i,this.depth=t?t.depth+1:0,this.reducedMotionConfig=s,this.options=h,this.isControllingVariants=v.isControllingVariants(e),this.isVariantNode=v.isVariantNode(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:o,...d}=this.scrapeMotionValuesFromProps(e,{});for(const a in d){const l=d[a];u[a]!==void 0&&V.isMotionValue(l)&&(l.set(u[a],!1),j.isWillChangeMotionValue(o)&&o.add(a))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){this.current=t,g.visualElementStore.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((e,i)=>this.bindToMotionValue(i,e)),m.hasReducedMotionListener.current||q.initPrefersReducedMotion(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:m.prefersReducedMotion.current,process.env.NODE_ENV!=="production"&&x.warnOnce(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){g.visualElementStore.delete(this.current),this.projection&&this.projection.unmount(),p.cancelFrame(this.notifyUpdate),p.cancelFrame(this.render),this.valueSubscriptions.forEach(t=>t()),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features)this.features[t].unmount();this.current=null}bindToMotionValue(t,e){const i=R.transformProps.has(t),s=e.on("change",h=>{this.latestValues[t]=h,this.props.onUpdate&&p.frame.update(this.notifyUpdate,!1,!0),i&&this.projection&&(this.projection.isTransformDirty=!0)}),n=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,()=>{s(),n()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}loadFeatures({children:t,...e},i,s,n){let h,u;if(process.env.NODE_ENV!=="production"&&s&&i){const r="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?f.warning(!1,r):f.invariant(!1,r)}for(let r=0;r<B;r++){const o=S[r],{isEnabled:d,Feature:a,ProjectionNode:l,MeasureLayout:c}=C.featureDefinitions[o];l&&(h=l),d(e)&&(!this.features[o]&&a&&(this.features[o]=new a(this)),c&&(u=c))}if(!this.projection&&h){this.projection=new h(this.latestValues,this.parent&&this.parent.projection);const{layoutId:r,layout:o,drag:d,dragConstraints:a,layoutScroll:l,layoutRoot:c}=e;this.projection.setOptions({layoutId:r,layout:o,alwaysMeasureLayout:!!d||a&&T.isRefObject(a),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:typeof o=="string"?o:"both",initialPromotionConfig:n,layoutScroll:l,layoutRoot:c})}return u}updateFeatures(){for(const t in this.features){const e=this.features[t];e.isMounted?e.update():(e.mount(),e.isMounted=!0)}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):P.createBox()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e=!0){return this.makeTargetAnimatableFromInstance(t,this.props,e)}update(t,e){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=e;for(let i=0;i<M.length;i++){const s=M[i];this.propEventSubscriptions[s]&&(this.propEventSubscriptions[s](),delete this.propEventSubscriptions[s]);const n=t["on"+s];n&&(this.propEventSubscriptions[s]=this.on(s,n))}this.prevMotionValues=E.updateMotionValuesFromProps(this,this.scrapeMotionValuesFromProps(t,this.prevProps),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}getVariantContext(t=!1){if(t)return this.parent?this.parent.getVariantContext():void 0;if(!this.isControllingVariants){const i=this.parent?this.parent.getVariantContext()||{}:{};return this.props.initial!==void 0&&(i.initial=this.props.initial),i}const e={};for(let i=0;i<L;i++){const s=b.variantProps[i],n=this.props[s];(w.isVariantLabel(n)||n===!1)&&(e[s]=n)}return e}addVariantChild(t){const e=this.getClosestVariantNode();if(e)return e.variantChildren&&e.variantChildren.add(t),()=>e.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){this.values.delete(t);const e=this.valueSubscriptions.get(t);e&&(e(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let i=this.values.get(t);return i===void 0&&e!==void 0&&(i=F.motionValue(e,{owner:this}),this.addValue(t,i)),i}readValue(t){var e;return this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:(e=this.getBaseTargetFromProps(this.props,t))!==null&&e!==void 0?e:this.readValueFromInstance(this.current,t,this.options)}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:i}=this.props,s=typeof i=="string"||typeof i=="object"?(e=N.resolveVariantFromProps(this.props,i))===null||e===void 0?void 0:e[t]:void 0;if(i&&s!==void 0)return s;const n=this.getBaseTargetFromProps(this.props,t);return n!==void 0&&!V.isMotionValue(n)?n:this.initialValues[t]!==void 0&&s===void 0?void 0:this.baseTarget[t]}on(t,e){return this.events[t]||(this.events[t]=new y.SubscriptionManager),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}}exports.VisualElement=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol.for("motionComponentSymbol");exports.motionComponentSymbol=o;

package/dist/lyra200.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra200.cjs","sources":["../node_modules/framer-motion/dist/es/render/VisualElement.mjs"],"sourcesContent":["import { warning, invariant } from '../utils/errors.mjs';\nimport { createBox } from '../projection/geometry/models.mjs';\nimport { isRefObject } from '../utils/is-ref-object.mjs';\nimport { initPrefersReducedMotion } from '../utils/reduced-motion/index.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from '../utils/reduced-motion/state.mjs';\nimport { SubscriptionManager } from '../utils/subscription-manager.mjs';\nimport { motionValue } from '../value/index.mjs';\nimport { isWillChangeMotionValue } from '../value/use-will-change/is.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\nimport { transformProps } from './html/utils/transform.mjs';\nimport { isControllingVariants, isVariantNode } from './utils/is-controlling-variants.mjs';\nimport { isVariantLabel } from './utils/is-variant-label.mjs';\nimport { updateMotionValuesFromProps } from './utils/motion-values.mjs';\nimport { resolveVariantFromProps } from './utils/resolve-variants.mjs';\nimport { warnOnce } from '../utils/warn-once.mjs';\nimport { featureDefinitions } from '../motion/features/definitions.mjs';\nimport { variantProps } from './utils/variant-props.mjs';\nimport { visualElementStore } from './store.mjs';\nimport { frame, cancelFrame } from '../frameloop/frame.mjs';\n\nconst featureNames = Object.keys(featureDefinitions);\nconst numFeatures = featureNames.length;\nconst propEventHandlers = [\n    \"AnimationStart\",\n    \"AnimationComplete\",\n    \"Update\",\n    \"BeforeLayoutMeasure\",\n    \"LayoutMeasure\",\n    \"LayoutAnimationStart\",\n    \"LayoutAnimationComplete\",\n];\nconst numVariantProps = variantProps.length;\n/**\n * A VisualElement is an imperative abstraction around UI elements such as\n * HTMLElement, SVGElement, Three.Object3D etc.\n */\nclass VisualElement {\n    constructor({ parent, props, presenceContext, reducedMotionConfig, visualState, }, options = {}) {\n        /**\n         * A reference to the current underlying Instance, e.g. a HTMLElement\n         * or Three.Mesh etc.\n         */\n        this.current = null;\n        /**\n         * A set containing references to this VisualElement's children.\n         */\n        this.children = new Set();\n        /**\n         * Determine what role this visual element should take in the variant tree.\n         */\n        this.isVariantNode = false;\n        this.isControllingVariants = false;\n        /**\n         * Decides whether this VisualElement should animate in reduced motion\n         * mode.\n         *\n         * TODO: This is currently set on every individual VisualElement but feels\n         * like it could be set globally.\n         */\n        this.shouldReduceMotion = null;\n        /**\n         * A map of all motion values attached to this visual element. Motion\n         * values are source of truth for any given animated value. A motion\n         * value might be provided externally by the component via props.\n         */\n        this.values = new Map();\n        /**\n         * Cleanup functions for active features (hover/tap/exit etc)\n         */\n        this.features = {};\n        /**\n         * A map of every subscription that binds the provided or generated\n         * motion values onChange listeners to this visual element.\n         */\n        this.valueSubscriptions = new Map();\n        /**\n         * A reference to the previously-provided motion values as returned\n         * from scrapeMotionValuesFromProps. We use the keys in here to determine\n         * if any motion values need to be removed after props are updated.\n         */\n        this.prevMotionValues = {};\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        /**\n         * An object containing an unsubscribe function for each prop event subscription.\n         * For example, every \"Update\" event can have multiple subscribers via\n         * VisualElement.on(), but only one of those can be defined via the onUpdate prop.\n         */\n        this.propEventSubscriptions = {};\n        this.notifyUpdate = () => this.notify(\"Update\", this.latestValues);\n        this.render = () => {\n            if (!this.current)\n                return;\n            this.triggerBuild();\n            this.renderInstance(this.current, this.renderState, this.props.style, this.projection);\n        };\n        this.scheduleRender = () => frame.render(this.render, false, true);\n        const { latestValues, renderState } = visualState;\n        this.latestValues = latestValues;\n        this.baseTarget = { ...latestValues };\n        this.initialValues = props.initial ? { ...latestValues } : {};\n        this.renderState = renderState;\n        this.parent = parent;\n        this.props = props;\n        this.presenceContext = presenceContext;\n        this.depth = parent ? parent.depth + 1 : 0;\n        this.reducedMotionConfig = reducedMotionConfig;\n        this.options = options;\n        this.isControllingVariants = isControllingVariants(props);\n        this.isVariantNode = isVariantNode(props);\n        if (this.isVariantNode) {\n            this.variantChildren = new Set();\n        }\n        this.manuallyAnimateOnMount = Boolean(parent && parent.current);\n        /**\n         * Any motion values that are provided to the element when created\n         * aren't yet bound to the element, as this would technically be impure.\n         * However, we iterate through the motion values and set them to the\n         * initial values for this component.\n         *\n         * TODO: This is impure and we should look at changing this to run on mount.\n         * Doing so will break some tests but this isn't neccessarily a breaking change,\n         * more a reflection of the test.\n         */\n        const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {});\n        for (const key in initialMotionValues) {\n            const value = initialMotionValues[key];\n            if (latestValues[key] !== undefined && isMotionValue(value)) {\n                value.set(latestValues[key], false);\n                if (isWillChangeMotionValue(willChange)) {\n                    willChange.add(key);\n                }\n            }\n        }\n    }\n    /**\n     * This method takes React props and returns found MotionValues. For example, HTML\n     * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.\n     *\n     * This isn't an abstract method as it needs calling in the constructor, but it is\n     * intended to be one.\n     */\n    scrapeMotionValuesFromProps(_props, _prevProps) {\n        return {};\n    }\n    mount(instance) {\n        this.current = instance;\n        visualElementStore.set(instance, this);\n        if (this.projection && !this.projection.instance) {\n            this.projection.mount(instance);\n        }\n        if (this.parent && this.isVariantNode && !this.isControllingVariants) {\n            this.removeFromVariantTree = this.parent.addVariantChild(this);\n        }\n        this.values.forEach((value, key) => this.bindToMotionValue(key, value));\n        if (!hasReducedMotionListener.current) {\n            initPrefersReducedMotion();\n        }\n        this.shouldReduceMotion =\n            this.reducedMotionConfig === \"never\"\n                ? false\n                : this.reducedMotionConfig === \"always\"\n                    ? true\n                    : prefersReducedMotion.current;\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(this.shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\");\n        }\n        if (this.parent)\n            this.parent.children.add(this);\n        this.update(this.props, this.presenceContext);\n    }\n    unmount() {\n        visualElementStore.delete(this.current);\n        this.projection && this.projection.unmount();\n        cancelFrame(this.notifyUpdate);\n        cancelFrame(this.render);\n        this.valueSubscriptions.forEach((remove) => remove());\n        this.removeFromVariantTree && this.removeFromVariantTree();\n        this.parent && this.parent.children.delete(this);\n        for (const key in this.events) {\n            this.events[key].clear();\n        }\n        for (const key in this.features) {\n            this.features[key].unmount();\n        }\n        this.current = null;\n    }\n    bindToMotionValue(key, value) {\n        const valueIsTransform = transformProps.has(key);\n        const removeOnChange = value.on(\"change\", (latestValue) => {\n            this.latestValues[key] = latestValue;\n            this.props.onUpdate &&\n                frame.update(this.notifyUpdate, false, true);\n            if (valueIsTransform && this.projection) {\n                this.projection.isTransformDirty = true;\n            }\n        });\n        const removeOnRenderRequest = value.on(\"renderRequest\", this.scheduleRender);\n        this.valueSubscriptions.set(key, () => {\n            removeOnChange();\n            removeOnRenderRequest();\n        });\n    }\n    sortNodePosition(other) {\n        /**\n         * If these nodes aren't even of the same type we can't compare their depth.\n         */\n        if (!this.current ||\n            !this.sortInstanceNodePosition ||\n            this.type !== other.type) {\n            return 0;\n        }\n        return this.sortInstanceNodePosition(this.current, other.current);\n    }\n    loadFeatures({ children, ...renderedProps }, isStrict, preloadedFeatures, initialLayoutGroupConfig) {\n        let ProjectionNodeConstructor;\n        let MeasureLayout;\n        /**\n         * If we're in development mode, check to make sure we're not rendering a motion component\n         * as a child of LazyMotion, as this will break the file-size benefits of using it.\n         */\n        if (process.env.NODE_ENV !== \"production\" &&\n            preloadedFeatures &&\n            isStrict) {\n            const strictMessage = \"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.\";\n            renderedProps.ignoreStrict\n                ? warning(false, strictMessage)\n                : invariant(false, strictMessage);\n        }\n        for (let i = 0; i < numFeatures; i++) {\n            const name = featureNames[i];\n            const { isEnabled, Feature: FeatureConstructor, ProjectionNode, MeasureLayout: MeasureLayoutComponent, } = featureDefinitions[name];\n            if (ProjectionNode)\n                ProjectionNodeConstructor = ProjectionNode;\n            if (isEnabled(renderedProps)) {\n                if (!this.features[name] && FeatureConstructor) {\n                    this.features[name] = new FeatureConstructor(this);\n                }\n                if (MeasureLayoutComponent) {\n                    MeasureLayout = MeasureLayoutComponent;\n                }\n            }\n        }\n        if (!this.projection && ProjectionNodeConstructor) {\n            this.projection = new ProjectionNodeConstructor(this.latestValues, this.parent && this.parent.projection);\n            const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = renderedProps;\n            this.projection.setOptions({\n                layoutId,\n                layout,\n                alwaysMeasureLayout: Boolean(drag) ||\n                    (dragConstraints && isRefObject(dragConstraints)),\n                visualElement: this,\n                scheduleRender: () => this.scheduleRender(),\n                /**\n                 * TODO: Update options in an effect. This could be tricky as it'll be too late\n                 * to update by the time layout animations run.\n                 * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n                 * ensuring it gets called if there's no potential layout animations.\n                 *\n                 */\n                animationType: typeof layout === \"string\" ? layout : \"both\",\n                initialPromotionConfig: initialLayoutGroupConfig,\n                layoutScroll,\n                layoutRoot,\n            });\n        }\n        return MeasureLayout;\n    }\n    updateFeatures() {\n        for (const key in this.features) {\n            const feature = this.features[key];\n            if (feature.isMounted) {\n                feature.update();\n            }\n            else {\n                feature.mount();\n                feature.isMounted = true;\n            }\n        }\n    }\n    triggerBuild() {\n        this.build(this.renderState, this.latestValues, this.options, this.props);\n    }\n    /**\n     * Measure the current viewport box with or without transforms.\n     * Only measures axis-aligned boxes, rotate and skew must be manually\n     * removed with a re-render to work.\n     */\n    measureViewportBox() {\n        return this.current\n            ? this.measureInstanceViewportBox(this.current, this.props)\n            : createBox();\n    }\n    getStaticValue(key) {\n        return this.latestValues[key];\n    }\n    setStaticValue(key, value) {\n        this.latestValues[key] = value;\n    }\n    /**\n     * Make a target animatable by Popmotion. For instance, if we're\n     * trying to animate width from 100px to 100vw we need to measure 100vw\n     * in pixels to determine what we really need to animate to. This is also\n     * pluggable to support Framer's custom value types like Color,\n     * and CSS variables.\n     */\n    makeTargetAnimatable(target, canMutate = true) {\n        return this.makeTargetAnimatableFromInstance(target, this.props, canMutate);\n    }\n    /**\n     * Update the provided props. Ensure any newly-added motion values are\n     * added to our map, old ones removed, and listeners updated.\n     */\n    update(props, presenceContext) {\n        if (props.transformTemplate || this.props.transformTemplate) {\n            this.scheduleRender();\n        }\n        this.prevProps = this.props;\n        this.props = props;\n        this.prevPresenceContext = this.presenceContext;\n        this.presenceContext = presenceContext;\n        /**\n         * Update prop event handlers ie onAnimationStart, onAnimationComplete\n         */\n        for (let i = 0; i < propEventHandlers.length; i++) {\n            const key = propEventHandlers[i];\n            if (this.propEventSubscriptions[key]) {\n                this.propEventSubscriptions[key]();\n                delete this.propEventSubscriptions[key];\n            }\n            const listener = props[\"on\" + key];\n            if (listener) {\n                this.propEventSubscriptions[key] = this.on(key, listener);\n            }\n        }\n        this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps), this.prevMotionValues);\n        if (this.handleChildMotionValue) {\n            this.handleChildMotionValue();\n        }\n    }\n    getProps() {\n        return this.props;\n    }\n    /**\n     * Returns the variant definition with a given name.\n     */\n    getVariant(name) {\n        return this.props.variants ? this.props.variants[name] : undefined;\n    }\n    /**\n     * Returns the defined default transition on this component.\n     */\n    getDefaultTransition() {\n        return this.props.transition;\n    }\n    getTransformPagePoint() {\n        return this.props.transformPagePoint;\n    }\n    getClosestVariantNode() {\n        return this.isVariantNode\n            ? this\n            : this.parent\n                ? this.parent.getClosestVariantNode()\n                : undefined;\n    }\n    getVariantContext(startAtParent = false) {\n        if (startAtParent) {\n            return this.parent ? this.parent.getVariantContext() : undefined;\n        }\n        if (!this.isControllingVariants) {\n            const context = this.parent\n                ? this.parent.getVariantContext() || {}\n                : {};\n            if (this.props.initial !== undefined) {\n                context.initial = this.props.initial;\n            }\n            return context;\n        }\n        const context = {};\n        for (let i = 0; i < numVariantProps; i++) {\n            const name = variantProps[i];\n            const prop = this.props[name];\n            if (isVariantLabel(prop) || prop === false) {\n                context[name] = prop;\n            }\n        }\n        return context;\n    }\n    /**\n     * Add a child visual element to our set of children.\n     */\n    addVariantChild(child) {\n        const closestVariantNode = this.getClosestVariantNode();\n        if (closestVariantNode) {\n            closestVariantNode.variantChildren &&\n                closestVariantNode.variantChildren.add(child);\n            return () => closestVariantNode.variantChildren.delete(child);\n        }\n    }\n    /**\n     * Add a motion value and bind it to this visual element.\n     */\n    addValue(key, value) {\n        // Remove existing value if it exists\n        if (value !== this.values.get(key)) {\n            this.removeValue(key);\n            this.bindToMotionValue(key, value);\n        }\n        this.values.set(key, value);\n        this.latestValues[key] = value.get();\n    }\n    /**\n     * Remove a motion value and unbind any active subscriptions.\n     */\n    removeValue(key) {\n        this.values.delete(key);\n        const unsubscribe = this.valueSubscriptions.get(key);\n        if (unsubscribe) {\n            unsubscribe();\n            this.valueSubscriptions.delete(key);\n        }\n        delete this.latestValues[key];\n        this.removeValueFromRenderState(key, this.renderState);\n    }\n    /**\n     * Check whether we have a motion value for this key\n     */\n    hasValue(key) {\n        return this.values.has(key);\n    }\n    getValue(key, defaultValue) {\n        if (this.props.values && this.props.values[key]) {\n            return this.props.values[key];\n        }\n        let value = this.values.get(key);\n        if (value === undefined && defaultValue !== undefined) {\n            value = motionValue(defaultValue, { owner: this });\n            this.addValue(key, value);\n        }\n        return value;\n    }\n    /**\n     * If we're trying to animate to a previously unencountered value,\n     * we need to check for it in our state and as a last resort read it\n     * directly from the instance (which might have performance implications).\n     */\n    readValue(key) {\n        var _a;\n        return this.latestValues[key] !== undefined || !this.current\n            ? this.latestValues[key]\n            : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== void 0 ? _a : this.readValueFromInstance(this.current, key, this.options);\n    }\n    /**\n     * Set the base target to later animate back to. This is currently\n     * only hydrated on creation and when we first read a value.\n     */\n    setBaseTarget(key, value) {\n        this.baseTarget[key] = value;\n    }\n    /**\n     * Find the base target for a value thats been removed from all animation\n     * props.\n     */\n    getBaseTarget(key) {\n        var _a;\n        const { initial } = this.props;\n        const valueFromInitial = typeof initial === \"string\" || typeof initial === \"object\"\n            ? (_a = resolveVariantFromProps(this.props, initial)) === null || _a === void 0 ? void 0 : _a[key]\n            : undefined;\n        /**\n         * If this value still exists in the current initial variant, read that.\n         */\n        if (initial && valueFromInitial !== undefined) {\n            return valueFromInitial;\n        }\n        /**\n         * Alternatively, if this VisualElement config has defined a getBaseTarget\n         * so we can read the value from an alternative source, try that.\n         */\n        const target = this.getBaseTargetFromProps(this.props, key);\n        if (target !== undefined && !isMotionValue(target))\n            return target;\n        /**\n         * If the value was initially defined on initial, but it doesn't any more,\n         * return undefined. Otherwise return the value as initially read from the DOM.\n         */\n        return this.initialValues[key] !== undefined &&\n            valueFromInitial === undefined\n            ? undefined\n            : this.baseTarget[key];\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        return this.events[eventName].add(callback);\n    }\n    notify(eventName, ...args) {\n        if (this.events[eventName]) {\n            this.events[eventName].notify(...args);\n        }\n    }\n}\n\nexport { VisualElement };\n"],"names":["featureNames","featureDefinitions","numFeatures","propEventHandlers","numVariantProps","variantProps","VisualElement","parent","props","presenceContext","reducedMotionConfig","visualState","options","frame","latestValues","renderState","isControllingVariants","isVariantNode","willChange","initialMotionValues","key","value","isMotionValue","isWillChangeMotionValue","_props","_prevProps","instance","visualElementStore","hasReducedMotionListener","initPrefersReducedMotion","prefersReducedMotion","warnOnce","cancelFrame","remove","valueIsTransform","transformProps","removeOnChange","latestValue","removeOnRenderRequest","other","children","renderedProps","isStrict","preloadedFeatures","initialLayoutGroupConfig","ProjectionNodeConstructor","MeasureLayout","strictMessage","warning","invariant","i","name","isEnabled","FeatureConstructor","ProjectionNode","MeasureLayoutComponent","layoutId","layout","drag","dragConstraints","layoutScroll","layoutRoot","isRefObject","feature","createBox","target","canMutate","listener","updateMotionValuesFromProps","startAtParent","context","prop","isVariantLabel","child","closestVariantNode","unsubscribe","defaultValue","motionValue","_a","initial","valueFromInitial","resolveVariantFromProps","eventName","callback","SubscriptionManager","args"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra200.cjs","sources":["../node_modules/framer-motion/dist/es/motion/utils/symbol.mjs"],"sourcesContent":["const motionComponentSymbol = Symbol.for(\"motionComponentSymbol\");\n\nexport { motionComponentSymbol };\n"],"names":["motionComponentSymbol"],"mappings":"gFAAK,MAACA,EAAwB,OAAO,IAAI,uBAAuB","x_google_ignoreList":[0]}