@new-black/lyra 1.0.21 → 1.0.22

package/dist/lyra36.js

@@ -32,7 +32,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import "./lyra95.js";
 import "./lyra80.js";
-import "./lyra457.js";
+import "./lyra458.js";
 import { InputHeader as Z } from "./lyra38.js";
 import { InputFooter as _ } from "./lyra39.js";
 import { sharedInputStyles as O } from "./lyra40.js";
@@ -43,16 +43,16 @@ import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
 import rr from "./lyra597.js";
-import { sharedListStyles as or } from "./lyra455.js";
-import { SharedListItem as tr } from "./lyra456.js";
+import { sharedListStyles as or } from "./lyra453.js";
+import { SharedListItem as tr } from "./lyra454.js";
 import { Popover as sr } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
 import { Text as R } from "./lyra73.js";
 import "./lyra74.js";
-import { InputTagGroup as nr, InputTag as ir } from "./lyra458.js";
-import "./lyra459.js";
+import { InputTagGroup as nr, InputTag as ir } from "./lyra459.js";
+import "./lyra460.js";
 import "react-dom";
 import { useMousePosition as cr } from "./lyra84.js";
 import "./lyra41.js";

package/dist/lyra37.cjs

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

package/dist/lyra37.js

@@ -2,7 +2,7 @@ import { j as r } from "./lyra90.js";
 import { useContext as rr, useRef as O, useState as z, useCallback as P, useEffect as Y, useId as xr, useMemo as fr } from "react";
 import { Provider as lr, ButtonContext as pr, Button as K, Group as dr, Input as jr } from "./lyra89.js";
 import { flushSync as nr } from "react-dom";
-import { useVirtualizer as hr } from "./lyra623.js";
+import { useVirtualizer as hr } from "./lyra612.js";
 import { clsx as br } from "./lyra450.js";
 import "./lyra2.js";
 import "./lyra3.js";
@@ -34,7 +34,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import { useDictionary as ur } from "./lyra95.js";
 import "./lyra80.js";
-import "./lyra457.js";
+import "./lyra458.js";
 import { InputHeader as ar } from "./lyra38.js";
 import { InputFooter as mr } from "./lyra39.js";
 import { sharedInputStyles as Q } from "./lyra40.js";
@@ -45,16 +45,16 @@ import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
 import Nr from "./lyra597.js";
-import { sharedListItemStyles as wr } from "./lyra455.js";
-import { SharedListItem as vr } from "./lyra456.js";
+import { sharedListItemStyles as wr } from "./lyra453.js";
+import { SharedListItem as vr } from "./lyra454.js";
 import { Popover as Sr } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";
 import "./lyra56.js";
 import { Text as ir } from "./lyra73.js";
 import "./lyra74.js";
-import { InputTagGroup as yr, InputTag as kr } from "./lyra458.js";
-import "./lyra459.js";
+import { InputTagGroup as yr, InputTag as kr } from "./lyra459.js";
+import "./lyra460.js";
 import { useFilterItemsByQuery as Fr } from "./lyra85.js";
 import { useMousePosition as Or } from "./lyra84.js";
 import "./lyra41.js";

