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

package/README.md

@@ -1,5 +1,4 @@
 <h1 align="center">
-  <img src="./../../docs/assets/logo.png" alt="livechat design-system logo" /><br />
   LiveChat Design System React Components
 </h1>
 

package/dist/ProgressBar.css

@@ -0,0 +1 @@
+.lc-ProgressBar-module__progress-bar___3pa3d{display:inline-block;position:relative;border-radius:100px;background-color:var(--action-primary-disabled);width:100%;height:4px}.lc-ProgressBar-module__progress-bar--small___7nQKx{height:3px}.lc-ProgressBar-module__progress-bar--medium___cM44p{height:4px}.lc-ProgressBar-module__progress-bar--large___UlzNR{height:6px}.lc-ProgressBar-module__progress-bar--error___MulqI{background-color:var(--action-negative-disabled)}.lc-ProgressBar-module__progress-bar--success___p7nB-,.lc-ProgressBar-module__progress-bar--normal___ZwCb-{background-color:var(--surface-tertiary-default)}.lc-ProgressBar-module__progress-bar__indicator--success___wRjR3{position:relative;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;border-radius:100px;background-color:var(--action-positive-default);height:100%}.lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle{position:relative;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;border-radius:100px;background-color:var(--action-primary-default);height:100%}

package/dist/Tooltip.css

@@ -0,0 +1 @@
+.lc-Tooltip-module__tooltip___QOOAr{z-index:3000;border:1px solid var(--tooltip-border);border-radius:var(--radius-3);box-shadow:var(--shadow-tooltip);background-color:var(--background-02);padding:var(--spacing-3);max-width:320px;color:var(--content-basic-primary);font-size:inherit}.lc-Tooltip-module__tooltip__arrow___Ov1YW{position:absolute;border:1px solid;border-color:var(--tooltip-border) var(--background-02) var(--background-02) var(--tooltip-border);box-shadow:var(--shadow-tooltip-arrow);background:var(--background-02);width:10px;height:10px}.lc-Tooltip-module__tooltip__arrow___Ov1YW[aria-placement^=left]{left:calc(100% - 5px);transform:rotate(135deg)}.lc-Tooltip-module__tooltip__arrow___Ov1YW[aria-placement^=right]{left:calc(0% - 5px);transform:rotate(-45deg)}.lc-Tooltip-module__tooltip__arrow___Ov1YW[aria-placement^=bottom]{top:calc(0% - 5px);transform:rotate(45deg)}.lc-Tooltip-module__tooltip__arrow___Ov1YW[aria-placement^=top]{top:calc(100% - 5px);transform:rotate(-135deg)}.lc-Tooltip-module__tooltip--invert___PVjhE{border-color:var(--surface-invert-primary);background-color:var(--surface-invert-primary);color:var(--content-invert-primary)}.lc-Tooltip-module__tooltip--invert___PVjhE .lc-Tooltip-module__tooltip__arrow___Ov1YW{border-color:var(--surface-invert-primary);background:var(--surface-invert-primary)}.lc-Tooltip-module__tooltip--important___X-IMK{border-color:var(--surface-accent-emphasis-high-warning);background-color:var(--surface-accent-emphasis-high-warning);color:var(--content-locked-black)}.lc-Tooltip-module__tooltip--important___X-IMK .lc-Tooltip-module__tooltip__arrow___Ov1YW{border-color:var(--surface-accent-emphasis-high-warning);background:var(--surface-accent-emphasis-high-warning)}.lc-Tooltip-module__tooltip__interactive___0JawB,.lc-Tooltip-module__tooltip__user-guide-step___evexI{padding:var(--spacing-1);width:270px}.lc-Tooltip-module__tooltip--full-space___wmbaw{display:flex;flex-wrap:wrap;padding:0;max-width:540px}.lc-Tooltip-module__tooltip-header___QV0Vd{margin-bottom:var(--spacing-1)}.lc-Tooltip-module__tooltip-header--info___zLJ2Z{padding-right:var(--spacing-5)}.lc-Tooltip-module__tooltip-image-container___ySmcd{margin-top:30px}.lc-Tooltip-module__tooltip-image___Aorwg{margin-bottom:12px;border-radius:4px;width:100%;max-height:138px;aspect-ratio:16/9}.lc-Tooltip-module__tooltip-text--info___3d2Ql{padding-right:var(--spacing-5)}.lc-Tooltip-module__tooltip-close___3r3h9{position:absolute;top:var(--spacing-2);right:var(--spacing-2);border:0;background:none;padding:var(--spacing-1)}.lc-Tooltip-module__tooltip-close___3r3h9:hover{cursor:pointer}.lc-Tooltip-module__tooltip-step___-j0n8{line-height:20px;font-size:14px;font-weight:400;font-style:normal}.lc-Tooltip-module__tooltip-footer___9hxFq{display:flex;justify-content:space-between;margin:var(--spacing-4) 0 0}.lc-Tooltip-module__tooltip-footer-secondary___WBgVR{margin-left:var(--spacing-4)}.lc-Tooltip-module__tooltip-footer-secondary-invert___PuAQL{color:var(--content-invert-primary)}.lc-Tooltip-module__tooltip-footer--interactive___hqMM5{justify-content:flex-start}.lc-Tooltip-module__tooltip-footer--user-guide-step___i7z3S{align-items:center}.lc-Tooltip-module__guide-tooltip--slide___Uawm2{transition-property:opacity,visibility,transform}.lc-Tooltip-module__guide-tooltip__overlay___IyrKK{display:none;position:fixed;opacity:.5;background-color:var(--surface-invert-primary)}.lc-Tooltip-module__guide-tooltip__overlay--slide___VW8oq{transition-duration:.2s;transition-property:top,left,width,height;transition-timing-function:ease-in-out}.lc-Tooltip-module__guide-tooltip__overlay--visible___dbdsZ{display:block}.lc-Tooltip-module__reports-tooltip___amyTo{flex:1 1 270px;width:270px}.lc-Tooltip-module__reports-tooltip__heading___FtjvD{background-color:var(--surface-secondary-default);padding:var(--spacing-2) var(--spacing-4);text-align:center}.lc-Tooltip-module__reports-tooltip__heading__title___6TlzE{color:var(--content-basic-primary)}.lc-Tooltip-module__reports-tooltip__heading__description___eOQnc{color:var(--content-basic-secondary)}.lc-Tooltip-module__reports-tooltip__content___jxis9{padding:var(--spacing-1)}

