@livechat/design-system-react-components 1.17.1-alpha.3 → 1.17.1-alpha.4

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

@@ -0,0 +1,41 @@
+var f = Object.defineProperty, _ = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var c = (e, s, i) => s in e ? f(e, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[s] = i, l = (e, s) => {
+  for (var i in s || (s = {}))
+    m.call(s, i) && c(e, i, s[i]);
+  if (o)
+    for (var i of o(s))
+      a.call(s, i) && c(e, i, s[i]);
+  return e;
+}, n = (e, s) => _(e, x(s));
+var p = (e, s) => {
+  var i = {};
+  for (var t in e)
+    m.call(e, t) && s.indexOf(t) < 0 && (i[t] = e[t]);
+  if (e != null && o)
+    for (var t of o(e))
+      s.indexOf(t) < 0 && a.call(e, t) && (i[t] = e[t]);
+  return i;
+};
+import * as D from "react";
+import u from "clsx";
+import "../../chunks/Typography.module-93efb34d.js";
+import { T as C } from "../../chunks/Text-b31d1e9a.js";
+const F = {
+  "field-description": "lc-FieldDescription-module__field-description___IcRDH"
+}, N = "field-description", y = (t) => {
+  var r = t, {
+    children: e,
+    className: s = ""
+  } = r, i = p(r, [
+    "children",
+    "className"
+  ]);
+  const d = u(F[N], s);
+  return /* @__PURE__ */ D.createElement(C, n(l({ as: "span", size: "sm" }, i), { className: d }), e);
+};
+export {
+  y as FieldDescription
+};

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

@@ -0,0 +1 @@
+"use strict";var g=Object.defineProperty,p=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var s=(e,r,t)=>r in e?g(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,a=(e,r)=>{for(var t in r||(r={}))l.call(r,t)&&s(e,t,r[t]);if(n)for(var t of n(r))i.call(r,t)&&s(e,t,r[t]);return e},u=(e,r)=>p(e,y(r));var d=(e,r)=>{var t={};for(var o in e)l.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&n)for(var o of n(e))r.indexOf(o)<0&&i.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),E=require("@livechat/design-system-icons"),O=require("clsx"),j=require("../Icon/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const I=require("../../chunks/Text-df483689.js");function N(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const _=N(q),m={"field-error":"lc-FieldError-module__field-error___IDkPT","field-error__icon":"lc-FieldError-module__field-error__icon___D4UNC"},f="field-error",S=o=>{var c=o,{children:e,className:r=""}=c,t=d(c,["children","className"]);const b=O(m[f],r);return _.createElement(I.Text,u(a({as:"span",size:"sm"},t),{className:b}),_.createElement(j.Icon,{source:E.Info,className:m[`${f}__icon`],size:"small"}),e)};exports.FieldError=S;

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

@@ -0,0 +1,51 @@
+var u = Object.defineProperty, N = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
+var l = Object.getOwnPropertySymbols;
+var t = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var i = (r, e, o) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, a = (r, e) => {
+  for (var o in e || (e = {}))
+    t.call(e, o) && i(r, o, e[o]);
+  if (l)
+    for (var o of l(e))
+      c.call(e, o) && i(r, o, e[o]);
+  return r;
+}, _ = (r, e) => N(r, x(e));
+var n = (r, e) => {
+  var o = {};
+  for (var s in r)
+    t.call(r, s) && e.indexOf(s) < 0 && (o[s] = r[s]);
+  if (r != null && l)
+    for (var s of l(r))
+      e.indexOf(s) < 0 && c.call(r, s) && (o[s] = r[s]);
+  return o;
+};
+import * as d from "react";
+import { Info as C } from "@livechat/design-system-icons";
+import F from "clsx";
+import { Icon as I } from "../Icon/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
+import { T } from "../../chunks/Text-b31d1e9a.js";
+const f = {
+  "field-error": "lc-FieldError-module__field-error___IDkPT",
+  "field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
+}, p = "field-error", P = (s) => {
+  var m = s, {
+    children: r,
+    className: e = ""
+  } = m, o = n(m, [
+    "children",
+    "className"
+  ]);
+  const E = F(f[p], e);
+  return /* @__PURE__ */ d.createElement(T, _(a({ as: "span", size: "sm" }, o), { className: E }), /* @__PURE__ */ d.createElement(
+    I,
+    {
+      source: C,
+      className: f[`${p}__icon`],
+      size: "small"
+    }
+  ), r);
+};
+export {
+  P as FieldError
+};

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

@@ -0,0 +1 @@
+"use strict";var F=Object.defineProperty,y=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;var s=(e,t,r)=>t in e?F(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,p=(e,t)=>{for(var r in t||(t={}))d.call(t,r)&&s(e,r,t[r]);if(o)for(var r of o(t))a.call(t,r)&&s(e,r,t[r]);return e},_=(e,t)=>y(e,O(t));var f=(e,t)=>{var r={};for(var l in e)d.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&o)for(var l of o(e))t.indexOf(l)<0&&a.call(e,l)&&(r[l]=e[l]);return r};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),E=require("clsx"),G=require("../FieldDescription/index.cjs.js"),D=require("../FieldError/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");require("../../chunks/Text-df483689.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");function S(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=S(j),n={"field-group":"lc-FieldGroup-module__field-group___gy8lp","field-group--inline":"lc-FieldGroup-module__field-group--inline___or4qf","field-group--stretched":"lc-FieldGroup-module__field-group--stretched___6rkuO"},u="field-group",h=v=>{var c=v,{className:e="",children:t,description:r,error:l,inline:g,stretch:m}=c,b=f(c,["className","children","description","error","inline","stretch"]);const q=E(n[u],e,{[n[`${u}--inline`]]:g,[n[`${u}--stretched`]]:m});return i.createElement("div",_(p({},b),{className:q}),t,l&&i.createElement(D.FieldError,null,l),r&&i.createElement(G.FieldDescription,null,r))};exports.FieldGroup=h;

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

@@ -0,0 +1,58 @@
+var G = Object.defineProperty, h = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
+var i = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var s = (e, r, l) => r in e ? G(e, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[r] = l, n = (e, r) => {
+  for (var l in r || (r = {}))
+    u.call(r, l) && s(e, l, r[l]);
+  if (i)
+    for (var l of i(r))
+      c.call(r, l) && s(e, l, r[l]);
+  return e;
+}, _ = (e, r) => h(e, x(r));
+var f = (e, r) => {
+  var l = {};
+  for (var o in e)
+    u.call(e, o) && r.indexOf(o) < 0 && (l[o] = e[o]);
+  if (e != null && i)
+    for (var o of i(e))
+      r.indexOf(o) < 0 && c.call(e, o) && (l[o] = e[o]);
+  return l;
+};
+import * as t from "react";
+import y from "clsx";
+import { FieldDescription as C } from "../FieldDescription/index.es.js";
+import { FieldError as N } from "../FieldError/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
+import "../../chunks/Text-b31d1e9a.js";
+import "@livechat/design-system-icons";
+import "../Icon/index.es.js";
+const m = {
+  "field-group": "lc-FieldGroup-module__field-group___gy8lp",
+  "field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
+  "field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
+}, p = "field-group", w = ($) => {
+  var d = $, {
+    className: e = "",
+    children: r,
+    description: l,
+    error: o,
+    inline: a,
+    stretch: g
+  } = d, F = f(d, [
+    "className",
+    "children",
+    "description",
+    "error",
+    "inline",
+    "stretch"
+  ]);
+  const E = y(m[p], e, {
+    [m[`${p}--inline`]]: a,
+    [m[`${p}--stretched`]]: g
+  });
+  return /* @__PURE__ */ t.createElement("div", _(n({}, F), { className: E }), r, o && /* @__PURE__ */ t.createElement(N, null, o), l && /* @__PURE__ */ t.createElement(C, null, l));
+};
+export {
+  w as FieldGroup
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),n=require("@livechat/design-system-icons"),p=require("clsx"),u=require("../Icon/index.cjs.js"),E=require("../Progress/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const F=require("../../chunks/Text-df483689.js");function U(r){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(l,s,c.get?c:{enumerable:!0,get:()=>r[s]})}}return l.default=r,Object.freeze(l)}const e=U(b),t={"file-upload-progress-actions":"lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2","file-upload-progress-actions__close-button":"lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um","file-upload-progress-actions__retry-button":"lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"},i="file-upload-progress-actions",g=({status:r,onCloseButtonClick:l,onRetryButtonClick:s})=>e.createElement("div",{className:t[`${i}`]},s&&r==="error"&&e.createElement("button",{type:"button",className:t[`${i}__retry-button`],"aria-label":"Retry",onClick:s},e.createElement(u.Icon,{size:"small",source:n.Refresh})),l&&r!=="success"&&e.createElement("button",{type:"button",className:t[`${i}__close-button`],"aria-label":"Close",onClick:l},e.createElement(u.Icon,{size:"small",source:n.Close}))),o={"file-upload-progress":"lc-FileUploadProgress-module__file-upload-progress___xw8h8","file-upload-progress__icon":"lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz","file-upload-progress__icon--success":"lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH","file-upload-progress__wrapper":"lc-FileUploadProgress-module__file-upload-progress__wrapper___01Nkq","file-upload-progress__wrapper--with-icon":"lc-FileUploadProgress-module__file-upload-progress__wrapper--with-icon___GSXmA","file-upload-progress__wrapper__header":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header___mYBGK","file-upload-progress__wrapper__header__actions":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__actions___tvhB3","file-upload-progress__wrapper__header__title":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv","file-upload-progress__wrapper__header__title--success":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl","file-upload-progress__wrapper__header__title--error":"lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"},_="file-upload-progress",d=`${_}__wrapper__header__title`,$=e.forwardRef(({actionsVisibility:r="hidden",className:l,icon:s,title:c,progressValue:m,size:f,status:a="normal",onCloseButtonClick:w,onRetryButtonClick:h},P)=>e.createElement("div",{className:o[_],ref:P},s&&a!=="success"&&e.createElement("div",{className:o[`${_}__icon`]},s),a==="success"&&e.createElement("div",{className:p(o[`${_}__icon`],o[`${_}__icon--success`])},e.createElement(u.Icon,{source:n.Check})),e.createElement("div",{className:p(o[`${_}__wrapper`],{[o[`${_}__wrapper--with-icon`]]:s})},e.createElement("div",{className:o[`${_}__wrapper__header`]},c&&e.createElement("div",{className:p(o[d],{[o[`${d}--success`]]:a==="success",[o[`${d}--error`]]:a==="error"})},e.createElement(F.Text,{size:"sm",as:"div"},c),"="," "),r!=="hidden"&&e.createElement("div",{className:p({[o[`${_}__wrapper__header__actions`]]:r==="hover"})},e.createElement(g,{status:a,onCloseButtonClick:w,onRetryButtonClick:h}))),a!=="success"&&e.createElement(E.ProgressBar,{className:l,percent:m,status:a,size:f}))));exports.FileUploadProgress=$;exports.FileUploadProgressActions=g;

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

@@ -0,0 +1,109 @@
+import * as e from "react";
+import { Refresh as h, Close as E, Check as P } from "@livechat/design-system-icons";
+import p from "clsx";
+import { Icon as d } from "../Icon/index.es.js";
+import { ProgressBar as F } from "../Progress/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
+import { T as U } from "../../chunks/Text-b31d1e9a.js";
+const c = {
+  "file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
+  "file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
+  "file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
+}, i = "file-upload-progress-actions", $ = ({ status: l, onCloseButtonClick: a, onRetryButtonClick: o }) => /* @__PURE__ */ e.createElement("div", { className: c[`${i}`] }, o && l === "error" && /* @__PURE__ */ e.createElement(
+  "button",
+  {
+    type: "button",
+    className: c[`${i}__retry-button`],
+    "aria-label": "Retry",
+    onClick: o
+  },
+  /* @__PURE__ */ e.createElement(d, { size: "small", source: h })
+), a && l !== "success" && /* @__PURE__ */ e.createElement(
+  "button",
+  {
+    type: "button",
+    className: c[`${i}__close-button`],
+    "aria-label": "Close",
+    onClick: a
+  },
+  /* @__PURE__ */ e.createElement(d, { size: "small", source: E })
+)), r = {
+  "file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
+  "file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
+  "file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
+  "file-upload-progress__wrapper": "lc-FileUploadProgress-module__file-upload-progress__wrapper___01Nkq",
+  "file-upload-progress__wrapper--with-icon": "lc-FileUploadProgress-module__file-upload-progress__wrapper--with-icon___GSXmA",
+  "file-upload-progress__wrapper__header": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header___mYBGK",
+  "file-upload-progress__wrapper__header__actions": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__actions___tvhB3",
+  "file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
+  "file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
+  "file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
+}, s = "file-upload-progress", t = `${s}__wrapper__header__title`, x = e.forwardRef(
+  ({
+    actionsVisibility: l = "hidden",
+    className: a,
+    icon: o,
+    title: u,
+    progressValue: m,
+    size: n,
+    status: _ = "normal",
+    onCloseButtonClick: g,
+    onRetryButtonClick: f
+  }, w) => /* @__PURE__ */ e.createElement("div", { className: r[s], ref: w }, o && _ !== "success" && /* @__PURE__ */ e.createElement("div", { className: r[`${s}__icon`] }, o), _ === "success" && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: p(
+        r[`${s}__icon`],
+        r[`${s}__icon--success`]
+      )
+    },
+    /* @__PURE__ */ e.createElement(d, { source: P })
+  ), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: p(r[`${s}__wrapper`], {
+        [r[`${s}__wrapper--with-icon`]]: o
+      })
+    },
+    /* @__PURE__ */ e.createElement("div", { className: r[`${s}__wrapper__header`] }, u && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: p(r[t], {
+          [r[`${t}--success`]]: _ === "success",
+          [r[`${t}--error`]]: _ === "error"
+        })
+      },
+      /* @__PURE__ */ e.createElement(U, { size: "sm", as: "div" }, u),
+      "=",
+      " "
+    ), l !== "hidden" && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: p({
+          [r[`${s}__wrapper__header__actions`]]: l === "hover"
+        })
+      },
+      /* @__PURE__ */ e.createElement(
+        $,
+        {
+          status: _,
+          onCloseButtonClick: g,
+          onRetryButtonClick: f
+        }
+      )
+    )),
+    _ !== "success" && /* @__PURE__ */ e.createElement(
+      F,
+      {
+        className: a,
+        percent: m,
+        status: _,
+        size: n
+      }
+    )
+  ))
+);
+export {
+  x as FileUploadProgress,
+  $ as FileUploadProgressActions
+};

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

