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

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

@@ -19,11 +19,11 @@ var p = (t, e) => {
       e.indexOf(_) < 0 && m.call(t, _) && (o[_] = t[_]);
   return o;
 };
-import "../../assets/style-index10.css";
 import * as i from "react";
 import x from "clsx";
 import { FieldDescription as T } from "../FieldDescription/index.es.js";
-import { T as g } from "../../chunks/Text-78b02609.js";
+import { T as g } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
 const a = {
   "radio-button": "lc-RadioButton-module__radio-button___WaToM",
   "radio-button__circle": "lc-RadioButton-module__radio-button__circle___wimWA",

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

@@ -1 +1 @@
-var z=require("../../assets/style-index9.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),h=require("@livechat/design-system-icons"),O=require("clsx"),T=require("../../chunks/keyCodes-c4c35e49.js"),j=require("../Button/index.cjs.js"),m=require("../Icon/index.cjs.js"),v=require("../Loader/index.cjs.js"),F=require("../../chunks/Text-dd6930a2.js");function w(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const c=w(N),a={"search-input":"lc-Search-module__search-input___FsbCk","search-input--compact":"lc-Search-module__search-input--compact___498To","search-input--medium":"lc-Search-module__search-input--medium___Hwteg","search-input--large":"lc-Search-module__search-input--large___-IBuC","search-input--focused":"lc-Search-module__search-input--focused___i2eul","search-input--disabled":"lc-Search-module__search-input--disabled___LSJ2e","search-input--collapsable":"lc-Search-module__search-input--collapsable___5GaIH","search-input__search-icon":"lc-Search-module__search-input__search-icon___BBQoD","search-input--collapsable--open":"lc-Search-module__search-input--collapsable--open___vqTpD","search-input__clear-icon":"lc-Search-module__search-input__clear-icon___LoNkc","search-input__loader":"lc-Search-module__search-input__loader___pkpIG","search-input__input":"lc-Search-module__search-input__input___OhyTr"},t="search-input",D=`${t}__input`,R=({isCollapsable:e,isDisabled:r,isLoading:n,placeholder:l="Search ...",size:f="medium",value:o,className:S,onChange:u})=>{const[i,_]=c.useState(!0),[b,d]=c.useState(!1),p=c.useRef(null),y=!!o&&!r&&!n,g=e&&!i&&"true",k=O(S,a[t],a[`${t}--${f}`],b&&a[`${t}--focused`],r&&a[`${t}--disabled`],e&&a[`${t}--collapsable`],!i&&a[`${t}--collapsable--open`]);c.useEffect(()=>{e&&o&&_(!1)},[e]);const C=s=>{const B=s.currentTarget.value;u(B)},I=()=>{u("")},x=()=>{var s;(s=p.current)==null||s.focus()},$=()=>{e&&_(!1),d(!0)},E=()=>{e&&!o&&_(!0),d(!1)},q=s=>{s.key===T.KeyCodes.enter&&(s.preventDefault(),u(o))};return c.createElement("div",{"aria-expanded":g,role:"search",className:k,onClick:x},c.createElement(m.Icon,{className:a[`${t}__search-icon`],source:h.Search,disabled:r,kind:"primary"}),c.createElement(F.Text,{as:"div"},c.createElement("input",{role:"searchbox",ref:p,className:a[D],type:"text",value:o,placeholder:l,onChange:C,onBlur:E,onFocus:$,onKeyDown:q,disabled:r})),y&&c.createElement(j.Button,{"aria-label":"Clear search",title:"Clear search",className:a[`${t}__clear-icon`],onClick:I,icon:c.createElement(m.Icon,{source:h.Close,kind:"primary"}),kind:"text",size:"compact"}),n&&c.createElement("div",{"data-testid":`${t}-loader`,className:a[`${t}__loader`]},c.createElement(v.Loader,{size:"small"})))};exports.SearchInput=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),h=require("@livechat/design-system-icons"),O=require("clsx"),T=require("../../chunks/keyCodes-c4c35e49.js"),j=require("../Button/index.cjs.js"),m=require("../Icon/index.cjs.js"),v=require("../Loader/index.cjs.js"),F=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function w(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const c=w(N),a={"search-input":"lc-Search-module__search-input___FsbCk","search-input--compact":"lc-Search-module__search-input--compact___498To","search-input--medium":"lc-Search-module__search-input--medium___Hwteg","search-input--large":"lc-Search-module__search-input--large___-IBuC","search-input--focused":"lc-Search-module__search-input--focused___i2eul","search-input--disabled":"lc-Search-module__search-input--disabled___LSJ2e","search-input--collapsable":"lc-Search-module__search-input--collapsable___5GaIH","search-input__search-icon":"lc-Search-module__search-input__search-icon___BBQoD","search-input--collapsable--open":"lc-Search-module__search-input--collapsable--open___vqTpD","search-input__clear-icon":"lc-Search-module__search-input__clear-icon___LoNkc","search-input__loader":"lc-Search-module__search-input__loader___pkpIG","search-input__input":"lc-Search-module__search-input__input___OhyTr"},t="search-input",D=`${t}__input`,R=({isCollapsable:e,isDisabled:r,isLoading:n,placeholder:l="Search ...",size:f="medium",value:o,className:S,onChange:u})=>{const[i,_]=c.useState(!0),[b,d]=c.useState(!1),p=c.useRef(null),y=!!o&&!r&&!n,g=e&&!i&&"true",k=O(S,a[t],a[`${t}--${f}`],b&&a[`${t}--focused`],r&&a[`${t}--disabled`],e&&a[`${t}--collapsable`],!i&&a[`${t}--collapsable--open`]);c.useEffect(()=>{e&&o&&_(!1)},[e]);const C=s=>{const B=s.currentTarget.value;u(B)},I=()=>{u("")},x=()=>{var s;(s=p.current)==null||s.focus()},$=()=>{e&&_(!1),d(!0)},q=()=>{e&&!o&&_(!0),d(!1)},E=s=>{s.key===T.KeyCodes.enter&&(s.preventDefault(),u(o))};return c.createElement("div",{"aria-expanded":g,role:"search",className:k,onClick:x},c.createElement(m.Icon,{className:a[`${t}__search-icon`],source:h.Search,disabled:r,kind:"primary"}),c.createElement(F.Text,{as:"div"},c.createElement("input",{role:"searchbox",ref:p,className:a[D],type:"text",value:o,placeholder:l,onChange:C,onBlur:q,onFocus:$,onKeyDown:E,disabled:r})),y&&c.createElement(j.Button,{"aria-label":"Clear search",title:"Clear search",className:a[`${t}__clear-icon`],onClick:I,icon:c.createElement(m.Icon,{source:h.Close,kind:"primary"}),kind:"text",size:"compact"}),n&&c.createElement("div",{"data-testid":`${t}-loader`,className:a[`${t}__loader`]},c.createElement(v.Loader,{size:"small"})))};exports.SearchInput=R;

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

@@ -1,4 +1,3 @@
-import "../../assets/style-index9.css";
 import * as e from "react";
 import { Search as T, Close as F } from "@livechat/design-system-icons";
 import g from "clsx";
@@ -6,7 +5,8 @@ import { K } from "../../chunks/keyCodes-30323e90.js";
 import { Button as v } from "../Button/index.es.js";
 import { Icon as m } from "../Icon/index.es.js";
 import { Loader as w } from "../Loader/index.es.js";
-import { T as R } from "../../chunks/Text-78b02609.js";
+import { T as R } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
 const a = {
   "search-input": "lc-Search-module__search-input___FsbCk",
   "search-input--compact": "lc-Search-module__search-input--compact___498To",

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

@@ -1 +1 @@
-var z=require("../../assets/style-index8.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),_=require("clsx"),q=require("../Button/index.cjs.js");function w(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const l=w(P);function N(){}const E="lc-SegmentedControl-module__btn___tfsvL",s={"segmented-control":"lc-SegmentedControl-module__segmented-control___LHWSk",btn:E,"btn--active":"lc-SegmentedControl-module__btn--active___Za-th","btn--compact":"lc-SegmentedControl-module__btn--compact___gcSwq","btn--medium":"lc-SegmentedControl-module__btn--medium___w3UzC","btn--large":"lc-SegmentedControl-module__btn--large___yHPw4"},h="segmented-control",x=({size:e="medium",buttons:o,className:t,initialId:c,currentId:r,fullWidth:i=!1,onButtonClick:g=N})=>{const b=_(s[h],t),[S,d]=l.useState(()=>c),u=typeof r=="string";l.useEffect(()=>{u&&d(r)},[r]);const f=(n,a)=>{u||d(n),g(n,a)},p=o.map(({id:n,label:a,loading:C,disabled:y,icon:v})=>{const m=n===S,k=m?s["btn--active"]:"",O=m?!1:C;return l.createElement(q.Button,{key:n,fullWidth:i,loading:O,disabled:y,"aria-pressed":m,kind:"secondary",icon:v,className:_(s.btn,s[`btn--${e}`],k),onClick:j=>{f(n,j)}},a)});return l.createElement("div",{role:"group",className:b},p)};exports.SegmentedControl=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),i=require("clsx"),P=require("../Button/index.cjs.js");require("../Loader/index.cjs.js");require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function w(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const r=w(j);function N(){}const E="lc-SegmentedControl-module__btn___tfsvL",l={"segmented-control":"lc-SegmentedControl-module__segmented-control___LHWSk",btn:E,"btn--active":"lc-SegmentedControl-module__btn--active___Za-th","btn--compact":"lc-SegmentedControl-module__btn--compact___gcSwq","btn--medium":"lc-SegmentedControl-module__btn--medium___w3UzC","btn--large":"lc-SegmentedControl-module__btn--large___yHPw4"},h="segmented-control",x=({size:e="medium",buttons:o,className:t,initialId:c,currentId:s,fullWidth:_=!1,onButtonClick:g=N})=>{const b=i(l[h],t),[S,u]=r.useState(()=>c),d=typeof s=="string";r.useEffect(()=>{d&&u(s)},[s]);const f=(n,a)=>{d||u(n),g(n,a)},p=o.map(({id:n,label:a,loading:C,disabled:y,icon:v})=>{const m=n===S,q=m?l["btn--active"]:"",k=m?!1:C;return r.createElement(P.Button,{key:n,fullWidth:_,loading:k,disabled:y,"aria-pressed":m,kind:"secondary",icon:v,className:i(l.btn,l[`btn--${e}`],q),onClick:O=>{f(n,O)}},a)});return r.createElement("div",{role:"group",className:b},p)};exports.SegmentedControl=x;

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

@@ -1,33 +1,35 @@
-import "../../assets/style-index8.css";
 import * as e from "react";
 import r from "clsx";
 import { Button as N } from "../Button/index.es.js";
+import "../Loader/index.es.js";
+import "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
 function h() {
 }
-const x = "lc-SegmentedControl-module__btn___tfsvL", n = {
+const x = "lc-SegmentedControl-module__btn___tfsvL", o = {
   "segmented-control": "lc-SegmentedControl-module__segmented-control___LHWSk",
   btn: x,
   "btn--active": "lc-SegmentedControl-module__btn--active___Za-th",
   "btn--compact": "lc-SegmentedControl-module__btn--compact___gcSwq",
   "btn--medium": "lc-SegmentedControl-module__btn--medium___w3UzC",
   "btn--large": "lc-SegmentedControl-module__btn--large___yHPw4"
-}, H = "segmented-control", z = ({
+}, H = "segmented-control", R = ({
   size: a = "medium",
   buttons: _,
   className: d,
   initialId: i,
-  currentId: o,
+  currentId: n,
   fullWidth: g = !1,
   onButtonClick: u = h
 }) => {
-  const b = r(n[H], d), [S, c] = e.useState(() => i), m = typeof o == "string";
+  const b = r(o[H], d), [S, c] = e.useState(() => i), m = typeof n == "string";
   e.useEffect(() => {
-    m && c(o);
-  }, [o]);
-  const C = (t, s) => {
+    m && c(n);
+  }, [n]);
+  const p = (t, s) => {
     m || c(t), u(t, s);
-  }, p = _.map(({ id: t, label: s, loading: f, disabled: y, icon: v }) => {
-    const l = t === S, k = l ? n["btn--active"] : "", w = l ? !1 : f;
+  }, C = _.map(({ id: t, label: s, loading: f, disabled: y, icon: v }) => {
+    const l = t === S, k = l ? o["btn--active"] : "", w = l ? !1 : f;
     return /* @__PURE__ */ e.createElement(
       N,
       {
@@ -38,16 +40,16 @@ const x = "lc-SegmentedControl-module__btn___tfsvL", n = {
         "aria-pressed": l,
         kind: "secondary",
         icon: v,
-        className: r(n.btn, n[`btn--${a}`], k),
+        className: r(o.btn, o[`btn--${a}`], k),
         onClick: (E) => {
-          C(t, E);
+          p(t, E);
         }
       },
       s
     );
   });
-  return /* @__PURE__ */ e.createElement("div", { role: "group", className: b }, p);
+  return /* @__PURE__ */ e.createElement("div", { role: "group", className: b }, C);
 };
 export {
-  z as SegmentedControl
+  R as SegmentedControl
 };

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

@@ -1 +1 @@
-var M=Object.defineProperty;var r=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var $=(_,e,c)=>e in _?M(_,e,{enumerable:!0,configurable:!0,writable:!0,value:c}):_[e]=c,N=(_,e)=>{for(var c in e||(e={}))y.call(e,c)&&$(_,c,e[c]);if(r)for(var c of r(e))E.call(e,c)&&$(_,c,e[c]);return _};var O=(_,e)=>{var c={};for(var i in _)y.call(_,i)&&e.indexOf(i)<0&&(c[i]=_[i]);if(_!=null&&r)for(var i of r(_))e.indexOf(i)<0&&E.call(_,i)&&(c[i]=_[i]);return c};var U=require("../../assets/style-index7.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),I=require("@livechat/design-system-icons"),a=require("clsx"),W=require("../Icon/index.cjs.js"),J=require("../Loader/index.cjs.js");function T(_){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(_){for(const c in _)if(c!=="default"){const i=Object.getOwnPropertyDescriptor(_,c);Object.defineProperty(e,c,i.get?i:{enumerable:!0,get:()=>_[c]})}}return e.default=_,Object.freeze(e)}const l=T(P),X="lc-Switch-module__switch__input___NiiOR",z="lc-Switch-module__switch__container___79F7W",B="lc-Switch-module__switch__track___2wr2M",C="lc-Switch-module__switch__slider___WHd--",G="lc-Switch-module__switch__loader___FE-fA",H="lc-Switch-module__switch__icon___-O1qY",s={switch:"lc-Switch-module__switch___AaA2k","switch__track--enabled":"lc-Switch-module__switch__track--enabled___sy4Xl","switch__track--on":"lc-Switch-module__switch__track--on___aOMWe","switch__track--off":"lc-Switch-module__switch__track--off___NAisj","switch--large":"lc-Switch-module__switch--large___pSoJ7","switch--compact":"lc-Switch-module__switch--compact___OGFIX","switch--medium":"lc-Switch-module__switch--medium___EcZwT",switch__input:X,"switch__input--disabled":"lc-Switch-module__switch__input--disabled___Po8gh",switch__container:z,switch__track:B,"switch__track--disabled":"lc-Switch-module__switch__track--disabled___HkDhl",switch__slider:C,"switch__slider--large":"lc-Switch-module__switch__slider--large___WoEgi","switch__slider--large--on":"lc-Switch-module__switch__slider--large--on___7Qp3G","switch__slider--large--off":"lc-Switch-module__switch__slider--large--off___iRMmD","switch__slider--compact":"lc-Switch-module__switch__slider--compact___uZ-lS","switch__slider--compact--on":"lc-Switch-module__switch__slider--compact--on___FykE3","switch__slider--compact--off":"lc-Switch-module__switch__slider--compact--off___s5yR8","switch__slider--medium":"lc-Switch-module__switch__slider--medium___uhptz","switch__slider--medium--on":"lc-Switch-module__switch__slider--medium--on___SfeAV","switch__slider--medium--off":"lc-Switch-module__switch__slider--medium--off___eXJJz",switch__loader:G,"switch__loader--compact":"lc-Switch-module__switch__loader--compact___3imUh","switch__loader--medium":"lc-Switch-module__switch__loader--medium___2zi05","switch__loader--large":"lc-Switch-module__switch__loader--large___vLRFa",switch__icon:H},t="switch",V=Z=>{var u=Z,{className:_="",defaultOn:e=!1,disabled:c=!1,name:i=t,on:d,onChange:n,size:o="large",state:m="regular",innerRef:j,ariaLabel:q}=u,v=O(u,["className","defaultOn","disabled","name","on","onChange","size","state","innerRef","ariaLabel"]);const h=d!==void 0,[A,F]=l.useState(()=>h?d:e),w=h?d:A,S=m==="loading",p=m==="locked",L=o==="large"?"small":"xsmall",f=w?"on":"off",g=c||S||p,k=g?"disabled":"enabled",R=a(s[t],s[`${t}--${o}`],_),x=b=>{n==null||n(b,!w),h||(b.stopPropagation(),F(D=>!D))};return l.createElement("span",{className:R},l.createElement("input",N({type:"checkbox",className:a(s[`${t}__input`],s[`${t}__input--${k}`]),onChange:x,checked:w,name:i,ref:j,disabled:g,"aria-label":q},v)),l.createElement("span",{className:s[`${t}__container`]},l.createElement("span",{className:a(s[`${t}__track`],s[`${t}__track--${f}`],s[`${t}__track--${k}`])}),l.createElement("span",{className:a(s[`${t}__slider`],s[`${t}__slider--${o}`],s[`${t}__slider--${o}--${f}`])},S&&l.createElement(J.Loader,{className:a(s[`${t}__loader`],s[`${t}__loader--${o}`])}),p&&l.createElement(W.Icon,{className:s[`${t}__icon`],"data-testid":"lock-icon",size:L,source:I.LockBlackFilled,kind:"primary"}))))};exports.Switch=V;
+"use strict";var M=Object.defineProperty;var r=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var $=(_,e,c)=>e in _?M(_,e,{enumerable:!0,configurable:!0,writable:!0,value:c}):_[e]=c,N=(_,e)=>{for(var c in e||(e={}))y.call(e,c)&&$(_,c,e[c]);if(r)for(var c of r(e))E.call(e,c)&&$(_,c,e[c]);return _};var O=(_,e)=>{var c={};for(var i in _)y.call(_,i)&&e.indexOf(i)<0&&(c[i]=_[i]);if(_!=null&&r)for(var i of r(_))e.indexOf(i)<0&&E.call(_,i)&&(c[i]=_[i]);return c};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),I=require("@livechat/design-system-icons"),a=require("clsx"),W=require("../Icon/index.cjs.js"),J=require("../Loader/index.cjs.js");require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function T(_){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(_){for(const c in _)if(c!=="default"){const i=Object.getOwnPropertyDescriptor(_,c);Object.defineProperty(e,c,i.get?i:{enumerable:!0,get:()=>_[c]})}}return e.default=_,Object.freeze(e)}const l=T(P),X="lc-Switch-module__switch__input___NiiOR",z="lc-Switch-module__switch__container___79F7W",B="lc-Switch-module__switch__track___2wr2M",C="lc-Switch-module__switch__slider___WHd--",G="lc-Switch-module__switch__loader___FE-fA",H="lc-Switch-module__switch__icon___-O1qY",s={switch:"lc-Switch-module__switch___AaA2k","switch__track--enabled":"lc-Switch-module__switch__track--enabled___sy4Xl","switch__track--on":"lc-Switch-module__switch__track--on___aOMWe","switch__track--off":"lc-Switch-module__switch__track--off___NAisj","switch--large":"lc-Switch-module__switch--large___pSoJ7","switch--compact":"lc-Switch-module__switch--compact___OGFIX","switch--medium":"lc-Switch-module__switch--medium___EcZwT",switch__input:X,"switch__input--disabled":"lc-Switch-module__switch__input--disabled___Po8gh",switch__container:z,switch__track:B,"switch__track--disabled":"lc-Switch-module__switch__track--disabled___HkDhl",switch__slider:C,"switch__slider--large":"lc-Switch-module__switch__slider--large___WoEgi","switch__slider--large--on":"lc-Switch-module__switch__slider--large--on___7Qp3G","switch__slider--large--off":"lc-Switch-module__switch__slider--large--off___iRMmD","switch__slider--compact":"lc-Switch-module__switch__slider--compact___uZ-lS","switch__slider--compact--on":"lc-Switch-module__switch__slider--compact--on___FykE3","switch__slider--compact--off":"lc-Switch-module__switch__slider--compact--off___s5yR8","switch__slider--medium":"lc-Switch-module__switch__slider--medium___uhptz","switch__slider--medium--on":"lc-Switch-module__switch__slider--medium--on___SfeAV","switch__slider--medium--off":"lc-Switch-module__switch__slider--medium--off___eXJJz",switch__loader:G,"switch__loader--compact":"lc-Switch-module__switch__loader--compact___3imUh","switch__loader--medium":"lc-Switch-module__switch__loader--medium___2zi05","switch__loader--large":"lc-Switch-module__switch__loader--large___vLRFa",switch__icon:H},t="switch",V=Z=>{var u=Z,{className:_="",defaultOn:e=!1,disabled:c=!1,name:i=t,on:d,onChange:n,size:o="large",state:m="regular",innerRef:q,ariaLabel:j}=u,v=O(u,["className","defaultOn","disabled","name","on","onChange","size","state","innerRef","ariaLabel"]);const h=d!==void 0,[A,F]=l.useState(()=>h?d:e),w=h?d:A,S=m==="loading",p=m==="locked",L=o==="large"?"small":"xsmall",f=w?"on":"off",g=c||S||p,k=g?"disabled":"enabled",R=a(s[t],s[`${t}--${o}`],_),x=b=>{n==null||n(b,!w),h||(b.stopPropagation(),F(D=>!D))};return l.createElement("span",{className:R},l.createElement("input",N({type:"checkbox",className:a(s[`${t}__input`],s[`${t}__input--${k}`]),onChange:x,checked:w,name:i,ref:q,disabled:g,"aria-label":j},v)),l.createElement("span",{className:s[`${t}__container`]},l.createElement("span",{className:a(s[`${t}__track`],s[`${t}__track--${f}`],s[`${t}__track--${k}`])}),l.createElement("span",{className:a(s[`${t}__slider`],s[`${t}__slider--${o}`],s[`${t}__slider--${o}--${f}`])},S&&l.createElement(J.Loader,{className:a(s[`${t}__loader`],s[`${t}__loader--${o}`])}),p&&l.createElement(W.Icon,{className:s[`${t}__icon`],"data-testid":"lock-icon",size:L,source:I.LockBlackFilled,kind:"primary"}))))};exports.Switch=V;

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

@@ -18,12 +18,13 @@ var A = (_, t) => {
       t.indexOf(l) < 0 && N.call(_, l) && (c[l] = _[l]);
   return c;
 };
-import "../../assets/style-index7.css";
 import * as s from "react";
 import { LockBlackFilled as X } from "@livechat/design-system-icons";
 import a from "clsx";
 import { Icon as B } from "../Icon/index.es.js";
 import { Loader as C } from "../Loader/index.es.js";
+import "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
 const G = "lc-Switch-module__switch__input___NiiOR", H = "lc-Switch-module__switch__container___79F7W", I = "lc-Switch-module__switch__track___2wr2M", P = "lc-Switch-module__switch__slider___WHd--", V = "lc-Switch-module__switch__loader___FE-fA", Z = "lc-Switch-module__switch__icon___-O1qY", e = {
   switch: "lc-Switch-module__switch___AaA2k",
   "switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
@@ -52,7 +53,7 @@ const G = "lc-Switch-module__switch__input___NiiOR", H = "lc-Switch-module__swit
   "switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
   "switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
   switch__icon: Z
-}, i = "switch", K = (j) => {
+}, i = "switch", __ = (j) => {
   var u = j, {
     className: _ = "",
     defaultOn: t = !1,
@@ -140,5 +141,5 @@ const G = "lc-Switch-module__switch__input___NiiOR", H = "lc-Switch-module__swit
   )));
 };
 export {
-  K as Switch
+  __ as Switch
 };

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

@@ -1 +1 @@
-var N=Object.defineProperty,j=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var l=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var i=(e,t,a)=>t in e?N(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,T=(e,t)=>{for(var a in t||(t={}))u.call(t,a)&&i(e,a,t[a]);if(l)for(var a of l(t))m.call(t,a)&&i(e,a,t[a]);return e},p=(e,t)=>j(e,q(t));var g=(e,t)=>{var a={};for(var s in e)u.call(e,s)&&t.indexOf(s)<0&&(a[s]=e[s]);if(e!=null&&l)for(var s of l(e))t.indexOf(s)<0&&m.call(e,s)&&(a[s]=e[s]);return a};var w=require("../../assets/style-index6.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),n=require("clsx"),W=require("../Badge/index.cjs.js"),f=require("../../chunks/Text-dd6930a2.js");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const b=h(D),z="lc-Tab-module__tab___fME7u",L="lc-Tab-module__tab__count___gc8tA",A="lc-Tab-module__tab__badge___W9c-T",_={tab:z,tab__count:L,"tab--compact":"lc-Tab-module__tab--compact___4qead","tab--medium":"lc-Tab-module__tab--medium___bHnGV","tab--large":"lc-Tab-module__tab--large___JL30g",tab__badge:A,"tab--selected":"lc-Tab-module__tab--selected___c0EkL","tab--disabled":"lc-Tab-module__tab--disabled___URdTh"},c="tab",C=B=>{var r=B,{children:e,className:t,count:a,isSelected:s,asBadge:d,size:E="medium"}=r,o=g(r,["children","className","count","isSelected","asBadge","size"]);const{disabled:O}=o,v=a!==void 0&&!d,x=a!==void 0&&d;return b.createElement(f.Text,p(T({},o),{as:o.href?"a":"button",size:"md",bold:s,className:n(t,_[c],_[`${c}--${E}`],s&&_[`${c}--selected`],O&&_[`${c}--disabled`])}),e,v&&b.createElement(f.Text,{as:"span",size:"md",className:_[`${c}__count`]},"(",a,")"),x&&b.createElement(W.Badge,{"data-testid":"tab-badge",count:a,size:"compact",className:_[`${c}__badge`]}))},M="lc-TabsWrapper-module__tabs___Y2xyD",R="lc-TabsWrapper-module__tabs__list___i6tVO",y={tabs:M,tabs__list:R},$="tabs",S=({className:e,children:t})=>b.createElement("div",{className:n(y[$],e)},t),k=({className:e,children:t})=>b.createElement("div",{className:n(y[`${$}__list`],e)},t);exports.Tab=C;exports.TabsList=k;exports.TabsWrapper=S;
+"use strict";var x=Object.defineProperty,N=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var l=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var i=(e,t,a)=>t in e?x(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,T=(e,t)=>{for(var a in t||(t={}))u.call(t,a)&&i(e,a,t[a]);if(l)for(var a of l(t))m.call(t,a)&&i(e,a,t[a]);return e},p=(e,t)=>N(e,j(t));var g=(e,t)=>{var a={};for(var s in e)u.call(e,s)&&t.indexOf(s)<0&&(a[s]=e[s]);if(e!=null&&l)for(var s of l(e))t.indexOf(s)<0&&m.call(e,s)&&(a[s]=e[s]);return a};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),n=require("clsx"),W=require("../Badge/index.cjs.js"),f=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const b=h(D),z="lc-Tab-module__tab___fME7u",L="lc-Tab-module__tab__count___gc8tA",A="lc-Tab-module__tab__badge___W9c-T",_={tab:z,tab__count:L,"tab--compact":"lc-Tab-module__tab--compact___4qead","tab--medium":"lc-Tab-module__tab--medium___bHnGV","tab--large":"lc-Tab-module__tab--large___JL30g",tab__badge:A,"tab--selected":"lc-Tab-module__tab--selected___c0EkL","tab--disabled":"lc-Tab-module__tab--disabled___URdTh"},c="tab",C=B=>{var r=B,{children:e,className:t,count:a,isSelected:s,asBadge:d,size:E="medium"}=r,o=g(r,["children","className","count","isSelected","asBadge","size"]);const{disabled:O}=o,q=a!==void 0&&!d,v=a!==void 0&&d;return b.createElement(f.Text,p(T({},o),{as:o.href?"a":"button",size:"md",bold:s,className:n(t,_[c],_[`${c}--${E}`],s&&_[`${c}--selected`],O&&_[`${c}--disabled`])}),e,q&&b.createElement(f.Text,{as:"span",size:"md",className:_[`${c}__count`]},"(",a,")"),v&&b.createElement(W.Badge,{"data-testid":"tab-badge",count:a,size:"compact",className:_[`${c}__badge`]}))},M="lc-TabsWrapper-module__tabs___Y2xyD",R="lc-TabsWrapper-module__tabs__list___i6tVO",y={tabs:M,tabs__list:R},$="tabs",S=({className:e,children:t})=>b.createElement("div",{className:n(y[$],e)},t),k=({className:e,children:t})=>b.createElement("div",{className:n(y[`${$}__list`],e)},t);exports.Tab=C;exports.TabsList=k;exports.TabsWrapper=S;

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

@@ -19,11 +19,11 @@ var g = (a, t) => {
       t.indexOf(_) < 0 && u.call(a, _) && (e[_] = a[_]);
   return e;
 };
-import "../../assets/style-index6.css";
 import * as l from "react";
 import d from "clsx";
 import { Badge as A } from "../Badge/index.es.js";
-import { T as $ } from "../../chunks/Text-78b02609.js";
+import { T as $ } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
 const C = "lc-Tab-module__tab___fME7u", D = "lc-Tab-module__tab__count___gc8tA", L = "lc-Tab-module__tab__badge___W9c-T", s = {
   tab: C,
   tab__count: D,

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

@@ -1 +1 @@
-var S=Object.defineProperty,E=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var T=(e,a,t)=>a in e?S(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,i=(e,a)=>{for(var t in a||(a={}))b.call(a,t)&&T(e,t,a[t]);if(r)for(var t of r(a))f.call(a,t)&&T(e,t,a[t]);return e},x=(e,a)=>E(e,I(a));var F=(e,a)=>{var t={};for(var _ in e)b.call(e,_)&&a.indexOf(_)<0&&(t[_]=e[_]);if(e!=null&&r)for(var _ of r(e))a.indexOf(_)<0&&f.call(e,_)&&(t[_]=e[_]);return t};var Y=require("../../assets/style-index5.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),O=require("@livechat/design-system-icons"),R=require("clsx"),p=require("polished"),h=require("../Icon/index.cjs.js"),D=require("../../chunks/Text-dd6930a2.js");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const _=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,_.get?_:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const c=P(w),z="lc-Tag-module__tag___1QRVY",N="lc-Tag-module__tag__remove___UmtrW",K="lc-Tag-module__icon___2Z-35",M="lc-Tag-module__tag__node___rZTzB",Q="lc-Tag-module__tag__content___q6vKK",n={tag:z,"tag--success":"lc-Tag-module__tag--success___P2hXQ",tag__remove:N,"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--purple":"lc-Tag-module__tag--purple___a0xaE","tag--black":"lc-Tag-module__tag--black___qWjfD","tag--outline":"lc-Tag-module__tag--outline___aZXtr","tag--small":"lc-Tag-module__tag--small___xfcC5","tag--medium":"lc-Tag-module__tag--medium___l5-KI","tag--large":"lc-Tag-module__tag--large___ytC6Y","tag--xlarge":"lc-Tag-module__tag--xlarge___2jj1d",icon:K,"tag--text-white":"lc-Tag-module__tag--text-white___x0fnD","tag--text-black":"lc-Tag-module__tag--text-black___dUvmD","tag--dismissible":"lc-Tag-module__tag--dismissible___Qobyr",tag__node:M,tag__content:Q},o="tag",Z=e=>e?p.getContrast(e,"#FFFFFF")>4.5?"text-white":"text-black":"",U=W=>{var u=W,{className:e="",children:a,dismissible:t=!1,size:_="medium",kind:v="default",onRemove:y,outline:g=!1,leftNode:m,rightNode:d,customColor:l}=u,$=F(u,["className","children","dismissible","size","kind","onRemove","outline","leftNode","rightNode","customColor"]);const C=R(n[o],e,n[`${o}--${_}`],n[`${o}--${v}`],{[n[`${o}--dismissible`]]:t,[n[`${o}--outline`]]:g,[n[`${o}--${Z(l)}`]]:!!l}),j=_==="small"?"small":"medium",k=_==="small"?"sm":"md",q=()=>l?g?{style:{backgroundColor:"transparent",color:l,borderColor:l}}:{style:{backgroundColor:l}}:{},s=()=>{if(l)return g?l:p.getContrast(l,"#FFFFFF")>4.5?"#FFFFFF":"#000000"};return c.createElement(D.Text,x(i(i({className:C},$),q()),{as:"div",size:k}),m&&c.createElement("div",{"data-testid":"lc-tag-left-node",className:n[`${o}__node`],style:{color:s()}},m),c.createElement("div",{className:n[`${o}__content`]},a),d&&c.createElement("div",{"data-testid":"lc-tag-right-node",style:{color:s()}},d),t&&c.createElement("button",{tabIndex:-1,title:"Remove",onClick:y,type:"button","aria-label":"Remove tag",className:n[`${o}__remove`]},c.createElement(h.Icon,{"data-dismiss-icon":!0,source:O.Close,size:j,customColor:s()})))};exports.Tag=U;
+"use strict";var S=Object.defineProperty,E=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var T=(e,a,t)=>a in e?S(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,i=(e,a)=>{for(var t in a||(a={}))b.call(a,t)&&T(e,t,a[t]);if(r)for(var t of r(a))f.call(a,t)&&T(e,t,a[t]);return e},x=(e,a)=>E(e,I(a));var F=(e,a)=>{var t={};for(var _ in e)b.call(e,_)&&a.indexOf(_)<0&&(t[_]=e[_]);if(e!=null&&r)for(var _ of r(e))a.indexOf(_)<0&&f.call(e,_)&&(t[_]=e[_]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),O=require("@livechat/design-system-icons"),R=require("clsx"),p=require("polished"),h=require("../Icon/index.cjs.js"),D=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const _=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,_.get?_:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const c=P(w),z="lc-Tag-module__tag___1QRVY",N="lc-Tag-module__tag__remove___UmtrW",K="lc-Tag-module__icon___2Z-35",M="lc-Tag-module__tag__node___rZTzB",Q="lc-Tag-module__tag__content___q6vKK",n={tag:z,"tag--success":"lc-Tag-module__tag--success___P2hXQ",tag__remove:N,"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--purple":"lc-Tag-module__tag--purple___a0xaE","tag--black":"lc-Tag-module__tag--black___qWjfD","tag--outline":"lc-Tag-module__tag--outline___aZXtr","tag--small":"lc-Tag-module__tag--small___xfcC5","tag--medium":"lc-Tag-module__tag--medium___l5-KI","tag--large":"lc-Tag-module__tag--large___ytC6Y","tag--xlarge":"lc-Tag-module__tag--xlarge___2jj1d",icon:K,"tag--text-white":"lc-Tag-module__tag--text-white___x0fnD","tag--text-black":"lc-Tag-module__tag--text-black___dUvmD","tag--dismissible":"lc-Tag-module__tag--dismissible___Qobyr",tag__node:M,tag__content:Q},o="tag",Z=e=>e?p.getContrast(e,"#FFFFFF")>4.5?"text-white":"text-black":"",U=W=>{var u=W,{className:e="",children:a,dismissible:t=!1,size:_="medium",kind:v="default",onRemove:y,outline:g=!1,leftNode:m,rightNode:d,customColor:l}=u,$=F(u,["className","children","dismissible","size","kind","onRemove","outline","leftNode","rightNode","customColor"]);const C=R(n[o],e,n[`${o}--${_}`],n[`${o}--${v}`],{[n[`${o}--dismissible`]]:t,[n[`${o}--outline`]]:g,[n[`${o}--${Z(l)}`]]:!!l}),j=_==="small"?"small":"medium",k=_==="small"?"sm":"md",q=()=>l?g?{style:{backgroundColor:"transparent",color:l,borderColor:l}}:{style:{backgroundColor:l}}:{},s=()=>{if(l)return g?l:p.getContrast(l,"#FFFFFF")>4.5?"#FFFFFF":"#000000"};return c.createElement(D.Text,x(i(i({className:C},$),q()),{as:"div",size:k}),m&&c.createElement("div",{"data-testid":"lc-tag-left-node",className:n[`${o}__node`],style:{color:s()}},m),c.createElement("div",{className:n[`${o}__content`]},a),d&&c.createElement("div",{"data-testid":"lc-tag-right-node",style:{color:s()}},d),t&&c.createElement("button",{tabIndex:-1,title:"Remove",onClick:y,type:"button","aria-label":"Remove tag",className:n[`${o}__remove`]},c.createElement(h.Icon,{"data-dismiss-icon":!0,source:O.Close,size:j,customColor:s()})))};exports.Tag=U;

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

@@ -19,13 +19,13 @@ var b = (t, e) => {
       e.indexOf(_) < 0 && F.call(t, _) && (a[_] = t[_]);
   return a;
 };
-import "../../assets/style-index5.css";
 import * as r from "react";
 import { Close as j } from "@livechat/design-system-icons";
 import z from "clsx";
 import { getContrast as p } from "polished";
 import { Icon as D } from "../Icon/index.es.js";
-import { T as K } from "../../chunks/Text-78b02609.js";
+import { T as K } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
 const N = "lc-Tag-module__tag___1QRVY", Q = "lc-Tag-module__tag__remove___UmtrW", S = "lc-Tag-module__icon___2Z-35", Z = "lc-Tag-module__tag__node___rZTzB", q = "lc-Tag-module__tag__content___q6vKK", o = {
   tag: N,
   "tag--success": "lc-Tag-module__tag--success___P2hXQ",

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

@@ -1 +1 @@
-var G=Object.defineProperty,X=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var S=(t,e,n)=>e in t?G(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,I=(t,e)=>{for(var n in e||(e={}))P.call(e,n)&&S(t,n,e[n]);if(b)for(var n of b(e))V.call(e,n)&&S(t,n,e[n]);return t},D=(t,e)=>X(t,A(e));var K=(t,e)=>{var n={};for(var a in t)P.call(t,a)&&e.indexOf(a)<0&&(n[a]=t[a]);if(t!=null&&b)for(var a of b(t))e.indexOf(a)<0&&V.call(t,a)&&(n[a]=t[a]);return n};var _e=require("../../assets/style-index4.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),q=require("clsx"),i=require("../../chunks/keyCodes-c4c35e49.js"),Q=require("../FieldError/index.cjs.js"),U=require("../../chunks/Text-dd6930a2.js"),W=require("../Tag/index.cjs.js"),w=require("lodash.escape");function Z(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const o=Z(J),ee=({className:t="",innerEditableRef:e,inputRef:n,change:a,remove:u,value:m})=>{const[_,d]=o.useState(!1),s=()=>e.current,p=()=>{const r=s();return r?r.innerText:""},x=()=>{n&&n.current&&n.current.focus()},v=r=>{if(r.key===i.KeyCodes.enter){r.preventDefault(),x();return}r.key===i.KeyCodes.backspace&&p()===""&&(d(!0),u(),x())},O=()=>{const r=s();if(!(_||!r)){if(r.innerText===""){u();return}a(r.innerText)}},y=r=>{r.preventDefault();const C=r.clipboardData.getData("text/plain");document.execCommand("insertHTML",!1,w(C))};return o.createElement("div",{ref:e,className:t,contentEditable:!0,onPaste:y,onBlur:O,onKeyDown:v,dangerouslySetInnerHTML:{__html:w(m)}})},T={"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"},te="tag-input__tag",ne=({children:t,index:e,remove:n,validator:a,inputRef:u,update:m,size:_})=>{const d=o.useMemo(()=>a!==void 0?a(t):!0,[t,a]),s=o.useRef(null),p=()=>n(e);return o.createElement(W.Tag,{kind:d?"default":"error",dismissible:!0,size:_,onRemove:p},o.createElement(ee,{value:t,inputRef:u,innerEditableRef:s,className:T[`${te}__content`],change:x=>m(e,x),remove:p,validator:a}))},E="tag-input",ae=[i.KeyCodes.enter,i.KeyCodes.spacebar,i.KeyCodes.tab,i.KeyCodes.semicolon,i.KeyCodes.comma],ce=[i.KeyCodes.backspace,i.KeyCodes.delete],h=O=>{var y=O,{id:t,tags:e,onChange:n,validator:a,error:u,placeholder:m,size:_="medium",className:d,inputClassName:s,onBlur:p,addOnBlur:x=!0}=y,v=K(y,["id","tags","onChange","validator","error","placeholder","size","className","inputClassName","onBlur","addOnBlur"]);const r=q(T[E],{[T[`${E}--error`]]:u},d),C=q(s,T[`${E}__input`],T[`${E}__input--${_}`]),[f,$]=o.useState(""),k=o.useRef(null),z=c=>{n([...e||[],c]),$("")},R=c=>{const l=[...e||[]];l.splice(c,1),n(l)},M=c=>$(c.target.value),N=c=>{if(ae.includes(c.key)){if(c.preventDefault(),f==="")return;z(f)}else if(ce.includes(c.key)){if(f!==""||!(e!=null&&e.length))return;R(e.length-1)}},j=c=>{x&&z(f),p==null||p(c)},F=(c,l)=>{const g=[...e||[]];g.reduce((Y,H,B)=>Y+(H===l&&B!==c?1:0),0)>0?g.splice(c,1):g[c]=l,n(g)},L=c=>{c.preventDefault();const g=c.clipboardData.getData("text/plain").split(/[\s,;\n]+/);n([...e||[],...g])};return o.createElement(o.Fragment,null,o.createElement(U.Text,{as:"div",className:r},e==null?void 0:e.map((c,l)=>o.createElement(ne,{index:l,key:`${l}${c}`,update:F,remove:R,inputRef:k,validator:a,size:_},c)),o.createElement("input",D(I({},v),{id:t,ref:k,className:C,placeholder:m,value:f,onChange:M,onKeyDown:N,onPaste:L,onBlur:j}))),u&&o.createElement(Q.FieldError,null,u))},re=/^(?:[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,oe="name@company.com",ue=t=>re.test(t),se=d=>{var s=d,{id:t,tags:e,onChange:n,error:a,placeholder:u=oe,size:m}=s,_=K(s,["id","tags","onChange","error","placeholder","size"]);return o.createElement(h,D(I({},_),{id:t,tags:e,error:a,onChange:n,placeholder:u,validator:ue,size:m}))};exports.EmailTagInput=se;exports.TagInput=h;
+"use strict";var G=Object.defineProperty,X=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var R=(t,e,n)=>e in t?G(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,I=(t,e)=>{for(var n in e||(e={}))S.call(e,n)&&R(t,n,e[n]);if(b)for(var n of b(e))P.call(e,n)&&R(t,n,e[n]);return t},D=(t,e)=>X(t,A(e));var K=(t,e)=>{var n={};for(var a in t)S.call(t,a)&&e.indexOf(a)<0&&(n[a]=t[a]);if(t!=null&&b)for(var a of b(t))e.indexOf(a)<0&&P.call(t,a)&&(n[a]=t[a]);return n};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),V=require("clsx"),i=require("../../chunks/keyCodes-c4c35e49.js"),Q=require("../FieldError/index.cjs.js"),U=require("../../chunks/Text-df483689.js"),W=require("../Tag/index.cjs.js"),w=require("lodash.escape");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");require("polished");function Z(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const c=Z(J),ee=({className:t="",innerEditableRef:e,inputRef:n,change:a,remove:o,value:m})=>{const[_,d]=c.useState(!1),s=()=>e.current,p=()=>{const u=s();return u?u.innerText:""},x=()=>{n&&n.current&&n.current.focus()},v=u=>{if(u.key===i.KeyCodes.enter){u.preventDefault(),x();return}u.key===i.KeyCodes.backspace&&p()===""&&(d(!0),o(),x())},q=()=>{const u=s();if(!(_||!u)){if(u.innerText===""){o();return}a(u.innerText)}},y=u=>{u.preventDefault();const C=u.clipboardData.getData("text/plain");document.execCommand("insertHTML",!1,w(C))};return c.createElement("div",{ref:e,className:t,contentEditable:!0,onPaste:y,onBlur:q,onKeyDown:v,dangerouslySetInnerHTML:{__html:w(m)}})},T={"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"},te="tag-input__tag",ne=({children:t,index:e,remove:n,validator:a,inputRef:o,update:m,size:_})=>{const d=c.useMemo(()=>a!==void 0?a(t):!0,[t,a]),s=c.useRef(null),p=()=>n(e);return c.createElement(W.Tag,{kind:d?"default":"error",dismissible:!0,size:_,onRemove:p},c.createElement(ee,{value:t,inputRef:o,innerEditableRef:s,className:T[`${te}__content`],change:x=>m(e,x),remove:p,validator:a}))},E="tag-input",ae=[i.KeyCodes.enter,i.KeyCodes.spacebar,i.KeyCodes.tab,i.KeyCodes.semicolon,i.KeyCodes.comma],re=[i.KeyCodes.backspace,i.KeyCodes.delete],h=q=>{var y=q,{id:t,tags:e,onChange:n,validator:a,error:o,placeholder:m,size:_="medium",className:d,inputClassName:s,onBlur:p,addOnBlur:x=!0}=y,v=K(y,["id","tags","onChange","validator","error","placeholder","size","className","inputClassName","onBlur","addOnBlur"]);const u=V(T[E],{[T[`${E}--error`]]:o},d),C=V(s,T[`${E}__input`],T[`${E}__input--${_}`]),[f,O]=c.useState(""),$=c.useRef(null),k=r=>{n([...e||[],r]),O("")},z=r=>{const l=[...e||[]];l.splice(r,1),n(l)},M=r=>O(r.target.value),N=r=>{if(ae.includes(r.key)){if(r.preventDefault(),f==="")return;k(f)}else if(re.includes(r.key)){if(f!==""||!(e!=null&&e.length))return;z(e.length-1)}},j=r=>{x&&k(f),p==null||p(r)},F=(r,l)=>{const g=[...e||[]];g.reduce((Y,H,B)=>Y+(H===l&&B!==r?1:0),0)>0?g.splice(r,1):g[r]=l,n(g)},L=r=>{r.preventDefault();const g=r.clipboardData.getData("text/plain").split(/[\s,;\n]+/);n([...e||[],...g])};return c.createElement(c.Fragment,null,c.createElement(U.Text,{as:"div",className:u},e==null?void 0:e.map((r,l)=>c.createElement(ne,{index:l,key:`${l}${r}`,update:F,remove:z,inputRef:$,validator:a,size:_},r)),c.createElement("input",D(I({},v),{id:t,ref:$,className:C,placeholder:m,value:f,onChange:M,onKeyDown:N,onPaste:L,onBlur:j}))),o&&c.createElement(Q.FieldError,null,o))},ue=/^(?:[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,ce="name@company.com",oe=t=>ue.test(t),se=d=>{var s=d,{id:t,tags:e,onChange:n,error:a,placeholder:o=ce,size:m}=s,_=K(s,["id","tags","onChange","error","placeholder","size"]);return c.createElement(h,D(I({},_),{id:t,tags:e,error:a,onChange:n,placeholder:o,validator:oe,size:m}))};exports.EmailTagInput=se;exports.TagInput=h;

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

@@ -19,48 +19,51 @@ var z = (t, e) => {
       e.indexOf(r) < 0 && N.call(t, r) && (n[r] = t[r]);
   return n;
 };
-import "../../assets/style-index4.css";
-import * as u from "react";
+import * as c from "react";
 import O from "clsx";
 import { K as i } from "../../chunks/keyCodes-30323e90.js";
 import { FieldError as A } from "../FieldError/index.es.js";
-import { T as J } from "../../chunks/Text-78b02609.js";
+import { T as J } from "../../chunks/Text-b31d1e9a.js";
 import { Tag as Q } from "../Tag/index.es.js";
 import P from "lodash.escape";
+import "@livechat/design-system-icons";
+import "../Icon/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
+import "polished";
 const U = ({
   className: t = "",
   innerEditableRef: e,
   inputRef: n,
   change: r,
-  remove: o,
+  remove: u,
   value: _
 }) => {
-  const [m, x] = u.useState(!1), s = () => e.current, p = () => {
-    const c = s();
-    return c ? c.innerText : "";
+  const [m, x] = c.useState(!1), s = () => e.current, p = () => {
+    const o = s();
+    return o ? o.innerText : "";
   }, f = () => {
     n && n.current && n.current.focus();
-  }, y = (c) => {
-    if (c.key === i.enter) {
-      c.preventDefault(), f();
+  }, y = (o) => {
+    if (o.key === i.enter) {
+      o.preventDefault(), f();
       return;
     }
-    c.key === i.backspace && p() === "" && (x(!0), o(), f());
+    o.key === i.backspace && p() === "" && (x(!0), u(), f());
   }, R = () => {
-    const c = s();
-    if (!(m || !c)) {
-      if (c.innerText === "") {
-        o();
+    const o = s();
+    if (!(m || !o)) {
+      if (o.innerText === "") {
+        u();
         return;
       }
-      r(c.innerText);
+      r(o.innerText);
     }
-  }, b = (c) => {
-    c.preventDefault();
-    const I = c.clipboardData.getData("text/plain");
+  }, b = (o) => {
+    o.preventDefault();
+    const I = o.clipboardData.getData("text/plain");
     document.execCommand("insertHTML", !1, P(I));
   };
-  return /* @__PURE__ */ u.createElement(
+  return /* @__PURE__ */ c.createElement(
     "div",
     {
       ref: e,
@@ -84,12 +87,12 @@ const U = ({
   index: e,
   remove: n,
   validator: r,
-  inputRef: o,
+  inputRef: u,
   update: _,
   size: m
 }) => {
-  const x = u.useMemo(() => r !== void 0 ? r(t) : !0, [t, r]), s = u.useRef(null), p = () => n(e);
-  return /* @__PURE__ */ u.createElement(
+  const x = c.useMemo(() => r !== void 0 ? r(t) : !0, [t, r]), s = c.useRef(null), p = () => n(e);
+  return /* @__PURE__ */ c.createElement(
     Q,
     {
       kind: x ? "default" : "error",
@@ -97,11 +100,11 @@ const U = ({
       size: m,
       onRemove: p
     },
-    /* @__PURE__ */ u.createElement(
+    /* @__PURE__ */ c.createElement(
       U,
       {
         value: t,
-        inputRef: o,
+        inputRef: u,
         innerEditableRef: s,
         className: T[`${W}__content`],
         change: (f) => _(e, f),
@@ -122,7 +125,7 @@ const U = ({
     tags: e,
     onChange: n,
     validator: r,
-    error: o,
+    error: u,
     placeholder: _,
     size: m = "medium",
     className: x,
@@ -142,17 +145,17 @@ const U = ({
     "onBlur",
     "addOnBlur"
   ]);
-  const c = O(
+  const o = O(
     T[v],
     {
-      [T[`${v}--error`]]: o
+      [T[`${v}--error`]]: u
     },
     x
   ), I = O(
     s,
     T[`${v}__input`],
     T[`${v}__input--${m}`]
-  ), [g, k] = u.useState(""), V = u.useRef(null), C = (a) => {
+  ), [g, k] = c.useState(""), V = c.useRef(null), C = (a) => {
     n([...e || [], a]), k("");
   }, K = (a) => {
     const l = [...e || []];
@@ -180,7 +183,7 @@ const U = ({
     const d = a.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
     n([...e || [], ...d]);
   };
-  return /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement(J, { as: "div", className: c }, e == null ? void 0 : e.map((a, l) => /* @__PURE__ */ u.createElement(
+  return /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement(J, { as: "div", className: o }, e == null ? void 0 : e.map((a, l) => /* @__PURE__ */ c.createElement(
     Z,
     {
       index: l,
@@ -192,7 +195,7 @@ const U = ({
       size: m
     },
     a
-  )), /* @__PURE__ */ u.createElement(
+  )), /* @__PURE__ */ c.createElement(
     "input",
     $(D({}, y), {
       id: t,
@@ -205,14 +208,14 @@ const U = ({
       onPaste: Y,
       onBlur: F
     })
-  )), o && /* @__PURE__ */ u.createElement(A, null, o));
-}, ae = /^(?:[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, re = "name@company.com", ce = (t) => ae.test(t), fe = (x) => {
+  )), u && /* @__PURE__ */ c.createElement(A, null, u));
+}, ae = /^(?:[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, re = "name@company.com", oe = (t) => ae.test(t), Te = (x) => {
   var s = x, {
     id: t,
     tags: e,
     onChange: n,
     error: r,
-    placeholder: o = re,
+    placeholder: u = re,
     size: _
   } = s, m = z(s, [
     "id",
@@ -222,20 +225,20 @@ const U = ({
     "placeholder",
     "size"
   ]);
-  return /* @__PURE__ */ u.createElement(
+  return /* @__PURE__ */ c.createElement(
     ne,
     $(D({}, m), {
       id: t,
       tags: e,
       error: r,
       onChange: n,
-      placeholder: o,
-      validator: ce,
+      placeholder: u,
+      validator: oe,
       size: _
     })
   );
 };
 export {
-  fe as EmailTagInput,
+  Te as EmailTagInput,
   ne as TagInput
 };

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

@@ -1 +1 @@
-var S=Object.defineProperty,q=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var x=(e,a,t)=>a in e?S(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,b=(e,a)=>{for(var t in a||(a={}))f.call(a,t)&&x(e,t,a[t]);if(s)for(var t of s(a))m.call(a,t)&&x(e,t,a[t]);return e},T=(e,a)=>q(e,E(a));var g=(e,a)=>{var t={};for(var r in e)f.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&s)for(var r of s(e))a.indexOf(r)<0&&m.call(e,r)&&(t[r]=e[r]);return t};var G=require("../../assets/style-index3.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),N=require("clsx"),R=require("../../chunks/Text-dd6930a2.js");function $(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const c=$(F),h="lc-Textarea-module__textarea___g6U8F",o={textarea:h,"textarea--focused":"lc-Textarea-module__textarea--focused___1vtEx","textarea--disabled":"lc-Textarea-module__textarea--disabled___xXaGv","textarea--error":"lc-Textarea-module__textarea--error___0EGuq"},n="textarea",w=c.forwardRef((C,r)=>{var _=C,{className:e,error:a}=_,t=g(_,["className","error"]);const{disabled:O,onBlur:l,onFocus:u}=t,[p,i]=c.useState(!1),y=N(e,o[n],{[o[`${n}--disabled`]]:O,[o[`${n}--focused`]]:p,[o[`${n}--error`]]:a}),j=d=>{i(!1),l==null||l(d)},v=d=>{i(!0),u==null||u(d)};return c.createElement(R.Text,{as:"div",className:y},c.createElement("textarea",T(b({},t),{ref:r,onFocus:v,onBlur:j})))});exports.Textarea=w;
+"use strict";var v=Object.defineProperty,S=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var x=(e,a,t)=>a in e?v(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,b=(e,a)=>{for(var t in a||(a={}))f.call(a,t)&&x(e,t,a[t]);if(s)for(var t of s(a))m.call(a,t)&&x(e,t,a[t]);return e},T=(e,a)=>S(e,E(a));var g=(e,a)=>{var t={};for(var r in e)f.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&s)for(var r of s(e))a.indexOf(r)<0&&m.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),N=require("clsx"),R=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function $(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const c=$(F),h="lc-Textarea-module__textarea___g6U8F",o={textarea:h,"textarea--focused":"lc-Textarea-module__textarea--focused___1vtEx","textarea--disabled":"lc-Textarea-module__textarea--disabled___xXaGv","textarea--error":"lc-Textarea-module__textarea--error___0EGuq"},n="textarea",w=c.forwardRef((C,r)=>{var _=C,{className:e,error:a}=_,t=g(_,["className","error"]);const{disabled:O,onBlur:l,onFocus:u}=t,[p,i]=c.useState(!1),y=N(e,o[n],{[o[`${n}--disabled`]]:O,[o[`${n}--focused`]]:p,[o[`${n}--error`]]:a}),j=d=>{i(!1),l==null||l(d)},q=d=>{i(!0),u==null||u(d)};return c.createElement(R.Text,{as:"div",className:y},c.createElement("textarea",T(b({},t),{ref:r,onFocus:q,onBlur:j})))});exports.Textarea=w;

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

@@ -19,10 +19,10 @@ var p = (e, a) => {
       a.indexOf(r) < 0 && i.call(e, r) && (t[r] = e[r]);
   return t;
 };
-import "../../assets/style-index3.css";
 import * as o from "react";
 import N from "clsx";
-import { T as O } from "../../chunks/Text-78b02609.js";
+import { T as O } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
 const R = "lc-Textarea-module__textarea___g6U8F", c = {
   textarea: R,
   "textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",

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

@@ -1 +1 @@
-var q=Object.defineProperty,j=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var x=(t,o,e)=>o in t?q(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,w=(t,o)=>{for(var e in o||(o={}))$.call(o,e)&&x(t,e,o[e]);if(d)for(var e of d(o))N.call(o,e)&&x(t,e,o[e]);return t},C=(t,o)=>j(t,M(o));var E=(t,o)=>{var e={};for(var a in t)$.call(t,a)&&o.indexOf(a)<0&&(e[a]=t[a]);if(t!=null&&d)for(var a of d(t))o.indexOf(a)<0&&N.call(t,a)&&(e[a]=t[a]);return e};var R=require("../../assets/style-index2.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),u=require("@livechat/design-system-icons"),v=require("clsx"),h=require("../Button/index.cjs.js"),I=require("../Icon/index.cjs.js"),y=require("../../chunks/Text-dd6930a2.js"),k=require("react-transition-group");function S(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const _=S(G),B="lc-Toast-module__toast___j5Amn",W="lc-Toast-module__toast__content___HjaNw",D="lc-Toast-module__toast__actions___JWu-1",H="lc-Toast-module__toast__actions__button___Iblrl",s={toast:B,toast__content:W,toast__actions:D,toast__actions__button:H,"toast__actions__button--success":"lc-Toast-module__toast__actions__button--success___5JmFw","toast__actions__button--warning":"lc-Toast-module__toast__actions__button--warning___zGQ-Q","toast__actions__button--error":"lc-Toast-module__toast__actions__button--error___PuTv3","toast__actions__button--info":"lc-Toast-module__toast__actions__button--info___fNtsj","toast__actions--custom":"lc-Toast-module__toast__actions--custom___lm-pM","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"},J={success:{source:u.CheckCircle},warning:{source:u.Warning},error:{source:u.Block},info:{source:u.Info}},r="toast",z=g=>{var m=g,{action:t,className:o,children:e,removable:a,kind:c="info",onClose:n}=m,p=E(m,["action","className","children","removable","kind","onClose"]);const T=v(s[r],s[`${r}--${c}`],o),f=typeof e=="string",b=l=>l&&l.closesOnClick&&n?(l.onClick(),n()):l.onClick();return _.createElement("div",w({className:T},p),_.createElement("div",{className:s[`${r}__icon`]},_.createElement(I.Icon,C(w({},J[c]),{size:"medium"}))),_.createElement("div",{className:s[`${r}__content`]},f?_.createElement(y.Text,{as:"div"},e):e),(t||a)&&_.createElement("div",{className:s[`${r}__actions`]},t&&_.createElement(h.Button,{className:s[`${r}__actions--custom`],kind:"text",size:"compact",onClick:()=>b(t)},t.label),a&&_.createElement("button",{className:v(s[`${r}__actions__button`],s[`${r}__actions__button--${c}`]),"aria-label":"Close toast",onClick:n},_.createElement(I.Icon,{source:u.Close,size:"medium"}))))},A=200,i="toast-wrapper",P=({className:t,toasts:o=[],fixed:e=!0,block:a=!1,animationType:c="slide",verticalPosition:n="top",horizontalPosition:p="center"})=>{const g=v(s[i],{[s[`${i}--fixed`]]:e,[s[`${i}--block`]]:!e&&a,[s[`${i}--horizontal-${p}`]]:p,[s[`${i}--vertical-${n}`]]:n},t);return _.createElement("div",{className:g},_.createElement(k.TransitionGroup,{component:null},o.map(({id:m,kind:T,content:f,removable:b,action:l,onClose:O})=>_.createElement(k.CSSTransition,{key:m,classNames:{enter:s[`toast-appear--${c}`],enterActive:s[`toast-appear-active--${c}`],exit:s[`toast-exit--${c}`],exitActive:s[`toast-exit-active--${c}`]},timeout:A},_.createElement(z,{kind:T,onClose:O,removable:b,action:l},f)))))};exports.ANIMATION_TIME=A;exports.Toast=z;exports.ToastWrapper=P;
+"use strict";var O=Object.defineProperty,j=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var x=(t,o,e)=>o in t?O(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,w=(t,o)=>{for(var e in o||(o={}))$.call(o,e)&&x(t,e,o[e]);if(d)for(var e of d(o))N.call(o,e)&&x(t,e,o[e]);return t},C=(t,o)=>j(t,M(o));var E=(t,o)=>{var e={};for(var a in t)$.call(t,a)&&o.indexOf(a)<0&&(e[a]=t[a]);if(t!=null&&d)for(var a of d(t))o.indexOf(a)<0&&N.call(t,a)&&(e[a]=t[a]);return e};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),u=require("@livechat/design-system-icons"),v=require("clsx"),h=require("../Button/index.cjs.js"),I=require("../Icon/index.cjs.js"),y=require("../../chunks/Text-df483689.js"),k=require("react-transition-group");require("../Loader/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");function S(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const _=S(G),B="lc-Toast-module__toast___j5Amn",W="lc-Toast-module__toast__content___HjaNw",D="lc-Toast-module__toast__actions___JWu-1",H="lc-Toast-module__toast__actions__button___Iblrl",s={toast:B,toast__content:W,toast__actions:D,toast__actions__button:H,"toast__actions__button--success":"lc-Toast-module__toast__actions__button--success___5JmFw","toast__actions__button--warning":"lc-Toast-module__toast__actions__button--warning___zGQ-Q","toast__actions__button--error":"lc-Toast-module__toast__actions__button--error___PuTv3","toast__actions__button--info":"lc-Toast-module__toast__actions__button--info___fNtsj","toast__actions--custom":"lc-Toast-module__toast__actions--custom___lm-pM","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"},J={success:{source:u.CheckCircle},warning:{source:u.Warning},error:{source:u.Block},info:{source:u.Info}},r="toast",q=g=>{var m=g,{action:t,className:o,children:e,removable:a,kind:c="info",onClose:n}=m,p=E(m,["action","className","children","removable","kind","onClose"]);const T=v(s[r],s[`${r}--${c}`],o),f=typeof e=="string",b=l=>l&&l.closesOnClick&&n?(l.onClick(),n()):l.onClick();return _.createElement("div",w({className:T},p),_.createElement("div",{className:s[`${r}__icon`]},_.createElement(I.Icon,C(w({},J[c]),{size:"medium"}))),_.createElement("div",{className:s[`${r}__content`]},f?_.createElement(y.Text,{as:"div"},e):e),(t||a)&&_.createElement("div",{className:s[`${r}__actions`]},t&&_.createElement(h.Button,{className:s[`${r}__actions--custom`],kind:"text",size:"compact",onClick:()=>b(t)},t.label),a&&_.createElement("button",{className:v(s[`${r}__actions__button`],s[`${r}__actions__button--${c}`]),"aria-label":"Close toast",onClick:n},_.createElement(I.Icon,{source:u.Close,size:"medium"}))))},z=200,i="toast-wrapper",P=({className:t,toasts:o=[],fixed:e=!0,block:a=!1,animationType:c="slide",verticalPosition:n="top",horizontalPosition:p="center"})=>{const g=v(s[i],{[s[`${i}--fixed`]]:e,[s[`${i}--block`]]:!e&&a,[s[`${i}--horizontal-${p}`]]:p,[s[`${i}--vertical-${n}`]]:n},t);return _.createElement("div",{className:g},_.createElement(k.TransitionGroup,{component:null},o.map(({id:m,kind:T,content:f,removable:b,action:l,onClose:A})=>_.createElement(k.CSSTransition,{key:m,classNames:{enter:s[`toast-appear--${c}`],enterActive:s[`toast-appear-active--${c}`],exit:s[`toast-exit--${c}`],exitActive:s[`toast-exit-active--${c}`]},timeout:z},_.createElement(q,{kind:T,onClose:A,removable:b,action:l},f)))))};exports.ANIMATION_TIME=z;exports.Toast=q;exports.ToastWrapper=P;

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

@@ -19,14 +19,15 @@ var E = (t, a) => {
       a.indexOf(_) < 0 && C.call(t, _) && (o[_] = t[_]);
   return o;
 };
-import "../../assets/style-index2.css";
 import * as s from "react";
 import { Close as h, CheckCircle as G, Warning as M, Block as j, Info as B } from "@livechat/design-system-icons";
 import w from "clsx";
 import { Button as O } from "../Button/index.es.js";
 import { Icon as N } from "../Icon/index.es.js";
-import { T as W } from "../../chunks/Text-78b02609.js";
+import { T as W } from "../../chunks/Text-b31d1e9a.js";
 import { TransitionGroup as q, CSSTransition as H } from "react-transition-group";
+import "../Loader/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
 const J = "lc-Toast-module__toast___j5Amn", Q = "lc-Toast-module__toast__content___HjaNw", D = "lc-Toast-module__toast__actions___JWu-1", F = "lc-Toast-module__toast__actions__button___Iblrl", e = {
   toast: J,
   toast__content: Q,
@@ -112,7 +113,7 @@ const J = "lc-Toast-module__toast___j5Amn", Q = "lc-Toast-module__toast__content
     },
     /* @__PURE__ */ s.createElement(N, { source: h, size: "medium" })
   )));
-}, U = 200, i = "toast-wrapper", tt = ({
+}, U = 200, i = "toast-wrapper", ot = ({
   className: t,
   toasts: a = [],
   fixed: o = !0,
@@ -158,5 +159,5 @@ const J = "lc-Toast-module__toast___j5Amn", Q = "lc-Toast-module__toast__content
 export {
   U as ANIMATION_TIME,
   S as Toast,
-  tt as ToastWrapper
+  ot as ToastWrapper
 };

package/dist/components/Tooltip/components/UserGuide/index.cjs.js

@@ -1 +1 @@
-"use strict";var R=Object.defineProperty,S=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var v=(e,t,n)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,_=(e,t)=>{for(var n in t||(t={}))N.call(t,n)&&v(e,n,t[n]);if(p)for(var n of p(t))O.call(t,n)&&v(e,n,t[n]);return e},$=(e,t)=>S(e,C(t));var f=(e,t,n)=>(v(e,typeof t!="symbol"?t+"":t,n),n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),h=require("clsx"),l=require("../../../../chunks/Tooltip-21230071.js");function P(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=P(B),i="guide-tooltip",M=({gap:e,isVisible:t,slide:n,disablePointerEvents:r})=>{if(!e)return null;const c={top:`${e.top}px`,left:"0",width:`${e.left}px`,height:`${e.height}px`},o={top:`${e.top}px`,left:`${e.right}px`,width:`calc(100% - ${e.right}px)`,height:`${e.height}px`},d={top:"0",left:"0",width:"100%",height:`${e.top}px`},a={top:`${e.bottom}px`,left:"0",width:"100%",height:`calc(100% - ${e.bottom}px)`},u={top:`${e.top}px`,left:`${e.left}px`,width:`${e.width}px`,height:`${e.height}px`,backgroundColor:"transparent"};return s.createElement(s.Fragment,null,s.createElement("div",{className:h({[l.styles[`${i}__overlay`]]:!0,[l.styles[`${i}__overlay--visible`]]:t,[l.styles[`${i}__overlay--slide`]]:n}),style:c}),s.createElement("div",{className:h({[l.styles[`${i}__overlay`]]:!0,[l.styles[`${i}__overlay--visible`]]:t,[l.styles[`${i}__overlay--slide`]]:n}),style:d}),s.createElement("div",{className:h({[l.styles[`${i}__overlay`]]:!0,[l.styles[`${i}__overlay--visible`]]:t,[l.styles[`${i}__overlay--slide`]]:n}),style:o}),s.createElement("div",{className:h({[l.styles[`${i}__overlay`]]:!0,[l.styles[`${i}__overlay--visible`]]:t,[l.styles[`${i}__overlay--slide`]]:n}),style:a}),r&&s.createElement("div",{className:h({[l.styles[`${i}__overlay`]]:!0,[l.styles[`${i}__overlay--visible`]]:t,[l.styles[`${i}__overlay--slide`]]:n}),style:u}))},j=M;class L{constructor(t,n){f(this,"element");f(this,"padding");this.element=t,this.padding=n}addPadding(t){const n=Math.round(t.left)-this.padding,r=Math.round(t.top)-this.padding,c=Math.round(t.width)+2*this.padding,o=Math.round(t.height)+2*this.padding,d=r,a=n,u=d+o,y=a+c;return{x:n,y:r,width:c,height:o,top:d,left:a,bottom:u,right:y}}getBoundingClientRect(){return this.addPadding(this.element.getBoundingClientRect())}get clientWidth(){return this.getBoundingClientRect().width}get clientHeight(){return this.getBoundingClientRect().height}}const E=8,w="guide-tooltip",b=(e,t)=>new L(e,t),T=e=>{const{className:t,parentElementName:n,isVisible:r=!1,shouldSlide:c=!0}=e,[o,d]=s.useState(null),[a,u]=s.useState(null),[y,m]=s.useState(c),g=()=>{o&&(u(b(o,E).getBoundingClientRect()),m(!1))};return s.useEffect(()=>{if(o!==null)return window.addEventListener("resize",g),window.addEventListener("scroll",g),()=>{window.addEventListener("resize",g),window.addEventListener("resize",g)}},[o,n]),s.useEffect(()=>{if(n){const x=document.querySelector(n);d(x)}},[n]),s.useEffect(()=>{o&&u(b(o,E).getBoundingClientRect()),m(!0)},[o]),o&&r?s.createElement("div",null,s.createElement(j,{gap:a,isVisible:r,slide:y,disablePointerEvents:!0}),s.createElement(l.Tooltip,$(_({},e),{referenceElement:{getBoundingClientRect:()=>a,contextElement:o},arrowOffsetY:25,className:h({[l.styles[w]]:!0,[l.styles[`${w}--slide`]]:y,className:t})}),e.children)):null};exports.UserGuide=T;
+"use strict";var R=Object.defineProperty,S=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var v=(e,t,n)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,_=(e,t)=>{for(var n in t||(t={}))N.call(t,n)&&v(e,n,t[n]);if(p)for(var n of p(t))O.call(t,n)&&v(e,n,t[n]);return e},$=(e,t)=>S(e,C(t));var f=(e,t,n)=>(v(e,typeof t!="symbol"?t+"":t,n),n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),h=require("clsx"),l=require("../../../../chunks/Tooltip-8c427780.js");require("@floating-ui/react");require("../../../../chunks/Text-df483689.js");require("../../../../chunks/Typography.module-2558416b.js");function P(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=P(B),i="guide-tooltip",q=({gap:e,isVisible:t,slide:n,disablePointerEvents:o})=>{if(!e)return null;const c={top:`${e.top}px`,left:"0",width:`${e.left}px`,height:`${e.height}px`},r={top:`${e.top}px`,left:`${e.right}px`,width:`calc(100% - ${e.right}px)`,height:`${e.height}px`},d={top:"0",left:"0",width:"100%",height:`${e.top}px`},a={top:`${e.bottom}px`,left:"0",width:"100%",height:`calc(100% - ${e.bottom}px)`},u={top:`${e.top}px`,left:`${e.left}px`,width:`${e.width}px`,height:`${e.height}px`,backgroundColor:"transparent"};return s.createElement(s.Fragment,null,s.createElement("div",{className:h({[l.styles[`${i}__overlay`]]:!0,[l.styles[`${i}__overlay--visible`]]:t,[l.styles[`${i}__overlay--slide`]]:n}),style:c}),s.createElement("div",{className:h({[l.styles[`${i}__overlay`]]:!0,[l.styles[`${i}__overlay--visible`]]:t,[l.styles[`${i}__overlay--slide`]]:n}),style:d}),s.createElement("div",{className:h({[l.styles[`${i}__overlay`]]:!0,[l.styles[`${i}__overlay--visible`]]:t,[l.styles[`${i}__overlay--slide`]]:n}),style:r}),s.createElement("div",{className:h({[l.styles[`${i}__overlay`]]:!0,[l.styles[`${i}__overlay--visible`]]:t,[l.styles[`${i}__overlay--slide`]]:n}),style:a}),o&&s.createElement("div",{className:h({[l.styles[`${i}__overlay`]]:!0,[l.styles[`${i}__overlay--visible`]]:t,[l.styles[`${i}__overlay--slide`]]:n}),style:u}))},M=q;class j{constructor(t,n){f(this,"element");f(this,"padding");this.element=t,this.padding=n}addPadding(t){const n=Math.round(t.left)-this.padding,o=Math.round(t.top)-this.padding,c=Math.round(t.width)+2*this.padding,r=Math.round(t.height)+2*this.padding,d=o,a=n,u=d+r,y=a+c;return{x:n,y:o,width:c,height:r,top:d,left:a,bottom:u,right:y}}getBoundingClientRect(){return this.addPadding(this.element.getBoundingClientRect())}get clientWidth(){return this.getBoundingClientRect().width}get clientHeight(){return this.getBoundingClientRect().height}}const E=8,w="guide-tooltip",b=(e,t)=>new j(e,t),L=e=>{const{className:t,parentElementName:n,isVisible:o=!1,shouldSlide:c=!0}=e,[r,d]=s.useState(null),[a,u]=s.useState(null),[y,m]=s.useState(c),g=()=>{r&&(u(b(r,E).getBoundingClientRect()),m(!1))};return s.useEffect(()=>{if(r!==null)return window.addEventListener("resize",g),window.addEventListener("scroll",g),()=>{window.addEventListener("resize",g),window.addEventListener("resize",g)}},[r,n]),s.useEffect(()=>{if(n){const x=document.querySelector(n);d(x)}},[n]),s.useEffect(()=>{r&&u(b(r,E).getBoundingClientRect()),m(!0)},[r]),r&&o?s.createElement("div",null,s.createElement(M,{gap:a,isVisible:o,slide:y,disablePointerEvents:!0}),s.createElement(l.Tooltip,$(_({},e),{referenceElement:{getBoundingClientRect:()=>a,contextElement:r},arrowOffsetY:25,className:h({[l.styles[w]]:!0,[l.styles[`${w}--slide`]]:y,className:t})}),e.children)):null};exports.UserGuide=L;