package/dist/Typography.css

@@ -0,0 +1 @@
+.lc-Typography-module__heading-xl___nhr-6{line-height:40px;letter-spacing:0;font-size:32px;font-weight:600;font-style:normal}.lc-Typography-module__heading-lg___XYF7l{line-height:32px;letter-spacing:0;font-size:24px;font-weight:600;font-style:normal}.lc-Typography-module__heading-md___wHOIs{line-height:28px;letter-spacing:0;font-size:20px;font-weight:700;font-style:normal}.lc-Typography-module__heading-sm___nBmTV{line-height:24px;letter-spacing:0;font-size:18px;font-weight:600;font-style:normal}.lc-Typography-module__heading-xs___VcZBs{line-height:24px;letter-spacing:0;font-size:16px;font-weight:600;font-style:normal}.lc-Typography-module__heading-2xs___tcrVl{line-height:20px;letter-spacing:0;font-size:12px;font-weight:400;font-style:normal}.lc-Typography-module__heading-uppercase___cpixD{text-transform:uppercase;letter-spacing:.2px}.lc-Typography-module__heading-bold___ZAPzP{letter-spacing:.2px;font-weight:500}.lc-Typography-module__paragraph-md___UGoqq{line-height:22px;letter-spacing:-.1px;font-size:14px;font-weight:400;font-style:normal}.lc-Typography-module__paragraph-sm___QIEFL{line-height:20px;letter-spacing:-.1px;font-size:13px;font-weight:400;font-style:normal}.lc-Typography-module__paragraph-xs___OUooD{line-height:16px;letter-spacing:0;font-size:12px;font-weight:400;font-style:normal}.lc-Typography-module__paragraph--bold___9I2wL{font-weight:600}.lc-Typography-module__paragraph--underline___yFDzp{text-decoration-line:underline}.lc-Typography-module__paragraph--strike___ZDWOj{text-decoration-line:line-through}.lc-Typography-module__paragraph--uppercase___hdEfX{text-transform:uppercase}.lc-Typography-module__display-md___7eFCF{line-height:32px;font-size:24px;font-weight:700}.lc-Typography-module__display-sm___kfNES{line-height:24px;font-size:18px;font-weight:700}.lc-Typography-module__display-max___vR8yn{line-height:80px;font-size:80px;font-weight:700}

package/dist/chunks/Heading-1f13e793.js

@@ -0,0 +1 @@
+"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var o=(e,n,t)=>n in e?p(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,i=(e,n)=>{for(var t in n||(n={}))l.call(n,t)&&o(e,t,n[t]);if(c)for(var t of c(n))u.call(n,t)&&o(e,t,n[t]);return e};var d=(e,n)=>{var t={};for(var r in e)l.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&c)for(var r of c(e))n.indexOf(r)<0&&u.call(e,r)&&(t[r]=e[r]);return t};const f=require("react"),y=require("clsx"),s=require("./Typography.module-7abc3bc2.js");function b(e){const n=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(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const _=b(f),O={xl:"h1",lg:"h2",md:"h3",sm:"h4",xs:"h5","2xs":"h6"},E=j=>{var a=j,{as:e,size:n="md",children:t,className:r,uppercase:g,bold:h}=a,m=d(a,["as","size","children","className","uppercase","bold"]);return _.createElement(e||O[n],i({className:y({[s.styles[`heading-${n}`]]:!0,[s.styles["heading-uppercase"]]:g,[s.styles["heading-bold"]]:h},r)},m),t)};exports.Heading=E;

package/dist/chunks/Heading-a4742030.js