package/dist/lyra43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra90.cjs"),i=require("react"),a=require("./lyra89.cjs"),E=require("./lyra101.cjs"),w=require("./lyra450.cjs"),Y=require("./lyra93.cjs"),Z=require("./lyra95.cjs"),$=require("./lyra622.cjs"),ee=require("./lyra65.cjs");require("./lyra458.cjs");const te=require("./lyra459.cjs"),se=require("./lyra38.cjs"),re=require("./lyra39.cjs"),ne=require("./lyra40.cjs"),S=({defaultValue:p,description:k,fullWidth:N=!0,hideHintLabel:B,hideInputFooter:b,hideInputHeader:D,inputRef:R,label:P,onChange:l,value:x,...m},f)=>{[m,f]=a.useContextProps(m,f,a.TextFieldContext);const h=i.useRef(null),c=E.useObjectRef(R?E.mergeRefs(h,R):h),{className:V,errorMessage:_,isDisabled:A=!1,isInvalid:G,isRequired:d,name:F,...H}=m,C=Z.useDictionary(),[M,I]=i.useState(""),[t,q]=i.useState(x??p??[]),{inputField:O,wrapper:K}=ne.sharedInputStyles({fullWidth:N});i.useEffect(()=>{q(x??p??[])},[x,p]);const u=i.useCallback(e=>{q(e),l==null||l(e)},[l]),L=i.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const o=e.currentTarget.value.trim();o&&!t.includes(o)&&u([...t,e.currentTarget.value.trim()]),I("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),u(t.slice(0,-1))))},[u,t]),z=i.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const o=e.clipboardData.getData("Text");if(o){const s=o?o.split(",").map(r=>r.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(r=>r.length>0).map(r=>r.trim()):[];u(Array.from(new Set([...t,...s])))}}},[u,t]),J=i.useMemo(()=>d&&t.length===0,[t.length,d]),{removeButton:Q,tag:U}=te.tagStyles(),[W,v]=i.useState(!1),[g,j]=i.useState(0),[X,T]=i.useState(!1);return n.jsxRuntimeExports.jsx(a.TextField,{className:K({className:V}),isDisabled:A,isInvalid:G,isRequired:J,...H,onKeyDown:L,value:M,onChange:I,onPaste:z,ref:f,children:({isDisabled:e,isInvalid:o})=>n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(se.InputHeader,{label:P,isRequired:d,hideHintLabel:B,hideInputHeader:D}),n.jsxRuntimeExports.jsxs(a.Group,{className:({isFocusWithin:s,isHovered:r})=>O({isFocused:s,isHovered:r,isDisabled:e,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),onFocus:()=>{var s;t.length===0&&((s=c==null?void 0:c.current)==null||s.focus())},children:[n.jsxRuntimeExports.jsxs("div",{className:w.clsx(t.length&&"-my-px","-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none"),tabIndex:e?void 0:0,role:"grid",onKeyDown:s=>{s.key==="ArrowRight"?(s.preventDefault(),j(r=>(r+1)%t.length)):s.key==="ArrowLeft"?(s.preventDefault(),j(r=>(r-1+t.length)%t.length)):s.key==="Backspace"&&g!==-1&&u(t.filter((r,y)=>y!==g))},onFocus:()=>{e||v(!0)},onBlur:()=>{e||v(!1)},children:[t.map((s,r)=>n.jsxRuntimeExports.jsxs("div",{className:U({allowsRemoving:!0,className:w.clsx(W&&r===g&&!X&&!e?"border-focus shadow-highlight":"")}),"aria-label":s,"aria-colindex":r+1,role:"gridcell",onClick:()=>{e||j(r)},children:[s,!e&&n.jsxRuntimeExports.jsx($.SpanButton,{className:Q({isDisabled:e}),onPress:()=>u(t.filter(y=>y!==s)),children:n.jsxRuntimeExports.jsx(ee.SvgIcon,{name:"clear"})})]},s)),n.jsxRuntimeExports.jsx(a.Input,{className:"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none",ref:c,onFocus:()=>{e||T(!0)},onBlur:()=>{e||T(!1)}})]}),F?n.jsxRuntimeExports.jsx("input",{type:"hidden",value:t.join(","),name:F}):null]}),n.jsxRuntimeExports.jsx(re.InputFooter,{description:k??C.tagInputDescription,errorMessage:_,hideInputFooter:b})]})})};S.displayName="TagInput";const ie=Y.fixedForwardRef(S);exports.TagInput=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra90.cjs"),i=require("react"),a=require("./lyra89.cjs"),E=require("./lyra101.cjs"),w=require("./lyra450.cjs"),Y=require("./lyra93.cjs"),Z=require("./lyra95.cjs"),$=require("./lyra613.cjs"),ee=require("./lyra65.cjs");require("./lyra459.cjs");const te=require("./lyra460.cjs"),se=require("./lyra38.cjs"),re=require("./lyra39.cjs"),ne=require("./lyra40.cjs"),S=({defaultValue:p,description:k,fullWidth:N=!0,hideHintLabel:B,hideInputFooter:b,hideInputHeader:D,inputRef:R,label:P,onChange:l,value:x,...m},f)=>{[m,f]=a.useContextProps(m,f,a.TextFieldContext);const h=i.useRef(null),c=E.useObjectRef(R?E.mergeRefs(h,R):h),{className:V,errorMessage:_,isDisabled:A=!1,isInvalid:G,isRequired:d,name:F,...H}=m,C=Z.useDictionary(),[M,I]=i.useState(""),[t,q]=i.useState(x??p??[]),{inputField:O,wrapper:K}=ne.sharedInputStyles({fullWidth:N});i.useEffect(()=>{q(x??p??[])},[x,p]);const u=i.useCallback(e=>{q(e),l==null||l(e)},[l]),L=i.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const o=e.currentTarget.value.trim();o&&!t.includes(o)&&u([...t,e.currentTarget.value.trim()]),I("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),u(t.slice(0,-1))))},[u,t]),z=i.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const o=e.clipboardData.getData("Text");if(o){const s=o?o.split(",").map(r=>r.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(r=>r.length>0).map(r=>r.trim()):[];u(Array.from(new Set([...t,...s])))}}},[u,t]),J=i.useMemo(()=>d&&t.length===0,[t.length,d]),{removeButton:Q,tag:U}=te.tagStyles(),[W,v]=i.useState(!1),[g,j]=i.useState(0),[X,T]=i.useState(!1);return n.jsxRuntimeExports.jsx(a.TextField,{className:K({className:V}),isDisabled:A,isInvalid:G,isRequired:J,...H,onKeyDown:L,value:M,onChange:I,onPaste:z,ref:f,children:({isDisabled:e,isInvalid:o})=>n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(se.InputHeader,{label:P,isRequired:d,hideHintLabel:B,hideInputHeader:D}),n.jsxRuntimeExports.jsxs(a.Group,{className:({isFocusWithin:s,isHovered:r})=>O({isFocused:s,isHovered:r,isDisabled:e,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),onFocus:()=>{var s;t.length===0&&((s=c==null?void 0:c.current)==null||s.focus())},children:[n.jsxRuntimeExports.jsxs("div",{className:w.clsx(t.length&&"-my-px","-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none"),tabIndex:e?void 0:0,role:"grid",onKeyDown:s=>{s.key==="ArrowRight"?(s.preventDefault(),j(r=>(r+1)%t.length)):s.key==="ArrowLeft"?(s.preventDefault(),j(r=>(r-1+t.length)%t.length)):s.key==="Backspace"&&g!==-1&&u(t.filter((r,y)=>y!==g))},onFocus:()=>{e||v(!0)},onBlur:()=>{e||v(!1)},children:[t.map((s,r)=>n.jsxRuntimeExports.jsxs("div",{className:U({allowsRemoving:!0,className:w.clsx(W&&r===g&&!X&&!e?"border-focus shadow-highlight":"")}),"aria-label":s,"aria-colindex":r+1,role:"gridcell",onClick:()=>{e||j(r)},children:[s,!e&&n.jsxRuntimeExports.jsx($.SpanButton,{className:Q({isDisabled:e}),onPress:()=>u(t.filter(y=>y!==s)),children:n.jsxRuntimeExports.jsx(ee.SvgIcon,{name:"clear"})})]},s)),n.jsxRuntimeExports.jsx(a.Input,{className:"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none",ref:c,onFocus:()=>{e||T(!0)},onBlur:()=>{e||T(!1)}})]}),F?n.jsxRuntimeExports.jsx("input",{type:"hidden",value:t.join(","),name:F}):null]}),n.jsxRuntimeExports.jsx(re.InputFooter,{description:k??C.tagInputDescription,errorMessage:_,hideInputFooter:b})]})})};S.displayName="TagInput";const ie=Y.fixedForwardRef(S);exports.TagInput=ie;

