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

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("../../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-2356ec2a.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 "../../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-3504b7ce.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-2c65102c.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;

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

@@ -1,19 +1,22 @@
 var C = Object.defineProperty, b = Object.defineProperties;
 var S = Object.getOwnPropertyDescriptors;
-var p = Object.getOwnPropertySymbols;
+var f = Object.getOwnPropertySymbols;
 var B = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
 var v = (e, t, n) => t in e ? C(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, _ = (e, t) => {
   for (var n in t || (t = {}))
     B.call(t, n) && v(e, n, t[n]);
-  if (p)
-    for (var n of p(t))
+  if (f)
+    for (var n of f(t))
       N.call(t, n) && v(e, n, t[n]);
   return e;
 }, y = (e, t) => b(e, S(t));
-var $ = (e, t, n) => (v(e, typeof t != "symbol" ? t + "" : t, n), n);
+var p = (e, t, n) => (v(e, typeof t != "symbol" ? t + "" : t, n), n);
 import * as i from "react";
 import u from "clsx";
-import { s as l, T as L } from "../../../../chunks/Tooltip-e472934d.js";
+import { s as l, T as L } from "../../../../chunks/Tooltip-f6f4f9c2.js";
+import "@floating-ui/react";
+import "../../../../chunks/Text-b31d1e9a.js";
+import "../../../../chunks/Typography.module-93efb34d.js";
 const o = "guide-tooltip", P = ({
   gap: e,
   isVisible: t,
@@ -103,12 +106,12 @@ const o = "guide-tooltip", P = ({
 }, M = P;
 class z {
   constructor(t, n) {
-    $(this, "element");
-    $(this, "padding");
+    p(this, "element");
+    p(this, "padding");
     this.element = t, this.padding = n;
   }
   addPadding(t) {
-    const n = Math.round(t.left) - this.padding, s = Math.round(t.top) - this.padding, d = Math.round(t.width) + 2 * this.padding, r = Math.round(t.height) + 2 * this.padding, c = s, a = n, h = c + r, g = a + d;
+    const n = Math.round(t.left) - this.padding, s = Math.round(t.top) - this.padding, d = Math.round(t.width) + 2 * this.padding, r = Math.round(t.height) + 2 * this.padding, c = s, a = n, h = c + r, m = a + d;
     return {
       x: n,
       y: s,
@@ -117,7 +120,7 @@ class z {
       top: c,
       left: a,
       bottom: h,
-      right: g
+      right: m
     };
   }
   getBoundingClientRect() {
@@ -130,7 +133,7 @@ class z {
     return this.getBoundingClientRect().height;
   }
 }
-const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), q = (e) => {
+const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), H = (e) => {
   const {
     className: t,
     parentElementName: n,
@@ -138,18 +141,18 @@ const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), q = (e) => {
     shouldSlide: d = !0
   } = e, [r, c] = i.useState(
     null
-  ), [a, h] = i.useState(null), [g, f] = i.useState(d), m = () => {
+  ), [a, h] = i.useState(null), [m, $] = i.useState(d), g = () => {
     r && (h(
       x(
         r,
         E
       ).getBoundingClientRect()
-    ), f(!1));
+    ), $(!1));
   };
   return i.useEffect(() => {
     if (r !== null)
-      return window.addEventListener("resize", m), window.addEventListener("scroll", m), () => {
-        window.addEventListener("resize", m), window.addEventListener("resize", m);
+      return window.addEventListener("resize", g), window.addEventListener("scroll", g), () => {
+        window.addEventListener("resize", g), window.addEventListener("resize", g);
       };
   }, [r, n]), i.useEffect(() => {
     if (n) {
@@ -162,13 +165,13 @@ const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), q = (e) => {
         r,
         E
       ).getBoundingClientRect()
-    ), f(!0);
+    ), $(!0);
   }, [r]), r && s ? /* @__PURE__ */ i.createElement("div", null, /* @__PURE__ */ i.createElement(
     M,
     {
       gap: a,
       isVisible: s,
-      slide: g,
+      slide: m,
       disablePointerEvents: !0
     }
   ), /* @__PURE__ */ i.createElement(
@@ -181,7 +184,7 @@ const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), q = (e) => {
       arrowOffsetY: 25,
       className: u({
         [l[w]]: !0,
-        [l[`${w}--slide`]]: g,
+        [l[`${w}--slide`]]: m,
         className: t
       })
     }),
@@ -189,5 +192,5 @@ const E = 8, w = "guide-tooltip", x = (e, t) => new z(e, t), q = (e) => {
   )) : null;
 };
 export {
-  q as UserGuide
+  H as UserGuide
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./UserGuide/index.cjs.js"),e=require("../../../chunks/Tooltip-2c65102c.js"),N=require("react"),v=require("@livechat/design-system-icons"),d=require("clsx"),E=require("../../Icon/index.cjs.js"),$=require("../../../chunks/Heading-1f13e793.js"),m=require("../../../chunks/Text-2356ec2a.js"),_=require("../../Button/index.cjs.js");function x(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(l,n,r.get?r:{enumerable:!0,get:()=>s[n]})}}return l.default=s,Object.freeze(l)}const t=x(N),k=({text:s})=>t.createElement("div",null,s),o="tooltip",C=({className:s,header:l,text:n,closeWithX:r,theme:c,handleCloseAction:u})=>t.createElement("div",{className:s},r&&t.createElement("button",{type:"button","aria-label":"Close tooltip",className:e.styles[`${o}-close`],onClick:u},t.createElement(E.Icon,{source:v.Close,kind:c?e.getIconType(c):"primary"})),l&&t.createElement($.Heading,{as:"div",size:"xs",className:d(e.styles[`${o}-header`],e.styles[`${o}-header--info`])},l),t.createElement(m.Text,{as:"div",className:d(e.styles[`${o}-text`],e.styles[`${o}-text--info`])},n)),a="tooltip",T=({header:s,text:l,image:n,closeWithX:r,theme:c,handleCloseAction:u,primaryButton:y,secondaryButton:p})=>{const f=b=>b==="invert"?"secondary":"high-contrast";return t.createElement("div",{className:e.styles[`${a}__interactive`]},r&&t.createElement("button",{type:"button","aria-label":"Close tooltip",className:e.styles[`${a}-close`],onClick:u},t.createElement(E.Icon,{source:v.Close,kind:c?e.getIconType(c):"primary"})),n&&t.createElement("div",{className:e.styles[`${a}-image-container`]},t.createElement("img",{className:e.styles[`${a}-image`],src:n.src,alt:n.alt})),s&&t.createElement($.Heading,{as:"div",size:"xs",className:e.styles[`${a}-header`]},s),t.createElement("div",{className:e.styles[`${a}-text`]},l),t.createElement("div",{className:d(e.styles[`${a}-footer`],e.styles[`${a}-footer--interactive`])},t.createElement(_.Button,{kind:y.kind||f(c),onClick:y.handleClick},y.label),t.createElement(_.Button,{className:d(e.styles[`${a}-footer-secondary`],{[e.styles[`${a}-footer-secondary-invert`]]:c==="invert"}),kind:p.kind||"text",onClick:p.handleClick},p.label)))},i="reports-tooltip",I=({title:s,description:l,children:n})=>t.createElement("div",{className:e.styles[i]},t.createElement("div",{className:e.styles[`${i}__heading`]},t.createElement(m.Text,{as:"div",className:e.styles[`${i}__heading__title`]},s),t.createElement(m.Text,{as:"div",size:"xs",className:e.styles[`${i}__heading__description`]},l)),t.createElement("div",{className:e.styles[`${i}__content`]},t.createElement(m.Text,{as:"div"},n)));exports.UserGuide=g.UserGuide;exports.Info=C;exports.Interactive=T;exports.Reports=I;exports.Simple=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./UserGuide/index.cjs.js"),e=require("../../../chunks/Tooltip-8c427780.js"),N=require("react"),v=require("@livechat/design-system-icons"),d=require("clsx"),E=require("../../Icon/index.cjs.js"),$=require("../../../chunks/Heading-617540b6.js"),m=require("../../../chunks/Text-df483689.js"),_=require("../../Button/index.cjs.js");require("@floating-ui/react");require("../../../chunks/Typography.module-2558416b.js");require("../../Loader/index.cjs.js");function x(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(l,n,c.get?c:{enumerable:!0,get:()=>s[n]})}}return l.default=s,Object.freeze(l)}const t=x(N),k=({text:s})=>t.createElement("div",null,s),o="tooltip",C=({className:s,header:l,text:n,closeWithX:c,theme:r,handleCloseAction:u})=>t.createElement("div",{className:s},c&&t.createElement("button",{type:"button","aria-label":"Close tooltip",className:e.styles[`${o}-close`],onClick:u},t.createElement(E.Icon,{source:v.Close,kind:r?e.getIconType(r):"primary"})),l&&t.createElement($.Heading,{as:"div",size:"xs",className:d(e.styles[`${o}-header`],e.styles[`${o}-header--info`])},l),t.createElement(m.Text,{as:"div",className:d(e.styles[`${o}-text`],e.styles[`${o}-text--info`])},n)),a="tooltip",q=({header:s,text:l,image:n,closeWithX:c,theme:r,handleCloseAction:u,primaryButton:y,secondaryButton:p})=>{const f=b=>b==="invert"?"secondary":"high-contrast";return t.createElement("div",{className:e.styles[`${a}__interactive`]},c&&t.createElement("button",{type:"button","aria-label":"Close tooltip",className:e.styles[`${a}-close`],onClick:u},t.createElement(E.Icon,{source:v.Close,kind:r?e.getIconType(r):"primary"})),n&&t.createElement("div",{className:e.styles[`${a}-image-container`]},t.createElement("img",{className:e.styles[`${a}-image`],src:n.src,alt:n.alt})),s&&t.createElement($.Heading,{as:"div",size:"xs",className:e.styles[`${a}-header`]},s),t.createElement("div",{className:e.styles[`${a}-text`]},l),t.createElement("div",{className:d(e.styles[`${a}-footer`],e.styles[`${a}-footer--interactive`])},t.createElement(_.Button,{kind:y.kind||f(r),onClick:y.handleClick},y.label),t.createElement(_.Button,{className:d(e.styles[`${a}-footer-secondary`],{[e.styles[`${a}-footer-secondary-invert`]]:r==="invert"}),kind:p.kind||"text",onClick:p.handleClick},p.label)))},i="reports-tooltip",T=({title:s,description:l,children:n})=>t.createElement("div",{className:e.styles[i]},t.createElement("div",{className:e.styles[`${i}__heading`]},t.createElement(m.Text,{as:"div",className:e.styles[`${i}__heading__title`]},s),t.createElement(m.Text,{as:"div",size:"xs",className:e.styles[`${i}__heading__description`]},l)),t.createElement("div",{className:e.styles[`${i}__content`]},t.createElement(m.Text,{as:"div"},n)));exports.UserGuide=g.UserGuide;exports.Info=C;exports.Interactive=q;exports.Reports=T;exports.Simple=k;

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

