@new-black/lyra 1.0.13 → 1.0.14

package/dist/lyra224.js

@@ -1,39 +1,39 @@
-import U from "./lyra556.js";
-import G from "./lyra557.js";
-import W from "./lyra558.js";
-import q from "./lyra559.js";
-import Y from "./lyra560.js";
-import j from "./lyra561.js";
-import J from "./lyra562.js";
-import Z from "./lyra563.js";
-import Q from "./lyra564.js";
-import X from "./lyra565.js";
-import ee from "./lyra566.js";
-import te from "./lyra567.js";
-import ie from "./lyra568.js";
-import oe from "./lyra569.js";
-import re from "./lyra570.js";
-import le from "./lyra571.js";
-import ne from "./lyra572.js";
-import ce from "./lyra573.js";
-import se from "./lyra574.js";
-import ae from "./lyra575.js";
-import de from "./lyra576.js";
-import fe from "./lyra577.js";
-import ue from "./lyra578.js";
-import me from "./lyra579.js";
-import he from "./lyra580.js";
-import pe from "./lyra581.js";
-import ge from "./lyra582.js";
-import be from "./lyra583.js";
-import $e from "./lyra584.js";
-import xe from "./lyra585.js";
-import ye from "./lyra586.js";
-import ve from "./lyra587.js";
-import we from "./lyra588.js";
-import Ke from "./lyra589.js";
+import U from "./lyra555.js";
+import G from "./lyra556.js";
+import W from "./lyra557.js";
+import q from "./lyra558.js";
+import Y from "./lyra559.js";
+import j from "./lyra560.js";
+import J from "./lyra561.js";
+import Z from "./lyra562.js";
+import Q from "./lyra563.js";
+import X from "./lyra564.js";
+import ee from "./lyra565.js";
+import te from "./lyra566.js";
+import ie from "./lyra567.js";
+import oe from "./lyra568.js";
+import re from "./lyra569.js";
+import le from "./lyra570.js";
+import ne from "./lyra571.js";
+import ce from "./lyra572.js";
+import se from "./lyra573.js";
+import ae from "./lyra574.js";
+import de from "./lyra575.js";
+import fe from "./lyra576.js";
+import ue from "./lyra577.js";
+import me from "./lyra578.js";
+import he from "./lyra579.js";
+import pe from "./lyra580.js";
+import ge from "./lyra581.js";
+import be from "./lyra582.js";
+import $e from "./lyra583.js";
+import xe from "./lyra584.js";
+import ye from "./lyra585.js";
+import ve from "./lyra586.js";
+import we from "./lyra587.js";
+import Ke from "./lyra588.js";
 import { getNthItem as $, getChildNodes as p, getLastItem as S, getFirstItem as I } from "./lyra228.js";
-import { Rect as Ie } from "./lyra590.js";
+import { Rect as Ie } from "./lyra589.js";
 import { useId as N, filterDOMProps as Me, mergeProps as V, useUpdateEffect as Pe, useDescription as Ce, scrollIntoViewport as x, getScrollParent as y } from "./lyra99.js";
 import { useMemo as _, useCallback as Re, useRef as B } from "react";
 import { useHasTabbableChild as Se, getFocusableTreeWalker as E, focusSafely as g } from "./lyra100.js";

package/dist/lyra34.cjs

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

package/dist/lyra34.js

@@ -7,9 +7,9 @@ import { InputHeader as E } from "./lyra38.js";
 import { InputFooter as P } from "./lyra39.js";
 import "./lyra40.js";
 import { segmentedControlStyles as F } from "./lyra35.js";