package/dist/lyra43.js

@@ -5,10 +5,10 @@ import { useObjectRef as oe, mergeRefs as ae } from "./lyra101.js";
 import { clsx as T } from "./lyra450.js";
 import { fixedForwardRef as ne } from "./lyra93.js";
 import { useDictionary as ie } from "./lyra95.js";
-import { SpanButton as le } from "./lyra622.js";
+import { SpanButton as le } from "./lyra613.js";
 import { SvgIcon as ce } from "./lyra65.js";
-import "./lyra458.js";
-import { tagStyles as fe } from "./lyra459.js";
+import "./lyra459.js";
+import { tagStyles as fe } from "./lyra460.js";
 import { InputHeader as ue } from "./lyra38.js";
 import { InputFooter as pe } from "./lyra39.js";
 import { sharedInputStyles as me } from "./lyra40.js";

package/dist/lyra453.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra90.cjs"),e=require("react"),n=e.createContext(null),r=({children:t,currentRoute:o})=>i.jsxRuntimeExports.jsx(n.Provider,{value:{currentRoute:o},children:t});function a(){const t=e.useContext(n);if(t===null)throw new Error("useNavigationContext must be used within a NavigationContextProvider ");return t}exports.NavigationContextProvider=r;exports.useNavigationContext=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;