@@ -1,18 +1,21 @@
-import { UserGuide as P } from "./UserGuide/index.es.js";
-import { s as t, g as f } from "../../../chunks/Tooltip-e472934d.js";
+import { UserGuide as j } from "./UserGuide/index.es.js";
+import { s as t, g as f } from "../../../chunks/Tooltip-f6f4f9c2.js";
 import * as e from "react";
 import { Close as N } from "@livechat/design-system-icons";
 import m from "clsx";
 import { Icon as _ } from "../../Icon/index.es.js";
-import { H as u } from "../../../chunks/Heading-a4742030.js";
-import { T as o } from "../../../chunks/Text-3504b7ce.js";
+import { H as u } from "../../../chunks/Heading-6b95d08b.js";
+import { T as c } from "../../../chunks/Text-b31d1e9a.js";
 import { Button as $ } from "../../Button/index.es.js";
-const T = ({ text: s }) => /* @__PURE__ */ e.createElement("div", null, s), c = "tooltip", H = ({ className: s, header: n, text: r, closeWithX: d, theme: l, handleCloseAction: p }) => /* @__PURE__ */ e.createElement("div", { className: s }, d && /* @__PURE__ */ e.createElement(
+import "@floating-ui/react";
+import "../../../chunks/Typography.module-93efb34d.js";
+import "../../Loader/index.es.js";
+const D = ({ text: s }) => /* @__PURE__ */ e.createElement("div", null, s), i = "tooltip", G = ({ className: s, header: n, text: r, closeWithX: d, theme: l, handleCloseAction: p }) => /* @__PURE__ */ e.createElement("div", { className: s }, d && /* @__PURE__ */ e.createElement(
   "button",
   {
     type: "button",
     "aria-label": "Close tooltip",
-    className: t[`${c}-close`],
+    className: t[`${i}-close`],
     onClick: p
   },
   /* @__PURE__ */ e.createElement(_, { source: N, kind: l ? f(l) : "primary" })
@@ -22,22 +25,22 @@ const T = ({ text: s }) => /* @__PURE__ */ e.createElement("div", null, s), c =
     as: "div",
     size: "xs",
     className: m(
-      t[`${c}-header`],
-      t[`${c}-header--info`]
+      t[`${i}-header`],
+      t[`${i}-header--info`]
     )
   },
   n
 ), /* @__PURE__ */ e.createElement(
-  o,
+  c,
   {
     as: "div",
     className: m(
-      t[`${c}-text`],
-      t[`${c}-text--info`]
+      t[`${i}-text`],
+      t[`${i}-text--info`]
     )
   },
   r
-)), a = "tooltip", R = ({
+)), a = "tooltip", K = ({
   header: s,
   text: n,
   image: r,
@@ -92,23 +95,23 @@ const T = ({ text: s }) => /* @__PURE__ */ e.createElement("div", null, s), c =
       v.label
     )
   ));
