@livechat/design-system-react-components 1.17.1-alpha.0 → 1.17.1-alpha.2

package/dist/components/Picker/index.cjs.js

@@ -1 +1 @@
-var Fe=Object.defineProperty,Re=Object.defineProperties;var Se=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var ce=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var ie=(r,t,i)=>t in r?Fe(r,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[t]=i,F=(r,t)=>{for(var i in t||(t={}))ce.call(t,i)&&ie(r,i,t[i]);if(K)for(var i of K(t))_e.call(t,i)&&ie(r,i,t[i]);return r},U=(r,t)=>Re(r,Se(t));var le=(r,t)=>{var i={};for(var l in r)ce.call(r,l)&&t.indexOf(l)<0&&(i[l]=r[l]);if(r!=null&&K)for(var l of K(r))t.indexOf(l)<0&&_e.call(r,l)&&(i[l]=r[l]);return i};var Ze=require("../../index15.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const oe=require("react"),f=require("@floating-ui/react"),v=require("clsx"),Be=require("react-virtuoso"),j=require("@livechat/design-system-icons"),He=require("../Checkbox/index.cjs.js"),O=require("../Icon/index.cjs.js"),De=require("../../chunks/Heading-1f13e793.js"),se=require("../../chunks/Text-2356ec2a.js"),Oe=require("../Tag/index.cjs.js"),qe=require("react-dom");function ge(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(t,i,l.get?l:{enumerable:!0,get:()=>r[i]})}}return t.default=r,Object.freeze(t)}const e=ge(oe),Me=ge(qe),Ke=2,Y=400;[...[...Array(100)].map((r,t)=>({key:`option${t+8}`,name:`Option #${t+8}`,disabled:t%4===0}))];const q="select-all",Ue=(r,t)=>{const i=[];return r.forEach((l,_)=>{t(l)&&i.push(_)}),i},z=r=>r.filter(({key:t,disabled:i,groupHeader:l})=>!(t===q||i||l)),ne=({key:r})=>r,P={"item-wrapper":"lc-PickerListItem-module__item-wrapper___ETYMU","item-wrapper__first":"lc-PickerListItem-module__item-wrapper__first___uit1z","item-wrapper__last":"lc-PickerListItem-module__item-wrapper__last___cWmGF","picker-list__item":"lc-PickerListItem-module__picker-list__item___cujFw","picker-list__item--select-all":"lc-PickerListItem-module__picker-list__item--select-all___-cXxr","picker-list__item__header":"lc-PickerListItem-module__picker-list__item__header___abypL","picker-list__item__content":"lc-PickerListItem-module__picker-list__item__content___EI4cV","picker-list__item__custom":"lc-PickerListItem-module__picker-list__item__custom___CFubU","picker-list__item__checkbox":"lc-PickerListItem-module__picker-list__item__checkbox___XqHxc","picker-list__item__avatar":"lc-PickerListItem-module__picker-list__item__avatar___dKtMr","picker-list__item__icon":"lc-PickerListItem-module__picker-list__item__icon___5Yvui","picker-list__item__label-container":"lc-PickerListItem-module__picker-list__item__label-container___awy0M","picker-list__item__main-label":"lc-PickerListItem-module__picker-list__item__main-label___YfUhr","picker-list__item__secondary-label":"lc-PickerListItem-module__picker-list__item__secondary-label___6xcMD"},x="picker-list__item",je=({index:r,isActive:t,isSelected:i,listElementsRef:l,onSelect:_,getItemProps:u,item:a,numberOfItems:o})=>{const b=n=>n!=null&&n.customElement?e.createElement("div",{className:P[`${x}__custom`]},n.customElement.listItemBody):e.createElement(e.Fragment,null,n.showCheckbox&&e.createElement(He.Checkbox,{className:P[`${x}__checkbox`],checked:i}),n.icon&&e.createElement(O.Icon,{className:P[`${x}__icon`],kind:"link",source:n.icon}),n.avatarSrc&&e.createElement("img",{className:v(P[`${x}__avatar`]),src:n.avatarSrc,alt:n.name}),e.createElement("div",{className:P[`${x}__label-container`]},e.createElement("span",{className:v({[P[`${x}__main-label`]]:n.secondaryText}),"aria-disabled":n.disabled},n.name),n.secondaryText&&e.createElement("span",{className:P[`${x}__secondary-label`]},n.secondaryText)));if(a.groupHeader)return e.createElement("div",F({id:`item-${r}`,key:a.key,role:"group",className:P[`${x}__header`]},u()),e.createElement(De.Heading,{size:"2xs",uppercase:!0,bold:!0,as:"div"},a.name));const p=n=>{!a.disabled&&_(n)};return e.createElement("div",U(F({id:a.key,key:a.key,tabIndex:t?0:-1,ref:n=>{n&&(l.current[r]=n)},role:"option","aria-setsize":o,"aria-posinset":r+1},u({onClick:()=>p(a.key)})),{className:v(P["item-wrapper"],{[P["item-wrapper__first"]]:r===0&&!a.groupHeader,[P["item-wrapper__last"]]:r===o-1&&!a.groupHeader})}),e.createElement("div",{"aria-selected":i,"aria-disabled":a.disabled,"aria-current":t&&!a.disabled,className:v(P[x],{[P[`${x}__custom`]]:a.customElement,[P[`${x}--select-all`]]:a.key===q})},e.createElement("div",{className:P[`${x}__content`]},e.createElement(se.Text,{as:"span"},b(a))),i&&!a.showCheckbox&&e.createElement(O.Icon,{kind:"link",source:j.Check,customColor:"var(--content-basic-info)"})))},Ge="lc-PickerList-module__listbox___-LqE-",B={listbox:Ge,"no-results":"lc-PickerList-module__no-results___QRce-","listbox-wrapper":"lc-PickerList-module__listbox-wrapper___FbDrf"},ae="picker-list",me=({context:r,setFloating:t,floatingStyles:i,maxHeight:l,options:_,isPositioned:u,pointer:a,activeIndex:o,selectedKeys:b,listElementsRef:p,setPointer:n,onSelect:y,getFloatingProps:d,getItemProps:N,emptyStateText:C="No results found",pickerType:I="single",listClassName:L,virtuosoProps:g})=>{const m=e.useRef(null),[c,k]=e.useState(Y),h=_.length;e.useLayoutEffect(()=>{var s;u&&!a&&o!==null&&((s=m.current)==null||s.focus({preventScroll:!0}))},[u,o,a,m]);const H=e.useCallback(s=>{s!==c&&(s<Y?k(s+(h-1)*Ke):k(Y))},[h]);if(oe.useEffect(()=>{p.current=new Array(_.length)},[_.length]),_.length===0){const s=v(B[ae],{[B[`${ae}__no-results`]]:_.length===0});return e.createElement(f.FloatingFocusManager,{context:r,modal:!1,initialFocus:-1},e.createElement("div",{className:v(B.listbox,B["no-results"]),ref:t,tabIndex:-1,style:i},e.createElement("div",{className:s},C)))}const D=s=>b.includes(s)||s===q&&b.length===z(_).length;return e.createElement(f.FloatingFocusManager,{context:r,modal:!1,initialFocus:-1},e.createElement("div",{ref:t,tabIndex:-1,className:v(B.listbox,L),style:U(F({},i),{maxHeight:l})},e.createElement("div",F({tabIndex:0,"aria-multiselectable":I==="multi",className:B["listbox-wrapper"],ref:m},d({onKeyDown(s){n(!1),s.key==="Enter"&&o!==null&&y(_[o].key),s.key===" "&&s.preventDefault()},onKeyUp(s){s.key===" "&&o!==null&&y(_[o].key)},onPointerMove(){n(!0)}})),e.createElement(Be.Virtuoso,U(F({totalListHeightChanged:H,style:{height:`${c}px`,maxHeight:l},totalCount:_.length,data:_,increaseViewportBy:200},g),{itemContent:(s,S)=>e.createElement(je,{index:s,getItemProps:N,listElementsRef:p,isActive:o===s,isSelected:D(S.key),onSelect:y,item:S,numberOfItems:h})})))))},T={"picker-trigger":"lc-PickerTrigger-module__picker-trigger___-tjS0","picker-trigger--multi-select":"lc-PickerTrigger-module__picker-trigger--multi-select___av4Ws","picker-trigger--multi-select--with-items":"lc-PickerTrigger-module__picker-trigger--multi-select--with-items___7uI-R","picker-trigger__content":"lc-PickerTrigger-module__picker-trigger__content___USgUX","picker-trigger__content--compact":"lc-PickerTrigger-module__picker-trigger__content--compact___tJ0c0","picker-trigger__content--medium":"lc-PickerTrigger-module__picker-trigger__content--medium___FDI7S","picker-trigger__content--large":"lc-PickerTrigger-module__picker-trigger__content--large___3F05E","picker-trigger__content--with-items":"lc-PickerTrigger-module__picker-trigger__content--with-items___gXBgO","picker-trigger__controls":"lc-PickerTrigger-module__picker-trigger__controls___atRqc","picker-trigger__controls--compact":"lc-PickerTrigger-module__picker-trigger__controls--compact___WEdel","picker-trigger__controls--medium":"lc-PickerTrigger-module__picker-trigger__controls--medium___MNwT1","picker-trigger__controls--large":"lc-PickerTrigger-module__picker-trigger__controls--large___mHG04","picker-trigger__clear-icon":"lc-PickerTrigger-module__picker-trigger__clear-icon___4TVYX","picker-trigger__chevron-icon":"lc-PickerTrigger-module__picker-trigger__chevron-icon___hmDvU","picker-trigger--disabled":"lc-PickerTrigger-module__picker-trigger--disabled___4MGb4","picker-trigger--focused":"lc-PickerTrigger-module__picker-trigger--focused___vBA4d","picker-trigger--error":"lc-PickerTrigger-module__picker-trigger--error___yu6Dt"},E="picker-trigger",Ae=({setReference:r,getReferenceProps:t,testId:i,size:l="medium",isMultiSelect:_,isItemSelected:u,hideClearButton:a,isDisabled:o,isRequired:b,isOpen:p,isError:n,onClear:y,children:d})=>{const N=v(T[E],T[`${E}--${l}`],_&&T[`${E}--multi-select`],_&&u&&T[`${E}--multi-select--with-items`],o&&T[`${E}--disabled`],p&&T[`${E}--focused`],n&&T[`${E}--error`]),C=!a&&u&&!o&&!b,I=L=>{L.stopPropagation(),y()};return e.createElement("button",F({tabIndex:o?-1:0,"aria-disabled":o,className:N,"data-testid":i,ref:r,type:"button"},t()),e.createElement("div",{className:v(T[`${E}__content`],T[`${E}__content--${l}`],_&&u&&T[`${E}__content--with-items`])},e.createElement(se.Text,{as:"div"},d)),e.createElement("div",{className:v(T[`${E}__controls`],T[`${E}__controls--${l}`])},C&&e.createElement("div",{"data-testid":`${E}__clear-icon`,className:T[`${E}__clear-icon`],onClick:I},e.createElement(O.Icon,{kind:"primary",size:"small",source:j.Close})),e.createElement(O.Icon,{className:T[`${E}__chevron-icon`],source:p?j.ChevronUp:j.ChevronDown,size:"medium",disabled:o})))},$={"picker-trigger-body":"lc-PickerTriggerBody-module__picker-trigger-body___xL0Rq","picker-trigger-body--single":"lc-PickerTriggerBody-module__picker-trigger-body--single___5LWZK","picker-trigger-body__item-container":"lc-PickerTriggerBody-module__picker-trigger-body__item-container___5Qs5E","picker-trigger-body__item":"lc-PickerTriggerBody-module__picker-trigger-body__item___TADgm","picker-trigger-body__item__content":"lc-PickerTriggerBody-module__picker-trigger-body__item__content___R6cqX","picker-trigger-body__item__avatar":"lc-PickerTriggerBody-module__picker-trigger-body__item__avatar___jqFLr","picker-trigger-body__item__icon":"lc-PickerTriggerBody-module__picker-trigger-body__item__icon___Dz9ln","picker-trigger-body__placeholder":"lc-PickerTriggerBody-module__picker-trigger-body__placeholder___1m8Qa","picker-trigger-body__placeholder--disabled":"lc-PickerTriggerBody-module__picker-trigger-body__placeholder--disabled___1QQf8","picker-trigger-body__input":"lc-PickerTriggerBody-module__picker-trigger-body__input___N2WzY","picker-trigger-body__input--compact":"lc-PickerTriggerBody-module__picker-trigger-body__input--compact___uu3rm","picker-trigger-body__input--medium":"lc-PickerTriggerBody-module__picker-trigger-body__input--medium___4GjnK","picker-trigger-body__input--large":"lc-PickerTriggerBody-module__picker-trigger-body__input--large___hWdHe","picker-trigger-body__tag":"lc-PickerTriggerBody-module__picker-trigger-body__tag___UYkhU","picker-trigger-body__tag--compact":"lc-PickerTriggerBody-module__picker-trigger-body__tag--compact___vajtL","picker-trigger-body__tag--medium":"lc-PickerTriggerBody-module__picker-trigger-body__tag--medium___yhMyC","picker-trigger-body__tag--large":"lc-PickerTriggerBody-module__picker-trigger-body__tag--large___FbETT"},w="picker-trigger-body",We=({isOpen:r,isSearchDisabled:t,isDisabled:i,placeholder:l,selectedItems:_,type:u,clearSearchAfterSelection:a,size:o="medium",onItemRemove:b,onSelect:p,onFilter:n,searchPhrase:y,virtualItemRef:d})=>{const N=r&&!t,C=e.useRef(null);e.useEffect(()=>{a&&(n(""),C.current&&(C.current.value="",C.current.focus()))},[_,a]);const I=c=>u==="single"&&r&&!t?null:c!=null&&c.customElement?e.createElement("div",{className:$[`${w}__item`]},c.customElement.selectedItemBody):e.createElement("div",{className:$[`${w}__item`]},c.icon&&e.createElement(O.Icon,{source:c.icon,className:$[`${w}__item__icon`]}),c.avatarSrc&&e.createElement("img",{src:c.avatarSrc,alt:"",className:$[`${w}__item__avatar`]}),e.createElement("div",{className:$[`${w}__item__content`]},c.name)),L=c=>n(c.target.value),g=c=>{var k,h;(k=d.current)!=null&&k.id&&c.key==="Enter"&&p((h=d.current)==null?void 0:h.id),u==="multi"&&(c.key==="Backspace"||c.key==="Delete")&&!y&&_&&(_==null?void 0:_.length)>0&&b(_[_.length-1].key)},m=()=>e.createElement("input",{ref:C,className:v($[`${w}__input`],$[`${w}__input--${o}`]),placeholder:l,onChange:L,onKeyDown:g,autoFocus:!0,value:y});return!_||_.length===0?N?m():e.createElement("div",{className:v({[$[`${w}__placeholder`]]:!0,[$[`${w}__placeholder--disabled`]]:i})},l):e.createElement("div",{className:v($[w],{[$[`${w}--single`]]:u==="single"})},e.createElement("div",{className:$[`${w}__item-container`]},u==="single"?I(_[0]):_.map(c=>e.createElement(Oe.Tag,{key:c.name,className:v($[`${w}__tag`],$[`${w}__tag--${o}`]),dismissible:!i,onRemove:k=>{k.stopPropagation(),b(c.key)}},I(c)))),N&&m())},Ye=10,ze=({disabled:r,items:t,placement:i,floatingStrategy:l,useDismissHookProps:_,useClickHookProps:u,isOpen:a,onVisibilityChange:o})=>{const b=f.useFloatingNodeId(),[p,n]=e.useState(!1),[y,d]=e.useState(null),[N,C]=e.useState(400),I=e.useRef([]),L=e.useRef(null),{refs:g,floatingStyles:m,context:c,isPositioned:k}=f.useFloating({nodeId:b,open:a,strategy:l,onOpenChange:o,whileElementsMounted:f.autoUpdate,placement:i,middleware:[f.offset(4),f.flip({padding:10}),f.shift(),f.size({apply({availableHeight:R,rects:A,elements:W}){Me.flushSync(()=>{C(R)}),Object.assign(W.floating.style,{width:`${A.reference.width}px`})},padding:Ye})]}),h=f.useClick(c,F({enabled:!r,keyboardHandlers:!1,toggle:!1},u)),H=f.useRole(c,{role:"listbox"}),D=f.useDismiss(c,_),s=f.useListNavigation(c,{enabled:t.length>0&&!r,listRef:I,activeIndex:y,onNavigate:d,virtual:!0,virtualItemRef:L,disabledIndices:Ue(t,R=>!!R.disabled||!!R.groupHeader)}),{getReferenceProps:S,getFloatingProps:G,getItemProps:V}=f.useInteractions([h,D,H,s]);return!a&&p&&n(!1),{getReferenceProps:S,getFloatingProps:G,getItemProps:V,setReference:g.setReference,floatingStyles:m,isPositioned:k,context:c,nodeId:b,setFloating:g.setFloating,activeIndex:y,listElementsRef:I,virtualItemRef:L,maxHeight:N,pointer:p,setPointer:n}},Ve=({selected:r,options:t,type:i,selectAllOptionText:l,onSelect:_,setOpen:u})=>{const[a,o]=e.useState(()=>(r==null?void 0:r.map(ne))||[]),p=r!==void 0?(r==null?void 0:r.map(ne))||[]:a,[n,y]=e.useState(""),d=e.useMemo(()=>{const g=i==="multi"&&l;let m=t;return n&&(m=m.filter(c=>{if(c.groupHeader)return!1;const k=n.toLowerCase();return c.name.toLowerCase().includes(k)})),g&&m.length>1&&(m=[{key:q,name:l},...m]),m},[n,t,i,l]),N=g=>{const m=d.find(c=>c.key===g);!m||m.disabled||(i==="single"?(u(!1),o(()=>(_([m]),[g]))):g===q?p.length===z(d).length?o(()=>(_(null),[])):o(()=>{const c=z(d);return _(c),c.map(({key:k})=>k)}):o(c=>{const k=c.includes(g)?c.filter(h=>h!==g):[...c,g];return _(t.filter(({key:h})=>k.includes(h))),k}))};return{selectedKeys:p,items:d,searchPhrase:n,handleSelect:N,handleOnFilter:g=>y(g),handleItemRemove:g=>N(g),handleClear:()=>{u(!1),o([]),_(null),y("")}}},Xe={"picker-wrapper":"lc-Picker-module__picker-wrapper___2EDne"},Qe=V=>{var R=V,{id:r,className:t,listClassName:i,disabled:l,error:_,options:u,selected:a,size:o="medium",placeholder:b="Select option",isRequired:p,noSearchResultText:n="No results found",selectAllOptionText:y,type:d="single",searchDisabled:N=!1,hideClearButton:C,isVisible:I,onOpen:L,onClose:g,openedOnInit:m=!1,clearSearchAfterSelection:c,onSelect:k,placement:h,floatingStrategy:H,useDismissHookProps:D,useClickHookProps:s,virtuosoProps:S}=R,G=le(R,["id","className","listClassName","disabled","error","options","selected","size","placeholder","isRequired","noSearchResultText","selectAllOptionText","type","searchDisabled","hideClearButton","isVisible","onOpen","onClose","openedOnInit","clearSearchAfterSelection","onSelect","placement","floatingStrategy","useDismissHookProps","useClickHookProps","virtuosoProps"]);const[A,W]=e.useState(m),X=I!==void 0,M=X?I:A,Q=(re,te)=>{re?L==null||L(te):g==null||g(te),!X&&W(re)},{selectedKeys:J,items:Z,searchPhrase:ue,handleSelect:ee,handleOnFilter:de,handleItemRemove:ke,handleClear:pe}=Ve({selected:a,options:u,type:d,selectAllOptionText:y,onSelect:k,setOpen:Q}),{context:ye,nodeId:fe,getReferenceProps:be,setReference:he,getFloatingProps:Pe,getItemProps:Ee,isPositioned:ve,setFloating:Te,floatingStyles:$e,listElementsRef:we,virtualItemRef:Ne,activeIndex:Ce,maxHeight:Ie,pointer:Le,setPointer:xe}=ze({openedOnInit:m,disabled:l,items:Z,placement:h,floatingStrategy:H,useClickHookProps:s,useDismissHookProps:D,isOpen:M,onVisibilityChange:Q});return e.createElement("div",{id:r,className:v(Xe["picker-wrapper"],t)},e.createElement(Ae,{getReferenceProps:be,setReference:he,testId:G["data-testid"],isItemSelected:J.length>0,isOpen:M,onClear:pe,hideClearButton:C,isDisabled:l,isError:_,isRequired:p,isMultiSelect:d==="multi",size:o},e.createElement(We,{isOpen:M,isSearchDisabled:N,isDisabled:l,placeholder:b,selectedItems:a,type:d,size:o,clearSearchAfterSelection:c,onItemRemove:ke,onSelect:ee,onFilter:de,searchPhrase:ue,virtualItemRef:Ne})),e.createElement(f.FloatingNode,{id:fe},M&&e.createElement(f.FloatingPortal,null,e.createElement(me,{pickerType:d,options:Z,listClassName:i,context:ye,setFloating:Te,floatingStyles:$e,maxHeight:Ie,isPositioned:ve,pointer:Le,activeIndex:Ce,selectedKeys:J,listElementsRef:we,setPointer:xe,onSelect:ee,getFloatingProps:Pe,getItemProps:Ee,emptyStateText:n,virtuosoProps:S}))))};exports.Picker=Qe;exports.PickerList=me;
+"use strict";var Fe=Object.defineProperty,Re=Object.defineProperties;var Se=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var ce=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var ie=(r,t,i)=>t in r?Fe(r,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[t]=i,F=(r,t)=>{for(var i in t||(t={}))ce.call(t,i)&&ie(r,i,t[i]);if(K)for(var i of K(t))_e.call(t,i)&&ie(r,i,t[i]);return r},U=(r,t)=>Re(r,Se(t));var le=(r,t)=>{var i={};for(var l in r)ce.call(r,l)&&t.indexOf(l)<0&&(i[l]=r[l]);if(r!=null&&K)for(var l of K(r))t.indexOf(l)<0&&_e.call(r,l)&&(i[l]=r[l]);return i};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const oe=require("react"),f=require("@floating-ui/react"),v=require("clsx"),Be=require("react-virtuoso"),j=require("@livechat/design-system-icons"),He=require("../Checkbox/index.cjs.js"),D=require("../Icon/index.cjs.js"),qe=require("../../chunks/Heading-617540b6.js"),se=require("../../chunks/Text-df483689.js"),De=require("../Tag/index.cjs.js"),Oe=require("react-dom");require("../FieldDescription/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");require("polished");function ge(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(t,i,l.get?l:{enumerable:!0,get:()=>r[i]})}}return t.default=r,Object.freeze(t)}const e=ge(oe),Me=ge(Oe),Ke=2,Y=400;[...[...Array(100)].map((r,t)=>({key:`option${t+8}`,name:`Option #${t+8}`,disabled:t%4===0}))];const O="select-all",Ue=(r,t)=>{const i=[];return r.forEach((l,_)=>{t(l)&&i.push(_)}),i},z=r=>r.filter(({key:t,disabled:i,groupHeader:l})=>!(t===O||i||l)),ne=({key:r})=>r,P={"item-wrapper":"lc-PickerListItem-module__item-wrapper___ETYMU","item-wrapper__first":"lc-PickerListItem-module__item-wrapper__first___uit1z","item-wrapper__last":"lc-PickerListItem-module__item-wrapper__last___cWmGF","picker-list__item":"lc-PickerListItem-module__picker-list__item___cujFw","picker-list__item--select-all":"lc-PickerListItem-module__picker-list__item--select-all___-cXxr","picker-list__item__header":"lc-PickerListItem-module__picker-list__item__header___abypL","picker-list__item__content":"lc-PickerListItem-module__picker-list__item__content___EI4cV","picker-list__item__custom":"lc-PickerListItem-module__picker-list__item__custom___CFubU","picker-list__item__checkbox":"lc-PickerListItem-module__picker-list__item__checkbox___XqHxc","picker-list__item__avatar":"lc-PickerListItem-module__picker-list__item__avatar___dKtMr","picker-list__item__icon":"lc-PickerListItem-module__picker-list__item__icon___5Yvui","picker-list__item__label-container":"lc-PickerListItem-module__picker-list__item__label-container___awy0M","picker-list__item__main-label":"lc-PickerListItem-module__picker-list__item__main-label___YfUhr","picker-list__item__secondary-label":"lc-PickerListItem-module__picker-list__item__secondary-label___6xcMD"},x="picker-list__item",je=({index:r,isActive:t,isSelected:i,listElementsRef:l,onSelect:_,getItemProps:u,item:a,numberOfItems:o})=>{const b=n=>n!=null&&n.customElement?e.createElement("div",{className:P[`${x}__custom`]},n.customElement.listItemBody):e.createElement(e.Fragment,null,n.showCheckbox&&e.createElement(He.Checkbox,{className:P[`${x}__checkbox`],checked:i}),n.icon&&e.createElement(D.Icon,{className:P[`${x}__icon`],kind:"link",source:n.icon}),n.avatarSrc&&e.createElement("img",{className:v(P[`${x}__avatar`]),src:n.avatarSrc,alt:n.name}),e.createElement("div",{className:P[`${x}__label-container`]},e.createElement("span",{className:v({[P[`${x}__main-label`]]:n.secondaryText}),"aria-disabled":n.disabled},n.name),n.secondaryText&&e.createElement("span",{className:P[`${x}__secondary-label`]},n.secondaryText)));if(a.groupHeader)return e.createElement("div",F({id:`item-${r}`,key:a.key,role:"group",className:P[`${x}__header`]},u()),e.createElement(qe.Heading,{size:"2xs",uppercase:!0,bold:!0,as:"div"},a.name));const p=n=>{!a.disabled&&_(n)};return e.createElement("div",U(F({id:a.key,key:a.key,tabIndex:t?0:-1,ref:n=>{n&&(l.current[r]=n)},role:"option","aria-setsize":o,"aria-posinset":r+1},u({onClick:()=>p(a.key)})),{className:v(P["item-wrapper"],{[P["item-wrapper__first"]]:r===0&&!a.groupHeader,[P["item-wrapper__last"]]:r===o-1&&!a.groupHeader})}),e.createElement("div",{"aria-selected":i,"aria-disabled":a.disabled,"aria-current":t&&!a.disabled,className:v(P[x],{[P[`${x}__custom`]]:a.customElement,[P[`${x}--select-all`]]:a.key===O})},e.createElement("div",{className:P[`${x}__content`]},e.createElement(se.Text,{as:"span"},b(a))),i&&!a.showCheckbox&&e.createElement(D.Icon,{kind:"link",source:j.Check,customColor:"var(--content-basic-info)"})))},Ge="lc-PickerList-module__listbox___-LqE-",B={listbox:Ge,"no-results":"lc-PickerList-module__no-results___QRce-","listbox-wrapper":"lc-PickerList-module__listbox-wrapper___FbDrf"},ae="picker-list",me=({context:r,setFloating:t,floatingStyles:i,maxHeight:l,options:_,isPositioned:u,pointer:a,activeIndex:o,selectedKeys:b,listElementsRef:p,setPointer:n,onSelect:y,getFloatingProps:d,getItemProps:N,emptyStateText:C="No results found",pickerType:I="single",listClassName:L,virtuosoProps:g})=>{const m=e.useRef(null),[c,k]=e.useState(Y),h=_.length;e.useLayoutEffect(()=>{var s;u&&!a&&o!==null&&((s=m.current)==null||s.focus({preventScroll:!0}))},[u,o,a,m]);const H=e.useCallback(s=>{s!==c&&(s<Y?k(s+(h-1)*Ke):k(Y))},[h]);if(oe.useEffect(()=>{p.current=new Array(_.length)},[_.length]),_.length===0){const s=v(B[ae],{[B[`${ae}__no-results`]]:_.length===0});return e.createElement(f.FloatingFocusManager,{context:r,modal:!1,initialFocus:-1},e.createElement("div",{className:v(B.listbox,B["no-results"]),ref:t,tabIndex:-1,style:i},e.createElement("div",{className:s},C)))}const q=s=>b.includes(s)||s===O&&b.length===z(_).length;return e.createElement(f.FloatingFocusManager,{context:r,modal:!1,initialFocus:-1},e.createElement("div",{ref:t,tabIndex:-1,className:v(B.listbox,L),style:U(F({},i),{maxHeight:l})},e.createElement("div",F({tabIndex:0,"aria-multiselectable":I==="multi",className:B["listbox-wrapper"],ref:m},d({onKeyDown(s){n(!1),s.key==="Enter"&&o!==null&&y(_[o].key),s.key===" "&&s.preventDefault()},onKeyUp(s){s.key===" "&&o!==null&&y(_[o].key)},onPointerMove(){n(!0)}})),e.createElement(Be.Virtuoso,U(F({totalListHeightChanged:H,style:{height:`${c}px`,maxHeight:l},totalCount:_.length,data:_,increaseViewportBy:200},g),{itemContent:(s,S)=>e.createElement(je,{index:s,getItemProps:N,listElementsRef:p,isActive:o===s,isSelected:q(S.key),onSelect:y,item:S,numberOfItems:h})})))))},T={"picker-trigger":"lc-PickerTrigger-module__picker-trigger___-tjS0","picker-trigger--multi-select":"lc-PickerTrigger-module__picker-trigger--multi-select___av4Ws","picker-trigger--multi-select--with-items":"lc-PickerTrigger-module__picker-trigger--multi-select--with-items___7uI-R","picker-trigger__content":"lc-PickerTrigger-module__picker-trigger__content___USgUX","picker-trigger__content--compact":"lc-PickerTrigger-module__picker-trigger__content--compact___tJ0c0","picker-trigger__content--medium":"lc-PickerTrigger-module__picker-trigger__content--medium___FDI7S","picker-trigger__content--large":"lc-PickerTrigger-module__picker-trigger__content--large___3F05E","picker-trigger__content--with-items":"lc-PickerTrigger-module__picker-trigger__content--with-items___gXBgO","picker-trigger__controls":"lc-PickerTrigger-module__picker-trigger__controls___atRqc","picker-trigger__controls--compact":"lc-PickerTrigger-module__picker-trigger__controls--compact___WEdel","picker-trigger__controls--medium":"lc-PickerTrigger-module__picker-trigger__controls--medium___MNwT1","picker-trigger__controls--large":"lc-PickerTrigger-module__picker-trigger__controls--large___mHG04","picker-trigger__clear-icon":"lc-PickerTrigger-module__picker-trigger__clear-icon___4TVYX","picker-trigger__chevron-icon":"lc-PickerTrigger-module__picker-trigger__chevron-icon___hmDvU","picker-trigger--disabled":"lc-PickerTrigger-module__picker-trigger--disabled___4MGb4","picker-trigger--focused":"lc-PickerTrigger-module__picker-trigger--focused___vBA4d","picker-trigger--error":"lc-PickerTrigger-module__picker-trigger--error___yu6Dt"},E="picker-trigger",Ae=({setReference:r,getReferenceProps:t,testId:i,size:l="medium",isMultiSelect:_,isItemSelected:u,hideClearButton:a,isDisabled:o,isRequired:b,isOpen:p,isError:n,onClear:y,children:d})=>{const N=v(T[E],T[`${E}--${l}`],_&&T[`${E}--multi-select`],_&&u&&T[`${E}--multi-select--with-items`],o&&T[`${E}--disabled`],p&&T[`${E}--focused`],n&&T[`${E}--error`]),C=!a&&u&&!o&&!b,I=L=>{L.stopPropagation(),y()};return e.createElement("button",F({tabIndex:o?-1:0,"aria-disabled":o,className:N,"data-testid":i,ref:r,type:"button"},t()),e.createElement("div",{className:v(T[`${E}__content`],T[`${E}__content--${l}`],_&&u&&T[`${E}__content--with-items`])},e.createElement(se.Text,{as:"div"},d)),e.createElement("div",{className:v(T[`${E}__controls`],T[`${E}__controls--${l}`])},C&&e.createElement("div",{"data-testid":`${E}__clear-icon`,className:T[`${E}__clear-icon`],onClick:I},e.createElement(D.Icon,{kind:"primary",size:"small",source:j.Close})),e.createElement(D.Icon,{className:T[`${E}__chevron-icon`],source:p?j.ChevronUp:j.ChevronDown,size:"medium",disabled:o})))},$={"picker-trigger-body":"lc-PickerTriggerBody-module__picker-trigger-body___xL0Rq","picker-trigger-body--single":"lc-PickerTriggerBody-module__picker-trigger-body--single___5LWZK","picker-trigger-body__item-container":"lc-PickerTriggerBody-module__picker-trigger-body__item-container___5Qs5E","picker-trigger-body__item":"lc-PickerTriggerBody-module__picker-trigger-body__item___TADgm","picker-trigger-body__item__content":"lc-PickerTriggerBody-module__picker-trigger-body__item__content___R6cqX","picker-trigger-body__item__avatar":"lc-PickerTriggerBody-module__picker-trigger-body__item__avatar___jqFLr","picker-trigger-body__item__icon":"lc-PickerTriggerBody-module__picker-trigger-body__item__icon___Dz9ln","picker-trigger-body__placeholder":"lc-PickerTriggerBody-module__picker-trigger-body__placeholder___1m8Qa","picker-trigger-body__placeholder--disabled":"lc-PickerTriggerBody-module__picker-trigger-body__placeholder--disabled___1QQf8","picker-trigger-body__input":"lc-PickerTriggerBody-module__picker-trigger-body__input___N2WzY","picker-trigger-body__input--compact":"lc-PickerTriggerBody-module__picker-trigger-body__input--compact___uu3rm","picker-trigger-body__input--medium":"lc-PickerTriggerBody-module__picker-trigger-body__input--medium___4GjnK","picker-trigger-body__input--large":"lc-PickerTriggerBody-module__picker-trigger-body__input--large___hWdHe","picker-trigger-body__tag":"lc-PickerTriggerBody-module__picker-trigger-body__tag___UYkhU","picker-trigger-body__tag--compact":"lc-PickerTriggerBody-module__picker-trigger-body__tag--compact___vajtL","picker-trigger-body__tag--medium":"lc-PickerTriggerBody-module__picker-trigger-body__tag--medium___yhMyC","picker-trigger-body__tag--large":"lc-PickerTriggerBody-module__picker-trigger-body__tag--large___FbETT"},w="picker-trigger-body",We=({isOpen:r,isSearchDisabled:t,isDisabled:i,placeholder:l,selectedItems:_,type:u,clearSearchAfterSelection:a,size:o="medium",onItemRemove:b,onSelect:p,onFilter:n,searchPhrase:y,virtualItemRef:d})=>{const N=r&&!t,C=e.useRef(null);e.useEffect(()=>{a&&(n(""),C.current&&(C.current.value="",C.current.focus()))},[_,a]);const I=c=>u==="single"&&r&&!t?null:c!=null&&c.customElement?e.createElement("div",{className:$[`${w}__item`]},c.customElement.selectedItemBody):e.createElement("div",{className:$[`${w}__item`]},c.icon&&e.createElement(D.Icon,{source:c.icon,className:$[`${w}__item__icon`]}),c.avatarSrc&&e.createElement("img",{src:c.avatarSrc,alt:"",className:$[`${w}__item__avatar`]}),e.createElement("div",{className:$[`${w}__item__content`]},c.name)),L=c=>n(c.target.value),g=c=>{var k,h;(k=d.current)!=null&&k.id&&c.key==="Enter"&&p((h=d.current)==null?void 0:h.id),u==="multi"&&(c.key==="Backspace"||c.key==="Delete")&&!y&&_&&(_==null?void 0:_.length)>0&&b(_[_.length-1].key)},m=()=>e.createElement("input",{ref:C,className:v($[`${w}__input`],$[`${w}__input--${o}`]),placeholder:l,onChange:L,onKeyDown:g,autoFocus:!0,value:y});return!_||_.length===0?N?m():e.createElement("div",{className:v({[$[`${w}__placeholder`]]:!0,[$[`${w}__placeholder--disabled`]]:i})},l):e.createElement("div",{className:v($[w],{[$[`${w}--single`]]:u==="single"})},e.createElement("div",{className:$[`${w}__item-container`]},u==="single"?I(_[0]):_.map(c=>e.createElement(De.Tag,{key:c.name,className:v($[`${w}__tag`],$[`${w}__tag--${o}`]),dismissible:!i,onRemove:k=>{k.stopPropagation(),b(c.key)}},I(c)))),N&&m())},Ye=10,ze=({disabled:r,items:t,placement:i,floatingStrategy:l,useDismissHookProps:_,useClickHookProps:u,isOpen:a,onVisibilityChange:o})=>{const b=f.useFloatingNodeId(),[p,n]=e.useState(!1),[y,d]=e.useState(null),[N,C]=e.useState(400),I=e.useRef([]),L=e.useRef(null),{refs:g,floatingStyles:m,context:c,isPositioned:k}=f.useFloating({nodeId:b,open:a,strategy:l,onOpenChange:o,whileElementsMounted:f.autoUpdate,placement:i,middleware:[f.offset(4),f.flip({padding:10}),f.shift(),f.size({apply({availableHeight:R,rects:A,elements:W}){Me.flushSync(()=>{C(R)}),Object.assign(W.floating.style,{width:`${A.reference.width}px`})},padding:Ye})]}),h=f.useClick(c,F({enabled:!r,keyboardHandlers:!1,toggle:!1},u)),H=f.useRole(c,{role:"listbox"}),q=f.useDismiss(c,_),s=f.useListNavigation(c,{enabled:t.length>0&&!r,listRef:I,activeIndex:y,onNavigate:d,virtual:!0,virtualItemRef:L,disabledIndices:Ue(t,R=>!!R.disabled||!!R.groupHeader)}),{getReferenceProps:S,getFloatingProps:G,getItemProps:V}=f.useInteractions([h,q,H,s]);return!a&&p&&n(!1),{getReferenceProps:S,getFloatingProps:G,getItemProps:V,setReference:g.setReference,floatingStyles:m,isPositioned:k,context:c,nodeId:b,setFloating:g.setFloating,activeIndex:y,listElementsRef:I,virtualItemRef:L,maxHeight:N,pointer:p,setPointer:n}},Ve=({selected:r,options:t,type:i,selectAllOptionText:l,onSelect:_,setOpen:u})=>{const[a,o]=e.useState(()=>(r==null?void 0:r.map(ne))||[]),p=r!==void 0?(r==null?void 0:r.map(ne))||[]:a,[n,y]=e.useState(""),d=e.useMemo(()=>{const g=i==="multi"&&l;let m=t;return n&&(m=m.filter(c=>{if(c.groupHeader)return!1;const k=n.toLowerCase();return c.name.toLowerCase().includes(k)})),g&&m.length>1&&(m=[{key:O,name:l},...m]),m},[n,t,i,l]),N=g=>{const m=d.find(c=>c.key===g);!m||m.disabled||(i==="single"?(u(!1),o(()=>(_([m]),[g]))):g===O?p.length===z(d).length?o(()=>(_(null),[])):o(()=>{const c=z(d);return _(c),c.map(({key:k})=>k)}):o(c=>{const k=c.includes(g)?c.filter(h=>h!==g):[...c,g];return _(t.filter(({key:h})=>k.includes(h))),k}))};return{selectedKeys:p,items:d,searchPhrase:n,handleSelect:N,handleOnFilter:g=>y(g),handleItemRemove:g=>N(g),handleClear:()=>{u(!1),o([]),_(null),y("")}}},Xe={"picker-wrapper":"lc-Picker-module__picker-wrapper___2EDne"},Qe=V=>{var R=V,{id:r,className:t,listClassName:i,disabled:l,error:_,options:u,selected:a,size:o="medium",placeholder:b="Select option",isRequired:p,noSearchResultText:n="No results found",selectAllOptionText:y,type:d="single",searchDisabled:N=!1,hideClearButton:C,isVisible:I,onOpen:L,onClose:g,openedOnInit:m=!1,clearSearchAfterSelection:c,onSelect:k,placement:h,floatingStrategy:H,useDismissHookProps:q,useClickHookProps:s,virtuosoProps:S}=R,G=le(R,["id","className","listClassName","disabled","error","options","selected","size","placeholder","isRequired","noSearchResultText","selectAllOptionText","type","searchDisabled","hideClearButton","isVisible","onOpen","onClose","openedOnInit","clearSearchAfterSelection","onSelect","placement","floatingStrategy","useDismissHookProps","useClickHookProps","virtuosoProps"]);const[A,W]=e.useState(m),X=I!==void 0,M=X?I:A,Q=(re,te)=>{re?L==null||L(te):g==null||g(te),!X&&W(re)},{selectedKeys:J,items:Z,searchPhrase:ue,handleSelect:ee,handleOnFilter:de,handleItemRemove:ke,handleClear:pe}=Ve({selected:a,options:u,type:d,selectAllOptionText:y,onSelect:k,setOpen:Q}),{context:ye,nodeId:fe,getReferenceProps:be,setReference:he,getFloatingProps:Pe,getItemProps:Ee,isPositioned:ve,setFloating:Te,floatingStyles:$e,listElementsRef:we,virtualItemRef:Ne,activeIndex:Ce,maxHeight:Ie,pointer:Le,setPointer:xe}=ze({openedOnInit:m,disabled:l,items:Z,placement:h,floatingStrategy:H,useClickHookProps:s,useDismissHookProps:q,isOpen:M,onVisibilityChange:Q});return e.createElement("div",{id:r,className:v(Xe["picker-wrapper"],t)},e.createElement(Ae,{getReferenceProps:be,setReference:he,testId:G["data-testid"],isItemSelected:J.length>0,isOpen:M,onClear:pe,hideClearButton:C,isDisabled:l,isError:_,isRequired:p,isMultiSelect:d==="multi",size:o},e.createElement(We,{isOpen:M,isSearchDisabled:N,isDisabled:l,placeholder:b,selectedItems:a,type:d,size:o,clearSearchAfterSelection:c,onItemRemove:ke,onSelect:ee,onFilter:de,searchPhrase:ue,virtualItemRef:Ne})),e.createElement(f.FloatingNode,{id:fe},M&&e.createElement(f.FloatingPortal,null,e.createElement(me,{pickerType:d,options:Z,listClassName:i,context:ye,setFloating:Te,floatingStyles:$e,maxHeight:Ie,isPositioned:ve,pointer:Le,activeIndex:Ce,selectedKeys:J,listElementsRef:we,setPointer:xe,onSelect:ee,getFloatingProps:Pe,getItemProps:Ee,emptyStateText:n,virtuosoProps:S}))))};exports.Picker=Qe;exports.PickerList=me;

package/dist/components/Picker/index.es.js

@@ -19,7 +19,6 @@ var _e = (r, t) => {
       t.indexOf(a) < 0 && ie.call(r, a) && (c[a] = r[a]);
   return c;
 };
-import "../../index15.css";
 import * as e from "react";
 import { useEffect as xe } from "react";
 import { FloatingFocusManager as ce, useFloatingNodeId as Be, useFloating as Fe, autoUpdate as Re, offset as Se, flip as He, shift as De, size as Me, useClick as Ke, useRole as Oe, useDismiss as Ue, useListNavigation as Ge, useInteractions as Ae, FloatingNode as We, FloatingPortal as Ye } from "@floating-ui/react";
@@ -28,10 +27,13 @@ import { Virtuoso as je } from "react-virtuoso";
 import { Check as qe, Close as Xe, ChevronDown as ze, ChevronUp as Qe } from "@livechat/design-system-icons";
 import { Checkbox as Ve } from "../Checkbox/index.es.js";
 import { Icon as D } from "../Icon/index.es.js";
-import { H as Je } from "../../chunks/Heading-a4742030.js";
-import { T as oe } from "../../chunks/Text-3504b7ce.js";
+import { H as Je } from "../../chunks/Heading-6b95d08b.js";
+import { T as oe } from "../../chunks/Text-b31d1e9a.js";
 import { Tag as Ze } from "../Tag/index.es.js";
 import * as er from "react-dom";
+import "../FieldDescription/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
+import "polished";
 const rr = 2, Y = 400;
 [
   ...[...Array(100)].map((r, t) => ({
@@ -113,7 +115,7 @@ const M = "select-all", tr = (r, t) => {
       }, d()),
       /* @__PURE__ */ e.createElement(Je, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, o.name)
     );
-  const p = (l) => {
+  const k = (l) => {
     !o.disabled && _(l);
   };
   return /* @__PURE__ */ e.createElement(
@@ -129,7 +131,7 @@ const M = "select-all", tr = (r, t) => {
       "aria-setsize": n,
       "aria-posinset": r + 1
     }, d({
-      onClick: () => p(o.key)
+      onClick: () => k(o.key)
     })), {
       className: E(b["item-wrapper"], {
         [b["item-wrapper__first"]]: r === 0 && !o.groupHeader,
@@ -172,7 +174,7 @@ const M = "select-all", tr = (r, t) => {
   pointer: o,
   activeIndex: n,
   selectedKeys: f,
-  listElementsRef: p,
+  listElementsRef: k,
   setPointer: l,
   onSelect: y,
   getFloatingProps: u,
@@ -182,19 +184,19 @@ const M = "select-all", tr = (r, t) => {
   listClassName: L,
   virtuosoProps: g
 }) => {
-  const m = e.useRef(null), [i, k] = e.useState(Y), h = _.length;
+  const m = e.useRef(null), [i, p] = e.useState(Y), h = _.length;
   e.useLayoutEffect(() => {
     var s;
     d && !o && n !== null && ((s = m.current) == null || s.focus({ preventScroll: !0 }));
   }, [d, n, o, m]);
   const S = e.useCallback(
     (s) => {
-      s !== i && (s < Y ? k(s + (h - 1) * rr) : k(Y));
+      s !== i && (s < Y ? p(s + (h - 1) * rr) : p(Y));
     },
     [h]
   );
   if (xe(() => {
-    p.current = new Array(_.length);
+    k.current = new Array(_.length);
   }, [_.length]), _.length === 0) {
     const s = E(R[ae], {
       [R[`${ae}__no-results`]]: _.length === 0
@@ -253,7 +255,7 @@ const M = "select-all", tr = (r, t) => {
             {
               index: s,
               getItemProps: w,
-              listElementsRef: p,
+              listElementsRef: k,
               isActive: n === s,
               isSelected: H(F.key),
               onSelect: y,
@@ -293,7 +295,7 @@ const M = "select-all", tr = (r, t) => {
   hideClearButton: o,
   isDisabled: n,
   isRequired: f,
-  isOpen: p,
+  isOpen: k,
   isError: l,
   onClear: y,
   children: u
@@ -304,7 +306,7 @@ const M = "select-all", tr = (r, t) => {
     _ && v[`${P}--multi-select`],
     _ && d && v[`${P}--multi-select--with-items`],
     n && v[`${P}--disabled`],
-    p && v[`${P}--focused`],
+    k && v[`${P}--focused`],
     l && v[`${P}--error`]
   ), N = !o && d && !n && !f, C = (L) => {
     L.stopPropagation(), y();
@@ -351,7 +353,7 @@ const M = "select-all", tr = (r, t) => {
         D,
         {
           className: v[`${P}__chevron-icon`],
-          source: p ? Qe : ze,
+          source: k ? Qe : ze,
           size: "medium",
           disabled: n
         }
@@ -386,7 +388,7 @@ const M = "select-all", tr = (r, t) => {
   clearSearchAfterSelection: o,
   size: n = "medium",
   onItemRemove: f,
-  onSelect: p,
+  onSelect: k,
   onFilter: l,
   searchPhrase: y,
   virtualItemRef: u
@@ -409,8 +411,8 @@ const M = "select-all", tr = (r, t) => {
       className: T[`${$}__item__avatar`]
     }
   ), /* @__PURE__ */ e.createElement("div", { className: T[`${$}__item__content`] }, i.name)), L = (i) => l(i.target.value), g = (i) => {
-    var k, h;
-    (k = u.current) != null && k.id && i.key === "Enter" && p((h = u.current) == null ? void 0 : h.id), d === "multi" && (i.key === "Backspace" || i.key === "Delete") && !y && _ && (_ == null ? void 0 : _.length) > 0 && f(_[_.length - 1].key);
+    var p, h;
+    (p = u.current) != null && p.id && i.key === "Enter" && k((h = u.current) == null ? void 0 : h.id), d === "multi" && (i.key === "Backspace" || i.key === "Delete") && !y && _ && (_ == null ? void 0 : _.length) > 0 && f(_[_.length - 1].key);
   }, m = () => /* @__PURE__ */ e.createElement(
     "input",
     {
@@ -451,8 +453,8 @@ const M = "select-all", tr = (r, t) => {
           T[`${$}__tag--${n}`]
         ),
         dismissible: !c,
-        onRemove: (k) => {
-          k.stopPropagation(), f(i.key);
+        onRemove: (p) => {
+          p.stopPropagation(), f(i.key);
         }
       },
       C(i)
@@ -469,7 +471,7 @@ const M = "select-all", tr = (r, t) => {
   isOpen: o,
   onVisibilityChange: n
 }) => {
-  const f = Be(), [p, l] = e.useState(!1), [y, u] = e.useState(null), [w, N] = e.useState(400), C = e.useRef([]), L = e.useRef(null), { refs: g, floatingStyles: m, context: i, isPositioned: k } = Fe({
+  const f = Be(), [k, l] = e.useState(!1), [y, u] = e.useState(null), [w, N] = e.useState(400), C = e.useRef([]), L = e.useRef(null), { refs: g, floatingStyles: m, context: i, isPositioned: p } = Fe({
     nodeId: f,
     open: o,
     strategy: a,
@@ -509,13 +511,13 @@ const M = "select-all", tr = (r, t) => {
   }), { getReferenceProps: F, getFloatingProps: G, getItemProps: q } = Ae(
     [h, H, S, s]
   );
-  return !o && p && l(!1), {
+  return !o && k && l(!1), {
     getReferenceProps: F,
     getFloatingProps: G,
     getItemProps: q,
     setReference: g.setReference,
     floatingStyles: m,
-    isPositioned: k,
+    isPositioned: p,
     context: i,
     nodeId: f,
     setFloating: g.setFloating,
@@ -523,7 +525,7 @@ const M = "select-all", tr = (r, t) => {
     listElementsRef: C,
     virtualItemRef: L,
     maxHeight: w,
-    pointer: p,
+    pointer: k,
     setPointer: l
   };
 }, sr = ({
@@ -536,14 +538,14 @@ const M = "select-all", tr = (r, t) => {
 }) => {
   const [o, n] = e.useState(
     () => (r == null ? void 0 : r.map(le)) || []
-  ), p = r !== void 0 ? (r == null ? void 0 : r.map(le)) || [] : o, [l, y] = e.useState(""), u = e.useMemo(() => {
+  ), k = r !== void 0 ? (r == null ? void 0 : r.map(le)) || [] : o, [l, y] = e.useState(""), u = e.useMemo(() => {
     const g = c === "multi" && a;
     let m = t;
     return l && (m = m.filter((i) => {
       if (i.groupHeader)
         return !1;
-      const k = l.toLowerCase();
-      return i.name.toLowerCase().includes(k);
+      const p = l.toLowerCase();
+      return i.name.toLowerCase().includes(p);
     })), g && m.length > 1 && (m = [
       {
         key: M,
@@ -553,16 +555,16 @@ const M = "select-all", tr = (r, t) => {
     ]), m;
   }, [l, t, c, a]), w = (g) => {
     const m = u.find((i) => i.key === g);
-    !m || m.disabled || (c === "single" ? (d(!1), n(() => (_([m]), [g]))) : g === M ? p.length === j(u).length ? n(() => (_(null), [])) : n(() => {
+    !m || m.disabled || (c === "single" ? (d(!1), n(() => (_([m]), [g]))) : g === M ? k.length === j(u).length ? n(() => (_(null), [])) : n(() => {
       const i = j(u);
-      return _(i), i.map(({ key: k }) => k);
+      return _(i), i.map(({ key: p }) => p);
     }) : n((i) => {
-      const k = i.includes(g) ? i.filter((h) => h !== g) : [...i, g];
-      return _(t.filter(({ key: h }) => k.includes(h))), k;
+      const p = i.includes(g) ? i.filter((h) => h !== g) : [...i, g];
+      return _(t.filter(({ key: h }) => p.includes(h))), p;
     }));
   };
   return {
-    selectedKeys: p,
+    selectedKeys: k,
     items: u,
     searchPhrase: l,
     handleSelect: w,
@@ -574,7 +576,7 @@ const M = "select-all", tr = (r, t) => {
   };
 }, gr = {
   "picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
-}, Tr = (q) => {
+}, wr = (q) => {
   var B = q, {
     id: r,
     className: t,
@@ -585,7 +587,7 @@ const M = "select-all", tr = (r, t) => {
     selected: o,
     size: n = "medium",
     placeholder: f = "Select option",
-    isRequired: p,
+    isRequired: k,
     noSearchResultText: l = "No results found",
     selectAllOptionText: y,
     type: u = "single",
@@ -596,7 +598,7 @@ const M = "select-all", tr = (r, t) => {
     onClose: g,
     openedOnInit: m = !1,
     clearSearchAfterSelection: i,
-    onSelect: k,
+    onSelect: p,
     placement: h,
     floatingStrategy: S,
     useDismissHookProps: H,
@@ -645,13 +647,13 @@ const M = "select-all", tr = (r, t) => {
     options: d,
     type: u,
     selectAllOptionText: y,
-    onSelect: k,
+    onSelect: p,
     setOpen: z
   }), {
     context: de,
     nodeId: ue,
-    getReferenceProps: ke,
-    setReference: pe,
+    getReferenceProps: pe,
+    setReference: ke,
     getFloatingProps: ye,
     getItemProps: fe,
     isPositioned: he,
@@ -677,8 +679,8 @@ const M = "select-all", tr = (r, t) => {
   return /* @__PURE__ */ e.createElement("div", { id: r, className: E(gr["picker-wrapper"], t) }, /* @__PURE__ */ e.createElement(
     lr,
     {
-      getReferenceProps: ke,
-      setReference: pe,
+      getReferenceProps: pe,
+      setReference: ke,
       testId: G["data-testid"],
       isItemSelected: Q.length > 0,
       isOpen: K,
@@ -686,7 +688,7 @@ const M = "select-all", tr = (r, t) => {
       hideClearButton: N,
       isDisabled: a,
       isError: _,
-      isRequired: p,
+      isRequired: k,
       isMultiSelect: u === "multi",
       size: n
     },
@@ -733,6 +735,6 @@ const M = "select-all", tr = (r, t) => {
   ))));
 };
 export {
-  Tr as Picker,
+  wr as Picker,
   cr as PickerList
 };

package/dist/components/Popover/index.cjs.js

@@ -1 +1 @@
-var U=Object.defineProperty,X=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var y=(t,e,o)=>e in t?U(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,a=(t,e)=>{for(var o in e||(e={}))G.call(e,o)&&y(t,o,e[o]);if(v)for(var o of v(e))H.call(e,o)&&y(t,o,e[o]);return t},b=(t,e)=>X(t,B(e));var te=require("../../index14.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),s=require("@floating-ui/react"),L=require("clsx"),Q=require("../../chunks/Text-2356ec2a.js");function W(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const n=W(J),Y="lc-Popover-module__popover___8X1b2",Z={popover:Y},$=({triggerRenderer:t,onClose:e,onOpen:o,children:r,className:F,triggerClassName:P,placement:E,flipOptions:_,offsetSize:N=4,isVisible:i,openedOnInit:T,closeOnEsc:S=!0,useDismissHookProps:j,useClickHookProps:x,floatingStrategy:I})=>{const[q,M]=n.useState(T),h=s.useFloatingParentNodeId(),l=s.useFloatingNodeId(),u=i!==void 0,d=u?i:q,k=typeof r=="string",w=typeof t=="function",C=(g,m)=>{g?o==null||o(m):e==null||e(m),!u&&M(g)},{refs:p,context:c,floatingStyles:D}=s.useFloating({nodeId:l,open:d,onOpenChange:C,middleware:[s.offset(N),s.flip(_),s.shift()],placement:E,strategy:I,whileElementsMounted:s.autoUpdate}),R=s.useClick(c,x),O=s.useDismiss(c,a({escapeKey:S},j)),V=s.useRole(c),{getReferenceProps:z,getFloatingProps:A}=s.useInteractions([R,O,V]),K=L(Z.popover,F),f=n.createElement(n.Fragment,null,n.createElement("div",b(a({"data-testid":"popover-trigger-button",ref:p.setReference},z()),{className:P}),w?t():t),n.createElement(s.FloatingNode,{id:l},d&&n.createElement(s.FloatingFocusManager,{context:c,modal:!1},n.createElement("div",a({className:K,ref:p.setFloating,style:D},A()),k?n.createElement(Q.Text,{as:"div"},r):r))));return h===null?n.createElement(s.FloatingTree,null,f):f};exports.Popover=$;
+"use strict";var U=Object.defineProperty,X=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var y=(t,e,o)=>e in t?U(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,a=(t,e)=>{for(var o in e||(e={}))G.call(e,o)&&y(t,o,e[o]);if(v)for(var o of v(e))H.call(e,o)&&y(t,o,e[o]);return t},b=(t,e)=>X(t,B(e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),s=require("@floating-ui/react"),L=require("clsx"),Q=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function W(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const n=W(J),Y="lc-Popover-module__popover___8X1b2",Z={popover:Y},$=({triggerRenderer:t,onClose:e,onOpen:o,children:r,className:F,triggerClassName:P,placement:E,flipOptions:_,offsetSize:N=4,isVisible:i,openedOnInit:T,closeOnEsc:S=!0,useDismissHookProps:j,useClickHookProps:q,floatingStrategy:x})=>{const[I,M]=n.useState(T),h=s.useFloatingParentNodeId(),l=s.useFloatingNodeId(),u=i!==void 0,d=u?i:I,k=typeof r=="string",w=typeof t=="function",C=(g,m)=>{g?o==null||o(m):e==null||e(m),!u&&M(g)},{refs:p,context:c,floatingStyles:D}=s.useFloating({nodeId:l,open:d,onOpenChange:C,middleware:[s.offset(N),s.flip(_),s.shift()],placement:E,strategy:x,whileElementsMounted:s.autoUpdate}),R=s.useClick(c,q),O=s.useDismiss(c,a({escapeKey:S},j)),V=s.useRole(c),{getReferenceProps:z,getFloatingProps:A}=s.useInteractions([R,O,V]),K=L(Z.popover,F),f=n.createElement(n.Fragment,null,n.createElement("div",b(a({"data-testid":"popover-trigger-button",ref:p.setReference},z()),{className:P}),w?t():t),n.createElement(s.FloatingNode,{id:l},d&&n.createElement(s.FloatingFocusManager,{context:c,modal:!1},n.createElement("div",a({className:K,ref:p.setFloating,style:D},A()),k?n.createElement(Q.Text,{as:"div"},r):r))));return h===null?n.createElement(s.FloatingTree,null,f):f};exports.Popover=$;

package/dist/components/Popover/index.es.js

@@ -10,11 +10,11 @@ var v = (o, e, t) => e in o ? q(o, e, { enumerable: !0, configurable: !0, writab
       H.call(e, t) && v(o, t, e[t]);
   return o;
 }, F = (o, e) => z(o, B(e));
-import "../../index14.css";
 import * as s from "react";
 import { useFloatingParentNodeId as J, useFloatingNodeId as L, useFloating as Q, offset as W, flip as Y, shift as Z, autoUpdate as $, useClick as O, useDismiss as ee, useRole as te, useInteractions as oe, FloatingNode as se, FloatingFocusManager as ne, FloatingTree as ae } from "@floating-ui/react";
 import re from "clsx";
-import { T as ie } from "../../chunks/Text-3504b7ce.js";
+import { T as ie } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
 const le = "lc-Popover-module__popover___8X1b2", ce = {
   popover: le
 }, ge = ({

package/dist/components/Progress/index.cjs.js

@@ -1 +1 @@
-var O=Object.defineProperty;var n=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var d=(e,c,r)=>c in e?O(e,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[c]=r,P=(e,c)=>{for(var r in c||(c={}))u.call(c,r)&&d(e,r,c[r]);if(n)for(var r of n(c))p.call(c,r)&&d(e,r,c[r]);return e};var S=(e,c)=>{var r={};for(var s in e)u.call(e,s)&&c.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&n)for(var s of n(e))c.indexOf(s)<0&&p.call(e,s)&&(r[s]=e[s]);return r};var M=require("../../index13.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),x=require("clsx"),g=require("../../chunks/ProgressBar-ab20b908.js");function w(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const i=w(N),_={"progress-circle":"lc-ProgressCircle-module__progress-circle___NRHCi","progress-circle--small":"lc-ProgressCircle-module__progress-circle--small___8FVwG","progress-circle--medium":"lc-ProgressCircle-module__progress-circle--medium___XlzEX","progress-circle--large":"lc-ProgressCircle-module__progress-circle--large___qxa2y","progress-circle__bg-line--normal":"lc-ProgressCircle-module__progress-circle__bg-line--normal___nDNwj","progress-circle__bg-line--success":"lc-ProgressCircle-module__progress-circle__bg-line--success___1aP-O","progress-circle__bg-line--error":"lc-ProgressCircle-module__progress-circle__bg-line--error___oqMZL","progress-circle__indicator--normal":"lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX","progress-circle__indicator--success":"lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR","progress-circle__indicator--error":"lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9"},k={small:2,medium:3,large:4},T={small:15,medium:36,large:56},t="progress-circle",h=i.forwardRef((j,f)=>{var a=j,{status:e="normal",progressValue:c,className:r,size:s="medium"}=a,b=S(a,["status","progressValue","className","size"]);const C=g.getProgressStatus(e,c),E=g.getPercentNumber(C,c),l=k[s],o=T[s],$=x(_[t],{[_[`${t}--${s}`]]:s,[_[`${t}--${e}`]]:e},r),m=2*Math.PI*((o-l)/2),y={strokeDasharray:m.toFixed(3),strokeDashoffset:`${((100-E)/100*m).toFixed(3)}px`},R=`${o/2} ${o/2} ${o} ${o}`;return i.createElement("div",P({className:$,ref:f,role:"progressbar"},b),i.createElement("svg",{viewBox:R},i.createElement("circle",{className:_[`${t}__bg-line--${e}`],cx:o,cy:o,r:(o-l)/2,fill:"none",strokeWidth:l}),i.createElement("circle",{className:_[`${t}__indicator--${e}`],style:y,cx:o,cy:o,r:(o-l)/2,fill:"none",strokeWidth:l})))});exports.PROGRESS_STATUSES=g.PROGRESS_STATUSES;exports.ProgressBar=g.ProgressBar;exports.ProgressCircle=h;
+"use strict";var x=Object.defineProperty;var n=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var d=(e,c,r)=>c in e?x(e,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[c]=r,P=(e,c)=>{for(var r in c||(c={}))u.call(c,r)&&d(e,r,c[r]);if(n)for(var r of n(c))p.call(c,r)&&d(e,r,c[r]);return e};var b=(e,c)=>{var r={};for(var s in e)u.call(e,s)&&c.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&n)for(var s of n(e))c.indexOf(s)<0&&p.call(e,s)&&(r[s]=e[s]);return r};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),w=require("clsx"),g=require("../../chunks/ProgressBar-62d36b60.js");function R(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const i=R(O),_={"progress-circle":"lc-ProgressCircle-module__progress-circle___NRHCi","progress-circle--small":"lc-ProgressCircle-module__progress-circle--small___8FVwG","progress-circle--medium":"lc-ProgressCircle-module__progress-circle--medium___XlzEX","progress-circle--large":"lc-ProgressCircle-module__progress-circle--large___qxa2y","progress-circle__bg-line--normal":"lc-ProgressCircle-module__progress-circle__bg-line--normal___nDNwj","progress-circle__bg-line--success":"lc-ProgressCircle-module__progress-circle__bg-line--success___1aP-O","progress-circle__bg-line--error":"lc-ProgressCircle-module__progress-circle__bg-line--error___oqMZL","progress-circle__indicator--normal":"lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX","progress-circle__indicator--success":"lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR","progress-circle__indicator--error":"lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9"},k={small:2,medium:3,large:4},h={small:15,medium:36,large:56},t="progress-circle",j=i.forwardRef((v,C)=>{var a=v,{status:e="normal",progressValue:c,className:r,size:s="medium"}=a,f=b(a,["status","progressValue","className","size"]);const S=g.getProgressStatus(e,c),$=g.getPercentNumber(S,c),l=k[s],o=h[s],y=w(_[t],{[_[`${t}--${s}`]]:s,[_[`${t}--${e}`]]:e},r),m=2*Math.PI*((o-l)/2),E={strokeDasharray:m.toFixed(3),strokeDashoffset:`${((100-$)/100*m).toFixed(3)}px`},N=`${o/2} ${o/2} ${o} ${o}`;return i.createElement("div",P({className:y,ref:C,role:"progressbar"},f),i.createElement("svg",{viewBox:N},i.createElement("circle",{className:_[`${t}__bg-line--${e}`],cx:o,cy:o,r:(o-l)/2,fill:"none",strokeWidth:l}),i.createElement("circle",{className:_[`${t}__indicator--${e}`],style:E,cx:o,cy:o,r:(o-l)/2,fill:"none",strokeWidth:l})))});exports.ProgressBar=g.ProgressBar;exports.ProgressCircle=j;

package/dist/components/Progress/index.d.ts

@@ -1,3 +1,2 @@
 export { ProgressCircle } from './ProgressCircle';
 export { ProgressBar } from './ProgressBar';
-export { PROGRESS_STATUSES } from './constants';

package/dist/components/Progress/index.es.js

@@ -18,11 +18,10 @@ var P = (r, e) => {
       e.indexOf(c) < 0 && p.call(r, c) && (s[c] = r[c]);
   return s;
 };
-import "../../index13.css";
 import * as _ from "react";
-import R from "clsx";
-import { g as w, b as y } from "../../chunks/ProgressBar-753197bf.js";
-import { a as L, P as T } from "../../chunks/ProgressBar-753197bf.js";
+import w from "clsx";
+import { g as y, a as R } from "../../chunks/ProgressBar-3e0fd769.js";
+import { P as L } from "../../chunks/ProgressBar-3e0fd769.js";
 const i = {
   "progress-circle": "lc-ProgressCircle-module__progress-circle___NRHCi",
   "progress-circle--small": "lc-ProgressCircle-module__progress-circle--small___8FVwG",
@@ -43,7 +42,7 @@ const i = {
   medium: 36,
   large: 56
 }, g = "progress-circle", Z = _.forwardRef(
-  (F, S) => {
+  (F, $) => {
     var a = F, {
       status: r = "normal",
       progressValue: e,
@@ -55,7 +54,7 @@ const i = {
       "className",
       "size"
     ]);
-    const $ = w(r, e), b = y($, e), l = h[c], o = k[c], f = R(
+    const f = R(r, e), b = y(f, e), l = h[c], o = k[c], x = w(
       i[g],
       {
         [i[`${g}--${c}`]]: c,
@@ -65,15 +64,15 @@ const i = {
     ), m = 2 * Math.PI * ((o - l) / 2), E = {
       strokeDasharray: m.toFixed(3),
       strokeDashoffset: `${((100 - b) / 100 * m).toFixed(3)}px`
-    }, x = `${o / 2} ${o / 2} ${o} ${o}`;
+    }, S = `${o / 2} ${o / 2} ${o} ${o}`;
     return /* @__PURE__ */ _.createElement(
       "div",
       u({
-        className: f,
-        ref: S,
+        className: x,
+        ref: $,
         role: "progressbar"
       }, C),
-      /* @__PURE__ */ _.createElement("svg", { viewBox: x }, /* @__PURE__ */ _.createElement(
+      /* @__PURE__ */ _.createElement("svg", { viewBox: S }, /* @__PURE__ */ _.createElement(
         "circle",
         {
           className: i[`${g}__bg-line--${r}`],
@@ -99,7 +98,6 @@ const i = {
   }
 );
 export {
-  L as PROGRESS_STATUSES,
-  T as ProgressBar,
+  L as ProgressBar,
   Z as ProgressCircle
 };

package/dist/components/PromoBanner/index.cjs.js

@@ -1 +1 @@
-var w=require("../../index12.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),R=require("@livechat/design-system-icons"),O=require("clsx"),S=require("lodash.debounce"),f=require("../Button/index.cjs.js"),v=require("../Icon/index.cjs.js"),h=require("../../chunks/Text-2356ec2a.js");function y(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:()=>o[a]})}}return t.default=o,Object.freeze(t)}const e=y(N),n={"promo-banner":"lc-PromoBanner-module__promo-banner___-mGpq","promo-banner__content":"lc-PromoBanner-module__promo-banner__content___kRWar","promo-banner__wrapper":"lc-PromoBanner-module__promo-banner__wrapper___I-8cl","promo-banner__header":"lc-PromoBanner-module__promo-banner__header___ebYHW","promo-banner__img":"lc-PromoBanner-module__promo-banner__img___eaShb","promo-banner__button-text":"lc-PromoBanner-module__promo-banner__button-text___taYKa","promo-banner--light":"lc-PromoBanner-module__promo-banner--light___eJxOR","promo-banner__footer":"lc-PromoBanner-module__promo-banner__footer___8OjvH","promo-banner--small":"lc-PromoBanner-module__promo-banner--small___7sWLV","promo-banner--large":"lc-PromoBanner-module__promo-banner--large___pMiCU","promo-banner__close-icon":"lc-PromoBanner-module__promo-banner__close-icon___GowBL"},z=400,C=800,L=500,r="promo-banner",$=({className:o,buttonText:t,children:a,header:c,img:i,light:E=!1,linkText:u,onButtonClick:g,onClose:d,onLinkClick:B})=>{const _=e.useRef(null),[m,l]=e.useState("medium"),P=O(n[r],{[n[`${r}--light`]]:E,[n[`${r}--small`]]:m==="small",[n[`${r}--large`]]:m==="large"},o);e.useEffect(()=>{const b=()=>_.current&&_.current.offsetWidth<=z?l("small"):_.current&&_.current.offsetWidth>=C?l("large"):l("medium"),s=S(b,L);return window.addEventListener("resize",s),b(),()=>{s.cancel(),window.removeEventListener("resize",s)}},[]);const p=e.createElement("div",{className:n[`${r}__footer`]},t&&e.createElement(f.Button,{kind:"primary",size:"compact",onClick:g,className:n[`${r}__button-text`]},t),u&&e.createElement(f.Button,{size:"compact",kind:"text",onClick:B},u));return e.createElement("div",{ref:_,className:P},e.createElement("div",{className:n[`${r}__content`]},i&&e.createElement("img",{src:i,className:n[`${r}__img`]}),e.createElement("div",{className:n[`${r}__wrapper`]},e.createElement("div",{className:n[`${r}__header`]},c),e.createElement(h.Text,{as:"div"},a),m!=="large"&&p),m==="large"&&p),d&&e.createElement("button",{type:"button",className:n[`${r}__close-icon`],onClick:d},e.createElement(v.Icon,{source:R.Close,size:"large",kind:"primary"})))};exports.PromoBanner=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),R=require("@livechat/design-system-icons"),O=require("clsx"),S=require("lodash.debounce"),f=require("../Button/index.cjs.js"),v=require("../Icon/index.cjs.js"),h=require("../../chunks/Text-df483689.js");require("../Loader/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");function q(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:()=>o[a]})}}return t.default=o,Object.freeze(t)}const e=q(N),n={"promo-banner":"lc-PromoBanner-module__promo-banner___-mGpq","promo-banner__content":"lc-PromoBanner-module__promo-banner__content___kRWar","promo-banner__wrapper":"lc-PromoBanner-module__promo-banner__wrapper___I-8cl","promo-banner__header":"lc-PromoBanner-module__promo-banner__header___ebYHW","promo-banner__img":"lc-PromoBanner-module__promo-banner__img___eaShb","promo-banner__button-text":"lc-PromoBanner-module__promo-banner__button-text___taYKa","promo-banner--light":"lc-PromoBanner-module__promo-banner--light___eJxOR","promo-banner__footer":"lc-PromoBanner-module__promo-banner__footer___8OjvH","promo-banner--small":"lc-PromoBanner-module__promo-banner--small___7sWLV","promo-banner--large":"lc-PromoBanner-module__promo-banner--large___pMiCU","promo-banner__close-icon":"lc-PromoBanner-module__promo-banner__close-icon___GowBL"},y=400,z=800,C=500,r="promo-banner",L=({className:o,buttonText:t,children:a,header:c,img:i,light:E=!1,linkText:u,onButtonClick:g,onClose:d,onLinkClick:B})=>{const _=e.useRef(null),[m,l]=e.useState("medium"),P=O(n[r],{[n[`${r}--light`]]:E,[n[`${r}--small`]]:m==="small",[n[`${r}--large`]]:m==="large"},o);e.useEffect(()=>{const b=()=>_.current&&_.current.offsetWidth<=y?l("small"):_.current&&_.current.offsetWidth>=z?l("large"):l("medium"),s=S(b,C);return window.addEventListener("resize",s),b(),()=>{s.cancel(),window.removeEventListener("resize",s)}},[]);const p=e.createElement("div",{className:n[`${r}__footer`]},t&&e.createElement(f.Button,{kind:"primary",size:"compact",onClick:g,className:n[`${r}__button-text`]},t),u&&e.createElement(f.Button,{size:"compact",kind:"text",onClick:B},u));return e.createElement("div",{ref:_,className:P},e.createElement("div",{className:n[`${r}__content`]},i&&e.createElement("img",{src:i,className:n[`${r}__img`]}),e.createElement("div",{className:n[`${r}__wrapper`]},e.createElement("div",{className:n[`${r}__header`]},c),e.createElement(h.Text,{as:"div"},a),m!=="large"&&p),m==="large"&&p),d&&e.createElement("button",{type:"button",className:n[`${r}__close-icon`],onClick:d},e.createElement(v.Icon,{source:R.Close,size:"large",kind:"primary"})))};exports.PromoBanner=L;

package/dist/components/PromoBanner/index.es.js

@@ -1,11 +1,12 @@
-import "../../index12.css";
 import * as e from "react";
 import { Close as R } from "@livechat/design-system-icons";
 import P from "clsx";
 import h from "lodash.debounce";
 import { Button as d } from "../Button/index.es.js";
 import { Icon as v } from "../Icon/index.es.js";
-import { T as C } from "../../chunks/Text-3504b7ce.js";
+import { T as C } from "../../chunks/Text-b31d1e9a.js";
+import "../Loader/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
 const r = {
   "promo-banner": "lc-PromoBanner-module__promo-banner___-mGpq",
   "promo-banner__content": "lc-PromoBanner-module__promo-banner__content___kRWar",
@@ -18,7 +19,7 @@ const r = {
   "promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
   "promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
   "promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
-}, L = 400, $ = 800, z = 500, o = "promo-banner", k = ({
+}, L = 400, $ = 800, z = 500, o = "promo-banner", x = ({
   className: u,
   buttonText: m,
   children: b,
@@ -69,5 +70,5 @@ const r = {
   ));
 };
 export {
-  k as PromoBanner
+  x as PromoBanner
 };

package/dist/components/PromoBannerV2/index.cjs.js

@@ -1 +1 @@
-var N=require("../../index11.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),u=require("@livechat/design-system-icons"),l=require("clsx"),m=require("../Button/index.cjs.js"),P=require("../Icon/index.cjs.js");function k(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const e=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(t,c,e.get?e:{enumerable:!0,get:()=>r[c]})}}return t.default=r,Object.freeze(t)}const n=k(v),_={"main-wrapper":"lc-PromoBannerV2-module__main-wrapper___U-dPS","promo-banner-v2":"lc-PromoBannerV2-module__promo-banner-v2___HkNxR","promo-banner-v2__content":"lc-PromoBannerV2-module__promo-banner-v2__content___65vEP","promo-banner-v2__content__cta":"lc-PromoBannerV2-module__promo-banner-v2__content__cta___II2hK","promo-banner-v2__content__cta__secondary":"lc-PromoBannerV2-module__promo-banner-v2__content__cta__secondary___17BKS","promo-banner-v2__additional-content":"lc-PromoBannerV2-module__promo-banner-v2__additional-content___LpU9B","promo-banner-v2__close":"lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U","promo-banner-v2__close__btn":"lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC","promo-banner-v2--vertical":"lc-PromoBannerV2-module__promo-banner-v2--vertical___p0mSU"},o="promo-banner-v2",E=({children:r,className:t,additionalContent:c,primaryButton:e,secondaryButton:a,vertical:i,contentClassName:d,additionalContentClassName:b,onClose:s})=>{const p=l(_["main-wrapper"],t);return n.createElement("div",{role:"banner",className:p},n.createElement("div",{className:l(_[o],i&&_[`${o}--vertical`])},n.createElement("div",{className:l(_[`${o}__content`],d)},r,(e||a)&&n.createElement("div",{className:_[`${o}__content__cta`]},e&&n.createElement(m.Button,{kind:(e==null?void 0:e.kind)||"high-contrast",onClick:e.handleClick},e.label),a&&n.createElement(m.Button,{kind:(a==null?void 0:a.kind)||"text",onClick:a.handleClick,className:_[`${o}__content__cta__secondary`]},a.label))),c&&n.createElement("div",{className:l(_[`${o}__additional-content`],b)},c),s&&n.createElement("div",{className:_[`${o}__close`]},n.createElement(m.Button,{className:_[`${o}__close__btn`],onClick:s,icon:n.createElement(P.Icon,{source:u.Close,kind:"primary"}),kind:"plain",size:"compact"}))))};exports.PromoBannerV2=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),u=require("@livechat/design-system-icons"),l=require("clsx"),m=require("../Button/index.cjs.js"),P=require("../Icon/index.cjs.js");require("../Loader/index.cjs.js");require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function k(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const e=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(t,c,e.get?e:{enumerable:!0,get:()=>r[c]})}}return t.default=r,Object.freeze(t)}const n=k(v),_={"main-wrapper":"lc-PromoBannerV2-module__main-wrapper___U-dPS","promo-banner-v2":"lc-PromoBannerV2-module__promo-banner-v2___HkNxR","promo-banner-v2__content":"lc-PromoBannerV2-module__promo-banner-v2__content___65vEP","promo-banner-v2__content__cta":"lc-PromoBannerV2-module__promo-banner-v2__content__cta___II2hK","promo-banner-v2__content__cta__secondary":"lc-PromoBannerV2-module__promo-banner-v2__content__cta__secondary___17BKS","promo-banner-v2__additional-content":"lc-PromoBannerV2-module__promo-banner-v2__additional-content___LpU9B","promo-banner-v2__close":"lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U","promo-banner-v2__close__btn":"lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC","promo-banner-v2--vertical":"lc-PromoBannerV2-module__promo-banner-v2--vertical___p0mSU"},o="promo-banner-v2",E=({children:r,className:t,additionalContent:c,primaryButton:e,secondaryButton:a,vertical:i,contentClassName:d,additionalContentClassName:b,onClose:s})=>{const p=l(_["main-wrapper"],t);return n.createElement("div",{role:"banner",className:p},n.createElement("div",{className:l(_[o],i&&_[`${o}--vertical`])},n.createElement("div",{className:l(_[`${o}__content`],d)},r,(e||a)&&n.createElement("div",{className:_[`${o}__content__cta`]},e&&n.createElement(m.Button,{kind:(e==null?void 0:e.kind)||"high-contrast",onClick:e.handleClick},e.label),a&&n.createElement(m.Button,{kind:(a==null?void 0:a.kind)||"text",onClick:a.handleClick,className:_[`${o}__content__cta__secondary`]},a.label))),c&&n.createElement("div",{className:l(_[`${o}__additional-content`],b)},c),s&&n.createElement("div",{className:_[`${o}__close`]},n.createElement(m.Button,{className:_[`${o}__close__btn`],onClick:s,icon:n.createElement(P.Icon,{source:u.Close,kind:"primary"}),kind:"plain",size:"compact"}))))};exports.PromoBannerV2=E;