@livechat/design-system-react-components 1.16.8 → 1.17.0

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

@@ -0,0 +1 @@
+var U=Object.defineProperty,X=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var y=(t,e,o)=>e in t?U(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,a=(t,e)=>{for(var o in e||(e={}))G.call(e,o)&&y(t,o,e[o]);if(v)for(var o of v(e))H.call(e,o)&&y(t,o,e[o]);return t},b=(t,e)=>X(t,B(e));var te=require("../../assets/index14.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),s=require("@floating-ui/react"),L=require("clsx"),Q=require("../../chunks/Text-fcac11f3.js");function W(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const n=W(J),Y="lc-Popover-module__popover___8X1b2",Z={popover:Y},$=({triggerRenderer:t,onClose:e,onOpen:o,children:r,className:F,triggerClassName:P,placement:E,flipOptions:_,offsetSize:N=4,isVisible:i,openedOnInit:T,closeOnEsc:S=!0,useDismissHookProps:j,useClickHookProps:x,floatingStrategy:I})=>{const[q,M]=n.useState(T),h=s.useFloatingParentNodeId(),l=s.useFloatingNodeId(),u=i!==void 0,d=u?i:q,k=typeof r=="string",w=typeof t=="function",C=(g,m)=>{g?o==null||o(m):e==null||e(m),!u&&M(g)},{refs:p,context:c,floatingStyles:D}=s.useFloating({nodeId:l,open:d,onOpenChange:C,middleware:[s.offset(N),s.flip(_),s.shift()],placement:E,strategy:I,whileElementsMounted:s.autoUpdate}),R=s.useClick(c,x),O=s.useDismiss(c,a({escapeKey:S},j)),V=s.useRole(c),{getReferenceProps:z,getFloatingProps:A}=s.useInteractions([R,O,V]),K=L(Z.popover,F),f=n.createElement(n.Fragment,null,n.createElement("div",b(a({"data-testid":"popover-trigger-button",ref:p.setReference},z()),{className:P}),w?t():t),n.createElement(s.FloatingNode,{id:l},d&&n.createElement(s.FloatingFocusManager,{context:c,modal:!1},n.createElement("div",a({className:K,ref:p.setFloating,style:D},A()),k?n.createElement(Q.Text,{as:"div"},r):r))));return h===null?n.createElement(s.FloatingTree,null,f):f};exports.Popover=$;

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

@@ -0,0 +1,75 @@
+var q = Object.defineProperty, z = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
+var g = Object.getOwnPropertySymbols;
+var G = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var v = (o, e, t) => e in o ? q(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, a = (o, e) => {
+  for (var t in e || (e = {}))
+    G.call(e, t) && v(o, t, e[t]);
+  if (g)
+    for (var t of g(e))
+      H.call(e, t) && v(o, t, e[t]);
+  return o;
+}, F = (o, e) => z(o, B(e));
+import "../../assets/index14.css";
+import * as s from "react";
+import { useFloatingParentNodeId as J, useFloatingNodeId as L, useFloating as Q, offset as W, flip as Y, shift as Z, autoUpdate as $, useClick as O, useDismiss as ee, useRole as te, useInteractions as oe, FloatingNode as se, FloatingFocusManager as ne, FloatingTree as ae } from "@floating-ui/react";
+import re from "clsx";
+import { T as ie } from "../../chunks/Text-cf7d33c8.js";
+const le = "lc-Popover-module__popover___8X1b2", ce = {
+  popover: le
+}, ge = ({
+  triggerRenderer: o,
+  onClose: e,
+  onOpen: t,
+  children: r,
+  className: y,
+  triggerClassName: E,
+  placement: N,
+  flipOptions: P,
+  offsetSize: b = 4,
+  isVisible: i,
+  openedOnInit: x,
+  closeOnEsc: I = !0,
+  useDismissHookProps: T,
+  useClickHookProps: _,
+  floatingStrategy: h
+}) => {
+  const [C, k] = s.useState(x), w = J(), l = L(), c = i !== void 0, m = c ? i : C, M = typeof r == "string", R = typeof o == "function", S = (d, f) => {
+    d ? t == null || t(f) : e == null || e(f), !c && k(d);
+  }, { refs: p, context: n, floatingStyles: V } = Q({
+    nodeId: l,
+    open: m,
+    onOpenChange: S,
+    middleware: [W(b), Y(P), Z()],
+    placement: N,
+    strategy: h,
+    whileElementsMounted: $
+  }), A = O(n, _), D = ee(n, a({
+    escapeKey: I
+  }, T)), K = te(n), { getReferenceProps: U, getFloatingProps: X } = oe([
+    A,
+    D,
+    K
+  ]), j = re(ce.popover, y), u = /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
+    "div",
+    F(a({
+      "data-testid": "popover-trigger-button",
+      ref: p.setReference
+    }, U()), {
+      className: E
+    }),
+    R ? o() : o
+  ), /* @__PURE__ */ s.createElement(se, { id: l }, m && /* @__PURE__ */ s.createElement(ne, { context: n, modal: !1 }, /* @__PURE__ */ s.createElement(
+    "div",
+    a({
+      className: j,
+      ref: p.setFloating,
+      style: V
+    }, X()),
+    M ? /* @__PURE__ */ s.createElement(ie, { as: "div" }, r) : r
+  ))));
+  return w === null ? /* @__PURE__ */ s.createElement(ae, null, u) : u;
+};
+export {
+  ge as Popover
+};

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

@@ -0,0 +1 @@
+var x=Object.defineProperty;var n=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var d=(e,c,r)=>c in e?x(e,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[c]=r,P=(e,c)=>{for(var r in c||(c={}))u.call(c,r)&&d(e,r,c[r]);if(n)for(var r of n(c))p.call(c,r)&&d(e,r,c[r]);return e};var b=(e,c)=>{var r={};for(var s in e)u.call(e,s)&&c.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&n)for(var s of n(e))c.indexOf(s)<0&&p.call(e,s)&&(r[s]=e[s]);return r};var q=require("../../assets/index13.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),w=require("clsx"),g=require("../../chunks/ProgressBar-45af3224.js");function R(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const i=R(O),_={"progress-circle":"lc-ProgressCircle-module__progress-circle___NRHCi","progress-circle--small":"lc-ProgressCircle-module__progress-circle--small___8FVwG","progress-circle--medium":"lc-ProgressCircle-module__progress-circle--medium___XlzEX","progress-circle--large":"lc-ProgressCircle-module__progress-circle--large___qxa2y","progress-circle__bg-line--normal":"lc-ProgressCircle-module__progress-circle__bg-line--normal___nDNwj","progress-circle__bg-line--success":"lc-ProgressCircle-module__progress-circle__bg-line--success___1aP-O","progress-circle__bg-line--error":"lc-ProgressCircle-module__progress-circle__bg-line--error___oqMZL","progress-circle__indicator--normal":"lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX","progress-circle__indicator--success":"lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR","progress-circle__indicator--error":"lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9"},k={small:2,medium:3,large:4},h={small:15,medium:36,large:56},t="progress-circle",j=i.forwardRef((v,C)=>{var a=v,{status:e="normal",progressValue:c,className:r,size:s="medium"}=a,f=b(a,["status","progressValue","className","size"]);const S=g.getProgressStatus(e,c),$=g.getPercentNumber(S,c),l=k[s],o=h[s],y=w(_[t],{[_[`${t}--${s}`]]:s,[_[`${t}--${e}`]]:e},r),m=2*Math.PI*((o-l)/2),E={strokeDasharray:m.toFixed(3),strokeDashoffset:`${((100-$)/100*m).toFixed(3)}px`},N=`${o/2} ${o/2} ${o} ${o}`;return i.createElement("div",P({className:y,ref:C,role:"progressbar"},f),i.createElement("svg",{viewBox:N},i.createElement("circle",{className:_[`${t}__bg-line--${e}`],cx:o,cy:o,r:(o-l)/2,fill:"none",strokeWidth:l}),i.createElement("circle",{className:_[`${t}__indicator--${e}`],style:E,cx:o,cy:o,r:(o-l)/2,fill:"none",strokeWidth:l})))});exports.ProgressBar=g.ProgressBar;exports.ProgressCircle=j;

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

@@ -0,0 +1,104 @@
+var N = Object.defineProperty;
+var t = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var n = (r, e, s) => e in r ? N(r, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[e] = s, u = (r, e) => {
+  for (var s in e || (e = {}))
+    d.call(e, s) && n(r, s, e[s]);
+  if (t)
+    for (var s of t(e))
+      p.call(e, s) && n(r, s, e[s]);
+  return r;
+};
+var P = (r, e) => {
+  var s = {};
+  for (var c in r)
+    d.call(r, c) && e.indexOf(c) < 0 && (s[c] = r[c]);
+  if (r != null && t)
+    for (var c of t(r))
+      e.indexOf(c) < 0 && p.call(r, c) && (s[c] = r[c]);
+  return s;
+};
+import "../../assets/index13.css";
+import * as _ from "react";
+import w from "clsx";
+import { g as y, a as R } from "../../chunks/ProgressBar-6af9d43b.js";
+import { P as O } from "../../chunks/ProgressBar-6af9d43b.js";
+const i = {
+  "progress-circle": "lc-ProgressCircle-module__progress-circle___NRHCi",
+  "progress-circle--small": "lc-ProgressCircle-module__progress-circle--small___8FVwG",
+  "progress-circle--medium": "lc-ProgressCircle-module__progress-circle--medium___XlzEX",
+  "progress-circle--large": "lc-ProgressCircle-module__progress-circle--large___qxa2y",
+  "progress-circle__bg-line--normal": "lc-ProgressCircle-module__progress-circle__bg-line--normal___nDNwj",
+  "progress-circle__bg-line--success": "lc-ProgressCircle-module__progress-circle__bg-line--success___1aP-O",
+  "progress-circle__bg-line--error": "lc-ProgressCircle-module__progress-circle__bg-line--error___oqMZL",
+  "progress-circle__indicator--normal": "lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX",
+  "progress-circle__indicator--success": "lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR",
+  "progress-circle__indicator--error": "lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9"
+}, h = {
+  small: 2,
+  medium: 3,
+  large: 4
+}, k = {
+  small: 15,
+  medium: 36,
+  large: 56
+}, g = "progress-circle", B = _.forwardRef(
+  (F, $) => {
+    var a = F, {
+      status: r = "normal",
+      progressValue: e,
+      className: s,
+      size: c = "medium"
+    } = a, C = P(a, [
+      "status",
+      "progressValue",
+      "className",
+      "size"
+    ]);
+    const f = R(r, e), b = y(f, e), l = h[c], o = k[c], x = w(
+      i[g],
+      {
+        [i[`${g}--${c}`]]: c,
+        [i[`${g}--${r}`]]: r
+      },
+      s
+    ), m = 2 * Math.PI * ((o - l) / 2), E = {
+      strokeDasharray: m.toFixed(3),
+      strokeDashoffset: `${((100 - b) / 100 * m).toFixed(3)}px`
+    }, S = `${o / 2} ${o / 2} ${o} ${o}`;
+    return /* @__PURE__ */ _.createElement(
+      "div",
+      u({
+        className: x,
+        ref: $,
+        role: "progressbar"
+      }, C),
+      /* @__PURE__ */ _.createElement("svg", { viewBox: S }, /* @__PURE__ */ _.createElement(
+        "circle",
+        {
+          className: i[`${g}__bg-line--${r}`],
+          cx: o,
+          cy: o,
+          r: (o - l) / 2,
+          fill: "none",
+          strokeWidth: l
+        }
+      ), /* @__PURE__ */ _.createElement(
+        "circle",
+        {
+          className: i[`${g}__indicator--${r}`],
+          style: E,
+          cx: o,
+          cy: o,
+          r: (o - l) / 2,
+          fill: "none",
+          strokeWidth: l
+        }
+      ))
+    );
+  }
+);
+export {
+  O as ProgressBar,
+  B as ProgressCircle
+};

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

@@ -0,0 +1 @@
+var w=require("../../assets/index12.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),R=require("@livechat/design-system-icons"),O=require("clsx"),S=require("lodash.debounce"),f=require("../Button/index.cjs.js"),v=require("../Icon/index.cjs.js"),h=require("../../chunks/Text-fcac11f3.js");function y(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:()=>o[a]})}}return t.default=o,Object.freeze(t)}const e=y(N),n={"promo-banner":"lc-PromoBanner-module__promo-banner___-mGpq","promo-banner__content":"lc-PromoBanner-module__promo-banner__content___kRWar","promo-banner__wrapper":"lc-PromoBanner-module__promo-banner__wrapper___I-8cl","promo-banner__header":"lc-PromoBanner-module__promo-banner__header___ebYHW","promo-banner__img":"lc-PromoBanner-module__promo-banner__img___eaShb","promo-banner__button-text":"lc-PromoBanner-module__promo-banner__button-text___taYKa","promo-banner--light":"lc-PromoBanner-module__promo-banner--light___eJxOR","promo-banner__footer":"lc-PromoBanner-module__promo-banner__footer___8OjvH","promo-banner--small":"lc-PromoBanner-module__promo-banner--small___7sWLV","promo-banner--large":"lc-PromoBanner-module__promo-banner--large___pMiCU","promo-banner__close-icon":"lc-PromoBanner-module__promo-banner__close-icon___GowBL"},z=400,C=800,L=500,r="promo-banner",$=({className:o,buttonText:t,children:a,header:c,img:i,light:E=!1,linkText:u,onButtonClick:g,onClose:d,onLinkClick:B})=>{const _=e.useRef(null),[m,l]=e.useState("medium"),P=O(n[r],{[n[`${r}--light`]]:E,[n[`${r}--small`]]:m==="small",[n[`${r}--large`]]:m==="large"},o);e.useEffect(()=>{const b=()=>_.current&&_.current.offsetWidth<=z?l("small"):_.current&&_.current.offsetWidth>=C?l("large"):l("medium"),s=S(b,L);return window.addEventListener("resize",s),b(),()=>{s.cancel(),window.removeEventListener("resize",s)}},[]);const p=e.createElement("div",{className:n[`${r}__footer`]},t&&e.createElement(f.Button,{kind:"primary",size:"compact",onClick:g,className:n[`${r}__button-text`]},t),u&&e.createElement(f.Button,{size:"compact",kind:"text",onClick:B},u));return e.createElement("div",{ref:_,className:P},e.createElement("div",{className:n[`${r}__content`]},i&&e.createElement("img",{src:i,className:n[`${r}__img`]}),e.createElement("div",{className:n[`${r}__wrapper`]},e.createElement("div",{className:n[`${r}__header`]},c),e.createElement(h.Text,{as:"div"},a),m!=="large"&&p),m==="large"&&p),d&&e.createElement("button",{type:"button",className:n[`${r}__close-icon`],onClick:d},e.createElement(v.Icon,{source:R.Close,size:"large",kind:"primary"})))};exports.PromoBanner=$;

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

@@ -0,0 +1,73 @@
+import "../../assets/index12.css";
+import * as e from "react";
+import { Close as R } from "@livechat/design-system-icons";
+import P from "clsx";
+import h from "lodash.debounce";
+import { Button as d } from "../Button/index.es.js";
+import { Icon as v } from "../Icon/index.es.js";
+import { T as C } from "../../chunks/Text-cf7d33c8.js";
+const r = {
+  "promo-banner": "lc-PromoBanner-module__promo-banner___-mGpq",
+  "promo-banner__content": "lc-PromoBanner-module__promo-banner__content___kRWar",
+  "promo-banner__wrapper": "lc-PromoBanner-module__promo-banner__wrapper___I-8cl",
+  "promo-banner__header": "lc-PromoBanner-module__promo-banner__header___ebYHW",
+  "promo-banner__img": "lc-PromoBanner-module__promo-banner__img___eaShb",
+  "promo-banner__button-text": "lc-PromoBanner-module__promo-banner__button-text___taYKa",
+  "promo-banner--light": "lc-PromoBanner-module__promo-banner--light___eJxOR",
+  "promo-banner__footer": "lc-PromoBanner-module__promo-banner__footer___8OjvH",
+  "promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
+  "promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
+  "promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
+}, L = 400, $ = 800, z = 500, o = "promo-banner", k = ({
+  className: u,
+  buttonText: m,
+  children: b,
+  header: E,
+  img: l,
+  light: f = !1,
+  linkText: c,
+  onButtonClick: g,
+  onClose: s,
+  onLinkClick: B
+}) => {
+  const n = e.useRef(null), [a, _] = e.useState("medium"), N = P(
+    r[o],
+    {
+      [r[`${o}--light`]]: f,
+      [r[`${o}--small`]]: a === "small",
+      [r[`${o}--large`]]: a === "large"
+    },
+    u
+  );
+  e.useEffect(() => {
+    const p = () => n.current && n.current.offsetWidth <= L ? _("small") : n.current && n.current.offsetWidth >= $ ? _("large") : _("medium"), t = h(
+      p,
+      z
+    );
+    return window.addEventListener("resize", t), p(), () => {
+      t.cancel(), window.removeEventListener("resize", t);
+    };
+  }, []);
+  const i = /* @__PURE__ */ e.createElement("div", { className: r[`${o}__footer`] }, m && /* @__PURE__ */ e.createElement(
+    d,
+    {
+      kind: "primary",
+      size: "compact",
+      onClick: g,
+      className: r[`${o}__button-text`]
+    },
+    m
+  ), c && /* @__PURE__ */ e.createElement(d, { size: "compact", kind: "text", onClick: B }, c));
+  return /* @__PURE__ */ e.createElement("div", { ref: n, className: N }, /* @__PURE__ */ e.createElement("div", { className: r[`${o}__content`] }, l && /* @__PURE__ */ e.createElement("img", { src: l, className: r[`${o}__img`] }), /* @__PURE__ */ e.createElement("div", { className: r[`${o}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: r[`${o}__header`] }, E), /* @__PURE__ */ e.createElement(C, { as: "div" }, b), a !== "large" && i), a === "large" && i), s && /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: r[`${o}__close-icon`],
+      onClick: s
+    },
+    /* @__PURE__ */ e.createElement(v, { source: R, size: "large", kind: "primary" })
+  ));
+};
+export {
+  k as PromoBanner
+};

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

@@ -0,0 +1 @@
+var N=require("../../assets/index11.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),u=require("@livechat/design-system-icons"),l=require("clsx"),m=require("../Button/index.cjs.js"),P=require("../Icon/index.cjs.js");function k(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const e=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(t,c,e.get?e:{enumerable:!0,get:()=>r[c]})}}return t.default=r,Object.freeze(t)}const n=k(v),_={"main-wrapper":"lc-PromoBannerV2-module__main-wrapper___U-dPS","promo-banner-v2":"lc-PromoBannerV2-module__promo-banner-v2___HkNxR","promo-banner-v2__content":"lc-PromoBannerV2-module__promo-banner-v2__content___65vEP","promo-banner-v2__content__cta":"lc-PromoBannerV2-module__promo-banner-v2__content__cta___II2hK","promo-banner-v2__content__cta__secondary":"lc-PromoBannerV2-module__promo-banner-v2__content__cta__secondary___17BKS","promo-banner-v2__additional-content":"lc-PromoBannerV2-module__promo-banner-v2__additional-content___LpU9B","promo-banner-v2__close":"lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U","promo-banner-v2__close__btn":"lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC","promo-banner-v2--vertical":"lc-PromoBannerV2-module__promo-banner-v2--vertical___p0mSU"},o="promo-banner-v2",E=({children:r,className:t,additionalContent:c,primaryButton:e,secondaryButton:a,vertical:i,contentClassName:d,additionalContentClassName:b,onClose:s})=>{const p=l(_["main-wrapper"],t);return n.createElement("div",{role:"banner",className:p},n.createElement("div",{className:l(_[o],i&&_[`${o}--vertical`])},n.createElement("div",{className:l(_[`${o}__content`],d)},r,(e||a)&&n.createElement("div",{className:_[`${o}__content__cta`]},e&&n.createElement(m.Button,{kind:(e==null?void 0:e.kind)||"high-contrast",onClick:e.handleClick},e.label),a&&n.createElement(m.Button,{kind:(a==null?void 0:a.kind)||"text",onClick:a.handleClick,className:_[`${o}__content__cta__secondary`]},a.label))),c&&n.createElement("div",{className:l(_[`${o}__additional-content`],b)},c),s&&n.createElement("div",{className:_[`${o}__close`]},n.createElement(m.Button,{className:_[`${o}__close__btn`],onClick:s,icon:n.createElement(P.Icon,{source:u.Close,kind:"primary"}),kind:"plain",size:"compact"}))))};exports.PromoBannerV2=E;

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

@@ -0,0 +1,77 @@
+import "../../assets/index11.css";
+import * as e from "react";
+import { Close as d } from "@livechat/design-system-icons";
+import r from "clsx";
+import { Button as c } from "../Button/index.es.js";
+import { Icon as k } from "../Icon/index.es.js";
+const _ = {
+  "main-wrapper": "lc-PromoBannerV2-module__main-wrapper___U-dPS",
+  "promo-banner-v2": "lc-PromoBannerV2-module__promo-banner-v2___HkNxR",
+  "promo-banner-v2__content": "lc-PromoBannerV2-module__promo-banner-v2__content___65vEP",
+  "promo-banner-v2__content__cta": "lc-PromoBannerV2-module__promo-banner-v2__content__cta___II2hK",
+  "promo-banner-v2__content__cta__secondary": "lc-PromoBannerV2-module__promo-banner-v2__content__cta__secondary___17BKS",
+  "promo-banner-v2__additional-content": "lc-PromoBannerV2-module__promo-banner-v2__additional-content___LpU9B",
+  "promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
+  "promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC",
+  "promo-banner-v2--vertical": "lc-PromoBannerV2-module__promo-banner-v2--vertical___p0mSU"
+}, n = "promo-banner-v2", $ = ({
+  children: t,
+  className: s,
+  additionalContent: m,
+  primaryButton: o,
+  secondaryButton: a,
+  vertical: i,
+  contentClassName: p,
+  additionalContentClassName: v,
+  onClose: l
+}) => {
+  const b = r(_["main-wrapper"], s);
+  return /* @__PURE__ */ e.createElement("div", { role: "banner", className: b }, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: r(
+        _[n],
+        i && _[`${n}--vertical`]
+      )
+    },
+    /* @__PURE__ */ e.createElement("div", { className: r(_[`${n}__content`], p) }, t, (o || a) && /* @__PURE__ */ e.createElement("div", { className: _[`${n}__content__cta`] }, o && /* @__PURE__ */ e.createElement(
+      c,
+      {
+        kind: (o == null ? void 0 : o.kind) || "high-contrast",
+        onClick: o.handleClick
+      },
+      o.label
+    ), a && /* @__PURE__ */ e.createElement(
+      c,
+      {
+        kind: (a == null ? void 0 : a.kind) || "text",
+        onClick: a.handleClick,
+        className: _[`${n}__content__cta__secondary`]
+      },
+      a.label
+    ))),
+    m && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: r(
+          _[`${n}__additional-content`],
+          v
+        )
+      },
+      m
+    ),
+    l && /* @__PURE__ */ e.createElement("div", { className: _[`${n}__close`] }, /* @__PURE__ */ e.createElement(
+      c,
+      {
+        className: _[`${n}__close__btn`],
+        onClick: l,
+        icon: /* @__PURE__ */ e.createElement(k, { source: d, kind: "primary" }),
+        kind: "plain",
+        size: "compact"
+      }
+    ))
+  ));
+};
+export {
+  $ as PromoBannerV2
+};

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

@@ -0,0 +1 @@
+var B=Object.defineProperty,N=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var u=(e,o,t)=>o in e?B(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,m=(e,o)=>{for(var t in o||(o={}))d.call(o,t)&&u(e,t,o[t]);if(i)for(var t of i(o))s.call(o,t)&&u(e,t,o[t]);return e},b=(e,o)=>N(e,y(o));var p=(e,o)=>{var t={};for(var _ in e)d.call(e,_)&&o.indexOf(_)<0&&(t[_]=e[_]);if(e!=null&&i)for(var _ of i(e))o.indexOf(_)<0&&s.call(e,_)&&(t[_]=e[_]);return t};var S=require("../../assets/index10.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react"),x=require("clsx"),E=require("../FieldDescription/index.cjs.js"),O=require("../../chunks/Text-fcac11f3.js");function T(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const _=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,_.get?_:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const r=T($),a={"radio-button":"lc-RadioButton-module__radio-button___WaToM","radio-button__circle":"lc-RadioButton-module__radio-button__circle___wimWA","radio-button__label":"lc-RadioButton-module__radio-button__label___i7ygg","radio-button__inner-circle":"lc-RadioButton-module__radio-button__inner-circle___qkRVf","radio-button__text":"lc-RadioButton-module__radio-button__text___mT8c0","radio-button__input":"lc-RadioButton-module__radio-button__input___7OTAK","radio-button__helper":"lc-RadioButton-module__radio-button__helper___r8gJJ","radio-button--selected":"lc-RadioButton-module__radio-button--selected___s9lqj","radio-button--disabled":"lc-RadioButton-module__radio-button--disabled___wHSA7"},n="radio-button",j=r.forwardRef((q,f)=>{var c=q,{children:e,className:o="",description:t,checked:_,disabled:l}=c,R=p(c,["children","className","description","checked","disabled"]);const g=x(a[n],o,{[a[`${n}--selected`]]:_,[a[`${n}--disabled`]]:l});return r.createElement("div",{className:g},r.createElement("label",{className:a[`${n}__label`]},r.createElement("div",{className:a[`${n}__circle`]},r.createElement("span",{className:a[`${n}__inner-circle`]}),r.createElement("input",b(m({},R),{className:a[`${n}__input`],ref:f,type:"radio",checked:_,disabled:l}))),e&&r.createElement(O.Text,{as:"div",size:"md",className:a[`${n}__text`]},e)),t&&r.createElement(E.FieldDescription,{className:a[`${n}__helper`]},t))});exports.RadioButton=j;

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

@@ -0,0 +1,58 @@
+var $ = Object.defineProperty, f = Object.defineProperties;
+var E = Object.getOwnPropertyDescriptors;
+var r = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var u = (t, e, o) => e in t ? $(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, s = (t, e) => {
+  for (var o in e || (e = {}))
+    c.call(e, o) && u(t, o, e[o]);
+  if (r)
+    for (var o of r(e))
+      m.call(e, o) && u(t, o, e[o]);
+  return t;
+}, b = (t, e) => f(t, E(e));
+var p = (t, e) => {
+  var o = {};
+  for (var _ in t)
+    c.call(t, _) && e.indexOf(_) < 0 && (o[_] = t[_]);
+  if (t != null && r)
+    for (var _ of r(t))
+      e.indexOf(_) < 0 && m.call(t, _) && (o[_] = t[_]);
+  return o;
+};
+import "../../assets/index10.css";
+import * as i from "react";
+import x from "clsx";
+import { FieldDescription as T } from "../FieldDescription/index.es.js";
+import { T as g } from "../../chunks/Text-cf7d33c8.js";
+const a = {
+  "radio-button": "lc-RadioButton-module__radio-button___WaToM",
+  "radio-button__circle": "lc-RadioButton-module__radio-button__circle___wimWA",
+  "radio-button__label": "lc-RadioButton-module__radio-button__label___i7ygg",
+  "radio-button__inner-circle": "lc-RadioButton-module__radio-button__inner-circle___qkRVf",
+  "radio-button__text": "lc-RadioButton-module__radio-button__text___mT8c0",
+  "radio-button__input": "lc-RadioButton-module__radio-button__input___7OTAK",
+  "radio-button__helper": "lc-RadioButton-module__radio-button__helper___r8gJJ",
+  "radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
+  "radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
+}, l = "radio-button", J = i.forwardRef(
+  (v, B) => {
+    var d = v, { children: t, className: e = "", description: o, checked: _, disabled: n } = d, R = p(d, ["children", "className", "description", "checked", "disabled"]);
+    const N = x(a[l], e, {
+      [a[`${l}--selected`]]: _,
+      [a[`${l}--disabled`]]: n
+    });
+    return /* @__PURE__ */ i.createElement("div", { className: N }, /* @__PURE__ */ i.createElement("label", { className: a[`${l}__label`] }, /* @__PURE__ */ i.createElement("div", { className: a[`${l}__circle`] }, /* @__PURE__ */ i.createElement("span", { className: a[`${l}__inner-circle`] }), /* @__PURE__ */ i.createElement(
+      "input",
+      b(s({}, R), {
+        className: a[`${l}__input`],
+        ref: B,
+        type: "radio",
+        checked: _,
+        disabled: n
+      })
+    )), t && /* @__PURE__ */ i.createElement(g, { as: "div", size: "md", className: a[`${l}__text`] }, t)), o && /* @__PURE__ */ i.createElement(T, { className: a[`${l}__helper`] }, o));
+  }
+);
+export {
+  J as RadioButton
+};

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

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

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

@@ -0,0 +1,117 @@
+import "../../assets/index9.css";
+import * as e from "react";
+import { Search as T, Close as F } from "@livechat/design-system-icons";
+import g from "clsx";
+import { K } from "../../chunks/keyCodes-30323e90.js";
+import { Button as v } from "../Button/index.es.js";
+import { Icon as m } from "../Icon/index.es.js";
+import { Loader as w } from "../Loader/index.es.js";
+import { T as R } from "../../chunks/Text-cf7d33c8.js";
+const a = {
+  "search-input": "lc-Search-module__search-input___FsbCk",
+  "search-input--compact": "lc-Search-module__search-input--compact___498To",
+  "search-input--medium": "lc-Search-module__search-input--medium___Hwteg",
+  "search-input--large": "lc-Search-module__search-input--large___-IBuC",
+  "search-input--focused": "lc-Search-module__search-input--focused___i2eul",
+  "search-input--disabled": "lc-Search-module__search-input--disabled___LSJ2e",
+  "search-input--collapsable": "lc-Search-module__search-input--collapsable___5GaIH",
+  "search-input__search-icon": "lc-Search-module__search-input__search-icon___BBQoD",
+  "search-input--collapsable--open": "lc-Search-module__search-input--collapsable--open___vqTpD",
+  "search-input__clear-icon": "lc-Search-module__search-input__clear-icon___LoNkc",
+  "search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
+  "search-input__input": "lc-Search-module__search-input__input___OhyTr"
+}, c = "search-input", z = `${c}__input`, Q = ({
+  isCollapsable: t,
+  isDisabled: o,
+  isLoading: _,
+  placeholder: h = "Search ...",
+  size: d = "medium",
+  value: s,
+  className: f,
+  onChange: n
+}) => {
+  const [u, l] = e.useState(!0), [S, i] = e.useState(!1), p = e.useRef(null), C = !!s && !o && !_, $ = t && !u && "true", k = g(
+    f,
+    a[c],
+    a[`${c}--${d}`],
+    S && a[`${c}--focused`],
+    o && a[`${c}--disabled`],
+    t && a[`${c}--collapsable`],
+    !u && a[`${c}--collapsable--open`]
+  );
+  e.useEffect(() => {
+    t && s && l(!1);
+  }, [t]);
+  const E = (r) => {
+    const N = r.currentTarget.value;
+    n(N);
+  }, y = () => {
+    n("");
+  }, b = () => {
+    var r;
+    (r = p.current) == null || r.focus();
+  }, x = () => {
+    t && l(!1), i(!0);
+  }, I = () => {
+    t && !s && l(!0), i(!1);
+  }, B = (r) => {
+    r.key === K.enter && (r.preventDefault(), n(s));
+  };
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      "aria-expanded": $,
+      role: "search",
+      className: k,
+      onClick: b
+    },
+    /* @__PURE__ */ e.createElement(
+      m,
+      {
+        className: a[`${c}__search-icon`],
+        source: T,
+        disabled: o,
+        kind: "primary"
+      }
+    ),
+    /* @__PURE__ */ e.createElement(R, { as: "div" }, /* @__PURE__ */ e.createElement(
+      "input",
+      {
+        role: "searchbox",
+        ref: p,
+        className: a[z],
+        type: "text",
+        value: s,
+        placeholder: h,
+        onChange: E,
+        onBlur: I,
+        onFocus: x,
+        onKeyDown: B,
+        disabled: o
+      }
+    )),
+    C && /* @__PURE__ */ e.createElement(
+      v,
+      {
+        "aria-label": "Clear search",
+        title: "Clear search",
+        className: a[`${c}__clear-icon`],
+        onClick: y,
+        icon: /* @__PURE__ */ e.createElement(m, { source: F, kind: "primary" }),
+        kind: "text",
+        size: "compact"
+      }
+    ),
+    _ && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        "data-testid": `${c}-loader`,
+        className: a[`${c}__loader`]
+      },
+      /* @__PURE__ */ e.createElement(w, { size: "small" })
+    )
+  );
+};
+export {
+  Q as SearchInput
+};

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

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

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

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

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

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