-}, i = "reports-tooltip", D = ({
+}, o = "reports-tooltip", P = ({
   title: s,
   description: n,
   children: r
-}) => /* @__PURE__ */ e.createElement("div", { className: t[i] }, /* @__PURE__ */ e.createElement("div", { className: t[`${i}__heading`] }, /* @__PURE__ */ e.createElement(o, { as: "div", className: t[`${i}__heading__title`] }, s), /* @__PURE__ */ e.createElement(
-  o,
+}) => /* @__PURE__ */ e.createElement("div", { className: t[o] }, /* @__PURE__ */ e.createElement("div", { className: t[`${o}__heading`] }, /* @__PURE__ */ e.createElement(c, { as: "div", className: t[`${o}__heading__title`] }, s), /* @__PURE__ */ e.createElement(
+  c,
   {
     as: "div",
     size: "xs",
-    className: t[`${i}__heading__description`]
+    className: t[`${o}__heading__description`]
   },
   n
-)), /* @__PURE__ */ e.createElement("div", { className: t[`${i}__content`] }, /* @__PURE__ */ e.createElement(o, { as: "div" }, r)));
+)), /* @__PURE__ */ e.createElement("div", { className: t[`${o}__content`] }, /* @__PURE__ */ e.createElement(c, { as: "div" }, r)));
 export {
-  H as Info,
-  R as Interactive,
-  D as Reports,
-  T as Simple,
-  P as UserGuide
+  G as Info,
+  K as Interactive,
+  P as Reports,
+  D as Simple,
+  j as UserGuide
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/Tooltip-2c65102c.js"),e=require("./components/index.cjs.js"),t=require("./components/UserGuide/index.cjs.js");exports.Tooltip=o.Tooltip;exports.Info=e.Info;exports.Interactive=e.Interactive;exports.Reports=e.Reports;exports.Simple=e.Simple;exports.UserGuide=t.UserGuide;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/Tooltip-8c427780.js"),e=require("./components/index.cjs.js"),i=require("./components/UserGuide/index.cjs.js");require("react");require("@floating-ui/react");require("clsx");require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");require("../../chunks/Heading-617540b6.js");require("../Button/index.cjs.js");require("../Loader/index.cjs.js");exports.Tooltip=r.Tooltip;exports.Info=e.Info;exports.Interactive=e.Interactive;exports.Reports=e.Reports;exports.Simple=e.Simple;exports.UserGuide=i.UserGuide;

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

@@ -1,11 +1,21 @@
-import { T as r } from "../../chunks/Tooltip-e472934d.js";
-import { Info as p, Interactive as f, Reports as i, Simple as m } from "./components/index.es.js";
-import { UserGuide as x } from "./components/UserGuide/index.es.js";
+import { T as n } from "../../chunks/Tooltip-f6f4f9c2.js";
+import { Info as T, Interactive as c, Reports as d, Simple as u } from "./components/index.es.js";
+import { UserGuide as G } from "./components/UserGuide/index.es.js";
+import "react";
+import "@floating-ui/react";
+import "clsx";
+import "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
+import "@livechat/design-system-icons";
+import "../Icon/index.es.js";
+import "../../chunks/Heading-6b95d08b.js";
+import "../Button/index.es.js";
+import "../Loader/index.es.js";
 export {
-  p as Info,
-  f as Interactive,
-  i as Reports,
-  m as Simple,
-  r as Tooltip,
-  x as UserGuide
+  T as Info,
+  c as Interactive,
+  d as Reports,
+  u as Simple,
+  n as Tooltip,
+  G as UserGuide
 };

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