-import { LayoutGroup as k } from "./lyra613.js";
-import { LayoutGroupContext as q } from "./lyra614.js";
-import { motion as z } from "./lyra615.js";
+import { LayoutGroup as k } from "./lyra611.js";
+import { LayoutGroupContext as q } from "./lyra612.js";
+import { motion as z } from "./lyra613.js";
 const N = B({
   valuesWithSeperator: []
 }), H = ({

package/dist/lyra36.cjs

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

package/dist/lyra36.js

@@ -42,9 +42,9 @@ import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import rr from "./lyra595.js";
-import { sharedListStyles as or } from "./lyra454.js";
-import { SharedListItem as tr } from "./lyra455.js";
+import rr from "./lyra594.js";
+import { sharedListStyles as or } from "./lyra453.js";
+import { SharedListItem as tr } from "./lyra454.js";
 import { Popover as sr } from "./lyra52.js";
 import "./lyra53.js";
 import "./lyra54.js";

package/dist/lyra37.cjs

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

package/dist/lyra37.js

@@ -2,7 +2,7 @@ import { j as r } from "./lyra88.js";
 import { useContext as I, useRef as F, useState as M, useCallback as A, useEffect as J, useId as xr, useMemo as fr } from "react";
 import { Provider as lr, ButtonContext as pr, Button as g, Group as dr, Input as jr } from "./lyra87.js";
 import { flushSync as er } from "react-dom";
-import { useVirtualizer as hr } from "./lyra616.js";
+import { useVirtualizer as hr } from "./lyra614.js";
 import { clsx as br } from "./lyra448.js";
 import "./lyra2.js";
 import "./lyra3.js";
@@ -44,9 +44,9 @@ import "./lyra32.js";
 import "./lyra33.js";
 import "./lyra34.js";
 import "./lyra35.js";
-import Nr from "./lyra595.js";
-import { sharedListItemStyles as vr } from "./lyra454.js";
-import { SharedListItem as wr } from "./lyra455.js";
+import Nr from "./lyra594.js";
+import { sharedListItemStyles as vr } from "./lyra453.js";
+import { SharedListItem as wr } from "./lyra454.js";
 import { Popover as Sr } from "./lyra52.js";
 import "./lyra53.js";
 import "./lyra54.js";

package/dist/lyra43.cjs

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

package/dist/lyra43.js

@@ -4,7 +4,7 @@ import { useContextProps as U, TextFieldContext as X, TextField as Y, Group as Z
 import { useObjectRef as et, mergeRefs as st } from "./lyra99.js";
 import { clsx as rt } from "./lyra448.js";
 import { fixedForwardRef as nt } from "./lyra91.js";
-import at from "./lyra595.js";
+import at from "./lyra594.js";
 import { useDictionary as it } from "./lyra93.js";
 import { InputTagGroup as ot, InputTag as lt } from "./lyra457.js";
 import "./lyra458.js";

package/dist/lyra453.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs"),t=e.tv({slots:{kpi:["flex flex-col items-center gap-3 px-4"],kpiText:["max-w-full truncate"],list:["grid gap-y-5 [&>*:last-child]:border-none","grid-cols-1","md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default","sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"]}});exports.KpiStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.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/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":"iHAEaA,EAAYC,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CAAC,uCAAuC,EAC7C,QAAS,CAAC,qBAAqB,EAC/B,KAAM,CACJ,4CACA,cACA,qGACA,kHACF,CACF,CACF,CAAC"}
+{"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 { tv as t } from "./lyra449.js";
-const d = t({
+import { tv as e } from "./lyra449.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: {
-    kpi: ["flex flex-col items-center gap-3 px-4"],
-    kpiText: ["max-w-full truncate"],
-    list: [
-      "grid gap-y-5 [&>*:last-child]:border-none",
-      "grid-cols-1",
-      "md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default",
-      "sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"
-    ]
+    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 {
-  d as KpiStyles
+  i as loadMoreButtonStyles,
+  o as sharedListItemStyles,
+  r as sharedListStyles
 };

package/dist/lyra453.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra453.js","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":";AAEO,MAAMA,IAAYC,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK,CAAC,uCAAuC;AAAA,IAC7C,SAAS,CAAC,qBAAqB;AAAA,IAC/B,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"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 e=require("./lyra449.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 e=require("./lyra88.cjs"),i=require("./lyra90.cjs"),n=require("./lyra63.cjs"),x=require("./lyra71.cjs");require("./lyra72.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/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":"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"}