package/dist/lyra453.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra453.cjs","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":"mIAIMA,EAAoBC,EAAAA,cAAwC,IAAI,EAEzDC,EAA4B,CAAC,CACxC,SAAAC,EACA,aAAAC,CACF,IAKIC,EAAA,kBAAA,IAACL,EAAkB,SAAlB,CAA2B,MAAO,CAAE,aAAAI,CAAA,EAAiB,SAAAD,CAAS,CAAA,EAI5D,SAASG,GAAuB,CAC/B,MAAAC,EAAUC,aAAWR,CAAiB,EAE5C,GAAIO,IAAY,KACR,MAAA,IAAI,MAAM,uEAAuE,EAGlF,OAAAA,CACT"}
+{"version":3,"file":"lyra453.cjs","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}

package/dist/lyra453.js

@@ -1,16 +1,92 @@
-import { j as e } from "./lyra90.js";
-import { createContext as r, useContext as i } from "react";
-const o = r(null), u = ({
-  children: t,
-  currentRoute: n
-}) => /* @__PURE__ */ e.jsx(o.Provider, { value: { currentRoute: n }, children: t });
-function x() {
-  const t = i(o);
-  if (t === null)
-    throw new Error("useNavigationContext must be used within a NavigationContextProvider ");
-  return t;
-}
+import { tv as e } from "./lyra451.js";
+const r = e({
+  base: ["flex", "flex-col", "w-full", "outline-none", "overflow-auto"]
+}), i = e({
+  base: [
+    "block",
+    "w-full",
+    "justify-start",
+    "rounded-sm",
+    "bg-transparent",
+    "p-1",
+    "ps-1.5",
+    "text-start",
+    "text-base",
+    "font-normal",
+    "text-primary",
+    "outline-none",
+    "duration-0",
+    "active:text-inverted",
+    "hover:bg-action-hover",
+    "hover:text-inverted",
+    "focus:bg-action-focus",
+    "focus:text-inverted",
+    "focus-visible:[box-shadow:none]"
+  ],
+  variants: {
+    isDisabled: {
+      true: ["text-tertiary", "cursor-not-allowed"]
+    }
+  }
+}), o = e({
+  slots: {
+    item: ["flex", "items-start", "p-1", "rounded-sm", "outline-none"],
+    itemCheckmark: [],
+    itemCheckmarkWrapper: [],
+    itemImage: [
+      "w-9",
+      "min-w-9",
+      "h-9",
+      "rounded-xs",
+      "border",
+      "solid",
+      "border-default",
+      "me-1.5",
+      "overflow-hidden",
+      "box-border",
+      "object-contain",
+      "bg-[#ffffff]",
+      "block"
+    ],
+    itemLabel: ["text-primary", "text-base", "truncate", "overflow-hidden", "select-none"],
+    itemDescription: ["text-sm", "text-secondary", "truncate", "overflow-hidden", "select-none"],
+    itemEndIcon: ["text-tertiary", "w-4", "h-4"],
+    itemStartIcon: ["w-4", "h-4", "me-1"]
+  },
+  variants: {
+    hasSelection: {
+      true: {
+        itemCheckmarkWrapper: ["w-5", "min-w-5"],
+        itemCheckmark: ["text-primary", "min-w-4", "me-1"]
+      },
+      false: {
+        item: ["ps-1.5"]
+      }
+    },
+    disabled: {
+      true: {
+        item: ["cursor-not-allowed"],
+        itemCheckmark: ["text-tertiary"],
+        itemImage: ["opacity-50"],
+        itemLabel: ["text-tertiary"],
+        itemDescription: ["text-tertiary"]
+      }
+    },
+    active: {
+      true: {
+        item: ["bg-action-focus"],
+        itemImage: ["border-focus"],
+        itemCheckmark: ["text-inverted"],
+        itemLabel: ["text-inverted"],
+        itemDescription: ["text-inverted"],
+        itemStartIcon: ["text-inverted"],
+        itemEndIcon: ["text-inverted"]
+      }
+    }
+  }
+});
 export {
-  u as NavigationContextProvider,
-  x as useNavigationContext
+  i as loadMoreButtonStyles,
+  o as sharedListItemStyles,
+  r as sharedListStyles
 };

package/dist/lyra453.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra453.js","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":";;AAIA,MAAMA,IAAoBC,EAAwC,IAAI,GAEzDC,IAA4B,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,cAAAC;AACF,MAKIC,gBAAAA,EAAA,IAACL,EAAkB,UAAlB,EAA2B,OAAO,EAAE,cAAAI,EAAA,GAAiB,UAAAD,EAAS,CAAA;AAI5D,SAASG,IAAuB;AAC/B,QAAAC,IAAUC,EAAWR,CAAiB;AAE5C,MAAIO,MAAY;AACR,UAAA,IAAI,MAAM,uEAAuE;AAGlF,SAAAA;AACT;"}
+{"version":3,"file":"lyra453.js","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":";AAEO,MAAMA,IAAmBC,EAAG;AAAA,EACjC,MAAM,CAAC,QAAQ,YAAY,UAAU,gBAAgB,eAAe;AACtE,CAAC,GAEYC,IAAuBD,EAAG;AAAA,EACrC,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM,CAAC,iBAAiB,oBAAoB;AAAA,IAC9C;AAAA,EACF;AACF,CAAC,GAEYE,IAAuBF,EAAG;AAAA,EACrC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,eAAe,OAAO,cAAc,cAAc;AAAA,IACjE,eAAe,CAAC;AAAA,IAChB,sBAAsB,CAAC;AAAA,IACvB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,CAAC,gBAAgB,aAAa,YAAY,mBAAmB,aAAa;AAAA,IACrF,iBAAiB,CAAC,WAAW,kBAAkB,YAAY,mBAAmB,aAAa;AAAA,IAC3F,aAAa,CAAC,iBAAiB,OAAO,KAAK;AAAA,IAC3C,eAAe,CAAC,OAAO,OAAO,MAAM;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,sBAAsB,CAAC,OAAO,SAAS;AAAA,QACvC,eAAe,CAAC,gBAAgB,WAAW,MAAM;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,MAAM,CAAC,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM,CAAC,oBAAoB;AAAA,QAC3B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,YAAY;AAAA,QACxB,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,MACnC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM,CAAC,iBAAiB;AAAA,QACxB,WAAW,CAAC,cAAc;AAAA,QAC1B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,QACjC,eAAe,CAAC,eAAe;AAAA,QAC/B,aAAa,CAAC,eAAe;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/lyra454.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),t=require("react"),e=t.createContext({depth:null});function u({children:o}){const n=t.useContext(e),i=t.useMemo(()=>(n.depth??0)+1,[n.depth]);return r.jsxRuntimeExports.jsx(e.Provider,{value:{depth:i},children:o})}function s(){return t.useContext(e)}exports.NavigationItemProvider=u;exports.useNavigationItemContext=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),i=require("./lyra92.cjs"),n=require("./lyra65.cjs"),x=require("./lyra73.cjs");require("./lyra74.cjs");const I=require("./lyra453.cjs"),R=i.default.object({label:i.default.string(),description:i.default.string().optional(),iconStart:n.iconsSchema.optional(),iconEnd:n.iconsSchema.optional(),image:i.default.string().url().optional(),customElement:i.default.any().optional()}).transform(t=>(t.customElement?(delete t.image,delete t.iconStart):t.image&&delete t.iconStart,t)),v=({hasSelection:t,item:u,selectRenderElements:d,state:s})=>{const{customElement:l,description:r,iconEnd:m,iconStart:o,image:c,label:a}=R.parse(d(u)),{item:p,itemCheckmark:j,itemCheckmarkWrapper:S,itemDescription:h,itemEndIcon:E,itemImage:g,itemLabel:f,itemStartIcon:y}=I.sharedListItemStyles({hasSelection:t});return e.jsxRuntimeExports.jsxs("div",{className:p(s),children:[t?e.jsxRuntimeExports.jsx("div",{className:S(),children:s.selected?e.jsxRuntimeExports.jsx(n.SvgIcon,{name:"checkmark",className:j(s)}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"})}):null,l||null,c?e.jsxRuntimeExports.jsx("img",{src:c,alt:a,className:g(s)}):null,o?e.jsxRuntimeExports.jsx("div",{className:y(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:o})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex w-full grow flex-col gap-1 overflow-hidden truncate",children:[e.jsxRuntimeExports.jsx(x.Text,{slot:"label",className:f(s),children:a}),r?e.jsxRuntimeExports.jsx(x.Text,{slot:"description",className:h(s),children:r}):null]}),m?e.jsxRuntimeExports.jsx("div",{className:E(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:m})}):null]})};exports.SharedListItem=v;

package/dist/lyra454.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra454.cjs","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":"mIAIMA,EAAwBC,EAAAA,cAAqC,CAAE,MAAO,IAAM,CAAA,EAElE,SAAAC,EAAuB,CAAE,SAAAC,GAAqC,CACtE,MAAAC,EAAUC,aAAWL,CAAqB,EAE1CM,EAAYC,EAAAA,QAAQ,KAAOH,EAAQ,OAAS,GAAK,EAAG,CAACA,EAAQ,KAAK,CAAC,EAGvE,OAAAI,EAAA,kBAAA,IAACR,EAAsB,SAAtB,CAA+B,MAAO,CAAE,MAAOM,CAAU,EACvD,SAAAH,CACH,CAAA,CAEJ,CAEO,SAASM,GAA2B,CACzC,OAAOJ,EAAAA,WAAWL,CAAqB,CACzC"}
+{"version":3,"file":"lyra454.cjs","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n    customElement: z.any().optional(),\n  })\n  .transform((data) => {\n    // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n    // Priority is customElement > image > iconStart\n    if (data.customElement) {\n      delete data.image;\n      delete data.iconStart;\n    } else if (data.image) {\n      delete data.iconStart;\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n  customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { customElement, description, iconEnd, iconStart, image, label } =\n    sharedListItemSchema.parse(selectRenderElements(item));\n\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      {hasSelection ? (\n        <div className={itemCheckmarkWrapperStyles()}>\n          {state.selected ? (\n            <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n          ) : (\n            <div className=\"h-4 w-4\" />\n          )}\n        </div>\n      ) : null}\n      {customElement ? (customElement as ReactNode) : null}\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":"uPAUMA,EAAuBC,UAC1B,OAAO,CACN,MAAOA,UAAE,OAAO,EAChB,YAAaA,EAAA,QAAE,OAAO,EAAE,SAAS,EACjC,UAAWC,cAAY,SAAS,EAChC,QAASA,cAAY,SAAS,EAC9B,MAAOD,EAAAA,QAAE,OAAS,EAAA,IAAA,EAAM,SAAS,EACjC,cAAeA,EAAA,QAAE,IAAI,EAAE,SAAS,CAClC,CAAC,EACA,UAAWE,IAGNA,EAAK,eACP,OAAOA,EAAK,MACZ,OAAOA,EAAK,WACHA,EAAK,OACd,OAAOA,EAAK,UAEPA,EACR,EA6BUC,EAAiB,CAAmB,CAC/C,aAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,MAAAC,CACF,IAA8B,CAC5B,KAAM,CAAE,cAAAC,EAAe,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,MAAAC,CAAM,EACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,EAEjD,CACJ,KAAMS,EACN,cAAeC,EACf,qBAAsBC,EACtB,gBAAiBC,EACjB,YAAaC,EACb,UAAWC,EACX,UAAWC,EACX,cAAeC,GACbC,uBAAqB,CACvB,aAAAlB,CAAA,CACD,EAED,OACGmB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWT,EAAWP,CAAK,EAC7B,SAAA,CACCH,EAAAoB,EAAA,kBAAA,IAAC,OAAI,UAAWR,EAAA,EACb,SAAMT,EAAA,iCACJkB,EAAQ,QAAA,CAAA,KAAK,YAAY,UAAWV,EAAoBR,CAAK,CAAG,CAAA,0BAEhE,MAAI,CAAA,UAAU,UAAU,CAAA,CAE7B,EACE,KACHC,GAA+C,KAC/CI,EAASY,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAO,IAAKC,EAAO,UAAWM,EAAgBZ,CAAK,CAAA,CAAG,EAAK,KAC7EI,EACCa,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWH,EAAoBd,CAAK,EACvC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMd,CAAW,CAAA,CAC5B,CAAA,EACE,KACJY,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2DACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACE,QAAK,KAAK,QAAQ,UAAWN,EAAgBb,CAAK,EAChD,SACHM,EAAA,EACCJ,EACEe,EAAAA,kBAAAA,IAAAE,EAAAA,KAAA,CAAK,KAAK,cAAc,UAAWT,EAAsBV,CAAK,EAC5D,SAAAE,CAAA,CACH,EACE,IAAA,EACN,EACCC,EACCc,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWN,EAAkBX,CAAK,EACrC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMf,CAAS,CAAA,CAC1B,CAAA,EACE,IACN,CAAA,CAAA,CAEJ"}

package/dist/lyra454.js

@@ -1,14 +1,46 @@
-import { j as i } from "./lyra90.js";
-import { createContext as s, useContext as o, useMemo as u } from "react";
-const t = s({ depth: null });
-function m({ children: n }) {
-  const e = o(t), r = u(() => (e.depth ?? 0) + 1, [e.depth]);
-  return /* @__PURE__ */ i.jsx(t.Provider, { value: { depth: r }, children: n });
-}
-function p() {
-  return o(t);
-}
+import { j as e } from "./lyra90.js";
+import l from "./lyra92.js";
+import { iconsSchema as d, SvgIcon as s } from "./lyra65.js";
+import { Text as p } from "./lyra73.js";
+import "./lyra74.js";
+import { sharedListItemStyles as N } from "./lyra453.js";
+const v = l.object({
+  label: l.string(),
+  description: l.string().optional(),
+  iconStart: d.optional(),
+  iconEnd: d.optional(),
+  image: l.string().url().optional(),
+  customElement: l.any().optional()
+}).transform((i) => (i.customElement ? (delete i.image, delete i.iconStart) : i.image && delete i.iconStart, i)), W = ({
+  hasSelection: i,
+  item: h,
+  selectRenderElements: x,
+  state: t
+}) => {
+  const { customElement: m, description: n, iconEnd: r, iconStart: o, image: c, label: a } = v.parse(x(h)), {
+    item: S,
+    itemCheckmark: j,
+    itemCheckmarkWrapper: u,
+    itemDescription: g,
+    itemEndIcon: f,
+    itemImage: k,
+    itemLabel: y,
+    itemStartIcon: I
+  } = N({
+    hasSelection: i
+  });
+  return /* @__PURE__ */ e.jsxs("div", { className: S(t), children: [
+    i ? /* @__PURE__ */ e.jsx("div", { className: u(), children: t.selected ? /* @__PURE__ */ e.jsx(s, { name: "checkmark", className: j(t) }) : /* @__PURE__ */ e.jsx("div", { className: "h-4 w-4" }) }) : null,
+    m || null,
+    c ? /* @__PURE__ */ e.jsx("img", { src: c, alt: a, className: k(t) }) : null,
+    o ? /* @__PURE__ */ e.jsx("div", { className: I(t), children: /* @__PURE__ */ e.jsx(s, { name: o }) }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "flex w-full grow flex-col gap-1 overflow-hidden truncate", children: [
+      /* @__PURE__ */ e.jsx(p, { slot: "label", className: y(t), children: a }),
+      n ? /* @__PURE__ */ e.jsx(p, { slot: "description", className: g(t), children: n }) : null
+    ] }),
+    r ? /* @__PURE__ */ e.jsx("div", { className: f(t), children: /* @__PURE__ */ e.jsx(s, { name: r }) }) : null
+  ] });
+};
 export {
-  m as NavigationItemProvider,
-  p as useNavigationItemContext
+  W as SharedListItem
 };