@@ -1 +1 @@
-"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var o=(e,r,t)=>r in e?p(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,u=(e,r)=>{for(var t in r||(r={}))i.call(r,t)&&o(e,t,r[t]);if(c)for(var t of c(r))s.call(r,t)&&o(e,t,r[t]);return e};var l=(e,r)=>{var t={};for(var n in e)i.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&c)for(var n of c(e))r.indexOf(n)<0&&s.call(e,n)&&(t[n]=e[n]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../chunks/Heading-1f13e793.js"),y=require("../../chunks/Text-2356ec2a.js"),f=require("react"),m=require("clsx"),b=require("../../chunks/Typography.module-7abc3bc2.js");function O(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const T=O(f),j=q=>{var a=q,{as:e="div",size:r="md",children:t,className:n}=a,d=l(a,["as","size","children","className"]);return T.createElement(e,u({className:m(b.styles[`display-${r}`],n)},d),t)};exports.Heading=g.Heading;exports.Text=y.Text;exports.Display=j;
+"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var o=(e,r,t)=>r in e?p(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,u=(e,r)=>{for(var t in r||(r={}))i.call(r,t)&&o(e,t,r[t]);if(c)for(var t of c(r))s.call(r,t)&&o(e,t,r[t]);return e};var l=(e,r)=>{var t={};for(var n in e)i.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&c)for(var n of c(e))r.indexOf(n)<0&&s.call(e,n)&&(t[n]=e[n]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../chunks/Heading-617540b6.js"),y=require("../../chunks/Text-df483689.js"),f=require("react"),m=require("clsx"),b=require("../../chunks/Typography.module-2558416b.js");function O(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const T=O(f),j=q=>{var a=q,{as:e="div",size:r="md",children:t,className:n}=a,d=l(a,["as","size","children","className"]);return T.createElement(e,u({className:m(b.styles[`display-${r}`],n)},d),t)};exports.Heading=g.Heading;exports.Text=y.Text;exports.Display=j;

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

@@ -18,11 +18,11 @@ var f = (r, t) => {
       t.indexOf(o) < 0 && i.call(r, o) && (e[o] = r[o]);
   return e;
 };
-import { H as N } from "../../chunks/Heading-a4742030.js";
-import { T as $ } from "../../chunks/Text-3504b7ce.js";
+import { H as N } from "../../chunks/Heading-6b95d08b.js";
+import { T as $ } from "../../chunks/Text-b31d1e9a.js";
 import * as d from "react";
 import n from "clsx";
-import { s as y } from "../../chunks/Typography.module-be5c667f.js";
+import { s as y } from "../../chunks/Typography.module-93efb34d.js";
 const v = (H) => {
   var a = H, {
     as: r = "div",

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

@@ -1 +1 @@
-var C=require("../../index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),p=require("@livechat/design-system-icons"),q=require("clsx"),U=require("react-transition-group"),b=require("../FileUploadProgress/index.cjs.js"),n=require("../Icon/index.cjs.js"),I=require("../Progress/index.cjs.js"),S=require("../../chunks/Text-2356ec2a.js");function O(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const c in a)if(c!=="default"){const d=Object.getOwnPropertyDescriptor(a,c);Object.defineProperty(t,c,d.get?d:{enumerable:!0,get:()=>a[c]})}}return t.default=a,Object.freeze(t)}const e=O(T),_={"upload-bar":"lc-UploadBar-module__upload-bar___6Or8h","upload-bar__loader-test":"lc-UploadBar-module__upload-bar__loader-test___aZb2J","upload-bar--error":"lc-UploadBar-module__upload-bar--error___MzvhT","upload-bar__wrapper":"lc-UploadBar-module__upload-bar__wrapper___MAUeH","upload-bar__wrapper__header":"lc-UploadBar-module__upload-bar__wrapper__header___x9fen","upload-bar__wrapper__header__icon":"lc-UploadBar-module__upload-bar__wrapper__header__icon___Aetm5","upload-bar__wrapper__header__title":"lc-UploadBar-module__upload-bar__wrapper__header__title___BNuDu","upload-bar__wrapper__header__collapse-button":"lc-UploadBar-module__upload-bar__wrapper__header__collapse-button___3khMy","upload-bar__wrapper__header__actions-container":"lc-UploadBar-module__upload-bar__wrapper__header__actions-container___5Pj4y","upload-bar__wrapper__header__success-icon":"lc-UploadBar-module__upload-bar__wrapper__header__success-icon___ZLCdw","upload-bar__wrapper__header__error-icon":"lc-UploadBar-module__upload-bar__wrapper__header__error-icon___q-sZo","upload-bar__wrapper__header__loader":"lc-UploadBar-module__upload-bar__wrapper__header__loader___DKHu3","upload-bar__files":"lc-UploadBar-module__upload-bar__files___3W4nx","upload-bar__files--enter":"lc-UploadBar-module__upload-bar__files--enter___zGq19","upload-bar__files--enter-active":"lc-UploadBar-module__upload-bar__files--enter-active___-dMVb","upload-bar__files--exit":"lc-UploadBar-module__upload-bar__files--exit___MXBRY","upload-bar__files--exit-active":"lc-UploadBar-module__upload-bar__files--exit-active___krGW5","upload-bar__files--exit-done":"lc-UploadBar-module__upload-bar__files--exit-done___2I72G","upload-bar__files-wrapper":"lc-UploadBar-module__upload-bar__files-wrapper___93bs8","upload-bar__files__list":"lc-UploadBar-module__upload-bar__files__list___QJFEq"},r="upload-bar",l=`${r}__wrapper__header`,P=300,y=(a,t)=>a==="success"?e.createElement("div",{className:_[`${l}__success-icon`]},e.createElement(n.Icon,{source:p.Check})):a==="error"?e.createElement("div",{className:_[`${l}__error-icon`]},e.createElement(n.Icon,{source:p.Error})):e.createElement(I.ProgressCircle,{className:_[`${l}__loader`],status:a,progressValue:t}),A=({children:a,className:t,progressValue:c,title:d,isExpanded:h,errorMessage:f,status:o="normal",icon:v,size:x,mode:N="multiple",onCloseButtonClick:i,onRetryButtonClick:u})=>{const[m,$]=e.useState(h||!1),s=o==="error",B=o==="success",w=q(_[r],t,{[_[`${r}--error`]]:s,[_[`${r}--success`]]:B}),g=!(s&&(u||i)),E=()=>$(!m);return N==="single"?e.createElement("div",{className:w},e.createElement("div",{className:_[`${r}__wrapper`]},e.createElement("div",{className:_[`${l}`]},e.createElement(b.FileUploadProgress,{title:s&&f||d,progressValue:c,status:o,icon:v,size:x})),o==="error"&&e.createElement(b.FileUploadProgressActions,{status:o,onCloseButtonClick:i,onRetryButtonClick:u}))):e.createElement("div",{className:w},e.createElement("div",{className:_[`${r}__wrapper`],onClick:E},e.createElement("div",{className:_[`${l}`]},e.createElement("div",{className:_[`${l}__icon`]},y(o,c)),e.createElement("div",{className:_[`${l}__title`]},e.createElement(S.Text,{size:"sm",as:"div"},s?f:d)),g&&e.createElement("button",{className:_[`${l}__collapse-button`],type:"button",onClick:E},m?e.createElement(n.Icon,{source:p.ChevronUp}):e.createElement(n.Icon,{source:p.ChevronDown})),o==="error"&&e.createElement("div",{className:_[`${l}__actions-container`]},e.createElement(b.FileUploadProgressActions,{status:o,onCloseButtonClick:i,onRetryButtonClick:u})))),e.createElement(U.TransitionGroup,{component:null},m&&e.createElement(U.CSSTransition,{timeout:P,classNames:{enter:_[`${r}__files--enter`],enterActive:_[`${r}__files--enter-active`],exit:_[`${r}__files--exit`],exitActive:_[`${r}__files--exit-active`],exitDone:_[`${r}__files--exit-done`]}},e.createElement("div",{className:_[`${r}__files`]},e.createElement("div",{className:_[`${r}__files-wrapper`]},e.createElement("div",{className:_[`${r}__files__list`]},a))))))};exports.UploadBar=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),p=require("@livechat/design-system-icons"),T=require("clsx"),U=require("react-transition-group"),b=require("../FileUploadProgress/index.cjs.js"),n=require("../Icon/index.cjs.js"),I=require("../Progress/index.cjs.js"),S=require("../../chunks/Text-df483689.js");require("../../chunks/ProgressBar-62d36b60.js");require("../../chunks/Typography.module-2558416b.js");function O(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const c in a)if(c!=="default"){const d=Object.getOwnPropertyDescriptor(a,c);Object.defineProperty(t,c,d.get?d:{enumerable:!0,get:()=>a[c]})}}return t.default=a,Object.freeze(t)}const e=O(q),_={"upload-bar":"lc-UploadBar-module__upload-bar___6Or8h","upload-bar__loader-test":"lc-UploadBar-module__upload-bar__loader-test___aZb2J","upload-bar--error":"lc-UploadBar-module__upload-bar--error___MzvhT","upload-bar__wrapper":"lc-UploadBar-module__upload-bar__wrapper___MAUeH","upload-bar__wrapper__header":"lc-UploadBar-module__upload-bar__wrapper__header___x9fen","upload-bar__wrapper__header__icon":"lc-UploadBar-module__upload-bar__wrapper__header__icon___Aetm5","upload-bar__wrapper__header__title":"lc-UploadBar-module__upload-bar__wrapper__header__title___BNuDu","upload-bar__wrapper__header__collapse-button":"lc-UploadBar-module__upload-bar__wrapper__header__collapse-button___3khMy","upload-bar__wrapper__header__actions-container":"lc-UploadBar-module__upload-bar__wrapper__header__actions-container___5Pj4y","upload-bar__wrapper__header__success-icon":"lc-UploadBar-module__upload-bar__wrapper__header__success-icon___ZLCdw","upload-bar__wrapper__header__error-icon":"lc-UploadBar-module__upload-bar__wrapper__header__error-icon___q-sZo","upload-bar__wrapper__header__loader":"lc-UploadBar-module__upload-bar__wrapper__header__loader___DKHu3","upload-bar__files":"lc-UploadBar-module__upload-bar__files___3W4nx","upload-bar__files--enter":"lc-UploadBar-module__upload-bar__files--enter___zGq19","upload-bar__files--enter-active":"lc-UploadBar-module__upload-bar__files--enter-active___-dMVb","upload-bar__files--exit":"lc-UploadBar-module__upload-bar__files--exit___MXBRY","upload-bar__files--exit-active":"lc-UploadBar-module__upload-bar__files--exit-active___krGW5","upload-bar__files--exit-done":"lc-UploadBar-module__upload-bar__files--exit-done___2I72G","upload-bar__files-wrapper":"lc-UploadBar-module__upload-bar__files-wrapper___93bs8","upload-bar__files__list":"lc-UploadBar-module__upload-bar__files__list___QJFEq"},r="upload-bar",l=`${r}__wrapper__header`,P=300,y=(a,t)=>a==="success"?e.createElement("div",{className:_[`${l}__success-icon`]},e.createElement(n.Icon,{source:p.Check})):a==="error"?e.createElement("div",{className:_[`${l}__error-icon`]},e.createElement(n.Icon,{source:p.Error})):e.createElement(I.ProgressCircle,{className:_[`${l}__loader`],status:a,progressValue:t}),A=({children:a,className:t,progressValue:c,title:d,isExpanded:h,errorMessage:f,status:o="normal",icon:v,size:x,mode:N="multiple",onCloseButtonClick:i,onRetryButtonClick:u})=>{const[m,$]=e.useState(h||!1),s=o==="error",B=o==="success",w=T(_[r],t,{[_[`${r}--error`]]:s,[_[`${r}--success`]]:B}),g=!(s&&(u||i)),E=()=>$(!m);return N==="single"?e.createElement("div",{className:w},e.createElement("div",{className:_[`${r}__wrapper`]},e.createElement("div",{className:_[`${l}`]},e.createElement(b.FileUploadProgress,{title:s&&f||d,progressValue:c,status:o,icon:v,size:x})),o==="error"&&e.createElement(b.FileUploadProgressActions,{status:o,onCloseButtonClick:i,onRetryButtonClick:u}))):e.createElement("div",{className:w},e.createElement("div",{className:_[`${r}__wrapper`],onClick:E},e.createElement("div",{className:_[`${l}`]},e.createElement("div",{className:_[`${l}__icon`]},y(o,c)),e.createElement("div",{className:_[`${l}__title`]},e.createElement(S.Text,{size:"sm",as:"div"},s?f:d)),g&&e.createElement("button",{className:_[`${l}__collapse-button`],type:"button",onClick:E},m?e.createElement(n.Icon,{source:p.ChevronUp}):e.createElement(n.Icon,{source:p.ChevronDown})),o==="error"&&e.createElement("div",{className:_[`${l}__actions-container`]},e.createElement(b.FileUploadProgressActions,{status:o,onCloseButtonClick:i,onRetryButtonClick:u})))),e.createElement(U.TransitionGroup,{component:null},m&&e.createElement(U.CSSTransition,{timeout:P,classNames:{enter:_[`${r}__files--enter`],enterActive:_[`${r}__files--enter-active`],exit:_[`${r}__files--exit`],exitActive:_[`${r}__files--exit-active`],exitDone:_[`${r}__files--exit-done`]}},e.createElement("div",{className:_[`${r}__files`]},e.createElement("div",{className:_[`${r}__files-wrapper`]},e.createElement("div",{className:_[`${r}__files__list`]},a))))))};exports.UploadBar=A;

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

@@ -1,4 +1,3 @@
-import "../../index.css";
 import * as e from "react";
 import { ChevronUp as x, ChevronDown as T, Check as C, Error as A } from "@livechat/design-system-icons";
 import I from "clsx";
@@ -6,7 +5,9 @@ import { TransitionGroup as S, CSSTransition as M } from "react-transition-group
 import { FileUploadProgress as g, FileUploadProgressActions as E } from "../FileUploadProgress/index.es.js";
 import { Icon as d } from "../Icon/index.es.js";
 import { ProgressCircle as D } from "../Progress/index.es.js";
-import { T as G } from "../../chunks/Text-3504b7ce.js";
+import { T as G } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/ProgressBar-3e0fd769.js";
+import "../../chunks/Typography.module-93efb34d.js";
 const _ = {
   "upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
   "upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
@@ -28,18 +29,18 @@ const _ = {
   "upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
   "upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
   "upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
-}, a = "upload-bar", r = `${a}__wrapper__header`, H = 300, O = (o, c) => o === "success" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__success-icon`] }, /* @__PURE__ */ e.createElement(d, { source: C })) : o === "error" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__error-icon`] }, /* @__PURE__ */ e.createElement(d, { source: A })) : /* @__PURE__ */ e.createElement(
+}, a = "upload-bar", r = `${a}__wrapper__header`, H = 300, O = (o, t) => o === "success" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__success-icon`] }, /* @__PURE__ */ e.createElement(d, { source: C })) : o === "error" ? /* @__PURE__ */ e.createElement("div", { className: _[`${r}__error-icon`] }, /* @__PURE__ */ e.createElement(d, { source: A })) : /* @__PURE__ */ e.createElement(
   D,
   {
     className: _[`${r}__loader`],
     status: o,
-    progressValue: c
+    progressValue: t
   }
-), J = ({
+), j = ({
   children: o,
-  className: c,
+  className: t,
   progressValue: m,
-  title: t,
+  title: c,
   isExpanded: w,
   errorMessage: u,
   status: l = "normal",
@@ -49,14 +50,14 @@ const _ = {
   onCloseButtonClick: s,
   onRetryButtonClick: i
 }) => {
-  const [n, $] = e.useState(w || !1), p = l === "error", N = l === "success", b = I(_[a], c, {
+  const [n, $] = e.useState(w || !1), p = l === "error", N = l === "success", b = I(_[a], t, {
     [_[`${a}--error`]]: p,
     [_[`${a}--success`]]: N
   }), B = !(p && (i || s)), f = () => $(!n);
   return U === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: _[`${a}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement(
     g,
     {
-      title: p && u || t,
+      title: p && u || c,
       progressValue: m,
       status: l,
       icon: h,
@@ -75,7 +76,7 @@ const _ = {
       className: _[`${a}__wrapper`],
       onClick: f
     },
-    /* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}__icon`] }, O(l, m)), /* @__PURE__ */ e.createElement("div", { className: _[`${r}__title`] }, /* @__PURE__ */ e.createElement(G, { size: "sm", as: "div" }, p ? u : t)), B && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: _[`${r}`] }, /* @__PURE__ */ e.createElement("div", { className: _[`${r}__icon`] }, O(l, m)), /* @__PURE__ */ e.createElement("div", { className: _[`${r}__title`] }, /* @__PURE__ */ e.createElement(G, { size: "sm", as: "div" }, p ? u : c)), B && /* @__PURE__ */ e.createElement(
       "button",
       {
         className: _[`${r}__collapse-button`],
@@ -107,5 +108,5 @@ const _ = {
   )));
 };
 export {
-  J as UploadBar
+  j as UploadBar
 };

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./foundations/index.cjs.js"),_=require("./utils/index.cjs.js"),l=require("./components/ActionBar/index.cjs.js"),s=require("./components/ActionMenu/index.cjs.js"),m=require("./components/Alert/index.cjs.js"),a=require("./components/Avatar/index.cjs.js"),T=require("./components/Badge/index.cjs.js"),x=require("./components/Button/index.cjs.js"),q=require("./components/SegmentedControl/index.cjs.js"),g=require("./components/Card/index.cjs.js"),P=require("./components/Checkbox/index.cjs.js"),r=require("./components/DatePicker/index.cjs.js"),k=require("./components/DetailsCard/index.cjs.js"),I=require("./components/DetailsCardInfo/index.cjs.js"),B=require("./components/FieldDescription/index.cjs.js"),S=require("./components/FieldError/index.cjs.js"),D=require("./components/FieldGroup/index.cjs.js"),F=require("./components/Form/index.cjs.js"),A=require("./components/FormField/index.cjs.js"),C=require("./components/FormGroup/index.cjs.js"),M=require("./components/Icon/index.cjs.js"),R=require("./components/Input/index.cjs.js"),h=require("./components/Link/index.cjs.js"),U=require("./components/Loader/index.cjs.js"),n=require("./components/Modal/index.cjs.js"),b=require("./components/NumericInput/index.cjs.js"),c=require("./components/Picker/index.cjs.js"),v=require("./components/Popover/index.cjs.js"),E=require("./components/Progress/index.cjs.js"),d=require("./chunks/ProgressBar-ab20b908.js"),G=require("./components/PromoBanner/index.cjs.js"),y=require("./components/PromoBannerV2/index.cjs.js"),L=require("./components/RadioButton/index.cjs.js"),W=require("./components/Search/index.cjs.js"),f=require("./components/Switch/index.cjs.js"),t=require("./components/Tab/index.cjs.js"),N=require("./components/Tag/index.cjs.js"),p=require("./components/TagInput/index.cjs.js"),i=require("./components/Toast/index.cjs.js"),O=require("./chunks/Tooltip-2c65102c.js"),o=require("./components/Tooltip/components/index.cjs.js"),w=require("./components/Tooltip/components/UserGuide/index.cjs.js"),H=require("./chunks/Heading-1f13e793.js"),V=require("./chunks/Text-2356ec2a.js"),j=require("./components/Typography/index.cjs.js"),z=require("./components/Textarea/index.cjs.js"),u=require("./components/FileUploadProgress/index.cjs.js"),J=require("./components/UploadBar/index.cjs.js");exports.DesignToken=e.DesignToken;exports.RadiusToken=e.RadiusToken;exports.ShadowToken=e.ShadowToken;exports.SpacingToken=e.SpacingToken;exports.TransitionDelayToken=e.TransitionDelayToken;exports.TransitionDurationToken=e.TransitionDurationToken;exports.TransitionTimingToken=e.TransitionTimingToken;exports.getDesignTokenWithOpacity=_.getDesignTokenWithOpacity;exports.ActionBar=l.ActionBar;exports.ActionMenu=s.ActionMenu;exports.ActionMenuItem=s.ActionMenuItem;exports.Alert=m.Alert;exports.Avatar=a.Avatar;exports.generateAvatarColor=a.generateAvatarColor;exports.Badge=T.Badge;exports.Button=x.Button;exports.SegmentedControl=q.SegmentedControl;exports.Card=g.Card;exports.Checkbox=P.Checkbox;exports.DatePicker=r.DatePicker;exports.DatePickerRangeCalendarsWrapper=r.DatePickerRangeCalendarsWrapper;exports.RangeDatePicker=r.RangeDatePicker;exports.DetailsCard=k.DetailsCard;exports.DetailsCardInfo=I.DetailsCardInfo;exports.FieldDescription=B.FieldDescription;exports.FieldError=S.FieldError;exports.FieldGroup=D.FieldGroup;exports.Form=F.Form;exports.FormField=A.FormField;exports.FormGroup=C.FormGroup;exports.Icon=M.Icon;exports.Input=R.Input;exports.Link=h.Link;exports.Loader=U.Loader;exports.Modal=n.Modal;exports.ModalBase=n.ModalBase;exports.ModalCloseButton=n.ModalCloseButton;exports.ModalHeader=n.ModalHeader;exports.ModalPortal=n.ModalPortal;exports.NumericInput=b.NumericInput;exports.Picker=c.Picker;exports.PickerList=c.PickerList;exports.Popover=v.Popover;exports.ProgressCircle=E.ProgressCircle;exports.PROGRESS_STATUSES=d.PROGRESS_STATUSES;exports.ProgressBar=d.ProgressBar;exports.PromoBanner=G.PromoBanner;exports.PromoBannerV2=y.PromoBannerV2;exports.RadioButton=L.RadioButton;exports.SearchInput=W.SearchInput;exports.Switch=f.Switch;exports.Tab=t.Tab;exports.TabsList=t.TabsList;exports.TabsWrapper=t.TabsWrapper;exports.Tag=N.Tag;exports.EmailTagInput=p.EmailTagInput;exports.TagInput=p.TagInput;exports.ANIMATION_TIME=i.ANIMATION_TIME;exports.Toast=i.Toast;exports.ToastWrapper=i.ToastWrapper;exports.Tooltip=O.Tooltip;exports.Info=o.Info;exports.Interactive=o.Interactive;exports.Reports=o.Reports;exports.Simple=o.Simple;exports.UserGuide=w.UserGuide;exports.Heading=H.Heading;exports.Text=V.Text;exports.Display=j.Display;exports.Textarea=z.Textarea;exports.FileUploadProgress=u.FileUploadProgress;exports.FileUploadProgressActions=u.FileUploadProgressActions;exports.UploadBar=J.UploadBar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./foundations/index.cjs.js"),p=require("./utils/index.cjs.js"),_=require("./components/ActionBar/index.cjs.js"),s=require("./components/ActionMenu/index.cjs.js"),l=require("./components/Alert/index.cjs.js"),a=require("./components/Avatar/index.cjs.js"),m=require("./components/Badge/index.cjs.js"),q=require("./components/Button/index.cjs.js"),T=require("./components/SegmentedControl/index.cjs.js"),x=require("./components/Card/index.cjs.js"),g=require("./components/Checkbox/index.cjs.js"),r=require("./components/DatePicker/index.cjs.js"),P=require("./components/DetailsCard/index.cjs.js"),k=require("./components/DetailsCardInfo/index.cjs.js"),I=require("./components/FieldDescription/index.cjs.js"),B=require("./components/FieldError/index.cjs.js"),D=require("./components/FieldGroup/index.cjs.js"),F=require("./components/Form/index.cjs.js"),C=require("./components/FormField/index.cjs.js"),A=require("./components/FormGroup/index.cjs.js"),M=require("./components/Icon/index.cjs.js"),S=require("./components/Input/index.cjs.js"),h=require("./components/Link/index.cjs.js"),b=require("./components/Loader/index.cjs.js"),n=require("./components/Modal/index.cjs.js"),v=require("./components/NumericInput/index.cjs.js"),c=require("./components/Picker/index.cjs.js"),R=require("./components/Popover/index.cjs.js"),U=require("./components/Progress/index.cjs.js"),y=require("./chunks/ProgressBar-62d36b60.js"),L=require("./components/PromoBanner/index.cjs.js"),G=require("./components/PromoBannerV2/index.cjs.js"),W=require("./components/RadioButton/index.cjs.js"),f=require("./components/Search/index.cjs.js"),E=require("./components/Switch/index.cjs.js"),i=require("./components/Tab/index.cjs.js"),N=require("./components/Tag/index.cjs.js"),d=require("./components/TagInput/index.cjs.js"),t=require("./components/Toast/index.cjs.js"),w=require("./chunks/Tooltip-8c427780.js"),o=require("./components/Tooltip/components/index.cjs.js"),H=require("./components/Tooltip/components/UserGuide/index.cjs.js"),O=require("./chunks/Heading-617540b6.js"),V=require("./chunks/Text-df483689.js"),j=require("./components/Typography/index.cjs.js"),z=require("./components/Textarea/index.cjs.js"),u=require("./components/FileUploadProgress/index.cjs.js"),J=require("./components/UploadBar/index.cjs.js");require("react");require("@livechat/design-system-icons");require("clsx");require("@floating-ui/react");require("./chunks/keyCodes-c4c35e49.js");require("lodash.debounce");require("polished");require("react-day-picker");require("date-fns");require("react-dom");require("@emotion/css");require("react-virtuoso");require("lodash.escape");require("react-transition-group");require("./chunks/Typography.module-2558416b.js");exports.DesignToken=e.DesignToken;exports.RadiusToken=e.RadiusToken;exports.ShadowToken=e.ShadowToken;exports.SpacingToken=e.SpacingToken;exports.TransitionDelayToken=e.TransitionDelayToken;exports.TransitionDurationToken=e.TransitionDurationToken;exports.TransitionTimingToken=e.TransitionTimingToken;exports.getDesignTokenWithOpacity=p.getDesignTokenWithOpacity;exports.ActionBar=_.ActionBar;exports.ActionMenu=s.ActionMenu;exports.ActionMenuItem=s.ActionMenuItem;exports.Alert=l.Alert;exports.Avatar=a.Avatar;exports.generateAvatarColor=a.generateAvatarColor;exports.Badge=m.Badge;exports.Button=q.Button;exports.SegmentedControl=T.SegmentedControl;exports.Card=x.Card;exports.Checkbox=g.Checkbox;exports.DatePicker=r.DatePicker;exports.DatePickerRangeCalendarsWrapper=r.DatePickerRangeCalendarsWrapper;exports.RangeDatePicker=r.RangeDatePicker;exports.DetailsCard=P.DetailsCard;exports.DetailsCardInfo=k.DetailsCardInfo;exports.FieldDescription=I.FieldDescription;exports.FieldError=B.FieldError;exports.FieldGroup=D.FieldGroup;exports.Form=F.Form;exports.FormField=C.FormField;exports.FormGroup=A.FormGroup;exports.Icon=M.Icon;exports.Input=S.Input;exports.Link=h.Link;exports.Loader=b.Loader;exports.Modal=n.Modal;exports.ModalBase=n.ModalBase;exports.ModalCloseButton=n.ModalCloseButton;exports.ModalHeader=n.ModalHeader;exports.ModalPortal=n.ModalPortal;exports.NumericInput=v.NumericInput;exports.Picker=c.Picker;exports.PickerList=c.PickerList;exports.Popover=R.Popover;exports.ProgressCircle=U.ProgressCircle;exports.ProgressBar=y.ProgressBar;exports.PromoBanner=L.PromoBanner;exports.PromoBannerV2=G.PromoBannerV2;exports.RadioButton=W.RadioButton;exports.SearchInput=f.SearchInput;exports.Switch=E.Switch;exports.Tab=i.Tab;exports.TabsList=i.TabsList;exports.TabsWrapper=i.TabsWrapper;exports.Tag=N.Tag;exports.EmailTagInput=d.EmailTagInput;exports.TagInput=d.TagInput;exports.ANIMATION_TIME=t.ANIMATION_TIME;exports.Toast=t.Toast;exports.ToastWrapper=t.ToastWrapper;exports.Tooltip=w.Tooltip;exports.Info=o.Info;exports.Interactive=o.Interactive;exports.Reports=o.Reports;exports.Simple=o.Simple;exports.UserGuide=H.UserGuide;exports.Heading=O.Heading;exports.Text=V.Text;exports.Display=j.Display;exports.Textarea=z.Textarea;exports.FileUploadProgress=u.FileUploadProgress;exports.FileUploadProgressActions=u.FileUploadProgressActions;exports.UploadBar=J.UploadBar;