@livechat/design-system-react-components 1.0.0-alpha.6 → 1.0.0-alpha.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/dsrc.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";var ut=Object.defineProperty,mt=Object.defineProperties;var pt=Object.getOwnPropertyDescriptors;var pe=Object.getOwnPropertySymbols;var Pe=Object.prototype.hasOwnProperty,Ge=Object.prototype.propertyIsEnumerable;var Fe=(e,r,o)=>r in e?ut(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,b=(e,r)=>{for(var o in r||(r={}))Pe.call(r,o)&&Fe(e,o,r[o]);if(pe)for(var o of pe(r))Ge.call(r,o)&&Fe(e,o,r[o]);return e},w=(e,r)=>mt(e,pt(r));var y=(e,r)=>{var o={};for(var l in e)Pe.call(e,l)&&r.indexOf(l)<0&&(o[l]=e[l]);if(e!=null&&pe)for(var l of pe(e))r.indexOf(l)<0&&Ge.call(e,l)&&(o[l]=e[l]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var bt=require("react"),gt=require("clsx"),C=require("@livechat/design-system-icons/react/material"),ft=require("react-dom"),vt=require("react-popper"),je=require("polished"),ht=require("lodash.escape"),Me=require("react-transition-group");function Ue(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function Je(e){if(e&&e.__esModule)return e;var r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});return e&&Object.keys(e).forEach(function(o){if(o!=="default"){var l=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,l.get?l:{enumerable:!0,get:function(){return e[o]}})}}),r.default=e,Object.freeze(r)}var t=Je(bt),u=Ue(gt),yt=Je(ft),Re=Ue(ht);const $t={Background:"--background",SurfaceBasicDefault:"--surface-basic-default",SurfaceBasicSubtle:"--surface-basic-subtle",SurfaceBasicHover:"--surface-basic-hover",SurfaceBasicActive:"--surface-basic-active",SurfaceBasicDisabled:"--surface-basic-disabled",SurfaceSecondaryDefault:"--surface-secondary-default",SurfaceSecondarySubtle:"--surface-secondary-subtle",SurfaceSecondaryHover:"--surface-secondary-hover",SurfaceSecondaryDisabled:"--surface-secondary-disabled",SurfaceFeedbackInfo:"--surface-feedback-info",SurfaceFeedbackNegative:"--surface-feedback-negative",SurfaceFeedbackWarning:"--surface-feedback-warning",SurfaceFeedbackPositive:"--surface-feedback-positive",SurfaceInvertDefault:"--surface-invert-default",SurfaceInvertSubtle:"--surface-invert-subtle",SurfaceInvertDisabled:"--surface-invert-disabled",SurfaceOverlay:"--surface-overlay",ContentDefault:"--content-default",ContentSubtle:"--content-subtle",ContentDisabled:"--content-disabled",ContentWhiteLocked:"--content-white-locked",ContentInvertDefault:"--content-invert-default",ContentInvertSubtle:"--content-invert-subtle",ContentInvertDisabled:"--content-invert-disabled",BorderDefault:"--border-default",BorderSubtle:"--border-subtle",BorderHover:"--border-hover",BorderDisabled:"--border-disabled",BorderInvertDefault:"--border-invert-default",BorderInvertSubtle:"--border-invert-subtle",BorderInvertHover:"--border-invert-hover",BorderInvertDisabled:"--border-invert-disabled",ColorActionActive:"--color-action-active",ColorActionHover:"--color-action-hover",ColorActionDefault:"--color-action-default",ColorActionDisabled:"--color-action-disabled",ColorNegativeActive:"--color-negative-active",ColorNegativeHover:"--color-negative-hover",ColorNegativeDefault:"--color-negative-default",ColorNegativeDisabled:"--color-negative-disabled",ColorWarningDefault:"--color-warning-default",ColorWarningHover:"--color-warning-hover",ColorPositiveDefault:"--color-positive-default",ColorPositiveHover:"--color-positive-hover",ColorPositiveDisabled:"--color-positive-disabled",ColorBot:"--color-bot",ColorBlack:"--color-black",ColorWhite:"--color-white",DecorBlue900:"--decor-blue900",DecorBlue800:"--decor-blue800",DecorBlue700:"--decor-blue700",DecorBlue600:"--decor-blue600",DecorBlue500:"--decor-blue500",DecorBlue400:"--decor-blue400",DecorBlue300:"--decor-blue300",DecorBlue200:"--decor-blue200",DecorBlue100:"--decor-blue100",DecorBlue50:"--decor-blue50",DecorOrange900:"--decor-orange900",DecorOrange800:"--decor-orange800",DecorOrange700:"--decor-orange700",DecorOrange600:"--decor-orange600",DecorOrange500:"--decor-orange500",DecorOrange400:"--decor-orange400",DecorOrange300:"--decor-orange300",DecorOrange200:"--decor-orange200",DecorOrange100:"--decor-orange100",DecorOrange50:"--decor-orange50",DecorYellow900:"--decor-yellow900",DecorYellow800:"--decor-yellow800",DecorYellow700:"--decor-yellow700",DecorYellow600:"--decor-yellow600",DecorYellow500:"--decor-yellow500",DecorYellow400:"--decor-yellow400",DecorYellow300:"--decor-yellow300",DecorYellow200:"--decor-yellow200",DecorYellow100:"--decor-yellow100",DecorYellow50:"--decor-yellow50",DecorGray950:"--decor-gray950",DecorGray900:"--decor-gray900",DecorGray800:"--decor-gray800",DecorGray700:"--decor-gray700",DecorGray600:"--decor-gray600",DecorGray500:"--decor-gray500",DecorGray400:"--decor-gray400",DecorGray300:"--decor-gray300",DecorGray200:"--decor-gray200",DecorGray150:"--decor-gray150",DecorGray100:"--decor-gray100",DecorGray75:"--decor-gray75",DecorGray50:"--decor-gray50",DecorGray40:"--decor-gray40",DecorGray20:"--decor-gray20",DecorGreen900:"--decor-green900",DecorGreen800:"--decor-green800",DecorGreen700:"--decor-green700",DecorGreen600:"--decor-green600",DecorGreen500:"--decor-green500",DecorGreen400:"--decor-green400",DecorGreen300:"--decor-green300",DecorGreen200:"--decor-green200",DecorGreen100:"--decor-green100",DecorGreen50:"--decor-green50",DecorRed900:"--decor-red900",DecorRed800:"--decor-red800",DecorRed700:"--decor-red700",DecorRed600:"--decor-red600",DecorRed500:"--decor-red500",DecorRed400:"--decor-red400",DecorRed300:"--decor-red300",DecorRed200:"--decor-red200",DecorRed100:"--decor-red100",DecorRed50:"--decor-red50",DecorPurple900:"--decor-purple900",DecorPurple800:"--decor-purple800",DecorPurple700:"--decor-purple700",DecorPurple600:"--decor-purple600",DecorPurple500:"--decor-purple500",DecorPurple400:"--decor-purple400",DecorPurple300:"--decor-purple300",DecorPurple200:"--decor-purple200",DecorPurple100:"--decor-purple100",DecorPurple50:"--decor-purple50"},Et="lc-Typography-module__caps___c3eNJ";var de={"heading-xl":"lc-Typography-module__heading-xl___nhr-6","heading-lg":"lc-Typography-module__heading-lg___XYF7l","heading-md":"lc-Typography-module__heading-md___wHOIs","heading-sm":"lc-Typography-module__heading-sm___nBmTV","heading-xs":"lc-Typography-module__heading-xs___VcZBs",caps:Et,"caps--bold":"lc-Typography-module__caps--bold___OZovw","paragraph-md":"lc-Typography-module__paragraph-md___UGoqq","paragraph-md--bold":"lc-Typography-module__paragraph-md--bold___mWcMG","paragraph-md--underline":"lc-Typography-module__paragraph-md--underline___Fv6zM","paragraph-md--strike":"lc-Typography-module__paragraph-md--strike___yLGHh","paragraph-sm":"lc-Typography-module__paragraph-sm___QIEFL","paragraph-sm--bold":"lc-Typography-module__paragraph-sm--bold___fAjI5","paragraph-xs":"lc-Typography-module__paragraph-xs___OUooD","paragraph-xs--bold":"lc-Typography-module__paragraph-xs--bold___z7om7"},Ke=(e=>(e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5",e))(Ke||{});const ue=_=>{var c=_,{as:e,size:r="md",children:o,className:l}=c,a=y(c,["as","size","children","className"]);return t.createElement(e||Ke[r],b({className:u.default(de[`heading-${r}`],l)},a),o)},S=d=>{var i=d,{as:e="p",size:r="md",caps:o=!1,bold:l=!1,underline:a=!1,strike:_=!1,children:c,className:s}=i,n=y(i,["as","size","caps","bold","underline","strike","children","className"]);const m=o?"caps":`paragraph-${r}`;return t.createElement(e,b({className:u.default({[de[`${m}`]]:!0,[de[`${m}--bold`]]:l,[de[`${m}--strike`]]:_,[de[`${m}--underline`]]:a},s)},n),c)},xt="lc-Icon-module__icon___tw31R";var Oe={icon:xt,"icon--primary":"lc-Icon-module__icon--primary___JJnBV","icon--subtle":"lc-Icon-module__icon--subtle___sZIzL","icon--inverted":"lc-Icon-module__icon--inverted___zA9QC","icon--inverted-subtle":"lc-Icon-module__icon--inverted-subtle___6UwBT","icon--link":"lc-Icon-module__icon--link___Jwkw9","icon--success":"lc-Icon-module__icon--success___MKdz3","icon--warning":"lc-Icon-module__icon--warning___5YCSW","icon--error":"lc-Icon-module__icon--error___CiJCD","icon--disabled--primary":"lc-Icon-module__icon--disabled--primary___E0nee","icon--disabled--subtle":"lc-Icon-module__icon--disabled--subtle___l-hK4","icon--disabled--inverted":"lc-Icon-module__icon--disabled--inverted___5SBAf","icon--disabled--inverted-subtle":"lc-Icon-module__icon--disabled--inverted-subtle___w-NBk","icon--disabled--link":"lc-Icon-module__icon--disabled--link___sVJOa","icon--disabled--success":"lc-Icon-module__icon--disabled--success___sG-7d","icon--disabled--warning":"lc-Icon-module__icon--disabled--warning___8ko1e","icon--disabled--error":"lc-Icon-module__icon--disabled--error___9KbVo"},j=(e=>(e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge",e))(j||{});const Ct={xsmall:{width:12,height:12},small:{width:16,height:16},medium:{width:20,height:20},large:{width:24,height:24},xlarge:{width:32,height:32}};var N=(e=>(e.Primary="primary",e.Subtle="subtle",e.Inverted="inverted",e.InvertedSubtle="inverted_subtle",e.Link="link",e.Success="success",e.Warning="warning",e.Error="error",e))(N||{});const wt={primary:"primary",subtle:"subtle",inverted:"inverted",inverted_subtle:"inverted-subtle",link:"link",success:"success",warning:"warning",error:"error"},kt={primary:"disabled--primary",subtle:"disabled--subtle",inverted:"disabled--inverted",inverted_subtle:"disabled--inverted-subtle",link:"disabled--link",success:"disabled--success",warning:"disabled--warning",error:"disabled--error"},Le="icon",F=e=>{const m=e,{source:r,size:o="medium",iconType:l,disabled:a,className:_,customColor:c}=m,s=y(m,["source","size","iconType","disabled","className","customColor"]);let n;l&&(n=wt[l],a&&(n=kt[l]));const d=t.createElement(r,w(b({},Ct[o]),{color:c})),i=u.default(_,Oe[Le],n&&Oe[`${Le}--${n}`]);return t.createElement("span",w(b({},s),{className:i}),d)},Nt="lc-Alert-module__alert___HBTns",Dt="lc-Alert-module__alert__content___9nZdf",Tt="lc-Alert-module__alert__icon___8TaAH";var Q={alert:Nt,"alert__content-text":"lc-Alert-module__alert__content-text___x2Un5",alert__content:Dt,"alert--small":"lc-Alert-module__alert--small___Fyk-v","alert--medium":"lc-Alert-module__alert--medium___ItZWT","alert--large":"lc-Alert-module__alert--large___IH9yM","alert__close-icon":"lc-Alert-module__alert__close-icon___rYxVy","alert--info":"lc-Alert-module__alert--info___GmIGN","alert--warning":"lc-Alert-module__alert--warning___MubhD","alert--success":"lc-Alert-module__alert--success___fPtlZ","alert--error":"lc-Alert-module__alert--error___DKPo0",alert__icon:Tt};const Bt={info:{source:C.Info,iconType:N.Link},warning:{source:C.Warning,iconType:N.Warning},success:{source:C.CheckCircleSolid,iconType:N.Success},error:{source:C.Block,iconType:N.Error}},ee="alert",St=({children:e,className:r,size:o="small",type:l="info",onClose:a})=>{const _=u.default(Q[ee],Q[`${ee}--${l}`],Q[`${ee}--${o}`],r);return t.createElement("div",{className:_},t.createElement("div",{className:Q[`${ee}__content`]},t.createElement(F,b({},Bt[l])),t.createElement(S,{as:"div",className:Q[`${ee}__content-text`]},e)),a&&t.createElement("button",{type:"button",className:Q[`${ee}__close-icon`],onClick:a},t.createElement(F,{source:C.Close,size:j.Large,iconType:N.Primary})))},It="lc-Badge-module__badge___GhLnu";var Ae={badge:It,"badge--secondary":"lc-Badge-module__badge--secondary___JjNIJ"};const Ft=({children:e,className:r,secondary:o=!1})=>t.createElement("span",{className:u.default(Ae.badge,r,{[Ae["badge--secondary"]]:o})},e),Pt="lc-Loader-module__loader___LRflD",Gt="lc-Loader-module__loader__spinner___l3C1g",Mt="lc-Loader-module__rotate___Tlni-",Rt="lc-Loader-module__loader__label___R74f6";var le={loader:Pt,loader__spinner:Gt,"loader__spinner--small":"lc-Loader-module__loader__spinner--small___dGFFt","loader__spinner--medium":"lc-Loader-module__loader__spinner--medium___J-ki0","loader__spinner--large":"lc-Loader-module__loader__spinner--large___Poqq7","loader__spinner-circle":"lc-Loader-module__loader__spinner-circle___ApBUO",rotate:Mt,loader__label:Rt};const Xe="loader",ze=`${Xe}__spinner`,Ze=({primaryColor:e,secondaryColor:r,label:o,className:l,size:a="medium"})=>t.createElement("div",{className:u.default(le[Xe],l)},t.createElement("div",{className:u.default(le[ze],le[`${ze}--${a}`])},t.createElement("div",{className:le["loader__spinner-circle"],style:{borderColor:r,borderTopColor:e}})),o&&t.createElement(S,{as:"div",size:"md",className:le.loader__label},o)),Ot="lc-Button-module__btn___aijZJ",Lt="lc-Button-module__btn__loader___c8zZz",At="lc-Button-module__btn__content___wefl2",zt="lc-Button-module__btn__icon___GVExB";var G={btn:Ot,"btn--disabled":"lc-Button-module__btn--disabled___lXBav","btn--icon-only":"lc-Button-module__btn--icon-only___bF5pW","btn__icon--left":"lc-Button-module__btn__icon--left___H68zu","btn__icon--right":"lc-Button-module__btn__icon--right___fHr3D","btn--full-width":"lc-Button-module__btn--full-width___kdbAr","btn--basic":"lc-Button-module__btn--basic___Jc2gD","btn--primary":"lc-Button-module__btn--primary___ajbjQ","btn--secondary":"lc-Button-module__btn--secondary___iWzE0","btn--destructive":"lc-Button-module__btn--destructive___-kLCl","btn--compact":"lc-Button-module__btn--compact___4eptQ","btn--large":"lc-Button-module__btn--large___lb-z6","btn--text":"lc-Button-module__btn--text___WA8OL","btn--plain":"lc-Button-module__btn--plain___eOPui","btn--plain-light":"lc-Button-module__btn--plain-light___eS9em","btn--loading":"lc-Button-module__btn--loading___ZAgjv",btn__loader:Lt,btn__content:At,btn__icon:zt};const M="btn",De=$=>{var p=$,{loading:e=!1,disabled:r=!1,type:o="button",fullWidth:l=!1,kind:a="basic",size:_="medium",icon:c=null,iconPosition:s="left",loaderLabel:n,className:d,children:i,href:m}=p,f=y(p,["loading","disabled","type","fullWidth","kind","size","icon","iconPosition","loaderLabel","className","children","href"]);const v=e||r,E=m?"a":"button",g=u.default(d,G[M],G[`${M}--${a}`],G[`${M}--${_}`],{[G[`${M}--loading`]]:e,[G[`${M}--full-width`]]:l,[G[`${M}--icon-only`]]:!i&&c,[G[`${M}--disabled`]]:v});return t.createElement(E,b({className:g,disabled:v,type:o,href:v?void 0:m},f),e&&t.createElement(Ze,{size:"small",label:n,className:G[`${M}__loader`]}),c&&t.cloneElement(c,{className:u.default(G[`${M}__icon`],G[`${M}__icon--${s}`]),disabled:r}),t.createElement("div",{className:G[`${M}__content`]},i))},qt="lc-ButtonGroup-module__btn___bXPrU";var be={"btn-group":"lc-ButtonGroup-module__btn-group___R-lZQ",btn:qt,"btn--active":"lc-ButtonGroup-module__btn--active___VAc37","btn--compact":"lc-ButtonGroup-module__btn--compact___t1whe","btn--medium":"lc-ButtonGroup-module__btn--medium___XFRBP","btn--large":"lc-ButtonGroup-module__btn--large___OtNUz"};function Te(){}const Wt="btn-group",Ht=n=>{var d=n,{size:e="medium",fullWidth:r=!1,onIndexChange:o=Te,className:l,children:a,currentIndex:_,initialIndex:c=-1}=d,s=y(d,["size","fullWidth","onIndexChange","className","children","currentIndex","initialIndex"]);const i=u.default(be[Wt],l),[m,f]=t.useState(c),$=typeof _=="number",p=$?_:m,v=(E,g)=>{$||f(E),o(E,g)};return t.createElement("div",b({role:"group",className:i},s),t.Children.map(a,(E,g)=>t.cloneElement(E,{fullWidth:r,size:e,kind:"secondary",type:"button",onClick:x=>{v(g,x),E.props.onClick&&E.props.onClick(x)},className:u.default(be.btn,be[`btn--${e}`],g===p&&be["btn--active"])})))},Yt="lc-Card-module__card___GqMm2",Vt="lc-Card-module__card__title___1YjAR",jt="lc-Card-module__card__text___-jYlF",Ut="lc-Card-module__card__img___teLC8";var ge={card:Yt,card__title:Vt,card__text:jt,card__img:Ut};const Jt=_=>{var c=_,{img:e,title:r,children:o,className:l}=c,a=y(c,["img","title","children","className"]);return t.createElement(S,b({as:"div",size:"md",className:u.default(ge.card,l)},a),(e||r)&&t.createElement(ue,{as:"div",size:"sm",className:ge.card__title},e&&t.createElement("img",{src:e,className:ge.card__img}),r&&t.createElement("div",{className:ge.card__text},r)),o)},Kt="lc-Checkbox-module__checkbox___G7nTf",Xt="lc-Checkbox-module__checkbox__label___-o01x",Zt="lc-Checkbox-module__checkbox__square___MHUyd",Qt="lc-Checkbox-module__checkbox__checkmark___16pfY",er="lc-Checkbox-module__checkbox__input___YLbVF",tr="lc-Checkbox-module__checkbox__text___P2SIq",rr="lc-Checkbox-module__checkbox__helper___YSJ-n";var V={checkbox:Kt,checkbox__label:Xt,checkbox__square:Zt,checkbox__checkmark:Qt,"checkbox--selected":"lc-Checkbox-module__checkbox--selected___S2vqY",checkbox__input:er,checkbox__text:tr,"checkbox--disabled":"lc-Checkbox-module__checkbox--disabled___-lAqW",checkbox__helper:rr};const Ee="checkbox",Qe=o=>{var l=o,{className:e=""}=l,r=y(l,["className"]);const a=u.default(V[`${Ee}__square`],e);return t.createElement("div",null,t.createElement("input",w(b({},r),{className:V[`${Ee}__input`],type:"checkbox"})),t.createElement("div",{className:a},t.createElement(F,{source:C.Check,iconType:N.Inverted,size:j.XSmall,className:V[`${Ee}__checkmark`]})))};var or={"field-description":"lc-FieldDescription-module__field-description___IcRDH"};const lr="field-description",me=l=>{var a=l,{children:e,className:r=""}=a,o=y(a,["children","className"]);const _=u.default(or[lr],r);return t.createElement(S,w(b({as:"span",size:"sm"},o),{className:_}),e)},te="checkbox",ar=c=>{var s=c,{children:e,className:r="",description:o,checked:l,disabled:a}=s,_=y(s,["children","className","description","checked","disabled"]);const n=u.default(V[te],r,{[V[`${te}--selected`]]:l,[V[`${te}--disabled`]]:a});return t.createElement("div",{className:n},t.createElement("label",{className:V[`${te}__label`]},t.createElement(Qe,w(b({},_),{checked:l,disabled:a})),t.createElement(S,{as:"div",size:"md",className:V[`${te}__text`]},e)),o&&t.createElement(me,{className:V[`${te}__helper`]},o))};var _r={"field-error":"lc-FieldError-module__field-error___IDkPT"};const cr="field-error",ye=l=>{var a=l,{children:e,className:r=""}=a,o=y(a,["children","className"]);const _=u.default(_r[cr],r);return t.createElement(S,w(b({as:"span",size:"sm"},o),{className:_}),e)};var xe={"field-group":"lc-FieldGroup-module__field-group___gy8lp","field-group--inline":"lc-FieldGroup-module__field-group--inline___or4qf","field-group--stretched":"lc-FieldGroup-module__field-group--stretched___6rkuO"};const Ce="field-group",nr=s=>{var n=s,{className:e="",children:r,description:o,error:l,inline:a,stretch:_}=n,c=y(n,["className","children","description","error","inline","stretch"]);const d=u.default(xe[Ce],e,{[xe[`${Ce}--inline`]]:a,[xe[`${Ce}--stretched`]]:_});return t.createElement("div",w(b({},c),{className:d}),r,l&&t.createElement(ye,null,l),o&&t.createElement(me,null,o))},sr="lc-Form-module__form___1nOYF",dr="lc-Form-module__form__header___U4B7t",ir="lc-Form-module__form__footer___1-sUX",ur="lc-Form-module__form__label___spg-J",mr="lc-Form-module__form__helper___bhfwS";var ae={form:sr,form__header:dr,form__footer:ir,form__label:ur,form__helper:mr};const _e="form",pr=c=>{var s=c,{className:e,children:r,labelText:o,helperText:l,formFooter:a}=s,_=y(s,["className","children","labelText","helperText","formFooter"]);return t.createElement("form",b({className:u.default(ae[_e],e)},_),(o||l)&&t.createElement("div",{className:ae[`${_e}__header`]},o&&t.createElement(ue,{size:"sm",className:ae[`${_e}__label`]},o),l&&t.createElement(S,{as:"p",size:"sm",className:ae[`${_e}__helper`]},l)),r,a&&t.createElement("div",{className:ae[`${_e}__footer`]},a))};var fe={"form-group":"lc-FormGroup-module__form-group___e2JHa","form-group__header":"lc-FormGroup-module__form-group__header___DgGmR","form-group__label":"lc-FormGroup-module__form-group__label___NC-JW","form-group__helper":"lc-FormGroup-module__form-group__helper___SRuxe"};const ve="form-group",br=_=>{var c=_,{className:e="",children:r,labelText:o,helperText:l}=c,a=y(c,["className","children","labelText","helperText"]);const s=u.default(fe[ve],e);return t.createElement("div",w(b(w(b({},a),{role:"group"}),o&&{"aria-label":o}),{className:s}),t.createElement("div",{className:fe[`${ve}__header`]},t.createElement(ue,{as:"div",size:"sm",className:fe[`${ve}__label`]},o),l&&t.createElement(S,{as:"div",size:"sm",className:fe[`${ve}__helper`]},l)),r)};var D={"text-field":"lc-TextField-module__text-field___bis8c","text-field--inline":"lc-TextField-module__text-field--inline___MPHqg","text-field__wrapper--inline":"lc-TextField-module__text-field__wrapper--inline___-gOob","text-field__label":"lc-TextField-module__text-field__label___vpNdg","text-field__label--inline":"lc-TextField-module__text-field__label--inline___YSRYX","text-field__label--no-text":"lc-TextField-module__text-field__label--no-text___XSyn2","text-field__label-wrapper":"lc-TextField-module__text-field__label-wrapper___SNCct","text-field__label-adornment":"lc-TextField-module__text-field__label-adornment___--pgp","text-field__label-right-node":"lc-TextField-module__text-field__label-right-node___sdnWg","text-field__label-right-node--inline":"lc-TextField-module__text-field__label-right-node--inline___vMBP2","text-field__row-break":"lc-TextField-module__text-field__row-break___AnNrI","text-field__content":"lc-TextField-module__text-field__content___dCkUW","field-label":"lc-TextField-module__field-label___q8Y-p"};const T="text-field",Be=({inline:e,error:r,description:o,labelText:l,labelAdornment:a,className:_,labelFor:c,children:s,labelRightNode:n})=>{const d=u.default(D[T],{[D[`${T}--inline`]]:e},_);return t.createElement("div",{className:d},n&&e&&t.createElement(t.Fragment,null,t.createElement("div",{className:u.default(D[`${T}__label-right-node`],D[`${T}__label-right-node--inline`])},n),t.createElement("div",{className:D[`${T}__row-break`]})),t.createElement("div",{className:u.default(D[`${T}__wrapper`],e&&D[`${T}__wrapper--inline`])},(l||n)&&t.createElement("div",{className:u.default(D[`${T}__label`],e&&D[`${T}__label--inline`],!l&&D[`${T}__label--no-text`])},l&&t.createElement("div",{className:u.default(D[`${T}__label-wrapper`])},t.createElement("label",{className:"lc-field-label",htmlFor:c},t.createElement(S,{as:"span",size:"sm"},l)),a&&t.createElement("div",{className:u.default(D[`${T}__label-adornment`])},a)),n&&!e&&t.createElement("div",{className:u.default(D[`${T}__label-right-node`])},n)),t.createElement("div",{className:u.default(D[`${T}__content`])},s,r&&t.createElement(ye,null,r),o&&t.createElement(me,null,o))))};var qe={"input-field":"lc-InputField-module__input-field___A-GHj","input-field--error":"lc-InputField-module__input-field--error___MMchC"};const We="input-field",gr=t.forwardRef(($,f)=>{var p=$,{id:e,labelText:r,labelAdornment:o,className:l,inline:a,error:_,description:c,labelRightNode:s,fieldClassName:n,style:d,type:i="text"}=p,m=y(p,["id","labelText","labelAdornment","className","inline","error","description","labelRightNode","fieldClassName","style","type"]);const v=u.default(qe[We],{[qe[`${We}--error`]]:_},n);return t.createElement(Be,{inline:a,error:_,description:c,labelText:r,labelAdornment:o,className:l,labelFor:e,labelRightNode:s},t.createElement("input",w(b({},m),{id:e,ref:f,className:v,style:d,type:i})))}),fr="lc-Link-module__link___kqx52";var He={link:fr,"link--bold":"lc-Link-module__link--bold___1rGdO"};const Ye="link",vr=l=>{var a=l,{bold:e=!1,className:r=""}=a,o=y(a,["bold","className"]);return t.createElement("a",b({className:u.default(He[Ye],e&&He[`${Ye}--bold`],r)},o))},hr="lc-Modal-module__modal__header___Fp5VE",yr="lc-Modal-module__modal__heading___G9KVK",$r="lc-Modal-module__modal__body___M-jmN",Er="lc-Modal-module__modal__footer___2LYdc";var B={"modal-base":"lc-Modal-module__modal-base___hbL1U","modal-base__overlay":"lc-Modal-module__modal-base__overlay___kCQ8t","modal-base__overlay--visible":"lc-Modal-module__modal-base__overlay--visible___zUNJL","modal-base__close":"lc-Modal-module__modal-base__close___gJlgr",modal__header:hr,modal__heading:yr,modal__body:$r,modal__footer:Er,"action-modal":"lc-Modal-module__action-modal___CsRC7","action-modal__heading":"lc-Modal-module__action-modal__heading___m3MuG","action-modal__content":"lc-Modal-module__action-modal__content___gf-R2","action-modal__actions":"lc-Modal-module__action-modal__actions___kpRXD","action-modal__icon":"lc-Modal-module__action-modal__icon___MK5xt"};const et=({onClick:e})=>t.createElement("button",{title:"Close modal",className:B["modal-base__close"],onClick:e,type:"button"},t.createElement(F,{source:C.Close,size:j.Large})),I={esc:"Escape",enter:"Enter",backspace:"Backspace",delete:"Delete",spacebar:" ",tab:"Tab",semicolon:";",comma:",",arrowUp:"ArrowUp",arrowDown:"ArrowDown"},we="modal-base",Se=_=>{var c=_,{children:e,className:r="",onClose:o,closeOnEscPress:l=!0}=c,a=y(c,["children","className","onClose","closeOnEscPress"]);const s=u.default(B[we],r);t.useEffect(()=>{if(!l)return;const i=m=>{m.key===I.esc&&o()};return document.addEventListener("keyup",i,!0),()=>document.removeEventListener("keyup",i,!0)},[l]);const n=i=>{i.target===i.currentTarget&&o()},d=i=>{i.preventDefault(),i.stopPropagation(),o()};return t.createElement("div",{"data-testid":"lc-modal-overlay",onMouseDown:n,className:u.default(B[`${we}__overlay`],B[`${we}__overlay--visible`])},t.createElement("div",b({className:s},a),t.createElement(et,{onClick:d}),e))},ce="action-modal",xr=c=>{var s=c,{children:e,className:r="",icon:o,heading:l,actions:a}=s,_=y(s,["children","className","icon","heading","actions"]);const n=u.default(B[ce],r);return t.createElement(Se,b({className:n},_),o&&t.createElement("div",{className:B[`${ce}__icon`]},o),l&&t.createElement("div",{className:B[`${ce}__heading`]},l),t.createElement("div",{className:B[`${ce}__content`]},e),a&&t.createElement("div",{className:B[`${ce}__actions`]},a))},ne="modal",Cr=_=>{var c=_,{children:e,className:r="",heading:o,footer:l}=c,a=y(c,["children","className","heading","footer"]);const s=u.default(B[ne],r);return t.createElement(Se,b({className:s},a),o&&t.createElement("div",{className:B[`${ne}__header`]},t.createElement(ue,{size:"sm",as:"div",className:B[`${ne}__heading`]},o)),t.createElement("div",{className:B[`${ne}__body`]},e),l&&t.createElement("div",{className:B[`${ne}__footer`]},l))},wr=({children:e,className:r="",parentElementName:o="body",zIndex:l})=>{const[a]=t.useState(()=>document.createElement("div"));return r&&a.classList.add(r),l&&(a.style.zIndex=l.toString()),t.useEffect(()=>{var _;return(_=document.querySelector(o))==null||_.appendChild(a),()=>{var c;(c=document.querySelector(o))==null||c.removeChild(a)}},[]),t.createElement(t.Fragment,null,yt.createPortal(e,a))};var re={"numeric-input":"lc-NumericInput-module__numeric-input___j1esc","numeric-input__increment":"lc-NumericInput-module__numeric-input__increment___i3Tys","numeric-input__decrement":"lc-NumericInput-module__numeric-input__decrement___3qgn0","numeric-input--disabled":"lc-NumericInput-module__numeric-input--disabled___yaRvQ","numeric-input--no-controls":"lc-NumericInput-module__numeric-input--no-controls___D90rG","numeric-input--error":"lc-NumericInput-module__numeric-input--error___TMxRx"};const oe="numeric-input",tt=i=>{var m=i,{className:e,error:r,value:o,max:l,min:a,disabled:_,noControls:c,style:s,onChange:n}=m,d=y(m,["className","error","value","max","min","disabled","noControls","style","onChange"]);const f=t.useRef(null),$=u.default(re[oe],{[re[`${oe}--error`]]:r,[re[`${oe}--no-controls`]]:c,[re[`${oe}--disabled`]]:_},e),p=h=>n(String(h)),v=h=>l!==void 0&&h>l?l:a!==void 0&&h<a?a:h,E=h=>{const P=parseInt(o,10)+h;return p(v(P))},g=h=>{h.key===I.arrowDown&&(h.preventDefault(),E(-1)),h.key===I.arrowUp&&(h.preventDefault(),E(1))},x=(h,P)=>P!==void 0&&parseInt(h,10)===P,R=h=>{h.preventDefault(),h.stopPropagation();const P=h.currentTarget.value.replace(/((?!([-]|([-]?\d+))).)/,"");if(P===""||P==="-")return p(P);const it=parseInt(P,10);return p(v(it))},Ie=()=>{var h;return(h=f.current)==null||h.focus(),E(1)},$e=()=>{var h;return(h=f.current)==null||h.focus(),E(-1)};return t.createElement("div",{className:$,style:s},t.createElement("input",w(b({type:"text",ref:f},d),{value:o,disabled:_,onChange:R,onKeyDown:g,min:a,max:l})),!c&&t.createElement(t.Fragment,null,t.createElement("button",{tabIndex:-1,disabled:_||x(o,l),onClick:Ie,"aria-label":"Increment value",className:re[`${oe}__increment`],type:"button"},t.createElement(F,{source:C.ChevronUp,disabled:_||x(o,l),iconType:N.Primary})),t.createElement("button",{tabIndex:-1,disabled:_||x(o,a),"aria-label":"Decrement value",className:re[`${oe}__decrement`],onClick:$e,type:"button"},t.createElement(F,{source:C.ChevronDown,iconType:N.Primary,disabled:_||x(o,a)}))))},kr=m=>{var f=m,{id:e,labelText:r,labelAdornment:o,className:l,inline:a,error:_,description:c,labelRightNode:s,fieldClassName:n,style:d}=f,i=y(f,["id","labelText","labelAdornment","className","inline","error","description","labelRightNode","fieldClassName","style"]);return t.createElement(Be,{inline:a,error:_,description:c,labelText:r,labelAdornment:o,className:l,labelFor:e,labelRightNode:s},t.createElement(tt,w(b({},i),{id:e,className:n,style:d,error:_})))},Nr="lc-Popover-module__popover___8X1b2";var Ve={popover:Nr,"popover--visible":"lc-Popover-module__popover--visible___u5NXB"};const Dr=e=>{const{offset:r,flip:o,preventOverflow:l}=e,a=[{name:"offset",options:b({offset:[0,4]},(r==null?void 0:r.options)||{})}],_=[{name:"flip",options:b({},(o==null?void 0:o.options)||{})}],c=[{name:"preventOverlow",options:b({rootBoundary:"viewport"},l||{})}];return[...a,..._,...c]},Tr=e=>{const{triggerRenderer:r,children:o,className:l,placement:a,isVisible:_=!1}=e,c=t.useRef(null),s=t.useRef(null),[n,d]=t.useState(!1);t.useEffect(()=>{d(_)},[_]);function i(v){var E,g;(E=s.current)!=null&&E.contains(v.target)||((g=c.current)!=null&&g.contains(v.target)?d(x=>!x):d(!1))}const m=v=>{v.key==="Escape"&&d(!1)};t.useEffect(()=>(document.addEventListener("keydown",m),document.addEventListener("mousedown",i),()=>{document.removeEventListener("keydown",m),document.removeEventListener("mousedown",i)}),[]);const{styles:f,attributes:$}=vt.usePopper(c.current,s.current,{modifiers:e.modifiers?Dr(e.modifiers):[],placement:a}),p=u.default(Ve.popover,l,{[Ve["popover--visible"]]:n});return t.createElement(t.Fragment,null,t.createElement("div",{ref:c},r()),t.createElement("div",b({ref:s,className:p,style:f.popper},$.popper),o))};var U=(e=>(e.Normal="normal",e.Error="error",e.Success="success",e))(U||{}),J=(e=>(e.Small="small",e.Medium="medium",e.Large="large",e))(J||{});const Br=["normal","error","success"],Sr=e=>Math.min(Math.max(e,0),100);function Ir(e,r=0){return e===U.Error?0:Sr(parseInt(r.toString(),10))}function Fr(e,r){return!Br.includes(e)&&r>=100?U.Normal:e||U.Normal}var K={"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","progress-circle--error":"lc-ProgressCircle-module__progress-circle--error___2AA9K","progress-circle__bg-line":"lc-ProgressCircle-module__progress-circle__bg-line___12YrE","progress-circle--success":"lc-ProgressCircle-module__progress-circle--success___hH5jv","progress-circle--normal":"lc-ProgressCircle-module__progress-circle--normal___dFneQ"};const Pr={[J.Small]:2,[J.Medium]:3,[J.Large]:4},Gr={[J.Small]:15,[J.Medium]:36,[J.Large]:56},X="progress-circle",Mr=t.forwardRef((c,_)=>{var s=c,{status:e=U.Normal,percent:r,className:o,size:l=J.Medium}=s,a=y(s,["status","percent","className","size"]);const n=Fr(e,r),d=Ir(n,r),i=Pr[l],m=Gr[l],f=u.default(K[X],{[K[`${X}--${l}`]]:l,[K[`${X}--error`]]:n===U.Error,[K[`${X}--success`]]:n===U.Success,[K[`${X}--normal`]]:n===U.Normal},o),$=2*Math.PI*((m-i)/2),p={strokeDasharray:$.toFixed(3),strokeDashoffset:`${((100-d)/100*$).toFixed(3)}px`},v=`${m/2} ${m/2} ${m} ${m}`;return t.createElement("div",b({className:f,ref:_,role:"progressbar"},a),t.createElement("svg",{viewBox:v},t.createElement("circle",{className:K[`${X}__bg-line--${e}`],cx:m,cy:m,r:(m-i)/2,fill:"none",strokeWidth:i}),t.createElement("circle",{className:K[`${X}__indicator--${e}`],style:p,cx:m,cy:m,r:(m-i)/2,fill:"none",strokeWidth:i})))});var O={"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--small":"lc-PromoBanner-module__promo-banner--small___7sWLV","promo-banner__footer":"lc-PromoBanner-module__promo-banner__footer___8OjvH","promo-banner--medium":"lc-PromoBanner-module__promo-banner--medium___NeeoJ","promo-banner--large":"lc-PromoBanner-module__promo-banner--large___pMiCU","promo-banner__close-icon":"lc-PromoBanner-module__promo-banner__close-icon___GowBL"};const L="promo-banner",Rr=({className:e,buttonText:r,children:o,header:l,img:a,light:_=!1,linkText:c,size:s="small",onButtonClick:n,onClose:d,onLinkClick:i})=>{const m=u.default(O[L],{[O[`${L}--light`]]:_,[O[`${L}--${s}`]]:s},e),f=(r||c)&&s==="large",$=(r||c)&&s!=="large",p=t.createElement("div",{className:O[`${L}__footer`]},r&&t.createElement(De,{kind:"primary",size:"compact",onClick:n,className:O[`${L}__button-text`]},r),c&&t.createElement(De,{size:"compact",kind:"text",onClick:i},c));return t.createElement("div",{className:m},t.createElement("div",{className:O[`${L}__content`]},a&&t.createElement("img",{src:a,className:O[`${L}__img`]}),t.createElement("div",{className:O[`${L}__wrapper`]},t.createElement("div",{className:O[`${L}__header`]},l),t.createElement("div",null,o),$&&p),f&&p),d&&t.createElement("button",{type:"button",className:O[`${L}__close-icon`],onClick:d},t.createElement(F,{source:C.Close,size:j.Large})))};var W={"radio-button":"lc-RadioButton-module__radio-button___WaToM","radio-button__label":"lc-RadioButton-module__radio-button__label___i7ygg","radio-button__circle":"lc-RadioButton-module__radio-button__circle___wimWA","radio-button__inner-circle":"lc-RadioButton-module__radio-button__inner-circle___qkRVf","radio-button__text":"lc-RadioButton-module__radio-button__text___mT8c0","radio-button__input":"lc-RadioButton-module__radio-button__input___7OTAK","radio-button__helper":"lc-RadioButton-module__radio-button__helper___r8gJJ","radio-button--selected":"lc-RadioButton-module__radio-button--selected___s9lqj","radio-button--disabled":"lc-RadioButton-module__radio-button--disabled___wHSA7"};const H="radio-button",Or=c=>{var s=c,{children:e,className:r="",description:o,checked:l,disabled:a}=s,_=y(s,["children","className","description","checked","disabled"]);const n=u.default(W[H],r,{[W[`${H}--selected`]]:l,[W[`${H}--disabled`]]:a});return t.createElement("div",{className:n},t.createElement("label",{className:W[`${H}__label`]},t.createElement("div",{className:W[`${H}__circle`]},t.createElement("span",{className:W[`${H}__inner-circle`]}),t.createElement("input",w(b({className:W[`${H}__input`]},_),{type:"radio",checked:l,disabled:a}))),t.createElement(S,{as:"div",size:"md",className:W[`${H}__text`]},e)),o&&t.createElement(me,{className:W[`${H}__helper`]},o))},Lr="lc-Switch-module__switch__input___NiiOR",Ar="lc-Switch-module__switch__container___79F7W",zr="lc-Switch-module__switch__track___2wr2M",qr="lc-Switch-module__switch__slider___WHd--";var Y={switch:"lc-Switch-module__switch___AaA2k","switch__track--enabled":"lc-Switch-module__switch__track--enabled___sy4Xl","switch__track--disabled":"lc-Switch-module__switch__track--disabled___HkDhl","switch--basic":"lc-Switch-module__switch--basic___jKO4n","switch--compact":"lc-Switch-module__switch--compact___OGFIX",switch__input:Lr,switch__container:Ar,switch__track:zr,switch__slider:qr,"switch__slider--basic":"lc-Switch-module__switch__slider--basic___OMKTp","switch__slider--basic--enabled":"lc-Switch-module__switch__slider--basic--enabled___sh9jo","switch__slider--basic--disabled":"lc-Switch-module__switch__slider--basic--disabled___GSTO9","switch__slider--compact":"lc-Switch-module__switch__slider--compact___uZ-lS","switch__slider--compact--enabled":"lc-Switch-module__switch__slider--compact--enabled___04TFA","switch__slider--compact--disabled":"lc-Switch-module__switch__slider--compact--disabled___Vqznr"};const A="switch",Wr=d=>{var i=d,{className:e="",defaultOn:r=!1,disabled:o=!1,name:l=A,on:a,onChange:_=Te,size:c="basic",innerRef:s}=i,n=y(i,["className","defaultOn","disabled","name","on","onChange","size","innerRef"]);const m=()=>a!==void 0?a:r,[f,$]=t.useState(m());t.useEffect(()=>{a!==void 0&&$(a)},[a]);const p=f?"enabled":"disabled",v=u.default(Y[A],Y[`${A}--${c}`],e),E=g=>{if(_!==Te){_(g,f);return}g.stopPropagation(),$(R=>!R)};return t.createElement("span",{className:v},t.createElement("input",b({type:"checkbox",className:Y[`${A}__input`],onChange:E,checked:f,name:l,ref:s,disabled:o,"test-id":"foo"},n)),t.createElement("span",{className:Y[`${A}__container`]},t.createElement("span",{className:u.default(Y[`${A}__track`],Y[`${A}__track--${p}`])}),t.createElement("span",{className:u.default(Y[`${A}__slider`],Y[`${A}__slider--${c}`],Y[`${A}__slider--${c}--${p}`])})))},Hr="lc-Tab-module__tab___fME7u",Yr="lc-Tab-module__tab__description___JGXU6";var ke={tab:Hr,tab__description:Yr,"tab--selected":"lc-Tab-module__tab--selected___c0EkL"};const Ne="tab",Vr=_=>{var c=_,{children:e,className:r,description:o,isSelected:l}=c,a=y(c,["children","className","description","isSelected"]);return t.createElement(S,w(b({},a),{as:a.href?"a":"button",size:"md",bold:l,className:u.default(ke[Ne],r,l&&ke[`${Ne}--selected`])}),e,o&&t.createElement(S,{as:"span",size:"md",className:ke[`${Ne}__description`]},"(",o,")"))},jr="lc-TabsWrapper-module__tabs___Y2xyD",Ur="lc-TabsWrapper-module__tabs__list___i6tVO";var rt={tabs:jr,tabs__list:Ur};const ot="tabs",Jr=({className:e,children:r})=>t.createElement("div",{className:u.default(rt[ot],e)},r),Kr=({className:e,children:r})=>t.createElement("div",{className:u.default(rt[`${ot}__list`],e)},r),Xr="lc-Tag-module__tag___1QRVY",Zr="lc-Tag-module__tag__remove___UmtrW",Qr="lc-Tag-module__icon___2Z-35",eo="lc-Tag-module__tag__icon___tZoQ9",to="lc-Tag-module__tag__avatar___U4c-P";var z={tag:Xr,"tag--success":"lc-Tag-module__tag--success___P2hXQ",tag__remove:Zr,"tag--error":"lc-Tag-module__tag--error___1cjsm","tag--warning":"lc-Tag-module__tag--warning___PstMG","tag--info":"lc-Tag-module__tag--info___RTH0C","tag--medium":"lc-Tag-module__tag--medium___l5-KI","tag--large":"lc-Tag-module__tag--large___ytC6Y","tag--outline":"lc-Tag-module__tag--outline___aZXtr",icon:Qr,"tag--text-white":"lc-Tag-module__tag--text-white___x0fnD","tag--text-black":"lc-Tag-module__tag--text-black___dUvmD","tag--with-icon":"lc-Tag-module__tag--with-icon___ZlkvT","tag--dismissible":"lc-Tag-module__tag--dismissible___Qobyr",tag__icon:eo,tag__avatar:to};const q="tag",ro=e=>e?je.getContrast(e,"#FFFFFF")>4.5?"text-white":"text-black":"",lt=m=>{var f=m,{className:e="",children:r,dismissible:o=!1,size:l="medium",kind:a="default",onRemove:_,outline:c=!1,icon:s,avatar:n,customColor:d}=f,i=y(f,["className","children","dismissible","size","kind","onRemove","outline","icon","avatar","customColor"]);const $=u.default(z[q],e,z[`${q}--${l}`],z[`${q}--${a}`],{[z[`${q}--dismissible`]]:o,[z[`${q}--outline`]]:c,[z[`${q}--with-icon`]]:!!s||!!n,[z[`${q}--${ro(d)}`]]:!!d}),p=()=>d?c?{style:{backgroundColor:"transparent",color:d,borderColor:d}}:{style:{backgroundColor:d}}:{},v=()=>{if(!!d)return c?d:je.getContrast(d,"#FFFFFF")>4.5?"#FFFFFF":"#000000"};return t.createElement(S,w(b(b({className:$},i),p()),{as:"div",size:"md"}),n&&t.createElement("img",{className:z[`${q}__avatar`],src:n,alt:"tag-avatar","data-testid":"lc-tag-avatar"})," ",s&&!n&&t.createElement(F,{"data-testid":"lc-tag-icon",className:z[`${q}__icon`],source:s,size:j.Small,customColor:v()}),r,o&&t.createElement("button",{title:"Remove",onClick:_,type:"button",className:z[`${q}__remove`]},t.createElement(F,{source:C.Close,size:j.Medium,customColor:v()})))},oo=({className:e="",innerEditableRef:r,inputRef:o,change:l,remove:a,value:_})=>{const[c,s]=t.useState(!1),n=()=>r.current,d=()=>{const p=n();return p?p.innerText:""},i=()=>{o&&o.current&&o.current.focus()},m=p=>{if(p.key===I.enter){p.preventDefault(),i();return}p.key===I.backspace&&d()===""&&(s(!0),a(),i())},f=()=>{const p=n();if(!(c||!p)){if(p.innerText===""){a();return}l(p.innerText)}},$=p=>{p.preventDefault();const v=p.clipboardData.getData("text/plain");document.execCommand("insertHTML",!1,Re.default(v))};return t.createElement("div",{ref:r,className:e,contentEditable:!0,onPaste:$,onBlur:f,onKeyDown:m,dangerouslySetInnerHTML:{__html:Re.default(_)}})};var ie={"tag-input":"lc-TagInput-module__tag-input___CLVY-","tag-input--error":"lc-TagInput-module__tag-input--error___RP0SB","tag-input__input":"lc-TagInput-module__tag-input__input___dgEYB","tag-input__input--medium":"lc-TagInput-module__tag-input__input--medium___DYF7X","tag-input__input--large":"lc-TagInput-module__tag-input__input--large___G6iEO","tag-input__tag__content":"lc-TagInput-module__tag-input__tag__content___x95-M"};const lo="tag-input__tag",ao=({children:e,index:r,remove:o,validator:l,inputRef:a,update:_,size:c})=>{const s=t.useMemo(()=>l!==void 0?l(e):!0,[e,l]),n=t.useRef(null),d=()=>o(r);return t.createElement(lt,{kind:s?"default":"error",dismissible:!0,size:c,onRemove:d},t.createElement(oo,{value:e,inputRef:a,innerEditableRef:n,className:ie[`${lo}__content`],change:i=>_(r,i),remove:d,validator:l}))},he="tag-input",_o=[I.enter,I.spacebar,I.tab,I.semicolon,I.comma],co=[I.backspace,I.delete],at=({tags:e,onChange:r,validator:o,error:l,placeholder:a,size:_="medium"})=>{const c=u.default(ie[he],{[ie[`${he}--error`]]:l}),s=u.default(ie[`${he}__input`],ie[`${he}__input--${_}`]),[n,d]=t.useState(""),i=t.useRef(null),m=g=>{r([...e||[],g]),d("")},f=g=>{const x=[...e||[]];x.splice(g,1),r(x)},$=g=>d(g.target.value),p=g=>{if(_o.includes(g.key)){if(g.preventDefault(),n==="")return;m(n)}else if(co.includes(g.key)){if(n!==""||!(e!=null&&e.length))return;f(e.length-1)}},v=(g,x)=>{const R=[...e||[]];R.reduce(($e,h,P)=>$e+(h===x&&P!==g?1:0),0)>0?R.splice(g,1):R[g]=x,r(R)},E=g=>{g.preventDefault();const R=g.clipboardData.getData("text/plain").split(/[\s,;\n]+/);r([...e||[],...R])};return t.createElement(t.Fragment,null,t.createElement("div",{className:c},e==null?void 0:e.map((g,x)=>t.createElement(ao,{index:x,key:`${x}${g}`,update:v,remove:f,inputRef:i,validator:o,size:_},g)),t.createElement("input",{ref:i,className:s,placeholder:a,value:n,onChange:$,onKeyDown:p,onPaste:E})),l&&t.createElement(ye,null,l))},no=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i,so="name@company.com",io=e=>no.test(e),uo=({tags:e,onChange:r,error:o,placeholder:l=so,size:a})=>t.createElement(at,{tags:e,error:o,onChange:r,placeholder:l,validator:io,size:a}),mo="lc-Toast-module__toast___j5Amn",po="lc-Toast-module__toast__content___HjaNw",bo="lc-Toast-module__toast__icon___wLbLu",go="lc-Toast-module__toast__close___O18Lh",fo="lc-Toast-module__toast__actions___JWu-1";var k={toast:mo,toast__content:po,toast__icon:bo,toast__close:go,toast__actions:fo,"toast__actions-close":"lc-Toast-module__toast__actions-close___xN8YT","toast__actions-custom":"lc-Toast-module__toast__actions-custom___z1UUf","toast--notification":"lc-Toast-module__toast--notification___pDXnc","toast--success":"lc-Toast-module__toast--success___7UC6m","toast--warning":"lc-Toast-module__toast--warning___pteb7","toast--error":"lc-Toast-module__toast--error___trg--","toast--info":"lc-Toast-module__toast--info___IOp44","toast-wrapper":"lc-Toast-module__toast-wrapper___Oiwqp","toast-wrapper--fixed":"lc-Toast-module__toast-wrapper--fixed___QYxRI","toast-wrapper--block":"lc-Toast-module__toast-wrapper--block___j0kGt","toast-wrapper--horizontal-center":"lc-Toast-module__toast-wrapper--horizontal-center___t9AFd","toast-wrapper--horizontal-left":"lc-Toast-module__toast-wrapper--horizontal-left___-GY4I","toast-wrapper--horizontal-right":"lc-Toast-module__toast-wrapper--horizontal-right___VVMgm","toast-wrapper--vertical-top":"lc-Toast-module__toast-wrapper--vertical-top___uBfEG","toast-appear--slide":"lc-Toast-module__toast-appear--slide___G7GAp","toast-appear-active--slide":"lc-Toast-module__toast-appear-active--slide___brfgK","toast-exit--slide":"lc-Toast-module__toast-exit--slide___aqiBq","toast-exit-active--slide":"lc-Toast-module__toast-exit-active--slide___WryMi","toast-wrapper--vertical-bottom":"lc-Toast-module__toast-wrapper--vertical-bottom___erPuH","toast-appear--fade":"lc-Toast-module__toast-appear--fade___oUwHm","toast-appear-active--fade":"lc-Toast-module__toast-appear-active--fade___D3--J","toast-exit--fade":"lc-Toast-module__toast-exit--fade___iDA1p","toast-exit-active--fade":"lc-Toast-module__toast-exit-active--fade___tL7sb"};const Z="toast";var _t=(e=>(e.Success="success",e.Warning="warning",e.Error="error",e.Info="info",e.Notification="notification",e))(_t||{});const vo={success:{source:C.CheckCircleSolid,iconType:N.Inverted},warning:{source:C.Warning},error:{source:C.Error,iconType:N.Inverted},info:{source:C.Info,iconType:N.Inverted},notification:{source:C.Info,iconType:N.Link}},ct=({action:e,className:r,children:o,removable:l,variant:a="info",onClose:_})=>{const c=u.default(k[Z],k[`${Z}--${a}`],r),s=n=>n&&n.closeOnClick&&_?(n.handler(),_()):n.handler();return t.createElement("div",{className:c},t.createElement("div",{className:k[`${Z}__icon`]},t.createElement(F,b({},vo[a]))),t.createElement("div",{className:k[`${Z}__content`]},o),(e||l)&&t.createElement("div",{className:k[`${Z}__actions`]},e&&t.createElement("button",{className:k[`${Z}__actions-custom`],onClick:()=>s(e)},e.label),l&&t.createElement("div",{className:k[`${Z}__actions-close`],"aria-label":"Close toast",onClick:_},t.createElement(F,{source:C.Close,size:j.Small,iconType:["warning","notification"].includes(a)?N.Primary:N.Inverted}))))};var nt=(e=>(e.Left="left",e.Center="center",e.Right="right",e))(nt||{}),st=(e=>(e.Top="top",e.Bottom="bottom",e))(st||{});const dt=200,se="toast-wrapper",ho=({className:e,toasts:r=[],fixed:o=!0,block:l=!1,animationType:a="slide",verticalPosition:_="top",horizontalPosition:c="center"})=>{const s=u.default(k[se],{[k[`${se}--fixed`]]:o,[k[`${se}--block`]]:!o&&l,[k[`${se}--horizontal-${c}`]]:c,[k[`${se}--vertical-${_}`]]:_},e);return t.createElement("div",{className:s},t.createElement(Me.TransitionGroup,{component:null},r.map(({id:n,variant:d,content:i,removable:m,action:f,onClose:$})=>t.createElement(Me.CSSTransition,{key:n,classNames:{enter:k[`toast-appear--${a}`],enterActive:k[`toast-appear-active--${a}`],exit:k[`toast-exit--${a}`],exitActive:k[`toast-exit-active--${a}`]},timeout:dt},t.createElement(ct,{variant:d,onClose:$,removable:m,action:f},i)))))};exports.ANIMATION_TIME=dt;exports.ActionModal=xr;exports.Alert=St;exports.Badge=Ft;exports.Button=De;exports.ButtonGroup=Ht;exports.Card=Jt;exports.Checkbox=Qe;exports.CheckboxField=ar;exports.DesignTokens=$t;exports.EmailTagInput=uo;exports.FieldDescription=me;exports.FieldError=ye;exports.FieldGroup=nr;exports.Form=pr;exports.FormGroup=br;exports.Heading=ue;exports.HorizontalPosition=nt;exports.Icon=F;exports.IconSizeName=j;exports.IconTypeName=N;exports.InputField=gr;exports.Link=vr;exports.Loader=Ze;exports.Modal=Cr;exports.ModalBase=Se;exports.ModalCloseButton=et;exports.ModalPortal=wr;exports.NumericInput=tt;exports.NumericInputField=kr;exports.Popover=Tr;exports.ProgressCircle=Mr;exports.PromoBanner=Rr;exports.RadioButton=Or;exports.Switch=Wr;exports.Tab=Vr;exports.TabsList=Kr;exports.TabsWrapper=Jr;exports.Tag=lt;exports.TagInput=at;exports.Text=S;exports.TextField=Be;exports.Toast=ct;exports.ToastWrapper=ho;exports.Variants=_t;exports.VerticalPosition=st;
1
+ "use strict";var ut=Object.defineProperty,mt=Object.defineProperties;var pt=Object.getOwnPropertyDescriptors;var pe=Object.getOwnPropertySymbols;var Pe=Object.prototype.hasOwnProperty,Ge=Object.prototype.propertyIsEnumerable;var Fe=(e,o,r)=>o in e?ut(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,b=(e,o)=>{for(var r in o||(o={}))Pe.call(o,r)&&Fe(e,r,o[r]);if(pe)for(var r of pe(o))Ge.call(o,r)&&Fe(e,r,o[r]);return e},x=(e,o)=>mt(e,pt(o));var y=(e,o)=>{var r={};for(var a in e)Pe.call(e,a)&&o.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&pe)for(var a of pe(e))o.indexOf(a)<0&&Ge.call(e,a)&&(r[a]=e[a]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var bt=require("react"),gt=require("clsx"),C=require("@livechat/design-system-icons/react/material"),ft=require("lodash"),vt=require("react-dom"),ht=require("react-popper"),je=require("polished"),yt=require("lodash.escape"),Me=require("react-transition-group");function Ue(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}function Je(e){if(e&&e.__esModule)return e;var o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});return e&&Object.keys(e).forEach(function(r){if(r!=="default"){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}}),o.default=e,Object.freeze(o)}var t=Je(bt),i=Ue(gt),$t=Je(vt),Re=Ue(yt);const Et={Background:"--background",SurfaceBasicDefault:"--surface-basic-default",SurfaceBasicSubtle:"--surface-basic-subtle",SurfaceBasicHover:"--surface-basic-hover",SurfaceBasicActive:"--surface-basic-active",SurfaceBasicDisabled:"--surface-basic-disabled",SurfaceSecondaryDefault:"--surface-secondary-default",SurfaceSecondarySubtle:"--surface-secondary-subtle",SurfaceSecondaryHover:"--surface-secondary-hover",SurfaceSecondaryDisabled:"--surface-secondary-disabled",SurfaceFeedbackInfo:"--surface-feedback-info",SurfaceFeedbackNegative:"--surface-feedback-negative",SurfaceFeedbackWarning:"--surface-feedback-warning",SurfaceFeedbackPositive:"--surface-feedback-positive",SurfaceInvertDefault:"--surface-invert-default",SurfaceInvertSubtle:"--surface-invert-subtle",SurfaceInvertDisabled:"--surface-invert-disabled",SurfaceOverlay:"--surface-overlay",ContentDefault:"--content-default",ContentSubtle:"--content-subtle",ContentDisabled:"--content-disabled",ContentWhiteLocked:"--content-white-locked",ContentInvertDefault:"--content-invert-default",ContentInvertSubtle:"--content-invert-subtle",ContentInvertDisabled:"--content-invert-disabled",BorderDefault:"--border-default",BorderSubtle:"--border-subtle",BorderHover:"--border-hover",BorderDisabled:"--border-disabled",BorderInvertDefault:"--border-invert-default",BorderInvertSubtle:"--border-invert-subtle",BorderInvertHover:"--border-invert-hover",BorderInvertDisabled:"--border-invert-disabled",ColorActionActive:"--color-action-active",ColorActionHover:"--color-action-hover",ColorActionDefault:"--color-action-default",ColorActionDisabled:"--color-action-disabled",ColorNegativeActive:"--color-negative-active",ColorNegativeHover:"--color-negative-hover",ColorNegativeDefault:"--color-negative-default",ColorNegativeDisabled:"--color-negative-disabled",ColorWarningDefault:"--color-warning-default",ColorWarningHover:"--color-warning-hover",ColorPositiveDefault:"--color-positive-default",ColorPositiveHover:"--color-positive-hover",ColorPositiveDisabled:"--color-positive-disabled",ColorBot:"--color-bot",ColorBlack:"--color-black",ColorWhite:"--color-white",DecorBlue900:"--decor-blue900",DecorBlue800:"--decor-blue800",DecorBlue700:"--decor-blue700",DecorBlue600:"--decor-blue600",DecorBlue500:"--decor-blue500",DecorBlue400:"--decor-blue400",DecorBlue300:"--decor-blue300",DecorBlue200:"--decor-blue200",DecorBlue100:"--decor-blue100",DecorBlue50:"--decor-blue50",DecorOrange900:"--decor-orange900",DecorOrange800:"--decor-orange800",DecorOrange700:"--decor-orange700",DecorOrange600:"--decor-orange600",DecorOrange500:"--decor-orange500",DecorOrange400:"--decor-orange400",DecorOrange300:"--decor-orange300",DecorOrange200:"--decor-orange200",DecorOrange100:"--decor-orange100",DecorOrange50:"--decor-orange50",DecorYellow900:"--decor-yellow900",DecorYellow800:"--decor-yellow800",DecorYellow700:"--decor-yellow700",DecorYellow600:"--decor-yellow600",DecorYellow500:"--decor-yellow500",DecorYellow400:"--decor-yellow400",DecorYellow300:"--decor-yellow300",DecorYellow200:"--decor-yellow200",DecorYellow100:"--decor-yellow100",DecorYellow50:"--decor-yellow50",DecorGray950:"--decor-gray950",DecorGray900:"--decor-gray900",DecorGray800:"--decor-gray800",DecorGray700:"--decor-gray700",DecorGray600:"--decor-gray600",DecorGray500:"--decor-gray500",DecorGray400:"--decor-gray400",DecorGray300:"--decor-gray300",DecorGray200:"--decor-gray200",DecorGray150:"--decor-gray150",DecorGray100:"--decor-gray100",DecorGray75:"--decor-gray75",DecorGray50:"--decor-gray50",DecorGray40:"--decor-gray40",DecorGray20:"--decor-gray20",DecorGreen900:"--decor-green900",DecorGreen800:"--decor-green800",DecorGreen700:"--decor-green700",DecorGreen600:"--decor-green600",DecorGreen500:"--decor-green500",DecorGreen400:"--decor-green400",DecorGreen300:"--decor-green300",DecorGreen200:"--decor-green200",DecorGreen100:"--decor-green100",DecorGreen50:"--decor-green50",DecorRed900:"--decor-red900",DecorRed800:"--decor-red800",DecorRed700:"--decor-red700",DecorRed600:"--decor-red600",DecorRed500:"--decor-red500",DecorRed400:"--decor-red400",DecorRed300:"--decor-red300",DecorRed200:"--decor-red200",DecorRed100:"--decor-red100",DecorRed50:"--decor-red50",DecorPurple900:"--decor-purple900",DecorPurple800:"--decor-purple800",DecorPurple700:"--decor-purple700",DecorPurple600:"--decor-purple600",DecorPurple500:"--decor-purple500",DecorPurple400:"--decor-purple400",DecorPurple300:"--decor-purple300",DecorPurple200:"--decor-purple200",DecorPurple100:"--decor-purple100",DecorPurple50:"--decor-purple50"},wt="lc-Typography-module__caps___c3eNJ";var de={"heading-xl":"lc-Typography-module__heading-xl___nhr-6","heading-lg":"lc-Typography-module__heading-lg___XYF7l","heading-md":"lc-Typography-module__heading-md___wHOIs","heading-sm":"lc-Typography-module__heading-sm___nBmTV","heading-xs":"lc-Typography-module__heading-xs___VcZBs",caps:wt,"caps--bold":"lc-Typography-module__caps--bold___OZovw","paragraph-md":"lc-Typography-module__paragraph-md___UGoqq","paragraph-md--bold":"lc-Typography-module__paragraph-md--bold___mWcMG","paragraph-md--underline":"lc-Typography-module__paragraph-md--underline___Fv6zM","paragraph-md--strike":"lc-Typography-module__paragraph-md--strike___yLGHh","paragraph-sm":"lc-Typography-module__paragraph-sm___QIEFL","paragraph-sm--bold":"lc-Typography-module__paragraph-sm--bold___fAjI5","paragraph-xs":"lc-Typography-module__paragraph-xs___OUooD","paragraph-xs--bold":"lc-Typography-module__paragraph-xs--bold___z7om7"},Xe=(e=>(e.xl="h1",e.lg="h2",e.md="h3",e.sm="h4",e.xs="h5",e))(Xe||{});const ue=c=>{var _=c,{as:e,size:o="md",children:r,className:a}=_,l=y(_,["as","size","children","className"]);return t.createElement(e||Xe[o],b({className:i.default(de[`heading-${o}`],a)},l),r)},S=d=>{var u=d,{as:e="p",size:o="md",caps:r=!1,bold:a=!1,underline:l=!1,strike:c=!1,children:_,className:s}=u,n=y(u,["as","size","caps","bold","underline","strike","children","className"]);const m=r?"caps":`paragraph-${o}`;return t.createElement(e,b({className:i.default({[de[`${m}`]]:!0,[de[`${m}--bold`]]:a,[de[`${m}--strike`]]:c,[de[`${m}--underline`]]:l},s)},n),_)},xt="lc-Icon-module__icon___tw31R";var Le={icon:xt,"icon--primary":"lc-Icon-module__icon--primary___JJnBV","icon--subtle":"lc-Icon-module__icon--subtle___sZIzL","icon--inverted":"lc-Icon-module__icon--inverted___zA9QC","icon--inverted-subtle":"lc-Icon-module__icon--inverted-subtle___6UwBT","icon--link":"lc-Icon-module__icon--link___Jwkw9","icon--success":"lc-Icon-module__icon--success___MKdz3","icon--warning":"lc-Icon-module__icon--warning___5YCSW","icon--error":"lc-Icon-module__icon--error___CiJCD","icon--disabled--primary":"lc-Icon-module__icon--disabled--primary___E0nee","icon--disabled--subtle":"lc-Icon-module__icon--disabled--subtle___l-hK4","icon--disabled--inverted":"lc-Icon-module__icon--disabled--inverted___5SBAf","icon--disabled--inverted-subtle":"lc-Icon-module__icon--disabled--inverted-subtle___w-NBk","icon--disabled--link":"lc-Icon-module__icon--disabled--link___sVJOa","icon--disabled--success":"lc-Icon-module__icon--disabled--success___sG-7d","icon--disabled--warning":"lc-Icon-module__icon--disabled--warning___8ko1e","icon--disabled--error":"lc-Icon-module__icon--disabled--error___9KbVo"},j=(e=>(e.XSmall="xsmall",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="xlarge",e))(j||{});const Ct={xsmall:{width:12,height:12},small:{width:16,height:16},medium:{width:20,height:20},large:{width:24,height:24},xlarge:{width:32,height:32}};var N=(e=>(e.Primary="primary",e.Subtle="subtle",e.Inverted="inverted",e.InvertedSubtle="inverted_subtle",e.Link="link",e.Success="success",e.Warning="warning",e.Error="error",e))(N||{});const kt={primary:"primary",subtle:"subtle",inverted:"inverted",inverted_subtle:"inverted-subtle",link:"link",success:"success",warning:"warning",error:"error"},Nt={primary:"disabled--primary",subtle:"disabled--subtle",inverted:"disabled--inverted",inverted_subtle:"disabled--inverted-subtle",link:"disabled--link",success:"disabled--success",warning:"disabled--warning",error:"disabled--error"},Oe="icon",F=e=>{const m=e,{source:o,size:r="medium",iconType:a,disabled:l,className:c,customColor:_}=m,s=y(m,["source","size","iconType","disabled","className","customColor"]);let n;a&&(n=kt[a],l&&(n=Nt[a]));const d=t.createElement(o,x(b({},Ct[r]),{color:_})),u=i.default(c,Le[Oe],n&&Le[`${Oe}--${n}`]);return t.createElement("span",x(b({},s),{className:u}),d)},Dt="lc-Alert-module__alert___HBTns",Tt="lc-Alert-module__alert__content___9nZdf",Bt="lc-Alert-module__alert__icon___8TaAH";var U={alert:Dt,alert__content:Tt,"alert__content-text":"lc-Alert-module__alert__content-text___x2Un5","alert__content-text--margin":"lc-Alert-module__alert__content-text--margin___whVzG","alert__content-icon":"lc-Alert-module__alert__content-icon___-EXJm","alert--small":"lc-Alert-module__alert--small___Fyk-v","alert__close-icon":"lc-Alert-module__alert__close-icon___rYxVy","alert--info":"lc-Alert-module__alert--info___GmIGN","alert--warning":"lc-Alert-module__alert--warning___MubhD","alert--success":"lc-Alert-module__alert--success___fPtlZ","alert--error":"lc-Alert-module__alert--error___DKPo0",alert__icon:Bt};const St={info:{source:C.Info,iconType:N.Link},warning:{source:C.Warning,iconType:N.Warning},success:{source:C.CheckCircleSolid,iconType:N.Success},error:{source:C.Block,iconType:N.Error}},J="alert",It=({children:e,className:o,type:r="info",onClose:a})=>{const l=t.useRef(null),[c,_]=t.useState(!1),s=i.default(U[J],U[`${J}--${r}`],c&&U[`${J}--small`],o);return t.useEffect(()=>{const n=ft.debounce(()=>l.current&&l.current.offsetWidth<=400?_(!0):_(!1),500);return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)}),t.createElement("div",{ref:l,className:s},t.createElement("div",{className:U[`${J}__content`]},t.createElement(F,x(b({},St[r]),{className:U[`${J}__content-icon`]})),t.createElement(S,{as:"div",className:i.default(U[`${J}__content-text`],a&&U[`${J}__content-text--margin`])},e)),a&&t.createElement("button",{type:"button",className:U[`${J}__close-icon`],onClick:a},t.createElement(F,{source:C.Close,size:j.Large,iconType:N.Primary})))},Ft="lc-Badge-module__badge___GhLnu";var Ae={badge:Ft,"badge--secondary":"lc-Badge-module__badge--secondary___JjNIJ"};const Pt=({children:e,className:o,secondary:r=!1})=>t.createElement("span",{className:i.default(Ae.badge,o,{[Ae["badge--secondary"]]:r})},e),Gt="lc-Loader-module__loader___LRflD",Mt="lc-Loader-module__loader__spinner___l3C1g",Rt="lc-Loader-module__rotate___Tlni-",Lt="lc-Loader-module__loader__label___R74f6";var ae={loader:Gt,loader__spinner:Mt,"loader__spinner--small":"lc-Loader-module__loader__spinner--small___dGFFt","loader__spinner--medium":"lc-Loader-module__loader__spinner--medium___J-ki0","loader__spinner--large":"lc-Loader-module__loader__spinner--large___Poqq7","loader__spinner-circle":"lc-Loader-module__loader__spinner-circle___ApBUO",rotate:Rt,loader__label:Lt};const Ke="loader",ze=`${Ke}__spinner`,Ze=({primaryColor:e,secondaryColor:o,label:r,className:a,size:l="medium"})=>t.createElement("div",{className:i.default(ae[Ke],a)},t.createElement("div",{className:i.default(ae[ze],ae[`${ze}--${l}`])},t.createElement("div",{className:ae["loader__spinner-circle"],style:{borderColor:o,borderTopColor:e}})),r&&t.createElement(S,{as:"div",size:"md",className:ae.loader__label},r)),Ot="lc-Button-module__btn___aijZJ",At="lc-Button-module__btn__loader___c8zZz",zt="lc-Button-module__btn__content___wefl2",qt="lc-Button-module__btn__icon___GVExB";var G={btn:Ot,"btn--disabled":"lc-Button-module__btn--disabled___lXBav","btn--icon-only":"lc-Button-module__btn--icon-only___bF5pW","btn__icon--left":"lc-Button-module__btn__icon--left___H68zu","btn__icon--right":"lc-Button-module__btn__icon--right___fHr3D","btn--full-width":"lc-Button-module__btn--full-width___kdbAr","btn--basic":"lc-Button-module__btn--basic___Jc2gD","btn--primary":"lc-Button-module__btn--primary___ajbjQ","btn--secondary":"lc-Button-module__btn--secondary___iWzE0","btn--destructive":"lc-Button-module__btn--destructive___-kLCl","btn--compact":"lc-Button-module__btn--compact___4eptQ","btn--large":"lc-Button-module__btn--large___lb-z6","btn--text":"lc-Button-module__btn--text___WA8OL","btn--plain":"lc-Button-module__btn--plain___eOPui","btn--plain-light":"lc-Button-module__btn--plain-light___eS9em","btn--loading":"lc-Button-module__btn--loading___ZAgjv",btn__loader:At,btn__content:zt,btn__icon:qt};const M="btn",De=$=>{var p=$,{loading:e=!1,disabled:o=!1,type:r="button",fullWidth:a=!1,kind:l="basic",size:c="medium",icon:_=null,iconPosition:s="left",loaderLabel:n,className:d,children:u,href:m}=p,f=y(p,["loading","disabled","type","fullWidth","kind","size","icon","iconPosition","loaderLabel","className","children","href"]);const v=e||o,E=m?"a":"button",g=i.default(d,G[M],G[`${M}--${l}`],G[`${M}--${c}`],{[G[`${M}--loading`]]:e,[G[`${M}--full-width`]]:a,[G[`${M}--icon-only`]]:!u&&_,[G[`${M}--disabled`]]:v});return t.createElement(E,b({className:g,disabled:v,type:r,href:v?void 0:m},f),e&&t.createElement(Ze,{size:"small",label:n,className:G[`${M}__loader`]}),_&&t.cloneElement(_,{className:i.default(G[`${M}__icon`],G[`${M}__icon--${s}`]),disabled:o}),t.createElement("div",{className:G[`${M}__content`]},u))},Wt="lc-ButtonGroup-module__btn___bXPrU";var be={"btn-group":"lc-ButtonGroup-module__btn-group___R-lZQ",btn:Wt,"btn--active":"lc-ButtonGroup-module__btn--active___VAc37","btn--compact":"lc-ButtonGroup-module__btn--compact___t1whe","btn--medium":"lc-ButtonGroup-module__btn--medium___XFRBP","btn--large":"lc-ButtonGroup-module__btn--large___OtNUz"};function Te(){}const Vt="btn-group",Yt=n=>{var d=n,{size:e="medium",fullWidth:o=!1,onIndexChange:r=Te,className:a,children:l,currentIndex:c,initialIndex:_=-1}=d,s=y(d,["size","fullWidth","onIndexChange","className","children","currentIndex","initialIndex"]);const u=i.default(be[Vt],a),[m,f]=t.useState(_),$=typeof c=="number",p=$?c:m,v=(E,g)=>{$||f(E),r(E,g)};return t.createElement("div",b({role:"group",className:u},s),t.Children.map(l,(E,g)=>t.cloneElement(E,{fullWidth:o,size:e,kind:"secondary",type:"button",onClick:w=>{v(g,w),E.props.onClick&&E.props.onClick(w)},className:i.default(be.btn,be[`btn--${e}`],g===p&&be["btn--active"])})))},Ht="lc-Card-module__card___GqMm2",jt="lc-Card-module__card__title___1YjAR",Ut="lc-Card-module__card__text___-jYlF",Jt="lc-Card-module__card__img___teLC8";var ge={card:Ht,card__title:jt,card__text:Ut,card__img:Jt};const Xt=c=>{var _=c,{img:e,title:o,children:r,className:a}=_,l=y(_,["img","title","children","className"]);return t.createElement(S,b({as:"div",size:"md",className:i.default(ge.card,a)},l),(e||o)&&t.createElement(ue,{as:"div",size:"sm",className:ge.card__title},e&&t.createElement("img",{src:e,className:ge.card__img}),o&&t.createElement("div",{className:ge.card__text},o)),r)},Kt="lc-Checkbox-module__checkbox___G7nTf",Zt="lc-Checkbox-module__checkbox__label___-o01x",Qt="lc-Checkbox-module__checkbox__square___MHUyd",er="lc-Checkbox-module__checkbox__checkmark___16pfY",tr="lc-Checkbox-module__checkbox__input___YLbVF",rr="lc-Checkbox-module__checkbox__text___P2SIq",or="lc-Checkbox-module__checkbox__helper___YSJ-n";var H={checkbox:Kt,checkbox__label:Zt,checkbox__square:Qt,checkbox__checkmark:er,"checkbox--selected":"lc-Checkbox-module__checkbox--selected___S2vqY",checkbox__input:tr,checkbox__text:rr,"checkbox--disabled":"lc-Checkbox-module__checkbox--disabled___-lAqW",checkbox__helper:or};const Ee="checkbox",Qe=r=>{var a=r,{className:e=""}=a,o=y(a,["className"]);const l=i.default(H[`${Ee}__square`],e);return t.createElement("div",null,t.createElement("input",x(b({},o),{className:H[`${Ee}__input`],type:"checkbox"})),t.createElement("div",{className:l},t.createElement(F,{source:C.Check,iconType:N.Inverted,size:j.XSmall,className:H[`${Ee}__checkmark`]})))};var ar={"field-description":"lc-FieldDescription-module__field-description___IcRDH"};const lr="field-description",me=a=>{var l=a,{children:e,className:o=""}=l,r=y(l,["children","className"]);const c=i.default(ar[lr],o);return t.createElement(S,x(b({as:"span",size:"sm"},r),{className:c}),e)},te="checkbox",_r=_=>{var s=_,{children:e,className:o="",description:r,checked:a,disabled:l}=s,c=y(s,["children","className","description","checked","disabled"]);const n=i.default(H[te],o,{[H[`${te}--selected`]]:a,[H[`${te}--disabled`]]:l});return t.createElement("div",{className:n},t.createElement("label",{className:H[`${te}__label`]},t.createElement(Qe,x(b({},c),{checked:a,disabled:l})),t.createElement(S,{as:"div",size:"md",className:H[`${te}__text`]},e)),r&&t.createElement(me,{className:H[`${te}__helper`]},r))};var cr={"field-error":"lc-FieldError-module__field-error___IDkPT"};const nr="field-error",ye=a=>{var l=a,{children:e,className:o=""}=l,r=y(l,["children","className"]);const c=i.default(cr[nr],o);return t.createElement(S,x(b({as:"span",size:"sm"},r),{className:c}),e)};var we={"field-group":"lc-FieldGroup-module__field-group___gy8lp","field-group--inline":"lc-FieldGroup-module__field-group--inline___or4qf","field-group--stretched":"lc-FieldGroup-module__field-group--stretched___6rkuO"};const xe="field-group",sr=s=>{var n=s,{className:e="",children:o,description:r,error:a,inline:l,stretch:c}=n,_=y(n,["className","children","description","error","inline","stretch"]);const d=i.default(we[xe],e,{[we[`${xe}--inline`]]:l,[we[`${xe}--stretched`]]:c});return t.createElement("div",x(b({},_),{className:d}),o,a&&t.createElement(ye,null,a),r&&t.createElement(me,null,r))},dr="lc-Form-module__form___1nOYF",ir="lc-Form-module__form__header___U4B7t",ur="lc-Form-module__form__footer___1-sUX",mr="lc-Form-module__form__label___spg-J",pr="lc-Form-module__form__helper___bhfwS";var le={form:dr,form__header:ir,form__footer:ur,form__label:mr,form__helper:pr};const _e="form",br=_=>{var s=_,{className:e,children:o,labelText:r,helperText:a,formFooter:l}=s,c=y(s,["className","children","labelText","helperText","formFooter"]);return t.createElement("form",b({className:i.default(le[_e],e)},c),(r||a)&&t.createElement("div",{className:le[`${_e}__header`]},r&&t.createElement(ue,{size:"sm",className:le[`${_e}__label`]},r),a&&t.createElement(S,{as:"p",size:"sm",className:le[`${_e}__helper`]},a)),o,l&&t.createElement("div",{className:le[`${_e}__footer`]},l))};var fe={"form-group":"lc-FormGroup-module__form-group___e2JHa","form-group__header":"lc-FormGroup-module__form-group__header___DgGmR","form-group__label":"lc-FormGroup-module__form-group__label___NC-JW","form-group__helper":"lc-FormGroup-module__form-group__helper___SRuxe"};const ve="form-group",gr=c=>{var _=c,{className:e="",children:o,labelText:r,helperText:a}=_,l=y(_,["className","children","labelText","helperText"]);const s=i.default(fe[ve],e);return t.createElement("div",x(b(x(b({},l),{role:"group"}),r&&{"aria-label":r}),{className:s}),t.createElement("div",{className:fe[`${ve}__header`]},t.createElement(ue,{as:"div",size:"sm",className:fe[`${ve}__label`]},r),a&&t.createElement(S,{as:"div",size:"sm",className:fe[`${ve}__helper`]},a)),o)};var D={"text-field":"lc-TextField-module__text-field___bis8c","text-field--inline":"lc-TextField-module__text-field--inline___MPHqg","text-field__wrapper--inline":"lc-TextField-module__text-field__wrapper--inline___-gOob","text-field__label":"lc-TextField-module__text-field__label___vpNdg","text-field__label--inline":"lc-TextField-module__text-field__label--inline___YSRYX","text-field__label--no-text":"lc-TextField-module__text-field__label--no-text___XSyn2","text-field__label-wrapper":"lc-TextField-module__text-field__label-wrapper___SNCct","text-field__label-adornment":"lc-TextField-module__text-field__label-adornment___--pgp","text-field__label-right-node":"lc-TextField-module__text-field__label-right-node___sdnWg","text-field__label-right-node--inline":"lc-TextField-module__text-field__label-right-node--inline___vMBP2","text-field__row-break":"lc-TextField-module__text-field__row-break___AnNrI","text-field__content":"lc-TextField-module__text-field__content___dCkUW","field-label":"lc-TextField-module__field-label___q8Y-p"};const T="text-field",Be=({inline:e,error:o,description:r,labelText:a,labelAdornment:l,className:c,labelFor:_,children:s,labelRightNode:n})=>{const d=i.default(D[T],{[D[`${T}--inline`]]:e},c);return t.createElement("div",{className:d},n&&e&&t.createElement(t.Fragment,null,t.createElement("div",{className:i.default(D[`${T}__label-right-node`],D[`${T}__label-right-node--inline`])},n),t.createElement("div",{className:D[`${T}__row-break`]})),t.createElement("div",{className:i.default(D[`${T}__wrapper`],e&&D[`${T}__wrapper--inline`])},(a||n)&&t.createElement("div",{className:i.default(D[`${T}__label`],e&&D[`${T}__label--inline`],!a&&D[`${T}__label--no-text`])},a&&t.createElement("div",{className:i.default(D[`${T}__label-wrapper`])},t.createElement("label",{className:"lc-field-label",htmlFor:_},t.createElement(S,{as:"span",size:"sm"},a)),l&&t.createElement("div",{className:i.default(D[`${T}__label-adornment`])},l)),n&&!e&&t.createElement("div",{className:i.default(D[`${T}__label-right-node`])},n)),t.createElement("div",{className:i.default(D[`${T}__content`])},s,o&&t.createElement(ye,null,o),r&&t.createElement(me,null,r))))};var qe={"input-field":"lc-InputField-module__input-field___A-GHj","input-field--error":"lc-InputField-module__input-field--error___MMchC"};const We="input-field",fr=t.forwardRef(($,f)=>{var p=$,{id:e,labelText:o,labelAdornment:r,className:a,inline:l,error:c,description:_,labelRightNode:s,fieldClassName:n,style:d,type:u="text"}=p,m=y(p,["id","labelText","labelAdornment","className","inline","error","description","labelRightNode","fieldClassName","style","type"]);const v=i.default(qe[We],{[qe[`${We}--error`]]:c},n);return t.createElement(Be,{inline:l,error:c,description:_,labelText:o,labelAdornment:r,className:a,labelFor:e,labelRightNode:s},t.createElement("input",x(b({},m),{id:e,ref:f,className:v,style:d,type:u})))}),vr="lc-Link-module__link___kqx52";var Ve={link:vr,"link--bold":"lc-Link-module__link--bold___1rGdO"};const Ye="link",hr=a=>{var l=a,{bold:e=!1,className:o=""}=l,r=y(l,["bold","className"]);return t.createElement("a",b({className:i.default(Ve[Ye],e&&Ve[`${Ye}--bold`],o)},r))},yr="lc-Modal-module__modal__header___Fp5VE",$r="lc-Modal-module__modal__heading___G9KVK",Er="lc-Modal-module__modal__body___M-jmN",wr="lc-Modal-module__modal__footer___2LYdc";var B={"modal-base":"lc-Modal-module__modal-base___hbL1U","modal-base__overlay":"lc-Modal-module__modal-base__overlay___kCQ8t","modal-base__overlay--visible":"lc-Modal-module__modal-base__overlay--visible___zUNJL","modal-base__close":"lc-Modal-module__modal-base__close___gJlgr",modal__header:yr,modal__heading:$r,modal__body:Er,modal__footer:wr,"action-modal":"lc-Modal-module__action-modal___CsRC7","action-modal__heading":"lc-Modal-module__action-modal__heading___m3MuG","action-modal__content":"lc-Modal-module__action-modal__content___gf-R2","action-modal__actions":"lc-Modal-module__action-modal__actions___kpRXD","action-modal__icon":"lc-Modal-module__action-modal__icon___MK5xt"};const et=({onClick:e})=>t.createElement("button",{title:"Close modal",className:B["modal-base__close"],onClick:e,type:"button"},t.createElement(F,{source:C.Close,size:j.Large})),I={esc:"Escape",enter:"Enter",backspace:"Backspace",delete:"Delete",spacebar:" ",tab:"Tab",semicolon:";",comma:",",arrowUp:"ArrowUp",arrowDown:"ArrowDown"},Ce="modal-base",Se=c=>{var _=c,{children:e,className:o="",onClose:r,closeOnEscPress:a=!0}=_,l=y(_,["children","className","onClose","closeOnEscPress"]);const s=i.default(B[Ce],o);t.useEffect(()=>{if(!a)return;const u=m=>{m.key===I.esc&&r()};return document.addEventListener("keyup",u,!0),()=>document.removeEventListener("keyup",u,!0)},[a]);const n=u=>{u.target===u.currentTarget&&r()},d=u=>{u.preventDefault(),u.stopPropagation(),r()};return t.createElement("div",{"data-testid":"lc-modal-overlay",onMouseDown:n,className:i.default(B[`${Ce}__overlay`],B[`${Ce}__overlay--visible`])},t.createElement("div",b({className:s},l),t.createElement(et,{onClick:d}),e))},ce="action-modal",xr=_=>{var s=_,{children:e,className:o="",icon:r,heading:a,actions:l}=s,c=y(s,["children","className","icon","heading","actions"]);const n=i.default(B[ce],o);return t.createElement(Se,b({className:n},c),r&&t.createElement("div",{className:B[`${ce}__icon`]},r),a&&t.createElement("div",{className:B[`${ce}__heading`]},a),t.createElement("div",{className:B[`${ce}__content`]},e),l&&t.createElement("div",{className:B[`${ce}__actions`]},l))},ne="modal",Cr=c=>{var _=c,{children:e,className:o="",heading:r,footer:a}=_,l=y(_,["children","className","heading","footer"]);const s=i.default(B[ne],o);return t.createElement(Se,b({className:s},l),r&&t.createElement("div",{className:B[`${ne}__header`]},t.createElement(ue,{size:"sm",as:"div",className:B[`${ne}__heading`]},r)),t.createElement("div",{className:B[`${ne}__body`]},e),a&&t.createElement("div",{className:B[`${ne}__footer`]},a))},kr=({children:e,className:o="",parentElementName:r="body",zIndex:a})=>{const[l]=t.useState(()=>document.createElement("div"));return o&&l.classList.add(o),a&&(l.style.zIndex=a.toString()),t.useEffect(()=>{var c;return(c=document.querySelector(r))==null||c.appendChild(l),()=>{var _;(_=document.querySelector(r))==null||_.removeChild(l)}},[]),t.createElement(t.Fragment,null,$t.createPortal(e,l))};var re={"numeric-input":"lc-NumericInput-module__numeric-input___j1esc","numeric-input__increment":"lc-NumericInput-module__numeric-input__increment___i3Tys","numeric-input__decrement":"lc-NumericInput-module__numeric-input__decrement___3qgn0","numeric-input--disabled":"lc-NumericInput-module__numeric-input--disabled___yaRvQ","numeric-input--no-controls":"lc-NumericInput-module__numeric-input--no-controls___D90rG","numeric-input--error":"lc-NumericInput-module__numeric-input--error___TMxRx"};const oe="numeric-input",tt=u=>{var m=u,{className:e,error:o,value:r,max:a,min:l,disabled:c,noControls:_,style:s,onChange:n}=m,d=y(m,["className","error","value","max","min","disabled","noControls","style","onChange"]);const f=t.useRef(null),$=i.default(re[oe],{[re[`${oe}--error`]]:o,[re[`${oe}--no-controls`]]:_,[re[`${oe}--disabled`]]:c},e),p=h=>n(String(h)),v=h=>a!==void 0&&h>a?a:l!==void 0&&h<l?l:h,E=h=>{const P=parseInt(r,10)+h;return p(v(P))},g=h=>{h.key===I.arrowDown&&(h.preventDefault(),E(-1)),h.key===I.arrowUp&&(h.preventDefault(),E(1))},w=(h,P)=>P!==void 0&&parseInt(h,10)===P,R=h=>{h.preventDefault(),h.stopPropagation();const P=h.currentTarget.value.replace(/((?!([-]|([-]?\d+))).)/,"");if(P===""||P==="-")return p(P);const it=parseInt(P,10);return p(v(it))},Ie=()=>{var h;return(h=f.current)==null||h.focus(),E(1)},$e=()=>{var h;return(h=f.current)==null||h.focus(),E(-1)};return t.createElement("div",{className:$,style:s},t.createElement("input",x(b({type:"text",ref:f},d),{value:r,disabled:c,onChange:R,onKeyDown:g,min:l,max:a})),!_&&t.createElement(t.Fragment,null,t.createElement("button",{tabIndex:-1,disabled:c||w(r,a),onClick:Ie,"aria-label":"Increment value",className:re[`${oe}__increment`],type:"button"},t.createElement(F,{source:C.ChevronUp,disabled:c||w(r,a),iconType:N.Primary})),t.createElement("button",{tabIndex:-1,disabled:c||w(r,l),"aria-label":"Decrement value",className:re[`${oe}__decrement`],onClick:$e,type:"button"},t.createElement(F,{source:C.ChevronDown,iconType:N.Primary,disabled:c||w(r,l)}))))},Nr=m=>{var f=m,{id:e,labelText:o,labelAdornment:r,className:a,inline:l,error:c,description:_,labelRightNode:s,fieldClassName:n,style:d}=f,u=y(f,["id","labelText","labelAdornment","className","inline","error","description","labelRightNode","fieldClassName","style"]);return t.createElement(Be,{inline:l,error:c,description:_,labelText:o,labelAdornment:r,className:a,labelFor:e,labelRightNode:s},t.createElement(tt,x(b({},u),{id:e,className:n,style:d,error:c})))},Dr="lc-Popover-module__popover___8X1b2";var He={popover:Dr,"popover--visible":"lc-Popover-module__popover--visible___u5NXB"};const Tr=e=>{const{offset:o,flip:r,preventOverflow:a}=e,l=[{name:"offset",options:b({offset:[0,4]},(o==null?void 0:o.options)||{})}],c=[{name:"flip",options:b({},(r==null?void 0:r.options)||{})}],_=[{name:"preventOverlow",options:b({rootBoundary:"viewport"},a||{})}];return[...l,...c,..._]},Br=e=>{const{triggerRenderer:o,children:r,className:a,placement:l,isVisible:c=!1}=e,_=t.useRef(null),s=t.useRef(null),[n,d]=t.useState(!1);t.useEffect(()=>{d(c)},[c]);function u(v){var E,g;(E=s.current)!=null&&E.contains(v.target)||((g=_.current)!=null&&g.contains(v.target)?d(w=>!w):d(!1))}const m=v=>{v.key==="Escape"&&d(!1)};t.useEffect(()=>(document.addEventListener("keydown",m),document.addEventListener("mousedown",u),()=>{document.removeEventListener("keydown",m),document.removeEventListener("mousedown",u)}),[]);const{styles:f,attributes:$}=ht.usePopper(_.current,s.current,{modifiers:e.modifiers?Tr(e.modifiers):[],placement:l}),p=i.default(He.popover,a,{[He["popover--visible"]]:n});return t.createElement(t.Fragment,null,t.createElement("div",{ref:_},o()),t.createElement("div",b({ref:s,className:p,style:f.popper},$.popper),r))};var X=(e=>(e.Normal="normal",e.Error="error",e.Success="success",e))(X||{}),K=(e=>(e.Small="small",e.Medium="medium",e.Large="large",e))(K||{});const Sr=["normal","error","success"],Ir=e=>Math.min(Math.max(e,0),100);function Fr(e,o=0){return e===X.Error?0:Ir(parseInt(o.toString(),10))}function Pr(e,o){return!Sr.includes(e)&&o>=100?X.Normal:e||X.Normal}var Z={"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","progress-circle--error":"lc-ProgressCircle-module__progress-circle--error___2AA9K","progress-circle__bg-line":"lc-ProgressCircle-module__progress-circle__bg-line___12YrE","progress-circle--success":"lc-ProgressCircle-module__progress-circle--success___hH5jv","progress-circle--normal":"lc-ProgressCircle-module__progress-circle--normal___dFneQ"};const Gr={[K.Small]:2,[K.Medium]:3,[K.Large]:4},Mr={[K.Small]:15,[K.Medium]:36,[K.Large]:56},Q="progress-circle",Rr=t.forwardRef((_,c)=>{var s=_,{status:e=X.Normal,percent:o,className:r,size:a=K.Medium}=s,l=y(s,["status","percent","className","size"]);const n=Pr(e,o),d=Fr(n,o),u=Gr[a],m=Mr[a],f=i.default(Z[Q],{[Z[`${Q}--${a}`]]:a,[Z[`${Q}--error`]]:n===X.Error,[Z[`${Q}--success`]]:n===X.Success,[Z[`${Q}--normal`]]:n===X.Normal},r),$=2*Math.PI*((m-u)/2),p={strokeDasharray:$.toFixed(3),strokeDashoffset:`${((100-d)/100*$).toFixed(3)}px`},v=`${m/2} ${m/2} ${m} ${m}`;return t.createElement("div",b({className:f,ref:c,role:"progressbar"},l),t.createElement("svg",{viewBox:v},t.createElement("circle",{className:Z[`${Q}__bg-line--${e}`],cx:m,cy:m,r:(m-u)/2,fill:"none",strokeWidth:u}),t.createElement("circle",{className:Z[`${Q}__indicator--${e}`],style:p,cx:m,cy:m,r:(m-u)/2,fill:"none",strokeWidth:u})))});var L={"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--small":"lc-PromoBanner-module__promo-banner--small___7sWLV","promo-banner__footer":"lc-PromoBanner-module__promo-banner__footer___8OjvH","promo-banner--medium":"lc-PromoBanner-module__promo-banner--medium___NeeoJ","promo-banner--large":"lc-PromoBanner-module__promo-banner--large___pMiCU","promo-banner__close-icon":"lc-PromoBanner-module__promo-banner__close-icon___GowBL"};const O="promo-banner",Lr=({className:e,buttonText:o,children:r,header:a,img:l,light:c=!1,linkText:_,size:s="small",onButtonClick:n,onClose:d,onLinkClick:u})=>{const m=i.default(L[O],{[L[`${O}--light`]]:c,[L[`${O}--${s}`]]:s},e),f=(o||_)&&s==="large",$=(o||_)&&s!=="large",p=t.createElement("div",{className:L[`${O}__footer`]},o&&t.createElement(De,{kind:"primary",size:"compact",onClick:n,className:L[`${O}__button-text`]},o),_&&t.createElement(De,{size:"compact",kind:"text",onClick:u},_));return t.createElement("div",{className:m},t.createElement("div",{className:L[`${O}__content`]},l&&t.createElement("img",{src:l,className:L[`${O}__img`]}),t.createElement("div",{className:L[`${O}__wrapper`]},t.createElement("div",{className:L[`${O}__header`]},a),t.createElement("div",null,r),$&&p),f&&p),d&&t.createElement("button",{type:"button",className:L[`${O}__close-icon`],onClick:d},t.createElement(F,{source:C.Close,size:j.Large})))};var W={"radio-button":"lc-RadioButton-module__radio-button___WaToM","radio-button__label":"lc-RadioButton-module__radio-button__label___i7ygg","radio-button__circle":"lc-RadioButton-module__radio-button__circle___wimWA","radio-button__inner-circle":"lc-RadioButton-module__radio-button__inner-circle___qkRVf","radio-button__text":"lc-RadioButton-module__radio-button__text___mT8c0","radio-button__input":"lc-RadioButton-module__radio-button__input___7OTAK","radio-button__helper":"lc-RadioButton-module__radio-button__helper___r8gJJ","radio-button--selected":"lc-RadioButton-module__radio-button--selected___s9lqj","radio-button--disabled":"lc-RadioButton-module__radio-button--disabled___wHSA7"};const V="radio-button",Or=_=>{var s=_,{children:e,className:o="",description:r,checked:a,disabled:l}=s,c=y(s,["children","className","description","checked","disabled"]);const n=i.default(W[V],o,{[W[`${V}--selected`]]:a,[W[`${V}--disabled`]]:l});return t.createElement("div",{className:n},t.createElement("label",{className:W[`${V}__label`]},t.createElement("div",{className:W[`${V}__circle`]},t.createElement("span",{className:W[`${V}__inner-circle`]}),t.createElement("input",x(b({className:W[`${V}__input`]},c),{type:"radio",checked:a,disabled:l}))),t.createElement(S,{as:"div",size:"md",className:W[`${V}__text`]},e)),r&&t.createElement(me,{className:W[`${V}__helper`]},r))},Ar="lc-Switch-module__switch__input___NiiOR",zr="lc-Switch-module__switch__container___79F7W",qr="lc-Switch-module__switch__track___2wr2M",Wr="lc-Switch-module__switch__slider___WHd--";var Y={switch:"lc-Switch-module__switch___AaA2k","switch__track--enabled":"lc-Switch-module__switch__track--enabled___sy4Xl","switch__track--disabled":"lc-Switch-module__switch__track--disabled___HkDhl","switch--basic":"lc-Switch-module__switch--basic___jKO4n","switch--compact":"lc-Switch-module__switch--compact___OGFIX",switch__input:Ar,switch__container:zr,switch__track:qr,switch__slider:Wr,"switch__slider--basic":"lc-Switch-module__switch__slider--basic___OMKTp","switch__slider--basic--enabled":"lc-Switch-module__switch__slider--basic--enabled___sh9jo","switch__slider--basic--disabled":"lc-Switch-module__switch__slider--basic--disabled___GSTO9","switch__slider--compact":"lc-Switch-module__switch__slider--compact___uZ-lS","switch__slider--compact--enabled":"lc-Switch-module__switch__slider--compact--enabled___04TFA","switch__slider--compact--disabled":"lc-Switch-module__switch__slider--compact--disabled___Vqznr"};const A="switch",Vr=d=>{var u=d,{className:e="",defaultOn:o=!1,disabled:r=!1,name:a=A,on:l,onChange:c=Te,size:_="basic",innerRef:s}=u,n=y(u,["className","defaultOn","disabled","name","on","onChange","size","innerRef"]);const m=()=>l!==void 0?l:o,[f,$]=t.useState(m());t.useEffect(()=>{l!==void 0&&$(l)},[l]);const p=f?"enabled":"disabled",v=i.default(Y[A],Y[`${A}--${_}`],e),E=g=>{if(c!==Te){c(g,f);return}g.stopPropagation(),$(R=>!R)};return t.createElement("span",{className:v},t.createElement("input",b({type:"checkbox",className:Y[`${A}__input`],onChange:E,checked:f,name:a,ref:s,disabled:r,"test-id":"foo"},n)),t.createElement("span",{className:Y[`${A}__container`]},t.createElement("span",{className:i.default(Y[`${A}__track`],Y[`${A}__track--${p}`])}),t.createElement("span",{className:i.default(Y[`${A}__slider`],Y[`${A}__slider--${_}`],Y[`${A}__slider--${_}--${p}`])})))},Yr="lc-Tab-module__tab___fME7u",Hr="lc-Tab-module__tab__description___JGXU6";var ke={tab:Yr,tab__description:Hr,"tab--selected":"lc-Tab-module__tab--selected___c0EkL"};const Ne="tab",jr=c=>{var _=c,{children:e,className:o,description:r,isSelected:a}=_,l=y(_,["children","className","description","isSelected"]);return t.createElement(S,x(b({},l),{as:l.href?"a":"button",size:"md",bold:a,className:i.default(ke[Ne],o,a&&ke[`${Ne}--selected`])}),e,r&&t.createElement(S,{as:"span",size:"md",className:ke[`${Ne}__description`]},"(",r,")"))},Ur="lc-TabsWrapper-module__tabs___Y2xyD",Jr="lc-TabsWrapper-module__tabs__list___i6tVO";var rt={tabs:Ur,tabs__list:Jr};const ot="tabs",Xr=({className:e,children:o})=>t.createElement("div",{className:i.default(rt[ot],e)},o),Kr=({className:e,children:o})=>t.createElement("div",{className:i.default(rt[`${ot}__list`],e)},o),Zr="lc-Tag-module__tag___1QRVY",Qr="lc-Tag-module__tag__remove___UmtrW",eo="lc-Tag-module__icon___2Z-35",to="lc-Tag-module__tag__icon___tZoQ9",ro="lc-Tag-module__tag__avatar___U4c-P";var z={tag:Zr,"tag--success":"lc-Tag-module__tag--success___P2hXQ",tag__remove:Qr,"tag--error":"lc-Tag-module__tag--error___1cjsm","tag--warning":"lc-Tag-module__tag--warning___PstMG","tag--info":"lc-Tag-module__tag--info___RTH0C","tag--medium":"lc-Tag-module__tag--medium___l5-KI","tag--large":"lc-Tag-module__tag--large___ytC6Y","tag--outline":"lc-Tag-module__tag--outline___aZXtr",icon:eo,"tag--text-white":"lc-Tag-module__tag--text-white___x0fnD","tag--text-black":"lc-Tag-module__tag--text-black___dUvmD","tag--with-icon":"lc-Tag-module__tag--with-icon___ZlkvT","tag--dismissible":"lc-Tag-module__tag--dismissible___Qobyr",tag__icon:to,tag__avatar:ro};const q="tag",oo=e=>e?je.getContrast(e,"#FFFFFF")>4.5?"text-white":"text-black":"",at=m=>{var f=m,{className:e="",children:o,dismissible:r=!1,size:a="medium",kind:l="default",onRemove:c,outline:_=!1,icon:s,avatar:n,customColor:d}=f,u=y(f,["className","children","dismissible","size","kind","onRemove","outline","icon","avatar","customColor"]);const $=i.default(z[q],e,z[`${q}--${a}`],z[`${q}--${l}`],{[z[`${q}--dismissible`]]:r,[z[`${q}--outline`]]:_,[z[`${q}--with-icon`]]:!!s||!!n,[z[`${q}--${oo(d)}`]]:!!d}),p=()=>d?_?{style:{backgroundColor:"transparent",color:d,borderColor:d}}:{style:{backgroundColor:d}}:{},v=()=>{if(!!d)return _?d:je.getContrast(d,"#FFFFFF")>4.5?"#FFFFFF":"#000000"};return t.createElement(S,x(b(b({className:$},u),p()),{as:"div",size:"md"}),n&&t.createElement("img",{className:z[`${q}__avatar`],src:n,alt:"tag-avatar","data-testid":"lc-tag-avatar"})," ",s&&!n&&t.createElement(F,{"data-testid":"lc-tag-icon",className:z[`${q}__icon`],source:s,size:j.Small,customColor:v()}),o,r&&t.createElement("button",{title:"Remove",onClick:c,type:"button",className:z[`${q}__remove`]},t.createElement(F,{source:C.Close,size:j.Medium,customColor:v()})))},ao=({className:e="",innerEditableRef:o,inputRef:r,change:a,remove:l,value:c})=>{const[_,s]=t.useState(!1),n=()=>o.current,d=()=>{const p=n();return p?p.innerText:""},u=()=>{r&&r.current&&r.current.focus()},m=p=>{if(p.key===I.enter){p.preventDefault(),u();return}p.key===I.backspace&&d()===""&&(s(!0),l(),u())},f=()=>{const p=n();if(!(_||!p)){if(p.innerText===""){l();return}a(p.innerText)}},$=p=>{p.preventDefault();const v=p.clipboardData.getData("text/plain");document.execCommand("insertHTML",!1,Re.default(v))};return t.createElement("div",{ref:o,className:e,contentEditable:!0,onPaste:$,onBlur:f,onKeyDown:m,dangerouslySetInnerHTML:{__html:Re.default(c)}})};var ie={"tag-input":"lc-TagInput-module__tag-input___CLVY-","tag-input--error":"lc-TagInput-module__tag-input--error___RP0SB","tag-input__input":"lc-TagInput-module__tag-input__input___dgEYB","tag-input__input--medium":"lc-TagInput-module__tag-input__input--medium___DYF7X","tag-input__input--large":"lc-TagInput-module__tag-input__input--large___G6iEO","tag-input__tag__content":"lc-TagInput-module__tag-input__tag__content___x95-M"};const lo="tag-input__tag",_o=({children:e,index:o,remove:r,validator:a,inputRef:l,update:c,size:_})=>{const s=t.useMemo(()=>a!==void 0?a(e):!0,[e,a]),n=t.useRef(null),d=()=>r(o);return t.createElement(at,{kind:s?"default":"error",dismissible:!0,size:_,onRemove:d},t.createElement(ao,{value:e,inputRef:l,innerEditableRef:n,className:ie[`${lo}__content`],change:u=>c(o,u),remove:d,validator:a}))},he="tag-input",co=[I.enter,I.spacebar,I.tab,I.semicolon,I.comma],no=[I.backspace,I.delete],lt=({tags:e,onChange:o,validator:r,error:a,placeholder:l,size:c="medium"})=>{const _=i.default(ie[he],{[ie[`${he}--error`]]:a}),s=i.default(ie[`${he}__input`],ie[`${he}__input--${c}`]),[n,d]=t.useState(""),u=t.useRef(null),m=g=>{o([...e||[],g]),d("")},f=g=>{const w=[...e||[]];w.splice(g,1),o(w)},$=g=>d(g.target.value),p=g=>{if(co.includes(g.key)){if(g.preventDefault(),n==="")return;m(n)}else if(no.includes(g.key)){if(n!==""||!(e!=null&&e.length))return;f(e.length-1)}},v=(g,w)=>{const R=[...e||[]];R.reduce(($e,h,P)=>$e+(h===w&&P!==g?1:0),0)>0?R.splice(g,1):R[g]=w,o(R)},E=g=>{g.preventDefault();const R=g.clipboardData.getData("text/plain").split(/[\s,;\n]+/);o([...e||[],...R])};return t.createElement(t.Fragment,null,t.createElement("div",{className:_},e==null?void 0:e.map((g,w)=>t.createElement(_o,{index:w,key:`${w}${g}`,update:v,remove:f,inputRef:u,validator:r,size:c},g)),t.createElement("input",{ref:u,className:s,placeholder:l,value:n,onChange:$,onKeyDown:p,onPaste:E})),a&&t.createElement(ye,null,a))},so=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i,io="name@company.com",uo=e=>so.test(e),mo=({tags:e,onChange:o,error:r,placeholder:a=io,size:l})=>t.createElement(lt,{tags:e,error:r,onChange:o,placeholder:a,validator:uo,size:l}),po="lc-Toast-module__toast___j5Amn",bo="lc-Toast-module__toast__content___HjaNw",go="lc-Toast-module__toast__icon___wLbLu",fo="lc-Toast-module__toast__close___O18Lh",vo="lc-Toast-module__toast__actions___JWu-1";var k={toast:po,toast__content:bo,toast__icon:go,toast__close:fo,toast__actions:vo,"toast__actions-close":"lc-Toast-module__toast__actions-close___xN8YT","toast__actions-custom":"lc-Toast-module__toast__actions-custom___z1UUf","toast--notification":"lc-Toast-module__toast--notification___pDXnc","toast--success":"lc-Toast-module__toast--success___7UC6m","toast--warning":"lc-Toast-module__toast--warning___pteb7","toast--error":"lc-Toast-module__toast--error___trg--","toast--info":"lc-Toast-module__toast--info___IOp44","toast-wrapper":"lc-Toast-module__toast-wrapper___Oiwqp","toast-wrapper--fixed":"lc-Toast-module__toast-wrapper--fixed___QYxRI","toast-wrapper--block":"lc-Toast-module__toast-wrapper--block___j0kGt","toast-wrapper--horizontal-center":"lc-Toast-module__toast-wrapper--horizontal-center___t9AFd","toast-wrapper--horizontal-left":"lc-Toast-module__toast-wrapper--horizontal-left___-GY4I","toast-wrapper--horizontal-right":"lc-Toast-module__toast-wrapper--horizontal-right___VVMgm","toast-wrapper--vertical-top":"lc-Toast-module__toast-wrapper--vertical-top___uBfEG","toast-appear--slide":"lc-Toast-module__toast-appear--slide___G7GAp","toast-appear-active--slide":"lc-Toast-module__toast-appear-active--slide___brfgK","toast-exit--slide":"lc-Toast-module__toast-exit--slide___aqiBq","toast-exit-active--slide":"lc-Toast-module__toast-exit-active--slide___WryMi","toast-wrapper--vertical-bottom":"lc-Toast-module__toast-wrapper--vertical-bottom___erPuH","toast-appear--fade":"lc-Toast-module__toast-appear--fade___oUwHm","toast-appear-active--fade":"lc-Toast-module__toast-appear-active--fade___D3--J","toast-exit--fade":"lc-Toast-module__toast-exit--fade___iDA1p","toast-exit-active--fade":"lc-Toast-module__toast-exit-active--fade___tL7sb"};const ee="toast";var _t=(e=>(e.Success="success",e.Warning="warning",e.Error="error",e.Info="info",e.Notification="notification",e))(_t||{});const ho={success:{source:C.CheckCircleSolid,iconType:N.Inverted},warning:{source:C.Warning},error:{source:C.Error,iconType:N.Inverted},info:{source:C.Info,iconType:N.Inverted},notification:{source:C.Info,iconType:N.Link}},ct=({action:e,className:o,children:r,removable:a,variant:l="info",onClose:c})=>{const _=i.default(k[ee],k[`${ee}--${l}`],o),s=n=>n&&n.closeOnClick&&c?(n.handler(),c()):n.handler();return t.createElement("div",{className:_},t.createElement("div",{className:k[`${ee}__icon`]},t.createElement(F,b({},ho[l]))),t.createElement("div",{className:k[`${ee}__content`]},r),(e||a)&&t.createElement("div",{className:k[`${ee}__actions`]},e&&t.createElement("button",{className:k[`${ee}__actions-custom`],onClick:()=>s(e)},e.label),a&&t.createElement("div",{className:k[`${ee}__actions-close`],"aria-label":"Close toast",onClick:c},t.createElement(F,{source:C.Close,size:j.Small,iconType:["warning","notification"].includes(l)?N.Primary:N.Inverted}))))};var nt=(e=>(e.Left="left",e.Center="center",e.Right="right",e))(nt||{}),st=(e=>(e.Top="top",e.Bottom="bottom",e))(st||{});const dt=200,se="toast-wrapper",yo=({className:e,toasts:o=[],fixed:r=!0,block:a=!1,animationType:l="slide",verticalPosition:c="top",horizontalPosition:_="center"})=>{const s=i.default(k[se],{[k[`${se}--fixed`]]:r,[k[`${se}--block`]]:!r&&a,[k[`${se}--horizontal-${_}`]]:_,[k[`${se}--vertical-${c}`]]:c},e);return t.createElement("div",{className:s},t.createElement(Me.TransitionGroup,{component:null},o.map(({id:n,variant:d,content:u,removable:m,action:f,onClose:$})=>t.createElement(Me.CSSTransition,{key:n,classNames:{enter:k[`toast-appear--${l}`],enterActive:k[`toast-appear-active--${l}`],exit:k[`toast-exit--${l}`],exitActive:k[`toast-exit-active--${l}`]},timeout:dt},t.createElement(ct,{variant:d,onClose:$,removable:m,action:f},u)))))};exports.ANIMATION_TIME=dt;exports.ActionModal=xr;exports.Alert=It;exports.Badge=Pt;exports.Button=De;exports.ButtonGroup=Yt;exports.Card=Xt;exports.Checkbox=Qe;exports.CheckboxField=_r;exports.DesignTokens=Et;exports.EmailTagInput=mo;exports.FieldDescription=me;exports.FieldError=ye;exports.FieldGroup=sr;exports.Form=br;exports.FormGroup=gr;exports.Heading=ue;exports.HorizontalPosition=nt;exports.Icon=F;exports.IconSizeName=j;exports.IconTypeName=N;exports.InputField=fr;exports.Link=hr;exports.Loader=Ze;exports.Modal=Cr;exports.ModalBase=Se;exports.ModalCloseButton=et;exports.ModalPortal=kr;exports.NumericInput=tt;exports.NumericInputField=Nr;exports.Popover=Br;exports.ProgressCircle=Rr;exports.PromoBanner=Lr;exports.RadioButton=Or;exports.Switch=Vr;exports.Tab=jr;exports.TabsList=Kr;exports.TabsWrapper=Xr;exports.Tag=at;exports.TagInput=lt;exports.Text=S;exports.TextField=Be;exports.Toast=ct;exports.ToastWrapper=yo;exports.Variants=_t;exports.VerticalPosition=st;
package/dist/dsrc.es.js CHANGED
@@ -32,6 +32,7 @@ var __objRest = (source, exclude) => {
32
32
  import * as React from "react";
33
33
  import cx from "clsx";
34
34
  import { Info, Warning, CheckCircleSolid, Block, Close, Check, ChevronUp, ChevronDown, Error as Error2 } from "@livechat/design-system-icons/react/material";
35
+ import { debounce } from "lodash";
35
36
  import * as ReactDOM from "react-dom";
36
37
  import { usePopper } from "react-popper";
37
38
  import { getContrast } from "polished";
@@ -352,11 +353,11 @@ const alert__content = "lc-Alert-module__alert__content___9nZdf";
352
353
  const alert__icon = "lc-Alert-module__alert__icon___8TaAH";
353
354
  var styles$p = {
354
355
  alert,
355
- "alert__content-text": "lc-Alert-module__alert__content-text___x2Un5",
356
356
  alert__content,
357
+ "alert__content-text": "lc-Alert-module__alert__content-text___x2Un5",
358
+ "alert__content-text--margin": "lc-Alert-module__alert__content-text--margin___whVzG",
359
+ "alert__content-icon": "lc-Alert-module__alert__content-icon___-EXJm",
357
360
  "alert--small": "lc-Alert-module__alert--small___Fyk-v",
358
- "alert--medium": "lc-Alert-module__alert--medium___ItZWT",
359
- "alert--large": "lc-Alert-module__alert--large___IH9yM",
360
361
  "alert__close-icon": "lc-Alert-module__alert__close-icon___rYxVy",
361
362
  "alert--info": "lc-Alert-module__alert--info___GmIGN",
362
363
  "alert--warning": "lc-Alert-module__alert--warning___MubhD",
@@ -386,18 +387,32 @@ const baseClass$s = "alert";
386
387
  const Alert = ({
387
388
  children,
388
389
  className,
389
- size = "small",
390
390
  type = "info",
391
391
  onClose
392
392
  }) => {
393
- const mergedClassNames = cx(styles$p[baseClass$s], styles$p[`${baseClass$s}--${type}`], styles$p[`${baseClass$s}--${size}`], className);
393
+ const containerRef = React.useRef(null);
394
+ const [isSmallContainer, setIsSmallContainer] = React.useState(false);
395
+ const mergedClassNames = cx(styles$p[baseClass$s], styles$p[`${baseClass$s}--${type}`], isSmallContainer && styles$p[`${baseClass$s}--small`], className);
396
+ React.useEffect(() => {
397
+ const handleResize = debounce(() => {
398
+ if (containerRef.current && containerRef.current.offsetWidth <= 400) {
399
+ return setIsSmallContainer(true);
400
+ }
401
+ return setIsSmallContainer(false);
402
+ }, 500);
403
+ window.addEventListener("resize", handleResize);
404
+ return () => window.removeEventListener("resize", handleResize);
405
+ });
394
406
  return /* @__PURE__ */ React.createElement("div", {
407
+ ref: containerRef,
395
408
  className: mergedClassNames
396
409
  }, /* @__PURE__ */ React.createElement("div", {
397
410
  className: styles$p[`${baseClass$s}__content`]
398
- }, /* @__PURE__ */ React.createElement(Icon, __spreadValues({}, IconConfig$1[type])), /* @__PURE__ */ React.createElement(Text, {
411
+ }, /* @__PURE__ */ React.createElement(Icon, __spreadProps(__spreadValues({}, IconConfig$1[type]), {
412
+ className: styles$p[`${baseClass$s}__content-icon`]
413
+ })), /* @__PURE__ */ React.createElement(Text, {
399
414
  as: "div",
400
- className: styles$p[`${baseClass$s}__content-text`]
415
+ className: cx(styles$p[`${baseClass$s}__content-text`], onClose && styles$p[`${baseClass$s}__content-text--margin`])
401
416
  }, children)), onClose && /* @__PURE__ */ React.createElement("button", {
402
417
  type: "button",
403
418
  className: styles$p[`${baseClass$s}__close-icon`],