package/dist/lyra454.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra454.js","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":";;AAIA,MAAMA,IAAwBC,EAAqC,EAAE,OAAO,KAAM,CAAA;AAElE,SAAAC,EAAuB,EAAE,UAAAC,KAAqC;AACtE,QAAAC,IAAUC,EAAWL,CAAqB,GAE1CM,IAAYC,EAAQ,OAAOH,EAAQ,SAAS,KAAK,GAAG,CAACA,EAAQ,KAAK,CAAC;AAGvE,SAAAI,gBAAAA,EAAA,IAACR,EAAsB,UAAtB,EAA+B,OAAO,EAAE,OAAOM,EAAU,GACvD,UAAAH,EACH,CAAA;AAEJ;AAEO,SAASM,IAA2B;AACzC,SAAOJ,EAAWL,CAAqB;AACzC;"}
+{"version":3,"file":"lyra454.js","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n    customElement: z.any().optional(),\n  })\n  .transform((data) => {\n    // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n    // Priority is customElement > image > iconStart\n    if (data.customElement) {\n      delete data.image;\n      delete data.iconStart;\n    } else if (data.image) {\n      delete data.iconStart;\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n  customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { customElement, description, iconEnd, iconStart, image, label } =\n    sharedListItemSchema.parse(selectRenderElements(item));\n\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      {hasSelection ? (\n        <div className={itemCheckmarkWrapperStyles()}>\n          {state.selected ? (\n            <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n          ) : (\n            <div className=\"h-4 w-4\" />\n          )}\n        </div>\n      ) : null}\n      {customElement ? (customElement as ReactNode) : null}\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":";;;;;;AAUA,MAAMA,IAAuBC,EAC1B,OAAO;AAAA,EACN,OAAOA,EAAE,OAAO;AAAA,EAChB,aAAaA,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAWC,EAAY,SAAS;AAAA,EAChC,SAASA,EAAY,SAAS;AAAA,EAC9B,OAAOD,EAAE,OAAS,EAAA,IAAA,EAAM,SAAS;AAAA,EACjC,eAAeA,EAAE,IAAI,EAAE,SAAS;AAClC,CAAC,EACA,UAAU,CAACE,OAGNA,EAAK,iBACP,OAAOA,EAAK,OACZ,OAAOA,EAAK,aACHA,EAAK,SACd,OAAOA,EAAK,WAEPA,EACR,GA6BUC,IAAiB,CAAmB;AAAA,EAC/C,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,OAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,OAAAC,EAAM,IACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,GAEjD;AAAA,IACJ,MAAMS;AAAA,IACN,eAAeC;AAAA,IACf,sBAAsBC;AAAA,IACtB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,eAAeC;AAAA,MACbC,EAAqB;AAAA,IACvB,cAAAlB;AAAA,EAAA,CACD;AAED,SACGmB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWT,EAAWP,CAAK,GAC7B,UAAA;AAAA,IACCH,IAAAoB,gBAAAA,EAAA,IAAC,SAAI,WAAWR,EAAA,GACb,UAAMT,EAAA,iCACJkB,GAAQ,EAAA,MAAK,aAAY,WAAWV,EAAoBR,CAAK,EAAG,CAAA,0BAEhE,OAAI,EAAA,WAAU,WAAU,EAAA,CAE7B,IACE;AAAA,IACHC,KAA+C;AAAA,IAC/CI,IAASY,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKZ,GAAO,KAAKC,GAAO,WAAWM,EAAgBZ,CAAK,EAAA,CAAG,IAAK;AAAA,IAC7EI,IACCa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWH,EAAoBd,CAAK,GACvC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMd,EAAW,CAAA,EAC5B,CAAA,IACE;AAAA,IACJY,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4DACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACE,KAAK,MAAK,SAAQ,WAAWN,EAAgBb,CAAK,GAChD,UACHM,GAAA;AAAA,MACCJ,IACEe,gBAAAA,EAAAA,IAAAE,GAAA,EAAK,MAAK,eAAc,WAAWT,EAAsBV,CAAK,GAC5D,UAAAE,EAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACCC,IACCc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWN,EAAkBX,CAAK,GACrC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMf,EAAS,CAAA,EAC1B,CAAA,IACE;AAAA,EACN,EAAA,CAAA;AAEJ;"}

package/dist/lyra455.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra90.cjs"),e=require("react"),n=e.createContext(null),r=({children:t,currentRoute:o})=>i.jsxRuntimeExports.jsx(n.Provider,{value:{currentRoute:o},children:t});function a(){const t=e.useContext(n);if(t===null)throw new Error("useNavigationContext must be used within a NavigationContextProvider ");return t}exports.NavigationContextProvider=r;exports.useNavigationContext=a;

package/dist/lyra455.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra455.cjs","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra455.cjs","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":"mIAIMA,EAAoBC,EAAAA,cAAwC,IAAI,EAEzDC,EAA4B,CAAC,CACxC,SAAAC,EACA,aAAAC,CACF,IAKIC,EAAA,kBAAA,IAACL,EAAkB,SAAlB,CAA2B,MAAO,CAAE,aAAAI,CAAA,EAAiB,SAAAD,CAAS,CAAA,EAI5D,SAASG,GAAuB,CAC/B,MAAAC,EAAUC,aAAWR,CAAiB,EAE5C,GAAIO,IAAY,KACR,MAAA,IAAI,MAAM,uEAAuE,EAGlF,OAAAA,CACT"}