@@ -0,0 +1 @@
+"use strict";var p=Object.defineProperty;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var n=(e,o,r)=>o in e?p(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,i=(e,o)=>{for(var r in o||(o={}))f.call(o,r)&&n(e,r,o[r]);if(s)for(var r of s(o))u.call(o,r)&&n(e,r,o[r]);return e};var d=(e,o)=>{var r={};for(var _ in e)f.call(e,_)&&o.indexOf(_)<0&&(r[_]=e[_]);if(e!=null&&s)for(var _ of s(e))o.indexOf(_)<0&&u.call(e,_)&&(r[_]=e[_]);return r};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),h=require("clsx"),F=require("../../chunks/Heading-617540b6.js"),O=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function y(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const _=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,_.get?_:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=y(g),N="lc-Form-module__form___1nOYF",j="lc-Form-module__form__header___U4B7t",q="lc-Form-module__form__footer___1-sUX",E="lc-Form-module__form__label___spg-J",S="lc-Form-module__form__helper___bhfwS",c={form:N,form__header:j,form__footer:q,form__label:E,form__helper:S},m="form",v=$=>{var l=$,{className:e,children:o,labelText:r,helperText:_,formFooter:a}=l,b=d(l,["className","children","labelText","helperText","formFooter"]);return t.createElement("form",i({className:h(c[m],e)},b),(r||_)&&t.createElement("div",{className:c[`${m}__header`]},r&&t.createElement(F.Heading,{size:"sm",className:c[`${m}__label`]},r),_&&t.createElement(O.Text,{as:"p",size:"sm",className:c[`${m}__helper`]},_)),o,a&&t.createElement("div",{className:c[`${m}__footer`]},a))};exports.Form=v;

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

@@ -0,0 +1,50 @@
+var u = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var n = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var f = (e, o, _) => o in e ? u(e, o, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : e[o] = _, i = (e, o) => {
+  for (var _ in o || (o = {}))
+    n.call(o, _) && f(e, _, o[_]);
+  if (l)
+    for (var _ of l(o))
+      d.call(o, _) && f(e, _, o[_]);
+  return e;
+};
+var p = (e, o) => {
+  var _ = {};
+  for (var m in e)
+    n.call(e, m) && o.indexOf(m) < 0 && (_[m] = e[m]);
+  if (e != null && l)
+    for (var m of l(e))
+      o.indexOf(m) < 0 && d.call(e, m) && (_[m] = e[m]);
+  return _;
+};
+import * as r from "react";
+import F from "clsx";
+import { H as E } from "../../chunks/Heading-6b95d08b.js";
+import { T as N } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
+const b = "lc-Form-module__form___1nOYF", $ = "lc-Form-module__form__header___U4B7t", g = "lc-Form-module__form__footer___1-sUX", v = "lc-Form-module__form__label___spg-J", z = "lc-Form-module__form__helper___bhfwS", s = {
+  form: b,
+  form__header: $,
+  form__footer: g,
+  form__label: v,
+  form__helper: z
+}, a = "form", J = (H) => {
+  var c = H, {
+    className: e,
+    children: o,
+    labelText: _,
+    helperText: m,
+    formFooter: t
+  } = c, h = p(c, [
+    "className",
+    "children",
+    "labelText",
+    "helperText",
+    "formFooter"
+  ]);
+  return /* @__PURE__ */ r.createElement("form", i({ className: F(s[a], e) }, h), (_ || m) && /* @__PURE__ */ r.createElement("div", { className: s[`${a}__header`] }, _ && /* @__PURE__ */ r.createElement(E, { size: "sm", className: s[`${a}__label`] }, _), m && /* @__PURE__ */ r.createElement(N, { as: "p", size: "sm", className: s[`${a}__helper`] }, m)), o, t && /* @__PURE__ */ r.createElement("div", { className: s[`${a}__footer`] }, t));
+};
+export {
+  J as Form
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),i=require("clsx"),$=require("../FieldDescription/index.cjs.js"),g=require("../FieldError/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");const w=require("../../chunks/Text-df483689.js");require("@livechat/design-system-icons");require("../Icon/index.cjs.js");function v(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const e=v(E),l={"form-field":"lc-FormField-module__form-field___JqnX6","form-field--inline":"lc-FormField-module__form-field--inline___4DgIq","form-field__wrapper--inline":"lc-FormField-module__form-field__wrapper--inline___Ubvrn","form-field__label":"lc-FormField-module__form-field__label___hNCFS","form-field__label--inline":"lc-FormField-module__form-field__label--inline___QxyM6","form-field__label--no-text":"lc-FormField-module__form-field__label--no-text___Ohs-I","form-field__label-wrapper":"lc-FormField-module__form-field__label-wrapper___61-NO","form-field__label-wrapper--inline":"lc-FormField-module__form-field__label-wrapper--inline___YVYza","form-field__label-adornment":"lc-FormField-module__form-field__label-adornment___HB0z7","form-field__label-adornment--inline":"lc-FormField-module__form-field__label-adornment--inline___pwRXm","form-field__label-left-node":"lc-FormField-module__form-field__label-left-node___dvipB","form-field__label-right-node":"lc-FormField-module__form-field__label-right-node___LR-03","form-field__label-right-node--inline":"lc-FormField-module__form-field__label-right-node--inline___BkiPG","form-field__row-break":"lc-FormField-module__form-field__row-break___DCBjC","form-field__content":"lc-FormField-module__form-field__content___XaOx3","form-field__content__description":"lc-FormField-module__form-field__content__description___NpVw4"},_="form-field",h=({inline:r,error:o,description:t,labelText:n,labelAdornment:a,className:s,labelFor:u,children:F,labelRightNode:m})=>{const d=e.useRef(null),[b,c]=e.useState("auto"),p=i(l[_],{[l[`${_}--inline`]]:r},s);return e.useEffect(()=>{const f=d;return r&&f.current?c(`${f.current.clientHeight}px`):c("auto")}),e.createElement("div",{className:p},m&&r&&e.createElement(e.Fragment,null,e.createElement("div",{className:i(l[`${_}__label-right-node`],l[`${_}__label-right-node--inline`])},m),e.createElement("div",{className:l[`${_}__row-break`]})),e.createElement("div",{className:i(l[`${_}__wrapper`],r&&l[`${_}__wrapper--inline`])},(n||m)&&e.createElement("div",{className:i(l[`${_}__label`],r&&l[`${_}__label--inline`],!n&&l[`${_}__label--no-text`])},n&&e.createElement("div",{className:i(l[`${_}__label-wrapper`],r&&l[`${_}__label-wrapper--inline`]),style:{height:b}},e.createElement("label",{className:l[`${_}__label-left-node`],htmlFor:u},e.createElement(w.Text,{as:"span",size:"sm"},n)),a&&e.createElement("div",{className:i(l[`${_}__label-adornment`],r&&l[`${_}__label-adornment--inline`])},a)),m&&!r&&e.createElement("div",{className:i(l[`${_}__label-right-node`])},m)),e.createElement("div",{className:i(l[`${_}__content`])},e.createElement("div",{ref:d},F),o&&e.createElement(g.FieldError,null,o),!o&&t&&e.createElement($.FieldDescription,{className:i(l[`${_}__content__description`])},t))))};exports.FormField=h;

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

@@ -0,0 +1,116 @@
+import * as e from "react";
+import r from "clsx";
+import { FieldDescription as $ } from "../FieldDescription/index.es.js";
+import { FieldError as E } from "../FieldError/index.es.js";
+import "../../chunks/Typography.module-93efb34d.js";
+import { T as w } from "../../chunks/Text-b31d1e9a.js";
+import "@livechat/design-system-icons";
+import "../Icon/index.es.js";
+const l = {
+  "form-field": "lc-FormField-module__form-field___JqnX6",
+  "form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
+  "form-field__wrapper--inline": "lc-FormField-module__form-field__wrapper--inline___Ubvrn",
+  "form-field__label": "lc-FormField-module__form-field__label___hNCFS",
+  "form-field__label--inline": "lc-FormField-module__form-field__label--inline___QxyM6",
+  "form-field__label--no-text": "lc-FormField-module__form-field__label--no-text___Ohs-I",
+  "form-field__label-wrapper": "lc-FormField-module__form-field__label-wrapper___61-NO",
+  "form-field__label-wrapper--inline": "lc-FormField-module__form-field__label-wrapper--inline___YVYza",
+  "form-field__label-adornment": "lc-FormField-module__form-field__label-adornment___HB0z7",
+  "form-field__label-adornment--inline": "lc-FormField-module__form-field__label-adornment--inline___pwRXm",
+  "form-field__label-left-node": "lc-FormField-module__form-field__label-left-node___dvipB",
+  "form-field__label-right-node": "lc-FormField-module__form-field__label-right-node___LR-03",
+  "form-field__label-right-node--inline": "lc-FormField-module__form-field__label-right-node--inline___BkiPG",
+  "form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
+  "form-field__content": "lc-FormField-module__form-field__content___XaOx3",
+  "form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
+}, _ = "form-field", B = ({
+  inline: m,
+  error: a,
+  description: t,
+  labelText: i,
+  labelAdornment: n,
+  className: s,
+  labelFor: F,
+  children: p,
+  labelRightNode: o
+}) => {
+  const d = e.useRef(null), [b, f] = e.useState("auto"), u = r(
+    l[_],
+    {
+      [l[`${_}--inline`]]: m
+    },
+    s
+  );
+  return e.useEffect(() => {
+    const c = d;
+    return m && c.current ? f(`${c.current.clientHeight}px`) : f("auto");
+  }), /* @__PURE__ */ e.createElement("div", { className: u }, o && m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: r(
+        l[`${_}__label-right-node`],
+        l[`${_}__label-right-node--inline`]
+      )
+    },
+    o
+  ), /* @__PURE__ */ e.createElement("div", { className: l[`${_}__row-break`] })), /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: r(
+        l[`${_}__wrapper`],
+        m && l[`${_}__wrapper--inline`]
+      )
+    },
+    (i || o) && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: r(
+          l[`${_}__label`],
+          m && l[`${_}__label--inline`],
+          !i && l[`${_}__label--no-text`]
+        )
+      },
+      i && /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          className: r(
+            l[`${_}__label-wrapper`],
+            m && l[`${_}__label-wrapper--inline`]
+          ),
+          style: {
+            height: b
+          }
+        },
+        /* @__PURE__ */ e.createElement(
+          "label",
+          {
+            className: l[`${_}__label-left-node`],
+            htmlFor: F
+          },
+          /* @__PURE__ */ e.createElement(w, { as: "span", size: "sm" }, i)
+        ),
+        n && /* @__PURE__ */ e.createElement(
+          "div",
+          {
+            className: r(
+              l[`${_}__label-adornment`],
+              m && l[`${_}__label-adornment--inline`]
+            )
+          },
+          n
+        )
+      ),
+      o && !m && /* @__PURE__ */ e.createElement("div", { className: r(l[`${_}__label-right-node`]) }, o)
+    ),
+    /* @__PURE__ */ e.createElement("div", { className: r(l[`${_}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: d }, p), a && /* @__PURE__ */ e.createElement(E, null, a), !a && t && /* @__PURE__ */ e.createElement(
+      $,
+      {
+        className: r(l[`${_}__content__description`])
+      },
+      t
+    ))
+  ));
+};
+export {
+  B as FormField
+};

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

@@ -0,0 +1 @@
+"use strict";var b=Object.defineProperty,G=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var n=(e,o,r)=>o in e?b(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,c=(e,o)=>{for(var r in o||(o={}))i.call(o,r)&&n(e,r,o[r]);if(a)for(var r of a(o))p.call(o,r)&&n(e,r,o[r]);return e},l=(e,o)=>G(e,N(o));var d=(e,o)=>{var r={};for(var t in e)i.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&a)for(var t of a(e))o.indexOf(t)<0&&p.call(e,t)&&(r[t]=e[t]);return r};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),y=require("clsx"),F=require("../../chunks/Heading-617540b6.js"),O=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function h(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const _=h(v),u={"form-group":"lc-FormGroup-module__form-group___e2JHa","form-group__header":"lc-FormGroup-module__form-group__header___DgGmR","form-group__label":"lc-FormGroup-module__form-group__label___NC-JW","form-group__helper":"lc-FormGroup-module__form-group__helper___SRuxe"},s="form-group",j=q=>{var m=q,{className:e="",children:o,labelText:r,helperText:t}=m,g=d(m,["className","children","labelText","helperText"]);const f=y(u[s],e);return _.createElement("div",l(c(l(c({},g),{role:"group"}),r&&{"aria-label":r}),{className:f}),_.createElement("div",{className:u[`${s}__header`]},_.createElement(F.Heading,{as:"div",size:"sm",className:u[`${s}__label`]},r),t&&_.createElement(O.Text,{as:"div",size:"sm",className:u[`${s}__helper`]},t)),o)};exports.FormGroup=j;

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

@@ -0,0 +1,58 @@
+var G = Object.defineProperty, N = Object.defineProperties;
+var h = Object.getOwnPropertyDescriptors;
+var _ = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var c = (r, o, e) => o in r ? G(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, p = (r, o) => {
+  for (var e in o || (o = {}))
+    d.call(o, e) && c(r, e, o[e]);
+  if (_)
+    for (var e of _(o))
+      f.call(o, e) && c(r, e, o[e]);
+  return r;
+}, u = (r, o) => N(r, h(o));
+var g = (r, o) => {
+  var e = {};
+  for (var m in r)
+    d.call(r, m) && o.indexOf(m) < 0 && (e[m] = r[m]);
+  if (r != null && _)
+    for (var m of _(r))
+      o.indexOf(m) < 0 && f.call(r, m) && (e[m] = r[m]);
+  return e;
+};
+import * as a from "react";
+import F from "clsx";
+import { H as v } from "../../chunks/Heading-6b95d08b.js";
+import { T as E } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
+const s = {
+  "form-group": "lc-FormGroup-module__form-group___e2JHa",
+  "form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
+  "form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
+  "form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
+}, l = "form-group", J = (b) => {
+  var t = b, {
+    className: r = "",
+    children: o,
+    labelText: e,
+    helperText: m
+  } = t, i = g(t, [
+    "className",
+    "children",
+    "labelText",
+    "helperText"
+  ]);
+  const n = F(s[l], r);
+  return /* @__PURE__ */ a.createElement(
+    "div",
+    u(p(u(p({}, i), {
+      role: "group"
+    }), e && { "aria-label": e }), {
+      className: n
+    }),
+    /* @__PURE__ */ a.createElement("div", { className: s[`${l}__header`] }, /* @__PURE__ */ a.createElement(v, { as: "div", size: "sm", className: s[`${l}__label`] }, e), m && /* @__PURE__ */ a.createElement(E, { as: "div", size: "sm", className: s[`${l}__helper`] }, m)),
+    o
+  );
+};
+export {
+  J as FormGroup
+};

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

@@ -0,0 +1 @@
+"use strict";var h=Object.defineProperty,y=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var c=Object.getOwnPropertySymbols;var t=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var a=(o,i,n)=>i in o?h(o,i,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[i]=n,_=(o,i)=>{for(var n in i||(i={}))t.call(i,n)&&a(o,n,i[n]);if(c)for(var n of c(i))s.call(i,n)&&a(o,n,i[n]);return o},r=(o,i)=>y(o,k(i));var u=(o,i)=>{var n={};for(var e in o)t.call(o,e)&&i.indexOf(e)<0&&(n[e]=o[e]);if(o!=null&&c)for(var e of c(o))i.indexOf(e)<0&&s.call(o,e)&&(n[e]=o[e]);return n};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),C=require("clsx");function S(o){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(i,n,e.get?e:{enumerable:!0,get:()=>o[n]})}}return i.default=o,Object.freeze(i)}const m=S(z),j="lc-Icon-module__icon___tw31R",b={icon:j,"icon--primary":"lc-Icon-module__icon--primary___JJnBV","icon--subtle":"lc-Icon-module__icon--subtle___sZIzL","icon--inverted":"lc-Icon-module__icon--inverted___zA9QC","icon--inverted-subtle":"lc-Icon-module__icon--inverted-subtle___6UwBT","icon--link":"lc-Icon-module__icon--link___Jwkw9","icon--success":"lc-Icon-module__icon--success___MKdz3","icon--warning":"lc-Icon-module__icon--warning___5YCSW","icon--error":"lc-Icon-module__icon--error___CiJCD","icon--negative":"lc-Icon-module__icon--negative___vfgpo","icon--positive":"lc-Icon-module__icon--positive___ulUuj","icon--info":"lc-Icon-module__icon--info___Lfxfs","icon--action-primary":"lc-Icon-module__icon--action-primary___n5UhF","icon--action-negative":"lc-Icon-module__icon--action-negative___f1EPS","icon--action-positive":"lc-Icon-module__icon--action-positive___o-6Q-","icon--action-warning":"lc-Icon-module__icon--action-warning___zik06","icon--action-neutral":"lc-Icon-module__icon--action-neutral___sTHAF","icon--disabled--primary":"lc-Icon-module__icon--disabled--primary___E0nee","icon--disabled--subtle":"lc-Icon-module__icon--disabled--subtle___l-hK4","icon--disabled--inverted":"lc-Icon-module__icon--disabled--inverted___5SBAf","icon--disabled--inverted-subtle":"lc-Icon-module__icon--disabled--inverted-subtle___w-NBk","icon--disabled--link":"lc-Icon-module__icon--disabled--link___sVJOa","icon--disabled--success":"lc-Icon-module__icon--disabled--success___sG-7d","icon--disabled--warning":"lc-Icon-module__icon--disabled--warning___8ko1e","icon--disabled--error":"lc-Icon-module__icon--disabled--error___9KbVo","icon--disabled--negative":"lc-Icon-module__icon--disabled--negative___AzzCW","icon--disabled--positive":"lc-Icon-module__icon--disabled--positive___JelzZ","icon--disabled--info":"lc-Icon-module__icon--disabled--info___3xl-B","icon--disabled--action-primary":"lc-Icon-module__icon--disabled--action-primary___2k1TG","icon--disabled--action-negative":"lc-Icon-module__icon--disabled--action-negative___Oraj8","icon--disabled--action-positive":"lc-Icon-module__icon--disabled--action-positive___zaLja","icon--disabled--action-warning":"lc-Icon-module__icon--disabled--action-warning___5VvCf","icon--disabled--action-neutral":"lc-Icon-module__icon--disabled--action-neutral___SxlyC"},O={xsmall:{width:12,height:12},small:{width:16,height:16},medium:{width:20,height:20},large:{width:24,height:24},xlarge:{width:32,height:32}},I="icon",x=o=>{const d=o,{source:i,size:n="medium",kind:e,disabled:g,className:v,customColor:l}=d,p=u(d,["source","size","kind","disabled","className","customColor"]),f=m.createElement(i,_(_({},O[n]),l?{color:l}:{})),w=C(v,b[I],e&&b[`${I}--${g?"disabled--":""}${e}`]);return m.createElement("span",r(_({},p),{className:w}),f)};exports.Icon=x;

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

@@ -0,0 +1,103 @@
+var f = Object.defineProperty, k = Object.defineProperties;
+var y = Object.getOwnPropertyDescriptors;
+var e = Object.getOwnPropertySymbols;
+var s = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+var a = (i, o, n) => o in i ? f(i, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[o] = n, _ = (i, o) => {
+  for (var n in o || (o = {}))
+    s.call(o, n) && a(i, n, o[n]);
+  if (e)
+    for (var n of e(o))
+      t.call(o, n) && a(i, n, o[n]);
+  return i;
+}, r = (i, o) => k(i, y(o));
+var m = (i, o) => {
+  var n = {};
+  for (var c in i)
+    s.call(i, c) && o.indexOf(c) < 0 && (n[c] = i[c]);
+  if (i != null && e)
+    for (var c of e(i))
+      o.indexOf(c) < 0 && t.call(i, c) && (n[c] = i[c]);
+  return n;
+};
+import * as u from "react";
+import z from "clsx";
+const C = "lc-Icon-module__icon___tw31R", b = {
+  icon: C,
+  "icon--primary": "lc-Icon-module__icon--primary___JJnBV",
+  "icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
+  "icon--inverted": "lc-Icon-module__icon--inverted___zA9QC",
+  "icon--inverted-subtle": "lc-Icon-module__icon--inverted-subtle___6UwBT",
+  "icon--link": "lc-Icon-module__icon--link___Jwkw9",
+  "icon--success": "lc-Icon-module__icon--success___MKdz3",
+  "icon--warning": "lc-Icon-module__icon--warning___5YCSW",
+  "icon--error": "lc-Icon-module__icon--error___CiJCD",
+  "icon--negative": "lc-Icon-module__icon--negative___vfgpo",
+  "icon--positive": "lc-Icon-module__icon--positive___ulUuj",
+  "icon--info": "lc-Icon-module__icon--info___Lfxfs",
+  "icon--action-primary": "lc-Icon-module__icon--action-primary___n5UhF",
+  "icon--action-negative": "lc-Icon-module__icon--action-negative___f1EPS",
+  "icon--action-positive": "lc-Icon-module__icon--action-positive___o-6Q-",
+  "icon--action-warning": "lc-Icon-module__icon--action-warning___zik06",
+  "icon--action-neutral": "lc-Icon-module__icon--action-neutral___sTHAF",
+  "icon--disabled--primary": "lc-Icon-module__icon--disabled--primary___E0nee",
+  "icon--disabled--subtle": "lc-Icon-module__icon--disabled--subtle___l-hK4",
+  "icon--disabled--inverted": "lc-Icon-module__icon--disabled--inverted___5SBAf",
+  "icon--disabled--inverted-subtle": "lc-Icon-module__icon--disabled--inverted-subtle___w-NBk",
+  "icon--disabled--link": "lc-Icon-module__icon--disabled--link___sVJOa",
+  "icon--disabled--success": "lc-Icon-module__icon--disabled--success___sG-7d",
+  "icon--disabled--warning": "lc-Icon-module__icon--disabled--warning___8ko1e",
+  "icon--disabled--error": "lc-Icon-module__icon--disabled--error___9KbVo",
+  "icon--disabled--negative": "lc-Icon-module__icon--disabled--negative___AzzCW",
+  "icon--disabled--positive": "lc-Icon-module__icon--disabled--positive___JelzZ",
+  "icon--disabled--info": "lc-Icon-module__icon--disabled--info___3xl-B",
+  "icon--disabled--action-primary": "lc-Icon-module__icon--disabled--action-primary___2k1TG",
+  "icon--disabled--action-negative": "lc-Icon-module__icon--disabled--action-negative___Oraj8",
+  "icon--disabled--action-positive": "lc-Icon-module__icon--disabled--action-positive___zaLja",
+  "icon--disabled--action-warning": "lc-Icon-module__icon--disabled--action-warning___5VvCf",
+  "icon--disabled--action-neutral": "lc-Icon-module__icon--disabled--action-neutral___SxlyC"
+}, x = {
+  xsmall: {
+    width: 12,
+    height: 12
+  },
+  small: {
+    width: 16,
+    height: 16
+  },
+  medium: {
+    width: 20,
+    height: 20
+  },
+  large: {
+    width: 24,
+    height: 24
+  },
+  xlarge: {
+    width: 32,
+    height: 32
+  }
+}, I = "icon", S = (i) => {
+  const d = i, {
+    source: o,
+    size: n = "medium",
+    kind: c,
+    disabled: v,
+    className: g,
+    customColor: l
+  } = d, p = m(d, [
+    "source",
+    "size",
+    "kind",
+    "disabled",
+    "className",
+    "customColor"
+  ]), w = u.createElement(o, _(_({}, x[n]), l ? { color: l } : {})), h = z(
+    g,
+    b[I],
+    c && b[`${I}--${v ? "disabled--" : ""}${c}`]
+  );
+  return /* @__PURE__ */ u.createElement("span", r(_({}, p), { className: h }), w);
+};
+export {
+  S as Icon
+};