@@ -0,0 +1,64 @@
+var x = Object.defineProperty;
+var t = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var h = (e, s, a) => s in e ? x(e, s, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[s] = a, d = (e, s) => {
+  for (var a in s || (s = {}))
+    n.call(s, a) && h(e, a, s[a]);
+  if (t)
+    for (var a of t(s))
+      c.call(s, a) && h(e, a, s[a]);
+  return e;
+};
+var i = (e, s) => {
+  var a = {};
+  for (var r in e)
+    n.call(e, r) && s.indexOf(r) < 0 && (a[r] = e[r]);
+  if (e != null && t)
+    for (var r of t(e))
+      s.indexOf(r) < 0 && c.call(e, r) && (a[r] = e[r]);
+  return a;
+};
+import * as E from "react";
+import f from "clsx";
+import { s as m } from "./Typography.module-be5c667f.js";
+const u = {
+  xl: "h1",
+  lg: "h2",
+  md: "h3",
+  sm: "h4",
+  xs: "h5",
+  "2xs": "h6"
+}, T = (_) => {
+  var o = _, {
+    as: e,
+    size: s = "md",
+    children: a,
+    className: r,
+    uppercase: l,
+    bold: p
+  } = o, g = i(o, [
+    "as",
+    "size",
+    "children",
+    "className",
+    "uppercase",
+    "bold"
+  ]);
+  return E.createElement(
+    e || u[s],
+    d({
+      className: f(
+        {
+          [m[`heading-${s}`]]: !0,
+          [m["heading-uppercase"]]: l,
+          [m["heading-bold"]]: p
+        },
+        r
+      )
+    }, g),
+    a
+  );
+};
+export {
+  T as H
+};

package/dist/chunks/ProgressBar-753197bf.js

@@ -0,0 +1,89 @@
+var S = Object.defineProperty, R = Object.defineProperties;
+var $ = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+var g = (r, s, e) => s in r ? S(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e, p = (r, s) => {
+  for (var e in s || (s = {}))
+    n.call(s, e) && g(r, e, s[e]);
+  if (a)
+    for (var e of a(s))
+      t.call(s, e) && g(r, e, s[e]);
+  return r;
+}, u = (r, s) => R(r, $(s));
+var b = (r, s) => {
+  var e = {};
+  for (var o in r)
+    n.call(r, o) && s.indexOf(o) < 0 && (e[o] = r[o]);
+  if (r != null && a)
+    for (var o of a(r))
+      s.indexOf(o) < 0 && t.call(r, o) && (e[o] = r[o]);
+  return e;
+};
+import "../ProgressBar.css";
+import * as c from "react";
+import N from "clsx";
+const h = [
+  "normal",
+  "error",
+  "success"
+], w = (r) => Math.min(Math.max(r, 0), 100);
+function x(r, s = 0) {
+  return r === "error" ? 0 : w(parseInt(s.toString(), 10));
+}
+function E(r, s) {
+  return !h.includes(r) && s >= 100 ? "normal" : r || "normal";
+}
+const _ = {
+  "progress-bar": "lc-ProgressBar-module__progress-bar___3pa3d",
+  "progress-bar--small": "lc-ProgressBar-module__progress-bar--small___7nQKx",
+  "progress-bar--medium": "lc-ProgressBar-module__progress-bar--medium___cM44p",
+  "progress-bar--large": "lc-ProgressBar-module__progress-bar--large___UlzNR",
+  "progress-bar--error": "lc-ProgressBar-module__progress-bar--error___MulqI",
+  "progress-bar--success": "lc-ProgressBar-module__progress-bar--success___p7nB-",
+  "progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___ZwCb-",
+  "progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
+  "progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
+}, l = "progress-bar", y = c.forwardRef(
+  (M, d) => {
+    var m = M, {
+      status: r = "normal",
+      percent: s,
+      size: e = "medium",
+      className: o = ""
+    } = m, i = b(m, [
+      "status",
+      "percent",
+      "size",
+      "className"
+    ]);
+    const P = E(r, s), B = x(P, s), f = N(
+      _[l],
+      {
+        [_[`${l}--${e}`]]: e,
+        [_[`${l}--${r}`]]: r
+      },
+      o
+    );
+    return /* @__PURE__ */ c.createElement(
+      "div",
+      u(p({}, i), {
+        className: f,
+        ref: d,
+        role: "progressbar"
+      }),
+      /* @__PURE__ */ c.createElement(
+        "div",
+        {
+          className: _[`${l}__indicator--${r}`],
+          style: { width: `${B}%` }
+        }
+      )
+    );
+  }
+);
+export {
+  y as P,
+  h as a,
+  x as b,
+  E as g
+};

package/dist/chunks/ProgressBar-ab20b908.js

@@ -0,0 +1 @@
+var O=Object.defineProperty,$=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var l=(r,e,s)=>e in r?O(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s,u=(r,e)=>{for(var s in e||(e={}))g.call(e,s)&&l(r,s,e[s]);if(a)for(var s of a(e))m.call(e,s)&&l(r,s,e[s]);return r},i=(r,e)=>$(r,E(e));var p=(r,e)=>{var s={};for(var o in r)g.call(r,o)&&e.indexOf(o)<0&&(s[o]=r[o]);if(r!=null&&a)for(var o of a(r))e.indexOf(o)<0&&m.call(r,o)&&(s[o]=r[o]);return s};var q=require("../ProgressBar.css");const j=require("react"),w=require("clsx");function y(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(e,s,o.get?o:{enumerable:!0,get:()=>r[s]})}}return e.default=r,Object.freeze(e)}const _=y(j),b=["normal","error","success"],M=r=>Math.min(Math.max(r,0),100);function d(r,e=0){return r==="error"?0:M(parseInt(e.toString(),10))}function P(r,e){return!b.includes(r)&&e>=100?"normal":r||"normal"}const t={"progress-bar":"lc-ProgressBar-module__progress-bar___3pa3d","progress-bar--small":"lc-ProgressBar-module__progress-bar--small___7nQKx","progress-bar--medium":"lc-ProgressBar-module__progress-bar--medium___cM44p","progress-bar--large":"lc-ProgressBar-module__progress-bar--large___UlzNR","progress-bar--error":"lc-ProgressBar-module__progress-bar--error___MulqI","progress-bar--success":"lc-ProgressBar-module__progress-bar--success___p7nB-","progress-bar--normal":"lc-ProgressBar-module__progress-bar--normal___ZwCb-","progress-bar__indicator--success":"lc-ProgressBar-module__progress-bar__indicator--success___wRjR3","progress-bar__indicator--normal":"lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"},c="progress-bar",T=_.forwardRef((h,f)=>{var n=h,{status:r="normal",percent:e,size:s="medium",className:o=""}=n,S=p(n,["status","percent","size","className"]);const B=P(r,e),R=d(B,e),N=w(t[c],{[t[`${c}--${s}`]]:s,[t[`${c}--${r}`]]:r},o);return _.createElement("div",i(u({},S),{className:N,ref:f,role:"progressbar"}),_.createElement("div",{className:t[`${c}__indicator--${r}`],style:{width:`${R}%`}}))});exports.PROGRESS_STATUSES=b;exports.ProgressBar=T;exports.getPercentNumber=d;exports.getProgressStatus=P;

package/dist/chunks/Text-2356ec2a.js

@@ -0,0 +1 @@
+"use strict";var O=Object.defineProperty;var l=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var o=(e,s,t)=>s in e?O(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t,i=(e,s)=>{for(var t in s||(s={}))u.call(s,t)&&o(e,t,s[t]);if(l)for(var t of l(s))f.call(s,t)&&o(e,t,s[t]);return e};var p=(e,s)=>{var t={};for(var r in e)u.call(e,r)&&s.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&l)for(var r of l(e))s.indexOf(r)<0&&f.call(e,r)&&(t[r]=e[r]);return t};const j=require("react"),x=require("clsx"),c=require("./Typography.module-7abc3bc2.js");function T(e){const s=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(s,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const _=T(j),q=P=>{var n=P,{as:e="p",size:s="md",caps:t=!1,uppercase:r=!1,bold:y=!1,underline:d=!1,strike:b=!1,children:m,className:g}=n,$=p(n,["as","size","caps","uppercase","bold","underline","strike","children","className"]);const a="paragraph";return _.createElement(e,i({className:x({[c.styles[`${a}-${s}`]]:!0,[c.styles[`${a}--bold`]]:y,[c.styles[`${a}--strike`]]:b,[c.styles[`${a}--underline`]]:d,[c.styles[`${a}--uppercase`]]:r||t},g)},$),m)};exports.Text=q;

package/dist/chunks/Text-3504b7ce.js

@@ -0,0 +1,66 @@
+var g = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var m = (e, a, s) => a in e ? g(e, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[a] = s, i = (e, a) => {
+  for (var s in a || (a = {}))
+    p.call(a, s) && m(e, s, a[s]);
+  if (o)
+    for (var s of o(a))
+      c.call(a, s) && m(e, s, a[s]);
+  return e;
+};
+var n = (e, a) => {
+  var s = {};
+  for (var r in e)
+    p.call(e, r) && a.indexOf(r) < 0 && (s[r] = e[r]);
+  if (e != null && o)
+    for (var r of o(e))
+      a.indexOf(r) < 0 && c.call(e, r) && (s[r] = e[r]);
+  return s;
+};
+import * as h from "react";
+import k from "clsx";
+import { s as l } from "./Typography.module-be5c667f.js";
+const P = (y) => {
+  var f = y, {
+    as: e = "p",
+    size: a = "md",
+    caps: s = !1,
+    uppercase: r = !1,
+    bold: $ = !1,
+    underline: u = !1,
+    strike: x = !1,
+    children: d,
+    className: b
+  } = f, T = n(f, [
+    "as",
+    "size",
+    "caps",
+    "uppercase",
+    "bold",
+    "underline",
+    "strike",
+    "children",
+    "className"
+  ]);
+  const t = "paragraph";
+  return h.createElement(
+    e,
+    i({
+      className: k(
+        {
+          [l[`${t}-${a}`]]: !0,
+          [l[`${t}--bold`]]: $,
+          [l[`${t}--strike`]]: x,
+          [l[`${t}--underline`]]: u,
+          [l[`${t}--uppercase`]]: r || s
+        },
+        b
+      )
+    }, T),
+    d
+  );
+};
+export {
+  P as T
+};

package/dist/chunks/Tooltip-2c65102c.js

@@ -0,0 +1 @@
+var at=Object.defineProperty,ut=Object.defineProperties;var dt=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var mt=Object.prototype.hasOwnProperty,ft=Object.prototype.propertyIsEnumerable;var x=(t,o,e)=>o in t?at(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,n=(t,o)=>{for(var e in o||(o={}))mt.call(o,e)&&x(t,e,o[e]);if(S)for(var e of S(o))ft.call(o,e)&&x(t,e,o[e]);return t},g=(t,o)=>ut(t,dt(o));var Ft=require("../Tooltip.css");const gt=require("react"),l=require("@floating-ui/react"),Tt=require("clsx"),yt=require("./Text-2356ec2a.js");function vt(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const _=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,_.get?_:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const s=vt(gt);function ht(t){switch(t){case"invert":return"inverted";default:return"primary"}}function wt(t,o,e,_){if(e)return{top:t?e+t:e};if(_)return{left:o?_+o:_}}const bt="lc-Tooltip-module__tooltip___QOOAr",Pt="lc-Tooltip-module__tooltip__arrow___Ov1YW",St="lc-Tooltip-module__tooltip__interactive___0JawB",c={tooltip:bt,tooltip__arrow:Pt,"tooltip--invert":"lc-Tooltip-module__tooltip--invert___PVjhE","tooltip--important":"lc-Tooltip-module__tooltip--important___X-IMK",tooltip__interactive:St,"tooltip__user-guide-step":"lc-Tooltip-module__tooltip__user-guide-step___evexI","tooltip--full-space":"lc-Tooltip-module__tooltip--full-space___wmbaw","tooltip-header":"lc-Tooltip-module__tooltip-header___QV0Vd","tooltip-header--info":"lc-Tooltip-module__tooltip-header--info___zLJ2Z","tooltip-image-container":"lc-Tooltip-module__tooltip-image-container___ySmcd","tooltip-image":"lc-Tooltip-module__tooltip-image___Aorwg","tooltip-text--info":"lc-Tooltip-module__tooltip-text--info___3d2Ql","tooltip-close":"lc-Tooltip-module__tooltip-close___3r3h9","tooltip-step":"lc-Tooltip-module__tooltip-step___-j0n8","tooltip-footer":"lc-Tooltip-module__tooltip-footer___9hxFq","tooltip-footer-secondary":"lc-Tooltip-module__tooltip-footer-secondary___WBgVR","tooltip-footer-secondary-invert":"lc-Tooltip-module__tooltip-footer-secondary-invert___PuAQL","tooltip-footer--interactive":"lc-Tooltip-module__tooltip-footer--interactive___hqMM5","tooltip-footer--user-guide-step":"lc-Tooltip-module__tooltip-footer--user-guide-step___i7z3S","guide-tooltip--slide":"lc-Tooltip-module__guide-tooltip--slide___Uawm2","guide-tooltip__overlay":"lc-Tooltip-module__guide-tooltip__overlay___IyrKK","guide-tooltip__overlay--slide":"lc-Tooltip-module__guide-tooltip__overlay--slide___VW8oq","guide-tooltip__overlay--visible":"lc-Tooltip-module__guide-tooltip__overlay--visible___dbdsZ","reports-tooltip":"lc-Tooltip-module__reports-tooltip___amyTo","reports-tooltip__heading":"lc-Tooltip-module__reports-tooltip__heading___FtjvD","reports-tooltip__heading__title":"lc-Tooltip-module__reports-tooltip__heading__title___6TlzE","reports-tooltip__heading__description":"lc-Tooltip-module__reports-tooltip__heading__description___eOQnc","reports-tooltip__content":"lc-Tooltip-module__reports-tooltip__content___jxis9"},a="tooltip",xt=({children:t,className:o,triggerClassName:e,triggerRenderer:_,theme:u,kind:j,placement:F="bottom",isVisible:T,fullSpaceContent:M,onClose:d,onOpen:m,withFadeAnimation:R=!0,transitionDuration:q=200,hoverOnDuration:D,hoverOffDuration:E,transitionDelay:A=0,hoverOnDelay:I,hoverOffDelay:V,triggerOnClick:N=!1,offsetMainAxis:Q=8,referenceElement:f,activationThreshold:z=0,useDismissHookProps:$,useClickHookProps:k,hoverOutDelayTimeout:C=100,arrowOffsetY:K,arrowOffsetX:W,closeOnTriggerBlur:B=!1,floatingStrategy:J})=>{const y=T!==void 0,[L,O]=s.useState(!1),v=s.useRef(null),h=y?T:L,w=j||u,U=Tt(c[a],o,w&&c[`${a}--${w}`],M&&c[`${a}--full-space`]),Z=typeof _=="function",H=i=>{i!==h&&(i?m==null||m():d==null||d(),!y&&O(i))},b=i=>R?i!=null?i:q:0,P=i=>i!=null?i:A,{floatingStyles:X,refs:p,context:r,middlewareData:{arrow:{x:Y,y:G}={}},placement:tt}=l.useFloating({middleware:[l.offset({mainAxis:Q}),l.shift(),l.flip(),l.arrow({element:v})],placement:F,open:h,strategy:J,onOpenChange:H,whileElementsMounted:l.autoUpdate}),ot=l.useHover(r,{move:!1,restMs:z,delay:{open:P(I),close:P(V||C)},enabled:!N,handleClose:B?null:l.safePolygon()}),et=l.useFocus(r),lt=l.useDismiss(r,$),it=l.useRole(r,{role:"tooltip"}),_t=l.useClick(r,k),{isMounted:st,styles:rt}=l.useTransitionStyles(r,{duration:{open:b(D),close:b(E)}}),{status:nt}=l.useTransitionStatus(r),{getReferenceProps:ct,getFloatingProps:pt}=l.useInteractions([ot,et,lt,it,_t]);return s.useEffect(()=>{f&&p.setReference(f)},[p.setReference,f]),s.createElement(s.Fragment,null,s.createElement("div",g(n({ref:p.setReference},ct()),{className:e}),Z?_():_),st&&s.createElement("div",g(n({ref:p.setFloating,style:n(n({},X),rt),className:U},pt()),{"data-status":nt}),s.createElement(yt.Text,{as:"div"},t),s.createElement("div",{ref:v,className:c[`${a}__arrow`],"aria-placement":tt,style:n({},wt(K,W,G,Y))})))};exports.Tooltip=xt;exports.getIconType=ht;exports.styles=c;

package/dist/chunks/Tooltip-e472934d.js

@@ -0,0 +1,182 @@
+var ao = Object.defineProperty, co = Object.defineProperties;
+var uo = Object.getOwnPropertyDescriptors;
+var P = Object.getOwnPropertySymbols;
+var mo = Object.prototype.hasOwnProperty, fo = Object.prototype.propertyIsEnumerable;
+var S = (t, o, e) => o in t ? ao(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, r = (t, o) => {
+  for (var e in o || (o = {}))
+    mo.call(o, e) && S(t, e, o[e]);
+  if (P)
+    for (var e of P(o))
+      fo.call(o, e) && S(t, e, o[e]);
+  return t;
+}, f = (t, o) => co(t, uo(o));
+import "../Tooltip.css";
+import * as i from "react";
+import { useFloating as To, offset as go, shift as yo, flip as vo, arrow as ho, autoUpdate as wo, useHover as xo, safePolygon as Po, useFocus as So, useDismiss as bo, useRole as Fo, useClick as Eo, useTransitionStyles as Mo, useTransitionStatus as Ro, useInteractions as Ao } from "@floating-ui/react";
+import Vo from "clsx";
+import { T as Do } from "./Text-3504b7ce.js";
+function Wo(t) {
+  switch (t) {
+    case "invert":
+      return "inverted";
+    default:
+      return "primary";
+  }
+}
+function Io(t, o, e, _) {
+  if (e)
+    return {
+      top: t ? e + t : e
+    };
+  if (_)
+    return {
+      left: o ? _ + o : _
+    };
+}
+const Qo = "lc-Tooltip-module__tooltip___QOOAr", jo = "lc-Tooltip-module__tooltip__arrow___Ov1YW", No = "lc-Tooltip-module__tooltip__interactive___0JawB", n = {
+  tooltip: Qo,
+  tooltip__arrow: jo,
+  "tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
+  "tooltip--important": "lc-Tooltip-module__tooltip--important___X-IMK",
+  tooltip__interactive: No,
+  "tooltip__user-guide-step": "lc-Tooltip-module__tooltip__user-guide-step___evexI",
+  "tooltip--full-space": "lc-Tooltip-module__tooltip--full-space___wmbaw",
+  "tooltip-header": "lc-Tooltip-module__tooltip-header___QV0Vd",
+  "tooltip-header--info": "lc-Tooltip-module__tooltip-header--info___zLJ2Z",
+  "tooltip-image-container": "lc-Tooltip-module__tooltip-image-container___ySmcd",
+  "tooltip-image": "lc-Tooltip-module__tooltip-image___Aorwg",
+  "tooltip-text--info": "lc-Tooltip-module__tooltip-text--info___3d2Ql",
+  "tooltip-close": "lc-Tooltip-module__tooltip-close___3r3h9",
+  "tooltip-step": "lc-Tooltip-module__tooltip-step___-j0n8",
+  "tooltip-footer": "lc-Tooltip-module__tooltip-footer___9hxFq",
+  "tooltip-footer-secondary": "lc-Tooltip-module__tooltip-footer-secondary___WBgVR",
+  "tooltip-footer-secondary-invert": "lc-Tooltip-module__tooltip-footer-secondary-invert___PuAQL",
+  "tooltip-footer--interactive": "lc-Tooltip-module__tooltip-footer--interactive___hqMM5",
+  "tooltip-footer--user-guide-step": "lc-Tooltip-module__tooltip-footer--user-guide-step___i7z3S",
+  "guide-tooltip--slide": "lc-Tooltip-module__guide-tooltip--slide___Uawm2",
+  "guide-tooltip__overlay": "lc-Tooltip-module__guide-tooltip__overlay___IyrKK",
+  "guide-tooltip__overlay--slide": "lc-Tooltip-module__guide-tooltip__overlay--slide___VW8oq",
+  "guide-tooltip__overlay--visible": "lc-Tooltip-module__guide-tooltip__overlay--visible___dbdsZ",
+  "reports-tooltip": "lc-Tooltip-module__reports-tooltip___amyTo",
+  "reports-tooltip__heading": "lc-Tooltip-module__reports-tooltip__heading___FtjvD",
+  "reports-tooltip__heading__title": "lc-Tooltip-module__reports-tooltip__heading__title___6TlzE",
+  "reports-tooltip__heading__description": "lc-Tooltip-module__reports-tooltip__heading__description___eOQnc",
+  "reports-tooltip__content": "lc-Tooltip-module__reports-tooltip__content___jxis9"
+}, a = "tooltip", ko = ({
+  children: t,
+  className: o,
+  triggerClassName: e,
+  triggerRenderer: _,
+  theme: c,
+  kind: b,
+  placement: F = "bottom",
+  isVisible: T,
+  fullSpaceContent: E,
+  onClose: d,
+  onOpen: u,
+  withFadeAnimation: M = !0,
+  transitionDuration: R = 200,
+  hoverOnDuration: A,
+  hoverOffDuration: V,
+  transitionDelay: D = 0,
+  hoverOnDelay: I,
+  hoverOffDelay: Q,
+  triggerOnClick: j = !1,
+  offsetMainAxis: N = 8,
+  referenceElement: m,
+  activationThreshold: $ = 0,
+  useDismissHookProps: q,
+  useClickHookProps: z,
+  hoverOutDelayTimeout: C = 100,
+  arrowOffsetY: K,
+  arrowOffsetX: W,
+  closeOnTriggerBlur: k = !1,
+  floatingStrategy: B
+}) => {
+  const g = T !== void 0, [J, L] = i.useState(!1), y = i.useRef(null), v = g ? T : J, h = b || c, U = Vo(
+    n[a],
+    o,
+    h && n[`${a}--${h}`],
+    E && n[`${a}--full-space`]
+  ), Z = typeof _ == "function", H = (l) => {
+    l !== v && (l ? u == null || u() : d == null || d(), !g && L(l));
+  }, w = (l) => M ? l != null ? l : R : 0, x = (l) => l != null ? l : D, {
+    floatingStyles: X,
+    refs: p,
+    context: s,
+    middlewareData: { arrow: { x: Y, y: G } = {} },
+    placement: O
+  } = To({
+    middleware: [
+      go({ mainAxis: N }),
+      yo(),
+      vo(),
+      ho({ element: y })
+    ],
+    placement: F,
+    open: v,
+    strategy: B,
+    onOpenChange: H,
+    whileElementsMounted: wo
+  }), oo = xo(s, {
+    move: !1,
+    restMs: $,
+    delay: {
+      open: x(I),
+      close: x(Q || C)
+    },
+    enabled: !j,
+    handleClose: k ? null : Po()
+  }), to = So(s), eo = bo(s, q), lo = Fo(s, { role: "tooltip" }), io = Eo(s, z), { isMounted: _o, styles: so } = Mo(s, {
+    duration: {
+      open: w(A),
+      close: w(V)
+    }
+  }), { status: ro } = Ro(s), { getReferenceProps: po, getFloatingProps: no } = Ao([
+    oo,
+    to,
+    eo,
+    lo,
+    io
+  ]);
+  return i.useEffect(() => {
+    m && p.setReference(m);
+  }, [p.setReference, m]), /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
+    "div",
+    f(r({
+      ref: p.setReference
+    }, po()), {
+      className: e
+    }),
+    Z ? _() : _
+  ), _o && /* @__PURE__ */ i.createElement(
+    "div",
+    f(r({
+      ref: p.setFloating,
+      style: r(r({}, X), so),
+      className: U
+    }, no()), {
+      "data-status": ro
+    }),
+    /* @__PURE__ */ i.createElement(Do, { as: "div" }, t),
+    /* @__PURE__ */ i.createElement(
+      "div",
+      {
+        ref: y,
+        className: n[`${a}__arrow`],
+        "aria-placement": O,
+        style: r({}, Io(
+          K,
+          W,
+          G,
+          Y
+        ))
+      }
+    )
+  ));
+};
+export {
+  ko as T,
+  Wo as g,
+  n as s
+};

package/dist/chunks/Typography.module-7abc3bc2.js

@@ -0,0 +1 @@
+var a=require("../Typography.css");const _={"heading-xl":"lc-Typography-module__heading-xl___nhr-6","heading-lg":"lc-Typography-module__heading-lg___XYF7l","heading-md":"lc-Typography-module__heading-md___wHOIs","heading-sm":"lc-Typography-module__heading-sm___nBmTV","heading-xs":"lc-Typography-module__heading-xs___VcZBs","heading-2xs":"lc-Typography-module__heading-2xs___tcrVl","heading-uppercase":"lc-Typography-module__heading-uppercase___cpixD","heading-bold":"lc-Typography-module__heading-bold___ZAPzP","paragraph-md":"lc-Typography-module__paragraph-md___UGoqq","paragraph-sm":"lc-Typography-module__paragraph-sm___QIEFL","paragraph-xs":"lc-Typography-module__paragraph-xs___OUooD","paragraph--bold":"lc-Typography-module__paragraph--bold___9I2wL","paragraph--underline":"lc-Typography-module__paragraph--underline___yFDzp","paragraph--strike":"lc-Typography-module__paragraph--strike___ZDWOj","paragraph--uppercase":"lc-Typography-module__paragraph--uppercase___hdEfX","display-md":"lc-Typography-module__display-md___7eFCF","display-sm":"lc-Typography-module__display-sm___kfNES","display-max":"lc-Typography-module__display-max___vR8yn"};exports.styles=_;

package/dist/chunks/Typography.module-be5c667f.js

@@ -0,0 +1,24 @@
+import "../Typography.css";
+const a = {
+  "heading-xl": "lc-Typography-module__heading-xl___nhr-6",
+  "heading-lg": "lc-Typography-module__heading-lg___XYF7l",
+  "heading-md": "lc-Typography-module__heading-md___wHOIs",
+  "heading-sm": "lc-Typography-module__heading-sm___nBmTV",
+  "heading-xs": "lc-Typography-module__heading-xs___VcZBs",
+  "heading-2xs": "lc-Typography-module__heading-2xs___tcrVl",
+  "heading-uppercase": "lc-Typography-module__heading-uppercase___cpixD",
+  "heading-bold": "lc-Typography-module__heading-bold___ZAPzP",
+  "paragraph-md": "lc-Typography-module__paragraph-md___UGoqq",
+  "paragraph-sm": "lc-Typography-module__paragraph-sm___QIEFL",
+  "paragraph-xs": "lc-Typography-module__paragraph-xs___OUooD",
+  "paragraph--bold": "lc-Typography-module__paragraph--bold___9I2wL",
+  "paragraph--underline": "lc-Typography-module__paragraph--underline___yFDzp",
+  "paragraph--strike": "lc-Typography-module__paragraph--strike___ZDWOj",
+  "paragraph--uppercase": "lc-Typography-module__paragraph--uppercase___hdEfX",
+  "display-md": "lc-Typography-module__display-md___7eFCF",
+  "display-sm": "lc-Typography-module__display-sm___kfNES",
+  "display-max": "lc-Typography-module__display-max___vR8yn"
+};
+export {
+  a as s
+};

package/dist/chunks/keyCodes-30323e90.js

@@ -0,0 +1,15 @@
+const e = {
+  esc: "Escape",
+  enter: "Enter",
+  backspace: "Backspace",
+  delete: "Delete",
+  spacebar: " ",
+  tab: "Tab",
+  semicolon: ";",
+  comma: ",",
+  arrowUp: "ArrowUp",
+  arrowDown: "ArrowDown"
+};
+export {
+  e as K
+};

package/dist/chunks/keyCodes-c4c35e49.js

@@ -0,0 +1 @@
+"use strict";const e={esc:"Escape",enter:"Enter",backspace:"Backspace",delete:"Delete",spacebar:" ",tab:"Tab",semicolon:";",comma:",",arrowUp:"ArrowUp",arrowDown:"ArrowDown"};exports.KeyCodes=e;

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

@@ -0,0 +1 @@
+var O=Object.defineProperty;var y=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var B=(e,t,n)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,w=(e,t)=>{for(var n in t||(t={}))q.call(t,n)&&B(e,n,t[n]);if(y)for(var n of y(t))S.call(t,n)&&B(e,n,t[n]);return e};var R=require("../../index39.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),h=require("@livechat/design-system-icons"),b=require("clsx"),E=require("../ActionMenu/index.cjs.js"),A=require("../Button/index.cjs.js"),P=require("../Icon/index.cjs.js"),T=require("../../chunks/Tooltip-2c65102c.js");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=j(x),_={"action-bar":"lc-ActionBar-module__action-bar___TJitF","action-bar__items":"lc-ActionBar-module__action-bar__items___uhoQA","action-bar__items--scroll":"lc-ActionBar-module__action-bar__items--scroll___f--dN","action-bar__items__button":"lc-ActionBar-module__action-bar__items__button___Vdjl7","action-bar__items__button--active":"lc-ActionBar-module__action-bar__items__button--active___PFLdm","action-bar__items__button--hidden":"lc-ActionBar-module__action-bar__items__button--hidden___C00VA","action-bar__items__tooltip":"lc-ActionBar-module__action-bar__items__tooltip___BuQPo","action-bar__menu-wrapper":"lc-ActionBar-module__action-bar__menu-wrapper___OMWP5","action-bar__menu-wrapper__button":"lc-ActionBar-module__action-bar__menu-wrapper__button___MDsLx","action-bar__menu-wrapper__button__with-item":"lc-ActionBar-module__action-bar__menu-wrapper__button__with-item___FYlqL","fade-in":"lc-ActionBar-module__fade-in___tQvzD","action-bar__menu-wrapper__button--active":"lc-ActionBar-module__action-bar__menu-wrapper__button--active___Hlzoc","action-bar__menu-wrapper__trigger-vertical":"lc-ActionBar-module__action-bar__menu-wrapper__trigger-vertical___84WL1","action-bar--vertical":"lc-ActionBar-module__action-bar--vertical___tMzLJ"},g="action-bar__items",D=({option:e,menuItemsKeys:t,activeOptionKey:n,vertical:c})=>{const d=b(_[`${g}__button`],{[_[`${g}__button--hidden`]]:t.includes(e.key),[_[`${g}__button--active`]]:e.key===n});if(e.showTooltip){const l=t.includes(e.key)&&{isVisible:!1};return r.createElement(T.Tooltip,w({kind:"invert",placement:c?"left":"bottom",triggerClassName:_[`${g}__tooltip`],triggerRenderer:()=>r.createElement(A.Button,{id:e.key,key:e.key,title:e.label,kind:"plain",className:d,onClick:e.onClick,icon:e.element})},l),r.createElement("div",null,e.label))}return r.createElement(A.Button,{id:e.key,key:e.key,title:e.label,kind:"plain",className:d,onClick:e.onClick,icon:e.element})},u="action-bar",L=({className:e,id:t="action-bar-area",type:n="menu",options:c,activeOptionKey:d,vertical:l})=>{const[s,v]=r.useState([]),f=n==="scroll",C=b(_[u],e,l&&_[`${u}--vertical`]),p=`${u}__menu-wrapper`,$={root:document.querySelector(`${t}`),threshold:1},N=!f&&s.length!==0,I=i=>{i.map(o=>{const a=s.includes(o.target.id);if(!o.isIntersecting){o.target.setAttribute("tabindex","-1"),a||v(m=>[...m,o.target.id]);return}o.target.removeAttribute("tabindex"),a&&v(s.filter(m=>m!==o.target.id))})};r.useEffect(()=>{const i=!!window.IntersectionObserver;if(!f&&i){const o=document.querySelectorAll(`.${_[`${u}__items__button`]}`),a=new IntersectionObserver(I,$);return o.forEach(m=>a.observe(m)),()=>a.disconnect()}},[s,f]);const M=i=>c.filter(a=>i.find(m=>m===a.key)).map(a=>({key:a.key,element:r.createElement(E.ActionMenuItem,{leftNode:a.element},a.label),onClick:a.onClick})),k=c.filter(i=>s.find(o=>o===i.key)).find(i=>i.key===d);return r.createElement("div",{id:t,className:C},r.createElement("div",{className:b(_[`${u}__items`],{[_[`${u}__items--scroll`]]:f})},c.map(i=>r.createElement(D,{option:i,menuItemsKeys:s,activeOptionKey:d,vertical:l}))),N&&r.createElement("div",{className:_[p]},r.createElement(E.ActionMenu,{placement:l?"left-end":"bottom-end",options:M(s),triggerClassName:b(l&&_[`${p}__trigger-vertical`]),triggerRenderer:r.createElement(A.Button,{className:b(_[`${p}__button`],k&&_[`${p}__button--active`]),kind:"plain",icon:r.createElement(P.Icon,{source:l?h.ChevronLeft:h.ChevronDown,kind:"primary"}),iconPosition:"right"},k&&r.createElement("div",{className:b(_[`${p}__button__with-item`])},k.element))})))};exports.ActionBar=L;